/* 2026-10-10 content: компактная правая часть админки (только оформление, поверх jc-redesign.css) */
:root{--jcx-r:8px;--jcx-rc:12px;--jcx-h:32px;--jcx-sh:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.04);--jcx-soft:#f1f4f9;--jcx-inp:#fff}
html[data-jcx-theme="dark"]{--jcx-soft:#212734;--jcx-inp:#11151d;--jcx-sh:0 1px 2px rgba(0,0,0,.3)}
/* убрать зелёные ✓ у пунктов меню (логика остаётся) */
.admin-menu-item .g-dot{display:none!important}
/* ---- шапка ---- */
body.jcx-on .header{min-height:52px!important;padding:8px 20px!important;background:color-mix(in srgb,var(--jcx-card) 88%,transparent)!important;backdrop-filter:blur(8px);border-bottom:1px solid var(--jcx-line)!important}
body.jcx-on .header-actions{gap:8px!important;align-items:center}
body.jcx-on .header .btn-auth,body.jcx-on .header-lesson-btn,body.jcx-on .header-menu-btn{height:var(--jcx-h)!important;min-height:0!important;padding:0 12px!important;border-radius:var(--jcx-r)!important;font-size:13px!important;font-weight:500!important;display:inline-flex!important;align-items:center;gap:6px;box-shadow:none!important;line-height:1}
body.jcx-on .header-lesson-btn{background:color-mix(in srgb,#16a34a 12%,var(--jcx-card))!important;color:#15803d!important;border:1px solid color-mix(in srgb,#16a34a 30%,transparent)!important}
html[data-jcx-theme="dark"] body.jcx-on .header-lesson-btn{color:#6ee7a0!important}
body.jcx-on .header-lesson-btn:hover{background:color-mix(in srgb,#16a34a 20%,var(--jcx-card))!important}
body.jcx-on .header-menu-btn{width:var(--jcx-h);padding:0!important;justify-content:center;background:transparent!important;border:1px solid var(--jcx-line)!important;color:var(--jcx-mut)!important}
body.jcx-on .header-menu-btn:hover{background:var(--jcx-soft)!important;color:var(--jcx-tx)!important}
body.jcx-on .header-menu{background:var(--jcx-card)!important;border:1px solid var(--jcx-line)!important;border-radius:var(--jcx-rc)!important;box-shadow:0 10px 30px rgba(16,24,40,.12)!important;padding:6px!important}
body.jcx-on .header-menu .btn-auth{width:100%;justify-content:flex-start;border:0!important;background:transparent!important;color:var(--jcx-tx)!important}
body.jcx-on .header-menu .btn-auth:hover{background:var(--jcx-soft)!important}
/* ---- контейнер и заголовки ---- */
body.jcx-on .admin-container{padding:24px 28px 40px!important;font-size:14px;line-height:1.5;color:var(--jcx-tx)}
body.jcx-on .admin-container>.admin-page:not(#messengerPage):not(#literaturePage),body.jcx-on .admin-container>.admin-main-page{max-width:none;width:100%;box-sizing:border-box}
@media (min-width:1400px){body.jcx-on .admin-container{padding:24px 32px 40px!important}}
/* full-width: списки раскладываются в колонки на широких экранах */
@media (min-width:1280px){
body.jcx-on #usersList:has(>.user-item),body.jcx-on #paymentsList:has(>.payment-item){display:grid;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:10px;align-items:start}
body.jcx-on #usersList:has(>.user-item)>*:not(.user-item),body.jcx-on #paymentsList:has(>.payment-item)>*:not(.payment-item){grid-column:1/-1}
body.jcx-on #usersList>.user-item,body.jcx-on #paymentsList>.payment-item{margin:0!important;min-width:0}
body.jcx-on :is(#meetRoomList,#landingsList,#googleFormsList):has(>:nth-child(2)){display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px;align-items:start}
body.jcx-on :is(#meetRoomList,#landingsList,#googleFormsList)>*{margin:0!important;min-width:0}
}
/* формы и текстовые блоки не растягиваем на всю ширину */
body.jcx-on .admin-container :is(.admin-info-card,.payment-search-block) :is(p,label){max-width:900px}
body.jcx-on .admin-container h1{font-size:22px!important;font-weight:650!important;letter-spacing:-.015em;margin:0 0 16px!important;padding:0!important;border:0!important;line-height:1.25;color:var(--jcx-tx)!important;background:none!important;-webkit-text-fill-color:currentColor}
body.jcx-on .admin-container h2{font-size:16px!important;font-weight:600!important;margin:0 0 10px!important;color:var(--jcx-tx)!important}
body.jcx-on .admin-container h3{font-size:14px!important;font-weight:600!important;margin:14px 0 8px!important}
body.jcx-on .admin-container p{margin:0 0 10px}
body.jcx-on .admin-container a:not([class]){color:var(--jcx-brand)}
/* ---- карточки ---- */
body.jcx-on :is(.admin-info-card,.users-list-card,.payments-list-card,.income-content-card,.analytics-content-card,.admin-welcome,.jcb-card,.payment-search-block,.cal-wrap){background:var(--jcx-card)!important;border:1px solid var(--jcx-line)!important;border-radius:var(--jcx-rc)!important;box-shadow:var(--jcx-sh)!important;padding:18px 20px!important;margin:0 0 14px!important;color:var(--jcx-tx)}
body.jcx-on .payment-search-block{padding:12px 14px!important}
body.jcx-on :is(.user-item,.payment-item){border:1px solid var(--jcx-line)!important;border-radius:10px!important;box-shadow:none!important;padding:12px 14px!important;margin:0 0 8px!important;background:var(--jcx-card)!important;transition:border-color .15s,box-shadow .15s}
body.jcx-on :is(.user-item,.payment-item):hover{border-color:color-mix(in srgb,var(--jcx-brand) 35%,var(--jcx-line))!important;box-shadow:var(--jcx-sh)!important}
/* ---- кнопки ---- */
body.jcx-on .admin-container :is(.btn-auth,.btn-primary,.btn-secondary,.cal-nav button,button[type="button"]:not([class]),button[type="submit"]:not([class])),body.jcx-on .modal :is(.btn-auth,.btn-primary,.btn-secondary),.jcx-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:var(--jcx-h)!important;min-height:0!important;padding:0 14px!important;border-radius:var(--jcx-r)!important;font-size:13px!important;font-weight:550!important;line-height:1!important;white-space:nowrap;cursor:pointer;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;background:var(--jcx-card)!important;color:var(--jcx-tx)!important;border:1px solid var(--jcx-line)!important;text-decoration:none!important;opacity:1}
body.jcx-on .admin-container :is(.btn-auth,.btn-secondary,.cal-nav button,button:not([class])):hover,body.jcx-on .modal :is(.btn-auth,.btn-secondary):hover{background:var(--jcx-soft)!important;border-color:color-mix(in srgb,var(--jcx-mut) 40%,var(--jcx-line))!important;color:var(--jcx-tx)!important}
/* primary: первая кнопка в группе, .btn-primary, submit, и сохранения */
body.jcx-on .admin-container :is(.btn-primary,button[type="submit"],.jcx-primary),body.jcx-on .modal .btn-primary{background:var(--jcx-brand)!important;border-color:var(--jcx-brand)!important;color:#fff!important}
body.jcx-on .admin-container :is(.btn-primary,button[type="submit"],.jcx-primary):hover,body.jcx-on .modal .btn-primary:hover{background:var(--jcx-brand2)!important;border-color:var(--jcx-brand2)!important;color:#fff!important;box-shadow:0 2px 8px color-mix(in srgb,var(--jcx-brand) 30%,transparent)!important}
body.jcx-on .admin-container .jcx-danger{background:var(--jcx-card)!important;color:#dc2626!important;border-color:color-mix(in srgb,#dc2626 35%,var(--jcx-line))!important}
body.jcx-on .admin-container .jcx-danger:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
html[data-jcx-theme="dark"] body.jcx-on .admin-container .jcx-danger{color:#f87171!important}
body.jcx-on .admin-container :is(button,.btn-auth):disabled{opacity:.5!important;cursor:not-allowed}
body.jcx-on .admin-container :is(button,.btn-auth,a):focus-visible{outline:2px solid color-mix(in srgb,var(--jcx-brand) 55%,transparent);outline-offset:2px}
/* ---- поля ---- */
body.jcx-on .admin-container :is(input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="search"],input[type="date"],input[type="time"],input[type="url"],input[type="tel"],input:not([type]),select,textarea):not(.messenger-form-input),body.jcx-on .modal :is(input[type="text"],input[type="number"],select,textarea){height:auto;min-height:var(--jcx-h)!important;padding:6px 10px!important;font-size:13px!important;border:1px solid var(--jcx-line)!important;border-radius:var(--jcx-r)!important;background:var(--jcx-inp)!important;color:var(--jcx-tx)!important;box-shadow:none!important;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;font-family:inherit}
body.jcx-on .admin-container :is(input,select,textarea):focus{outline:none!important;border-color:var(--jcx-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--jcx-brand) 18%,transparent)!important}
body.jcx-on .admin-container label{font-size:13px;font-weight:550;color:var(--jcx-tx)}
body.jcx-on .admin-container ::placeholder{color:var(--jcx-mut);opacity:.8}
/* ---- таблицы ---- */
body.jcx-on .admin-container table{border-collapse:separate!important;border-spacing:0;width:100%;font-size:13px;background:var(--jcx-card);border:1px solid var(--jcx-line)!important;border-radius:10px;overflow:hidden}
body.jcx-on .admin-container th{background:var(--jcx-soft)!important;color:var(--jcx-mut)!important;font-weight:600!important;font-size:12px!important;text-transform:none;text-align:left;padding:8px 12px!important;border:0!important;border-bottom:1px solid var(--jcx-line)!important}
body.jcx-on .admin-container td{padding:8px 12px!important;border:0!important;border-bottom:1px solid var(--jcx-line)!important;vertical-align:middle}
body.jcx-on .admin-container tr:last-child>td{border-bottom:0!important}
body.jcx-on .admin-container tbody tr:hover>td{background:color-mix(in srgb,var(--jcx-brand) 4%,transparent)}
/* ---- вкладки/бейджи ---- */
body.jcx-on .admin-container :is([role="tablist"],.tabs,.fin-tabs,.jcf-tabs){display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--jcx-soft);border:0}
body.jcx-on .admin-container :is([role="tab"],.tab,.fin-tab,.jcf-tab){height:28px;padding:0 12px;border-radius:7px!important;border:0!important;background:transparent!important;color:var(--jcx-mut)!important;font-size:13px;font-weight:550;box-shadow:none!important}
body.jcx-on .admin-container :is([role="tab"][aria-selected="true"],.tab.active,.fin-tab.active,.jcf-tab.active,.tab.is-active){background:var(--jcx-card)!important;color:var(--jcx-tx)!important;box-shadow:0 1px 2px rgba(16,24,40,.08)!important}
body.jcx-on .admin-container :is(.badge,.jcb-badge,.status-badge){display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600}
/* ---- модалки ---- */
body.jcx-on .modal .modal-content,body.jcx-on .messenger-modal-content{border-radius:14px!important;border:1px solid var(--jcx-line)!important;background:var(--jcx-card)!important;color:var(--jcx-tx)!important;box-shadow:0 20px 50px rgba(16,24,40,.18)!important}
/* ---- главный бот ---- */
.jcx-bot{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border:1px solid var(--jcx-line);border-radius:var(--jcx-rc);background:var(--jcx-card);box-shadow:var(--jcx-sh);max-width:520px;color:var(--jcx-tx)}
.jcx-bot__ava{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none;background:color-mix(in srgb,var(--jcx-brand) 15%,var(--jcx-card));color:var(--jcx-brand);display:flex;align-items:center;justify-content:center;font-weight:700}
.jcx-bot__ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jcx-bot__n{font-weight:600;font-size:14px;line-height:1.3}.jcx-bot__u{font-size:13px;color:var(--jcx-mut)}.jcx-bot__u a{color:var(--jcx-brand);text-decoration:none}
.jcx-bot__st{margin-left:auto;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:#e3f6ea;color:#1d7a43}
html[data-jcx-theme="dark"] .jcx-bot__st{background:#163a26;color:#7fe0a5}
.jcx-logo{position:relative;overflow:hidden}.jcx-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:700px){body.jcx-on .admin-container{padding:16px 12px 32px!important}body.jcx-on .admin-container h1{font-size:19px!important}}