/* =========================================================================
   МатДоска · кабинет, ДЗ ученика, оферта, админка и открытый банк задач
   в оформлении новой главной и доски (2026-11). Только внешний вид.
   ========================================================================= */
body.light{
  --bg:#F7F8FA;--bg2:#fff;--card:#fff;--card-solid:#fff;--line:rgba(15,18,30,.08);--line2:rgba(15,18,30,.13);
  --text:#2A2E38;--strong:#0C0E14;--muted:#565B66;--dim:#8A8F99;--accent:#4B55E8;--input:#fff;--glow:0 18px 40px -22px rgba(15,18,30,.22);
}
:root{--mt-ind:#4B55E8;--mt-ind-h:#3D46D6;--mt-ind-s:#EEF0FF}
body.site{letter-spacing:-.003em}
body.site .font-black{font-weight:700!important}
body.site .font-extrabold{font-weight:700!important}

/* шапка */
body.light .site-nav{background:rgba(255,255,255,.82)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}
body.site [data-brand]{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--strong)!important;font-weight:700!important;letter-spacing:-.02em}
body.site .site-nav img[src*="logo"]{border-radius:9px!important}

/* акцентный текст — ровный фирменный синий, без радуги */
body.site .grad-text,body.light .grad-text{background:none!important;-webkit-text-fill-color:var(--mt-ind)!important;color:var(--mt-ind)!important}

/* подписи-«глазки» и заголовки таблиц — обычным регистром */
body.site .label,body.site .field-label,body.site .tbl th,body.site .badge,body.site .pill{text-transform:none!important;letter-spacing:0!important}
body.site .label{font-size:13px!important;font-weight:600!important;color:var(--muted)!important}
body.site .field-label{font-size:13px!important;font-weight:600!important;color:var(--muted)!important}
body.site .tbl th{font-size:12.5px!important;font-weight:600!important;color:var(--dim)!important}
body.site .uppercase{text-transform:none!important;letter-spacing:0!important}

/* карточки */
body.light .glass{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 1px 2px rgba(15,18,30,.04),0 18px 40px -24px rgba(15,18,30,.22)!important;border-radius:20px}
body.light .glass-hover:hover{border-color:rgba(75,85,232,.35)!important;box-shadow:0 1px 2px rgba(15,18,30,.04),0 18px 40px -20px rgba(75,85,232,.3)!important}
body.site .blob,body.site .bg-grid{display:none!important}

/* кнопки */
body.site .btn{text-transform:none!important;letter-spacing:-.005em!important;font-weight:600!important;border-radius:12px!important}
body.site .btn-primary{background:var(--mt-ind)!important;background-image:none!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 10px 24px -10px rgba(75,85,232,.7)!important;border:0!important}
body.site .btn-primary:hover{background:var(--mt-ind-h)!important}
body.light .btn-ghost{background:#fff!important;color:var(--strong)!important;border:0!important;box-shadow:0 0 0 1px var(--line2) inset!important}
body.light .btn-ghost:hover{background:#F3F4F8!important}
body.site .btn-success{background:#12A36B!important;background-image:none!important;box-shadow:none!important}
body.site .btn-danger{box-shadow:none!important}
body.light .icon-btn{background:#fff!important;border:0!important;box-shadow:0 0 0 1px var(--line2) inset!important;color:var(--muted)!important;border-radius:10px!important}
body.light .icon-btn:hover{background:#F3F4F8!important;color:var(--strong)!important}

/* поля */
body.light .field{background:#fff!important;border:1px solid var(--line2)!important;border-radius:12px!important;font-weight:500!important;color:var(--strong)!important}
body.light .field:focus{border-color:var(--mt-ind)!important;box-shadow:0 0 0 3px rgba(75,85,232,.15)!important}

/* переключатели */
body.light .seg{background:rgba(15,18,30,.05)!important;border:0!important;border-radius:12px!important;padding:4px!important}
body.site .seg button{text-transform:none!important;letter-spacing:0!important;font-size:13.5px!important;font-weight:500!important;border-radius:9px!important}
body.light .seg button.active{background:#fff!important;background-image:none!important;color:var(--strong)!important;font-weight:600!important;box-shadow:0 1px 2px rgba(15,18,30,.1),0 0 0 1px var(--line) inset!important}

/* значки и плашки */
body.site .icon-box{border-radius:12px!important;box-shadow:none!important;border:0!important;background:var(--mt-ind-s)!important;color:var(--mt-ind)!important}
body.site .icon-box.emerald{background:#E6FAF1!important;color:#12A36B!important}
body.site .icon-box.amber{background:#FFF4E2!important;color:#D98A00!important}
body.site .icon-box.rose,body.site .icon-box.pink{background:#FDECEE!important;color:#E0374A!important}
body.site .icon-box.cyan{background:#E7F6FF!important;color:#0E86C4!important}
body.site .badge{font-weight:600!important;font-size:12px!important}
body.light .pill{background:#fff!important;border:0!important;box-shadow:0 0 0 1px var(--line2) inset!important;color:var(--muted)!important}
body.light .ref-card{background:#F2FBF7!important;border-color:rgba(18,163,107,.25)!important}
body.light .founder-box{background:#FFF8E6!important;border-color:rgba(245,165,36,.3)!important}

/* таблицы */
body.light .tbl tr:hover td{background:#F7F8FC!important}

/* модальные окна */
body.light .modal-back{background:rgba(15,18,30,.36)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.light .modal-card{background:#fff!important;border:0!important;border-radius:22px!important;box-shadow:0 0 0 1px var(--line),0 40px 100px -30px rgba(15,18,30,.45)!important}

/* миниатюры досок в кабинете — точечная сетка, как на доске */
body.light .board-thumb{background-color:#fff!important;background-image:radial-gradient(rgba(30,40,80,.18) 1px,transparent 1.3px)!important;background-size:14px 14px!important;border-color:var(--line)!important}

/* вопросы */
body.light details.faq{border-color:var(--line)!important}

/* открытый банк задач */
body.light a.topic-chip,body.light .topic-chip{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 1px 2px rgba(15,18,30,.04)!important;border-radius:14px!important}
body.light a.topic-chip:hover{border-color:rgba(75,85,232,.35)!important;box-shadow:0 12px 24px -14px rgba(75,85,232,.4)!important}
body.site .topic-num{background:var(--mt-ind)!important;background-image:none!important;color:#fff!important;box-shadow:none!important;border:0!important;font-weight:600!important;border-radius:8px!important}

/* полоса прокрутки */
body.light ::-webkit-scrollbar-thumb{background:rgba(15,18,30,.18)!important}

/* поле в колонке на телефоне не должно сплющиваться (flex-1 в столбце давал высоту 0) */
body.site .field{min-height:46px;flex-shrink:0}
body.site .btn-lg{font-size:15px!important}
body.site [data-brand].grad-text,body.site .grad-text[data-brand]{-webkit-text-fill-color:#0C0E14!important;color:#0C0E14!important}