/* ==========================================================================
   CS 1.6 CLUB — тёмная тактическая тема (Bootstrap 3.4.1)
   ========================================================================== */

:root{
	--bg:#0f1114;
	--bg2:#15181d;
	--panel:#1a1e24;
	--panel2:#20252c;
	--line:#2c323b;
	--txt:#d7dbe0;
	--muted:#8b939e;
	--orange:#ff8f1f;
	--amber:#ffb300;
	--green:#5bc236;
	--red:#e5484d;
	--blue:#4aa3ff;
}

html,body{height:100%}
body{
	background:
		linear-gradient(rgba(10,11,13,.86), rgba(10,11,13,.94)),
		url('../img/bg.jpg') center top / cover fixed no-repeat;
	background-color:#0f1114;
	color:var(--txt);
	font-family:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size:14px;
	padding-bottom:0;
}
a{color:var(--amber);text-decoration:none}
a:hover,a:focus{color:#ffd166;text-decoration:none}
h1,h2,h3,h4,h5{font-weight:700;letter-spacing:.4px}
.muted{color:var(--muted)}
.text-amber{color:var(--amber)}
hr{border-color:var(--line)}

/* --------------------------------------------------------------- топ-полоса */
.topbar{
	background:linear-gradient(180deg,#0b0d10,#12151a);
	border-bottom:1px solid #0a0c0f;
	font-size:12px;
	color:var(--muted);
	padding:6px 0;
}
.topbar-item{margin-right:14px;display:inline-block}
.topbar .row>div{min-height:20px}

/* ---------------------------------------------------------------- навигация */
.navbar-cs{
	background:linear-gradient(180deg,#232830,#171b21);
	border:0;
	border-bottom:2px solid var(--orange);
	border-radius:0;
	margin-bottom:0;
	box-shadow:0 4px 14px rgba(0,0,0,.55);
}
.navbar-cs .navbar-brand{
	height:auto;padding:10px 18px 10px 0;line-height:1;
	display:flex;align-items:baseline;gap:4px;font-weight:800;
}
.brand-mark{
	font-size:26px;color:#fff;letter-spacing:-1px;
	text-shadow:0 0 12px rgba(255,143,31,.75);
}
.brand-text{font-size:26px;color:var(--orange);letter-spacing:-1px}
.brand-sub{font-size:11px;color:var(--muted);letter-spacing:3px;margin-left:6px}
.navbar-cs .nav>li>a{
	color:#c9cfd7;font-weight:600;text-transform:uppercase;font-size:12.5px;letter-spacing:.6px;
	padding:17px 14px;transition:.15s;
}
.navbar-cs .nav>li>a:hover,.navbar-cs .nav>li>a:focus{background:#2b313a;color:#fff}
.navbar-cs .nav>li.active>a{
	background:rgba(255,143,31,.14);color:var(--amber);
	box-shadow:inset 0 -3px 0 var(--orange);
}
.navbar-cs .btn-nav-login,.navbar-cs .btn-nav-reg{
	margin:9px 0 9px 8px;border-radius:3px;padding:8px 16px!important;
}
.navbar-cs .btn-nav-login{border:1px solid var(--line);background:#1c2129}
.navbar-cs .btn-nav-reg{background:linear-gradient(180deg,#ff9f36,#e8790a);color:#1a1207!important}
.navbar-cs .btn-nav-reg:hover{background:linear-gradient(180deg,#ffb559,#f1871a)}
.navbar-cs .user-dd{display:flex;align-items:center;gap:8px;padding-top:12px!important;padding-bottom:12px!important}
.navbar-cs .dropdown-menu{
	background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.6);
}
.navbar-cs .dropdown-menu>li>a{color:var(--txt);padding:8px 16px}
.navbar-cs .dropdown-menu>li>a:hover{background:#262c35;color:#fff}
.navbar-cs .dropdown-menu .divider{background:var(--line);margin:4px 0}
.navbar-cs .icon-bar{background:#e7ebf0}

/* ------------------------------------------------------------------- контент */
.main-wrap{padding-top:22px;padding-bottom:40px;min-height:60vh}

.panel-cs{
	background:linear-gradient(180deg,rgba(32,37,44,.96),rgba(22,26,31,.96));
	border:1px solid var(--line);
	border-radius:5px;
	box-shadow:0 8px 26px rgba(0,0,0,.45);
	margin-bottom:22px;
	overflow:hidden;
}
.panel-cs>.panel-head{
	padding:12px 16px;
	background:linear-gradient(180deg,#2a3038,#1e232a);
	border-bottom:1px solid var(--line);
	display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.panel-cs>.panel-head h3{
	margin:0;font-size:15px;text-transform:uppercase;letter-spacing:1.2px;
	display:flex;align-items:center;gap:9px;
}
.panel-cs>.panel-head h3 .dots{
	width:10px;height:10px;border-radius:50%;background:var(--orange);
	box-shadow:0 0 10px var(--orange);display:inline-block;
}
.panel-cs>.panel-head .head-actions{font-size:12px}
.panel-cs>.panel-body{padding:16px}
.panel-cs .panel-foot{
	padding:10px 16px;background:rgba(0,0,0,.25);border-top:1px solid var(--line);font-size:12px;color:var(--muted)
}

/* --------------------------------------------------------------------- герой */
.hero{
	position:relative;border:1px solid var(--line);border-radius:6px;overflow:hidden;
	margin-bottom:22px;box-shadow:0 12px 34px rgba(0,0,0,.55);
	background:#14171b url('../img/hero.jpg') center/cover no-repeat;
}
.hero-inner{
	padding:52px 34px;
	background:linear-gradient(90deg,rgba(8,9,11,.92) 0%,rgba(8,9,11,.72) 45%,rgba(8,9,11,.25) 100%);
}
.hero h1{
	margin:0 0 10px;font-size:44px;line-height:1.05;color:#fff;text-transform:uppercase;
	letter-spacing:2px;text-shadow:0 4px 18px rgba(0,0,0,.9);
}
.hero h1 span{color:var(--orange)}
.hero p{margin:0 0 18px;color:#c3c8ce;font-size:15px;max-width:620px}
.hero .badge-tag{
	display:inline-block;background:rgba(255,143,31,.16);border:1px solid rgba(255,143,31,.5);
	color:var(--amber);font-size:11px;letter-spacing:2px;text-transform:uppercase;
	padding:4px 10px;border-radius:2px;margin-bottom:14px;
}
.hero-stats{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px}
.hero-stats .hs{border-left:2px solid var(--orange);padding-left:10px}
.hero-stats .hs b{display:block;font-size:20px;color:#fff}
.hero-stats .hs span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}

/* ------------------------------------------------------------------- кнопки */
.btn-cs{
	background:linear-gradient(180deg,#ff9f36,#e8790a);border:1px solid #b95f04;color:#1b1305;
	font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-size:12px;border-radius:3px;
	padding:9px 18px;transition:.15s;
}
.btn-cs:hover,.btn-cs:focus{background:linear-gradient(180deg,#ffb559,#f1871a);color:#1b1305}
.btn-cs-out{
	background:#1d222a;border:1px solid var(--line);color:var(--txt);
	font-weight:600;text-transform:uppercase;letter-spacing:.8px;font-size:12px;border-radius:3px;padding:9px 18px;
}
.btn-cs-out:hover{background:#262c35;color:#fff;border-color:#3a424d}
.btn-xs-cs{padding:3px 9px;font-size:11px;border-radius:2px}

/* ------------------------------------------------------------------- монитор */
.srv{border:1px solid var(--line);border-radius:4px;background:rgba(0,0,0,.28);padding:12px;margin-bottom:12px}
.srv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.srv-name{font-weight:700;color:#fff;font-size:14px}
.srv-ip{font-family:Consolas,Menlo,monospace;font-size:12px;color:var(--muted)}
.srv-map{
	font-family:Consolas,Menlo,monospace;font-size:11px;background:rgba(255,143,31,.12);
	border:1px solid rgba(255,143,31,.35);color:var(--amber);padding:2px 7px;border-radius:2px
}
.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}
.status-on{background:var(--green);box-shadow:0 0 9px var(--green)}
.status-off{background:#5a616b;box-shadow:0 0 9px #3a4048}
.progress-cs{height:9px;background:#0e1116;border:1px solid var(--line);border-radius:2px;overflow:hidden;margin:8px 0 6px}
.progress-cs>span{display:block;height:100%;background:linear-gradient(90deg,#e8790a,#ffb300)}
.srv-foot{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}
.srv.filled .progress-cs>span{background:linear-gradient(90deg,#c53434,#ff6b35)}

/* --------------------------------------------------------------------- чат */
.chat-box{
	height:430px;overflow-y:auto;background:rgba(0,0,0,.34);
	border:1px solid var(--line);border-radius:4px;padding:8px;
}
.chat-box.small{height:300px}
.msg{display:flex;gap:10px;padding:9px 10px;border-bottom:1px dashed rgba(255,255,255,.06);position:relative}
.msg:last-child{border-bottom:0}
.msg:hover{background:rgba(255,255,255,.025)}
.msg .msg-body{flex:1;min-width:0}
.msg .msg-top{font-size:12px;color:var(--muted);margin-bottom:3px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.msg .msg-text{color:#e6eaef;word-wrap:break-word;overflow-wrap:anywhere;line-height:1.5}
.msg .msg-actions{opacity:0;transition:.15s;white-space:nowrap}
.msg:hover .msg-actions{opacity:1}
.msg.is-deleted .msg-text{color:#7c848f;font-style:italic}
.msg .edited-badge{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:2px;padding:0 4px}
.msg.flash-new{animation:msgIn .5s ease}
@keyframes msgIn{from{background:rgba(255,179,0,.16)}to{background:transparent}}
.chat-form textarea{resize:vertical}
.bb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}
.bb-toolbar .btn{font-family:Consolas,Menlo,monospace;font-size:11px;padding:3px 8px}
.bb-toolbar .help-cs{margin-left:4px}

/* панель смайлов в чате */
.smiles-panel{display:none;background:#12161b;border:1px solid var(--line);border-radius:4px;
	padding:9px 10px;margin-bottom:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.smiles-panel.open{display:block}
.smiles-panel .sp-head{display:flex;justify-content:space-between;align-items:center;
	font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.smiles-panel .sp-close{cursor:pointer;font-size:12px;line-height:1;color:var(--muted)}
.smiles-panel .sp-close:hover{color:#fff}
.smiles-panel .sp-grid{display:flex;flex-wrap:wrap;gap:4px}
.smiles-panel .smile{width:34px;height:32px;padding:0;font-size:17px;line-height:1;cursor:pointer;
	background:#1b2027;border:1px solid var(--line);border-radius:3px;transition:.12s}
.smiles-panel .smile:hover{background:#262d36;border-color:var(--orange);transform:translateY(-1px)}
.smiles-panel .smile:active{transform:translateY(0)}
.msg .sm{cursor:help}
.chat-live{font-size:11px;color:var(--muted)}
.chat-live .dot{color:var(--green)}

/* --------------------------------------------------------------------- ник */
.nick{font-weight:700}
.role-user{color:#8fb7e8}
.role-mod{color:#5bc236}
.role-admin{color:#ff8f1f}
.role-badge{border-radius:2px;font-size:9.5px;letter-spacing:.6px;padding:3px 6px;text-transform:uppercase}
.badge.role-user{background:#24405e;color:#bcd9ff}
.badge.role-mod{background:#1f4a18;color:#c5f3ad}
.badge.role-admin{background:#5a3200;color:#ffd79a}
.avatar{border-radius:3px;vertical-align:middle;border:1px solid var(--line)}
.avatar-ph{display:inline-block;text-align:center;color:#fff;font-weight:700;border-radius:3px}

/* ----------------------------------------------------------------- форум/нов */
.list-cs{margin:0;padding:0;list-style:none}
.list-cs>li{padding:11px 12px;border-bottom:1px solid var(--line)}
.list-cs>li:last-child{border-bottom:0}
.list-cs>li:hover{background:rgba(255,255,255,.025)}
.list-title{color:#fff;font-weight:600;font-size:14px}
.list-meta{font-size:11.5px;color:var(--muted);margin-top:3px}
.forum-cat{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:4px;background:rgba(0,0,0,.25);margin-bottom:12px}
.forum-cat .fc-icon{
	width:44px;height:44px;flex:0 0 44px;border-radius:3px;background:rgba(255,143,31,.12);
	border:1px solid rgba(255,143,31,.3);color:var(--amber);text-align:center;line-height:44px;font-size:20px;font-weight:800
}
.post-cs{display:flex;gap:14px;border:1px solid var(--line);border-radius:4px;background:rgba(0,0,0,.25);margin-bottom:14px;overflow:hidden}
.post-side{flex:0 0 172px;background:rgba(0,0,0,.3);border-right:1px solid var(--line);padding:12px;text-align:center}
.post-side .pl{font-size:13px;font-weight:700;margin-top:6px}
.post-side .pm{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.7}
.post-main{flex:1;padding:12px;min-width:0}
.post-head{font-size:11.5px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px;display:flex;justify-content:space-between}
.post-text{line-height:1.6;word-wrap:break-word;overflow-wrap:anywhere}
.bb-quote{border-left:3px solid var(--orange);padding-left:8px;color:#b9c0c8;display:inline-block}

.news-item{border:1px solid var(--line);border-radius:4px;background:rgba(0,0,0,.25);padding:14px;margin-bottom:14px}
.news-item h4{margin:0 0 6px;font-size:17px}
.news-item h4 a{color:#fff}
.news-item h4 a:hover{color:var(--amber)}
.news-meta{font-size:11.5px;color:var(--muted);margin-bottom:9px}
.news-body{line-height:1.65;color:#c8ced6}

/* -------------------------------------------------------------------- профиль */
.profile-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.profile-head .ph-name{font-size:26px;font-weight:800;color:#fff;line-height:1.1}
.stat-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.stat{flex:1 1 130px;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:4px;padding:12px;text-align:center}
.stat b{display:block;font-size:22px;color:var(--amber)}
.stat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}
.table-cs{width:100%;border-collapse:separate;border-spacing:0}
.table-cs th{
	background:#232830;color:#cfd5dc;font-size:11.5px;text-transform:uppercase;letter-spacing:.7px;
	padding:10px;border-bottom:1px solid var(--line);white-space:nowrap;
}
.table-cs td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
.table-cs tbody tr:hover{background:rgba(255,255,255,.03)}
.table-cs .me{background:rgba(255,143,31,.08)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:4px;background:rgba(0,0,0,.22)}

/* -------------------------------------------------------------------- реклама */
.ad-slot{
	border:1px dashed rgba(255,143,31,.45);border-radius:4px;overflow:hidden;
	background:rgba(0,0,0,.3);margin-bottom:18px;position:relative
}
.ad-slot .ad-tag{
	position:absolute;top:0;right:0;background:rgba(0,0,0,.7);color:var(--muted);
	font-size:9.5px;letter-spacing:1px;text-transform:uppercase;padding:2px 6px
}
.ad-slot img{display:block;width:100%;height:auto}
.ad-slot .ad-cap{padding:10px 12px;border-top:1px solid var(--line)}
.ad-slot .ad-cap b{color:#fff;display:block;margin-bottom:3px}
.ad-slot .ad-cap span{font-size:12px;color:var(--muted)}

/* --------------------------------------------------------------------- формы */
.form-cs .form-control,input.form-control,textarea.form-control,select.form-control{
	background:#12161b;border:1px solid var(--line);color:var(--txt);border-radius:3px;box-shadow:none;height:auto;padding:9px 12px
}
.form-control:focus{border-color:var(--orange);box-shadow:0 0 0 2px rgba(255,143,31,.15)}
.form-control::-webkit-input-placeholder{color:#666e79}
.control-label{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:600}
.cap-row{display:flex;gap:10px;align-items:center}
.cap-row img{border-radius:3px;cursor:pointer;border:1px solid var(--line)}
.help-cs{font-size:11.5px;color:var(--muted);margin-top:5px}
.auth-card{max-width:470px;margin:0 auto}

/* --------------------------------------------------------------------- прочее */
.alert{border-radius:3px;border:1px solid}
.alert-success{background:rgba(91,194,54,.12);border-color:rgba(91,194,54,.4);color:#c5f3ad}
.alert-danger{background:rgba(229,72,77,.12);border-color:rgba(229,72,77,.45);color:#ffc9cb}
.alert-info{background:rgba(74,163,255,.12);border-color:rgba(74,163,255,.4);color:#cfe6ff}
.pagination>li>a,.pagination>li>span{background:#1a1f26;border-color:var(--line);color:var(--txt)}
.pagination>li>a:hover{background:#262c35;color:#fff;border-color:var(--line)}
.pagination>.active>a{background:var(--orange);border-color:var(--orange);color:#1b1305;font-weight:700}
.label-cs{font-size:10px;letter-spacing:.5px;padding:3px 6px;border-radius:2px;text-transform:uppercase}
.label-open{background:#1f4a18;color:#c5f3ad}
.label-closed{background:#4a1f1f;color:#ffc9cb}
.sm{font-style:normal}
.topbar-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);
	box-shadow:0 0 8px var(--orange);margin-right:5px;vertical-align:1px}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}
.section-title h2{margin:0;font-size:20px;text-transform:uppercase;letter-spacing:1.5px;color:#fff}
.section-title h2:before{content:"";display:inline-block;width:5px;height:18px;background:var(--orange);margin-right:10px;vertical-align:-3px}
.guest-lock{
	text-align:center;padding:34px 20px;border:1px dashed var(--line);border-radius:5px;background:rgba(0,0,0,.32)
}
.guest-lock .gl-ico{font-size:38px;margin-bottom:10px}
.guest-lock h3{margin:0 0 8px;color:#fff}
.guest-lock p{color:var(--muted);max-width:520px;margin:0 auto 16px}

/* --------------------------------------------------------------------- футер */
.cs-footer{
	background:linear-gradient(180deg,#12161b,#0b0d10);
	border-top:2px solid var(--orange);
	padding:26px 0 14px;margin-top:20px;font-size:13px;color:#98a0aa
}
.cs-footer h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}
.footer-links,.footer-roles{list-style:none;padding:0;margin:0}
.footer-links li,.footer-roles li{padding:3px 0}
.footer-bottom{
	border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:11.5px;color:#6e767f;
	display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px
}

/* ---------------------------------------------------------------- адаптив */
@media (max-width:991px){
	.hero-inner{padding:34px 22px}
	.hero h1{font-size:32px}
	.post-side{flex:0 0 130px}
}
@media (max-width:767px){
	.navbar-cs .nav>li>a{padding:12px 14px}
	.navbar-cs .btn-nav-login,.navbar-cs .btn-nav-reg{margin:6px 0 6px 14px;display:inline-block}
	.post-cs{flex-direction:column}
	.post-side{flex:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;text-align:left}
	.post-side .pm{margin-top:0}
	.hero h1{font-size:26px}
	.chat-box{height:340px}
	.table-wrap{border:0}
}

/* ------------------------------------------------ игровые привилегии */
.gp-badge{border-radius:2px;font-size:9.5px;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase;margin-left:3px;vertical-align:middle}
.badge.gp-vip{background:#14355e;color:#a9d1ff;border:1px solid #2f6bb0}
.badge.gp-admin{background:#5c1c1c;color:#ffb0b0;border:1px solid #a33131}
.badge.gp-luxary{background:#5a3200;color:#ffd79a;border:1px solid #b57200}
.badge.gp-serv{background:#4d1414;color:#ffc2c2;border:1px solid #c0392b}
.gp-serv-label{background:#4d1414;color:#ffc2c2;font-size:9px;padding:2px 5px;letter-spacing:.4px}
.priv-legend{list-style:none;margin:0;padding:0}
.priv-legend>li{padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.priv-legend>li:last-child{border-bottom:0}
.priv-legend .badge{margin-right:8px}

/* ------------------------------------------------ бан-лист сервера */
.ban-steam{font-family:Consolas,Menlo,monospace;font-size:12px;word-break:break-all}
tr.ban-off{opacity:.6}
tr.ban-off .ban-steam{text-decoration:line-through}

/* ------------------------------------------------ очистка чата (подтверждение) */
.btn-cs-danger{
	background:linear-gradient(180deg,#e5484d,#b8262b);border:1px solid #8e1c20;color:#fff;
	font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-size:12px;border-radius:3px;
	padding:9px 18px;transition:.15s;
}
.btn-cs-danger:hover,.btn-cs-danger:focus{background:linear-gradient(180deg,#ef5b60,#c93035);color:#fff}
.modal-cs .modal-content{
	background:linear-gradient(180deg,rgba(34,39,47,.99),rgba(23,27,33,.99));
	border:1px solid var(--line);border-radius:5px;box-shadow:0 16px 44px rgba(0,0,0,.7);
}
.modal-cs .modal-header{border-bottom:1px solid var(--line);padding:14px 18px}
.modal-cs .modal-header .modal-title{color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:1.1px}
.modal-cs .modal-header .close{color:#fff;opacity:.55;text-shadow:none}
.modal-cs .modal-header .close:hover{opacity:1}
.modal-cs .modal-body{padding:18px;color:var(--txt);line-height:1.6}
.modal-cs .modal-body p{margin:0 0 10px}
.modal-cs .modal-body .warn-icon{color:var(--red);font-size:22px;margin-right:8px;vertical-align:-2px}
.modal-cs .modal-footer{border-top:1px solid var(--line);padding:12px 18px;text-align:right}
.modal-cs .modal-footer .btn{margin-left:6px}
.modal-backdrop.in{opacity:.72;background:#05070a}

/* ------------------------------------------------ лента событий */
.feed-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.feed-list{list-style:none;margin:0;padding:0}
.feed-item{display:flex;gap:11px;align-items:flex-start;padding:10px 4px;border-bottom:1px solid var(--line)}
.feed-item:last-child{border-bottom:0}
.feed-ico{
	width:30px;height:30px;flex:0 0 30px;line-height:30px;text-align:center;font-size:15px;
	border-radius:3px;background:rgba(255,255,255,.05);border:1px solid var(--line)
}
.feed-body{flex:1;min-width:0;color:#d7dbe0;line-height:1.5}
.feed-body .feed-time{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.feed-item.ev-blue  .feed-ico{border-color:rgba(74,163,255,.45);background:rgba(74,163,255,.1)}
.feed-item.ev-amber .feed-ico{border-color:rgba(255,179,0,.45);background:rgba(255,179,0,.1)}
.feed-item.ev-orange .feed-ico{border-color:rgba(255,143,31,.45);background:rgba(255,143,31,.1)}
.feed-item.ev-green .feed-ico{border-color:rgba(91,194,54,.45);background:rgba(91,194,54,.1)}
.feed-item.ev-red   .feed-ico{border-color:rgba(229,72,77,.45);background:rgba(229,72,77,.1)}

/* ------------------------------------------------ личные сообщения */
.pm-badge{background:#5c1c1c;color:#ffc2c2;border:1px solid #a33131;font-size:9.5px;padding:2px 5px}
.pm-dialogs .pm-dialog{padding:0}
.pm-dialogs .pm-dialog>a{display:block;padding:11px 12px;color:inherit}
.pm-dialogs .pm-dialog:hover{background:rgba(255,255,255,.03)}
.pm-dialogs .pm-dialog.pm-active{background:rgba(255,143,31,.09);box-shadow:inset 3px 0 0 var(--orange)}
.pm-peer{display:block;font-weight:700}
.pm-preview{display:block;font-size:12px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-preview.pm-new{color:#e6eaef;font-weight:600}
.pm-time{display:block;font-size:10.5px;color:var(--muted);margin-top:3px}
.pm-thread{height:420px;overflow-y:auto;background:rgba(0,0,0,.32);border:1px solid var(--line);border-radius:4px;padding:12px}
.pm-msg{margin-bottom:12px;max-width:82%}
.pm-msg .pm-msg-head{font-size:11px;color:var(--muted);margin-bottom:3px;display:flex;gap:8px;align-items:center}
.pm-msg .pm-msg-text{
	background:#1b2027;border:1px solid var(--line);border-radius:4px;padding:9px 12px;
	color:#e6eaef;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere
}
.pm-msg.pm-mine{margin-left:auto}
.pm-msg.pm-mine .pm-msg-head{justify-content:flex-end}
.pm-msg.pm-mine .pm-msg-text{background:rgba(255,143,31,.1);border-color:rgba(255,143,31,.35)}
.pm-msg .pm-read{font-size:10px;color:var(--green)}
/* счётчик новых событий в шапке */
.feed-badge{background:#3f3312;color:#ffd98a;border:1px solid #8a6a1f;font-size:9.5px;padding:2px 5px}

/* ------------------------------------------------ личные сообщения: статусы */
.pm-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-left:5px}
.pm-dot.pm-on{background:var(--green);box-shadow:0 0 6px rgba(91,194,54,.75)}
.pm-dot.pm-off{background:#4a515a}
.pm-dot-text{font-size:11.5px;margin-left:4px}
.text-green{color:var(--green)}
.pm-tick{color:#8b939e;font-size:12px;letter-spacing:-1px;margin-left:6px;white-space:nowrap}
.pm-tick-read{color:#4aa3ff}
.pm-preview .pm-tick{margin-left:0;margin-right:4px}
.pm-panel-foot{font-size:12px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}

/* список диалогов: строка целиком — ссылка, справа кнопка удаления */
.pm-dialogs .pm-dialog{position:relative;padding:0}
.pm-dialogs .pm-dialog-link{display:block;padding:11px 34px 11px 12px;color:inherit}
.pm-dialogs .pm-dialog-link:hover{text-decoration:none}
.pm-dialogs .pm-dialog .pm-del{
	position:absolute;top:8px;right:8px;width:20px;height:20px;line-height:18px;padding:0;
	background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--muted);
	font-size:11px;cursor:pointer;opacity:0;transition:opacity .12s
}
.pm-dialogs .pm-dialog:hover .pm-del{opacity:1}
.pm-dialogs .pm-dialog .pm-del:hover{border-color:var(--red);color:#ff8a8a}
.pm-peer-name{font-weight:700}

/* админка: статусы в переписке */
.pm-flag-ok{background:rgba(91,194,54,.14);color:#bfe8a8;border:1px solid rgba(91,194,54,.35)}
.pm-flag-del{background:rgba(229,72,77,.14);color:#ffc2c2;border:1px solid rgba(229,72,77,.35)}

/* ------------------------------------------------ пополнение баланса */
.pay-sums{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.pay-sums .btn{min-width:74px}
.pay-amount-hint{font-size:11.5px;color:var(--muted)}