body,table{font-size: 9pt;color:#FFFFFF;}
body,input,select,textarea{font-family: Verdana, Arial, sans-serif;}
body,form,div,span,input,select,h1,h2,h3,h4,textarea,p{margin: 0;padding:0;}
ul{padding: 5px 0 5px 20px;margin: 0;}
input,select,textarea{font-size: 100%;border: 1px solid gray;color:#000000;
    background-color:#EEEEEE;max-width:600px;}
textarea {width:100%;}
div img,h1 img,h2 img,a img,span img,img {vertical-align:middle;}
div,h1,h2,h3,h4{padding:0;}
a:link{color: #cf5555;}

a:visited{color: #cf5555;}
ul,li {list-style:none; margin:0; padding:0;}
h1{font-size:120%;font-weight:bold;color:#FFFFFF;padding:2px 0;}
h2{font-size: 110%;font-weight:bold;color:#FFFFFF;padding:2px 0;}
em{font-style:normal;}
hr{padding:0;margin:6px 0;height:0;color:#666666;background-color:#666666;border-top:none;border-bottom:#666666 solid 1px;}
body {margin: 0 auto;max-width: 400px; background: url('/legacy/images/background/main_bg.png') center top no-repeat; background-color: #000000; font-size: 14px;}

table {font-size: 14px;}
/*div.main {
	background: #1d110c;
	border: 1px solid #825018;
	padding: 0px;
	border-radius:0px;
}*/
div.footer {text-align:center;margin-top:6px;}
h1{font-size:120%;font-weight:normal;color:#FFFFFF;padding:0;}
h2{font-size: 105%;font-weight:normal;color:#FFFFFF;}
.exp {
	height: 4px;
	background-image: url('/legacy/images/line.png');
}
table {
    border-collapse:collapse;
}
table.bordered td {
    border: 1px solid burlywood;
}
.maps {
    font-size: 5pt;
    border: 1px outset gray;
    border-collapse: separate;
	background-color: gray;
}

ul.help {
    list-style:circle;
}

#but{
width:98%;background:#330000;font-weight:bold;cursor:pointer;color:#ffffff
}

.tit{
	color: #C7C99B;
	text-align: center;
	margin-top: 2px;
}

ul.help li {
    list-style:circle;
    margin-left:16px;
}
.small{
    font-size:80%;
}
.white {
    color:white;
}
.health {
    color:#FF9999;
}
.notify {
    color:#FFF559;
}
.energy {
    color:#9999FF;
}
.money {
    color:#CC9900;
}
.minor {
    color:gray;
}
.major {
    color:#DD6666;
}
.info {
    color:#6FCD72;
}
.link {
    color:#FFDF8C;
}
.admin {
    color:#00D0FF;
}
.moderator {
    color:#90EE90;
}
.level {
    color:#7cfc00;
}
a.money {
    color:#CC9900
}
a.buff {
    color:#00ccff;
}
a.money {
    color:#CC9900;
}
a.info {
    color:#6FCD72;
}
a.info:visited {
    color:#6FCD72;
}
a.major {
    color:#DD6666;
}
a.major:visited {
    color:#DD6666;
}
a.minor {
    color:gray;
}
a.minor:visited{
    color:gray;
}
a.block {
    display:block;
}
a.admin {
    color:#00D0FF;
}
.itemGood {
    color:#6FCD72;
}
.itemBad {
    color:chocolate;
}
.waiting {
    color:#9999FF;
}
.spaces {
    color:#FF6600;
}
.odnoklassniki {
    color:#CCFF99;
}
.mailru {
    color:#3232CC;
}
.mailrucatalog {
    color:#3232CC;
}
div.hr {
    border-bottom:1px dotted #8a8a8a;
    margin: 6px 0;
}

div.block  {
    padding:4px 4px;
    background-color:#404040;
    border:1px dashed #666666;
}

/*feed back section begin*/
li.feedbackPanelERROR {
    padding: 0;
}
.feedbackPanelERROR {
    color:#DD6666;
}

li.feedbackPanelINFO {
    padding: 0;
}
.feedbackPanelINFO {
    color:#00DD00;
}
/*feed back section end*/


.txtal{text-align:left;}
.inbl{
    display:inline-block;
//display:inline;
//zoom:1;}


.m5 {
    margin: 5px;
}

.ml5 {
    margin-left: 5px;
}

.fsm {
    font-size: medium;
}

.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mb5 {margin-bottom: 5px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}

.lh1{line-height:1 !important;}

.bl{display:block;}
.cntr{text-align:center;}
.fll{float:left;}
.flr{float:right;}
.clb{clear:both;}

.w100{width:100%;}
.w995{width:99.5%;}
.w80{width:80%;}


.ntfy {text-align:center;border:2px solid #818181;padding:5px;margin:3px 0;background-color: #3e3e3e;border-radius:4px;}
.ntfy .ln{border-top: 1px solid #5b5b5b;border-bottom:1px solid #818181;}


.sale {color:#ee96ff;}
a.sale{color:#ee96ff;}
a.sale:hover {color:#C187FD;}

.percent {color:#6FCD72;}

.tdn, .tdn a{text-decoration:none !important;}
.tdu, .tdu a{text-decoration:underline !important;}

.submit{padding:2px 10px;}


.btn {
	position: relative;
	border: ridge 1px #333333;
	color: rgb(198, 222, 221);
	background-color: #222222;
	margin: 2px;
	margin-top: 4px;
	color: #CCCCCC;
	padding: 4px;

	text-align: center;
	display: block;
}
.btn:hover{
	background-color: #333333;
}


input {

	border: ridge 1px #000000;
	color:#000000;
	
	margin: 4px;
	margin-top: 4px;
	padding: 4px;
	width: auto;
	display: block;
}

.lock {
	position: relative;
	border: ridge 1px #8a8a8a;
	color: rgb(198, 222, 221);
	background-color: none;
	margin: 4px;
	margin-top: 4px;
	color: #8a8a8a;
	padding: 4px;
	text-align: center;
	display: block;
}

.btn2 {
	position: relative;
	border-top: ridge 1px yellow;
	border-bottom: ridge 1px yellow;
	color: rgb(198, 222, 221);
	background-color: #006600;
	margin: 0px;
	margin-bottom: 2px;
	color: gold;
	padding: 4px;
	text-align: left;
	display: block;
}
.btn2:hover {
	background-color: #333300;
}

.button_activ {
	position: relative;
	border: ridge 1px #666666;
	color: #666666;
	margin: 2px;
	margin-top: 4px;
	padding: 4px;
	font-size: 13px;
	text-align: center;
	display: block;
}

.icons {
	width: 16px;
	height: 16px;
	margin-bottom:2px;
}
.smile {
	width: 24px;
	height: 24px;
}
.smiles {
	width: 14px;
	margin-top: -2px;
}
.right {
	float: right;
	color: #8a8a8a;
}

.left {
	float: left;
}

.imground {
	border-radius: 0px;
}

.needitem {
	width: 55px;
	border-radius: 10px;
	border: ridge 2px yellow;
}
.needitemDELETE {
	width: 55px;
	border-radius: 10px;
	border: ridge 2px red;
}

.needitemCollect {
	width: 45px;
	border-radius: 10px;
	border: ridge 2px gold;
	background: url('/legacy/images/collect/collectBack2.png');
}

.collect {
	width: 55px;
	border-radius: 10px;
	border: ridge 2px gold;
	background: url('/legacy/images/collect/collectBack.png');
}

.shopItem {
	width: 50px;
	border-radius: 10px;
	border: ridge 2px gold;
	background: url('/legacy/images/clothes/shopItemBack.png');

}

.needitemCollectGray {
	width: 45px;
	border-radius: 10px;
	border: ridge 2px gray;
	background: url('/legacy/images/collect/collectGray2.png');
	margin-right:0px;
	margin-left:0px;
}

.ok {
	position: absolute;
	margin-left: 36px;
	margin-top: 38px
}
.ok2 {
	border-radius: 4px;
	position: absolute;
	margin-left: 31px;
	margin-top: 31px;
	width: 19px;
	height: 19px;
	background: #000000;
}

.avatarFight {
	float: right;
	border: ridge 1px gold;
	background: url('/legacy/images/collect/collectBack.png');
}

table.xp {
	height:4px;
	background:#996633;
	width:100%;
	border-radius:10px
}

.button {
	cursor: pointer;
	font-weight: bold;
	border: ridge 1px #000;
	background-color: #663366;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 4px;
	text-align: center;
	display: block;
	color: #fff;
}

.item {
		text-align: left;
		padding-left: 4px;
		padding-right: 2px;
		padding-bottom: 4px;
		margin-top: 4px;

	}
	
	.item td {
		
		color: gold;
	}
	s.dopdop img{
		margin: 4px;	
		background-image: url('/legacy/images/design/itemFon.png');
		border: ridge 0px #27383b;
	}
	.item td a {
		color: #FFDF8C;
		text-decoration: underline;
	}
	.map { background: url('/legacy/images/interface/main_fon.jpg') center top no-repeat;}
	.map tr, td {
		border: 0px;
	}
	.map td img {
		width: 20px;
		height: 20px;
	}
	
/* --------------- */
a {
	text-decoration:none;
}
.bord {
	background: url(/legacy/images/design/hr-bottom.png);
	width: 100%;
	height: 4px;
}


.top_menu{
	border-style: solid;
	border-width: 15px 15px 15px;
	-moz-border-image: url(/legacy/images/new_dis/top.png) 20 22 21;
	-webkit-border-image: url(/legacy/images/new_dis/top.png) 20 22 21;
	-o-border-image: url(/legacy/images/new_dis/top.png) 20 22 21;
	border-image: url(/legacy/images/new_dis/top.png) 20 22 21;
}
.middle{
	margin-left:1px;
	margin-right:1px;
	border-style: solid;
	border-width: 0px 7px 0px 7px;
	-moz-border-image: url(/legacy/images/new_dis/middle.png) 0 7 0 7 repeat;
	-webkit-border-image: url(/legacy/images/new_dis/middle.png) 0 7 0 7 repeat;
	-o-border-image: url(/legacy/images/new_dis/middle.png) 0 7 0 7 repeat;
	border-image: url(/legacy/images/new_dis/middle.png) 0 7 0 7 repeat;
}

.one_by_one{

background-color:#19120d;
border-style: solid;
border-width: 12px 0px 12px;
-moz-border-image: url(/legacy/images/new_dis/quest.png) 13 0 13 repeat round;
-webkit-border-image: url(/legacy/images/new_dis/quest.png) 13 0 13 repeat round;
-o-border-image: url(/legacy/images/new_dis/quest.png) 13 0 13 repeat round;
border-image: url(/legacy/images/new_dis/quest.png) 13 0 13 repeat round;
}
.one_by_ava{

border-style: solid;
border-width: 95px 25px 86px 79px;
-moz-border-image: url(/legacy/images/frame.png) 95 25 86 79 round;
-webkit-border-image: url(/legacy/images/frame.png) 95 25 86 79 round;
-o-border-image: url(/legacy/images/frame.png) 95 25 86 79 round;
border-image: url(/legacy/images/frame.png) 95 25 86 79 fill round;
}
.message{
	border-style: solid;
	border-width: 28px 46px 30px 38px;
	-moz-border-image: url(/legacy/images/new_dis/message3.png) 28 46 30 38 round repeat;
	-webkit-border-image: url(/legacy/images/new_dis/message3.png) 28 46 30 38 round repeat;
	-o-border-image: url(/legacy/images/new_dis/message3.png) 28 46 30 38 round repeat;
	border-image: url(/legacy/images/new_dis/message3.png) 28 46 30 38 round repeat;
}
.bot{
	border-style: solid;
	border-width: 18px 57px 0px 55px;
	-moz-border-image: url(/legacy/images/new_dis/bot.png) 18 57 0 55 repeat;
	-webkit-border-image: url(/legacy/images/new_dis/bot.png) 18 57 0 55 repeat;
	-o-border-image: url(/legacy/images/new_dis/bot.png) 18 57 0 55 repeat;
	border-image: url(/legacy/images/new_dis/bot.png) 18 57 0 55 repeat;
}
.empty{
	border-style: solid;
	border-width: 16px 18px;
	-moz-border-image: url(/legacy/images/new_dis/empty.png) 24 28 25 27 repeat;
	-webkit-border-image: url(/legacy/images/new_dis/empty.png) 24 28 25 27 repeat;
	-o-border-image: url(/legacy/images/new_dis/empty.png) 24 28 25 27 repeat;
	border-image: url(/legacy/images/new_dis/empty.png) 24 28 25 27 repeat;
}
.message div.external{
	background-color:#19120d;
	margin:-10px;
}
/*.message div.hr{
	border-color:#F7AB57;
	margin-bottom:4px;
}*/
.message div.title{
	text-align:center;
	margin-top:-20px;
	color:#F7AB57;
}
.input_submit {
    text-decoration: none;
    border-width: 2px;
    border-style: solid;
	border-color: #000000;
    padding: 4px 10px;
	background-color:#E1B55C;
	background: url('/legacy/images/new_design/button_yellow.png') center top repeat-x #E1B55C;
    color: #2C1F12;
    border-radius: 3px;
    
    
	margin:4px;
	text-align:center;
	
}
.buy_submit {
    text-decoration: none;
    border-width: 2px;
    border-style: solid;
	border-color: #000000;
    padding: 4px 10px;
	background-color:#E1B55C;
	background: url('/legacy/images/new_design/button_yellow.png') center top repeat-x #E1B55C;
    color: #2C1F12;
    border-radius: 3px;
    white-space: nowrap;
    
	margin:4px;
	text-align:center;
	
}
.buy_submit:hover {

	background-color:#E1B55C;
	background: #E1B55C;
    color: #000000;

}
/*white-space: nowrap;*/
.input_submit:hover {

	background-color:#E1B55C;
	background: #E1B55C;
    color: #000000;

}
.ahtung {
	border-style: solid;
	border-width: 57px 0px 47px;
	-moz-border-image: url(/legacy/images/new_dis/menu_m.png) 57 0 47 repeat round;
	-webkit-border-image: url(/legacy/images/new_dis/menu_m.png) 57 0 47 repeat round;
	-o-border-image: url(/legacy/images/new_dis/menu_m.png) 57 0 47 repeat round;
	border-image: url(/legacy/images/new_dis/menu_m.png) 57 0 47 fill repeat round;
}

.test_ex {
	display: inline-block;
	padding:2px;
    margin: 0;
	min-width:8%;
	
    border: 1px solid #336600;
    border-top-color: #336600;
    
    line-height: 20px;
    font-size: 11px;
    color: #000000;
}
a.test_ex {
	display: inline-block;
	padding:2px;
    margin: 0;
	min-width:8%;
	background-color: #4B7B17;
    border: 1px solid #336600;
    border-top-color: #734a32;
    
    line-height: 20px;
    font-size: 11px;
    color: #CCFF66;
}

.obo_inner {

	background-color:#d8a879;
	padding:2px 8px 6px 8px;
	color:#2C1F12;
}
.obo_inner small {

	color:#2C1F12;
}

.placer {
	margin:4px 0px 6px 0px;
	border-style: solid;
	border-width: 7px;
	-moz-border-image: url(images/new_design/tests.png) 7 repeat;
	-webkit-border-image: url(images/new_design/tests.png) 7 repeat;
	-o-border-image: url(images/new_design/tests.png) 7 repeat;
	border-image: url(images/new_design/tests.png) 7 fill repeat;
	padding:4px;
}

.menu_item {
	background: #CC9966;
	padding: 4px;
	border-radius: 4px;
	
}

.menu_item table {
	color: #555555;
}

 img.menu_icon {
	width:20px;
	background:none;
	margin-right:6px;
	/*border:1px solid #666633;*/
}

.item_separator {
	padding-top:2px;
	background-color:#d8a879;
}

.gold {
	width: 8px;
	border: none;
	margin-top: -2px;
}
.socket {
	width: 2px;
	border: none;
	margin-top: -2px;
}

.item_lock {
	width:12px;
	margin-top:-2px;
	border:none;
	margin:1px;
	margin-top:-1px;
}

.text_field {
	box-sizing: border-box;
	width:100%;
	text-align: center;
    background-color: #FAE0BB;
    border: 1px solid #fae5c8;
	margin:2px 0px 2px 0px;
}

.div_with_back {
	background-color:#fbd9aa;
	padding:2px;
}
.div_without_back {
	padding:2px;
}
.div_with_back table tr td small {
	/*color:#cf5555;*/
	text-decoration:underline;
}
.div_without_back table tr td small {
	text-decoration:underline;
}

.div_with_back table tr td small:hover {
	/*color:#cf5555;*/
	text-decoration:none;
}
.div_without_back table tr td small:hover {
	text-decoration:none;
}

.sex-picker {
	display: flex;
	gap: 8px;
	width: 100%;
}

.sex-option {
	flex: 1;
	position: relative;
	cursor: pointer;
}

.sex-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.sex-card {
	display: block;
	text-align: center;
	padding: 6px 4px;
	background: #fbd9aa;
	border: 1px solid #cfa16f;
	border-radius: 4px;
}

.sex-card img {
	width: 30px;
	margin-bottom: 4px;
}

.sex-title {
	display: block;
	color: #5a3d23;
}

.sex-option input:checked + .sex-card {
	border-color: #F7AB57;
	box-shadow: inset 0 0 0 1px #F7AB57;
	background: #f7d7ab;
}

.sex-option input:focus + .sex-card {
	outline: 1px dotted #8a5a1f;
	outline-offset: 1px;
}

.arena_potion:hover {
	background-color:#fbd9aa;
}

.block_speech {
	position: relative;
}

.block_speech::after {
	content: ''; 
	position: absolute; /* Абсолютное позиционирование */
	left: 5px; top: -15px; /* Положение треугольника */
	border: 8px solid transparent;	border-bottom: 10px solid #CC9966;
}

.block_speech_2::after {
	content: ''; 
	position: absolute; /* Абсолютное позиционирование */
	left: -12px; top: 10px; /* Положение треугольника */
	border: 8px solid transparent;	border-right: 10px solid #fbd9aa;
}

.partner-title-strip {
	background: url('/legacy/images/new_design/top_center.png') center top repeat-x;
	height: 35px;
	width: 100%;
}

.partner-title-strip-inner {
	background: url('/legacy/images/new_design/top_left_mini.png') left top no-repeat, url('/legacy/images/new_design/top_right_mini.png') right top no-repeat;
	height: 35px;
	width: 100%;
}

.partner-title-text {
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 8px;
	color: #9c805c;
}

.partner-title-strip-footer .partner-title-text {
	color: #9c805c;
}

.partner-footer-links {
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 8px;
}

.partner-footer-links a {
	color: #9c805c;
	text-decoration: underline;
}

.partner-dashboard-head {
	background: linear-gradient(180deg, #f8ddb5 0%, #f2cea0 100%);
}

.partner-cabinet .placer {
	margin: 3px 0 5px;
	padding: 3px;
}

.partner-head-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}

.partner-head-title {
	font-weight: bold;
	color: #5a3d23;
	font-size: 15px;
}

.partner-head-status {
	font-size: 11px;
	padding: 3px 6px;
	border-radius: 12px;
	border: 1px solid #b88a57;
	background: #f6d9b0;
	white-space: nowrap;
}

.partner-head-status.ready {
	border-color: #4f8a2a;
	background: #d8efc2;
	color: #315e18;
}

.partner-head-status.wait {
	color: #6b3a1f;
	border-color: #c07b46;
	background: #f6c998;
}

.partner-nav {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.partner-nav-btn {
	flex: 1;
	min-width: 110px;
	text-align: center;
	padding: 6px 8px;
	border: 1px solid #b88a57;
	background: #fbd9aa;
	color: #4a2f19;
	border-radius: 3px;
	text-decoration: none;
}

.partner-nav-btn.active {
	border-color: #F7AB57;
	box-shadow: inset 0 0 0 1px #F7AB57;
	background: #f7d7ab;
	font-weight: bold;
}

.partner-section-title {
	font-weight: bold;
	margin-bottom: 6px;
	color: #5a3d23;
}

.partner-field-label {
	margin: 4px 0 4px;
	color: #5a3d23;
}

.partner-help {
	color: #7b5b39;
	line-height: 1.35;
}

.partner-submit {
	width: 100%;
	margin: 6px 0 0;
	cursor: pointer;
}

.partner-inline-link {
	color: #8b4f2c;
	text-decoration: underline;
}

.partner-kv {
	line-height: 1.45;
	color: #2C1F12;
}

.partner-link-box {
	word-break: break-all;
	margin: 2px 0 4px;
}

.partner-link-wrap {
	margin-top: 6px;
}

.partner-link-input {
	font-size: 12px;
	text-align: left;
	font-family: 'Courier New', Courier, monospace;
}

.partner-copy-btn {
	width: 100%;
	margin: 4px 0 0 0;
}

.partner-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

.partner-metric {
	background: #f6d7ad;
	border: 1px solid #cfa16f;
	border-radius: 4px;
	padding: 6px 4px;
	text-align: center;
}

.partner-metric-value {
	font-weight: bold;
	color: #5a3d23;
	font-size: 14px;
	line-height: 1.1;
}

.partner-metric.is-main {
	background: #f5d39f;
	border-color: #ba7f43;
	box-shadow: inset 0 0 0 1px rgba(187, 127, 67, 0.22);
}

.partner-metric-value-main {
	font-size: 18px;
	color: #9f4f00;
	line-height: 1;
}

.partner-metric-label {
	margin-top: 3px;
	color: #7b5b39;
	font-size: 11px;
}

.partner-progress-bar {
	height: 10px;
	background: #e9c79c;
	border: 1px solid #b88a57;
	border-radius: 999px;
	overflow: hidden;
}

.partner-progress-fill {
	height: 100%;
	background: linear-gradient(90deg, #8bc34a 0%, #4f8a2a 100%);
}

.partner-progress-meta {
	margin-top: 5px;
	color: #6b4a30;
	font-size: 12px;
}

.partner-ok-text {
	color: #356818;
	font-weight: bold;
}

.partner-ref-list {
	margin-top: 2px;
}

.partner-page-count {
	margin-bottom: 4px;
	font-size: 11px;
}

.partner-ref-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	padding: 5px 4px;
	border-bottom: 1px dashed #d3b186;
}

.partner-ref-row:nth-child(odd) {
	background: rgba(251, 221, 173, 0.33);
}

.partner-ref-row:nth-child(even) {
	background: rgba(244, 205, 153, 0.2);
}

.partner-ref-row:last-child {
	border-bottom: none;
}

.partner-ref-main {
	color: #2C1F12;
	line-height: 1.25;
}

.partner-ref-userline {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.partner-ref-userline a,
.partner-ref-userline a:visited {
	color: #8a3f2b;
	text-decoration: none;
	display: block;
	line-height: 1.05;
	margin: 0;
}

.partner-ref-userline a:hover {
	color: #6d2f1f;
	text-decoration: underline;
}

.partner-ref-icon {
	width: 12px;
	height: 12px;
	margin-top: 1px;
	flex: 0 0 12px;
}

.partner-ref-textblock {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
	align-items: flex-start;
}

.partner-ref-meta {
	margin-top: 0;
	font-size: 11px;
	color: #7b5b39;
	padding-left: 0;
	margin-left: 0;
	line-height: 1.05;
	text-indent: 0;
}

.partner-ref-income {
	color: #417941;
	white-space: nowrap;
	font-weight: bold;
	min-width: 68px;
	text-align: right;
}

.partner-payout-methods {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
}

.partner-method-card {
	background: #f8ddb7;
	border: 1px solid #cfa16f;
	border-radius: 4px;
	padding: 6px;
}

.partner-method-title {
	color: #7b5b39;
	font-size: 11px;
	margin-bottom: 2px;
}

.partner-method-value {
	color: #3f2a19;
	font-size: 12px;
	font-weight: bold;
	word-break: break-word;
}

.partner-promo-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
	margin-top: 6px;
}

.partner-promo-item {
	margin-top: 0;
	padding: 4px;
	background: #f8ddb7;
	border: 1px solid #cfa16f;
	border-radius: 4px;
}

.partner-promo-item img {
	max-width: 100%;
	border: 1px solid #cfa16f;
}

.partner-promo-url {
	margin-top: 3px;
	word-break: break-all;
	color: #7b5b39;
	font-size: 12px;
}

.partner-promo-collapse summary {
	list-style: none;
	display: block;
	background: #f2d0a1;
	border: 1px solid #cfa16f;
	border-radius: 4px;
	padding: 6px 8px;
	color: #5a3d23;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

.partner-promo-collapse summary::-webkit-details-marker {
	display: none;
}

.partner-promo-collapse[open] summary {
	background: #f6dab3;
}

.partner-note-small {
	display: inline-block;
	margin-top: 2px;
	color: #87684a;
	font-size: 11px;
	line-height: 1.2;
}

@media (max-width: 420px) {
	.partner-head-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.partner-head-status {
		white-space: normal;
	}

	.partner-nav {
		flex-direction: column;
	}

	.partner-nav-btn {
		width: 100%;
		min-width: 0;
	}

	.partner-metrics {
		grid-template-columns: 1fr;
	}

	.partner-payout-methods {
		grid-template-columns: 1fr;
	}

	.partner-metric-value-main {
		font-size: 16px;
	}
}