/* ============================================================
   Азимут · Premium system
   Финальный слой типографики и визуальной иерархии.
   ============================================================ */
:root{
  --premium-navy:#0B1F46;
  --premium-navy-2:#142F63;
  --premium-red:#D71920;
  --premium-ink:#101828;
  --premium-copy:#344054;
  --premium-muted:#667085;
  --premium-line:#E4E7EC;
  --premium-canvas:#F5F7FA;
  --premium-radius:14px;
  --premium-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.05);
}

html{font-size:16px}
body{
  color:var(--premium-ink);
  background:var(--premium-canvas);
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}

/* Вход: полноценная двухпанельная композиция вместо технической формы */
#login{
  min-height:100vh;
  padding:0;
  align-items:stretch;
  justify-content:stretch;
  overflow-y:auto;
  background:#fff;
}
#login .lg-brand{
  display:flex!important;
  flex:0 0 clamp(420px,44vw,700px);
  max-width:none;
  padding:clamp(38px,5vw,72px);
  background:
    radial-gradient(circle at 84% 12%,rgba(255,255,255,.10),transparent 24%),
    radial-gradient(circle at 12% 88%,rgba(215,25,32,.18),transparent 28%),
    linear-gradient(145deg,#071936 0%,var(--premium-navy) 58%,#102B5B 100%);
}
#login .lg-brand:before{height:4px;background:var(--premium-red)}
#login .lg-logo-txt{
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:22px;
  font-weight:700;
  letter-spacing:-.02em;
}
#login .lg-mid{max-width:540px}
#login .lg-headline{
  max-width:520px;
  margin-bottom:22px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(40px,4.3vw,62px);
  font-weight:600;
  line-height:1.04;
  letter-spacing:-.045em;
}
#login .lg-sub{
  max-width:480px;
  color:#D5DDED;
  font-size:17px;
  line-height:1.65;
}
#login .lg-foot{
  color:#AEBBD2;
  font-size:13.5px;
  line-height:1.65;
}
#login .lg-foot-b{color:#D7DEEB}
#login .lg-compass{opacity:.72}
#login .lg-form{
  position:relative;
  min-height:0;
  padding:clamp(32px,5vw,76px);
  background:
    radial-gradient(circle at 100% 0,rgba(20,47,99,.045),transparent 32%),
    #fff;
}
#login .lg-form-inner{
  max-width:440px;
  margin:auto;
  padding:36px;
  border:1px solid rgba(208,213,221,.85);
  border-radius:20px;
  background:rgba(255,255,255,.98);
  box-shadow:0 24px 70px rgba(16,24,40,.10);
}
#login .lg-formbrand{
  display:flex!important;
  margin-bottom:34px;
  color:var(--premium-navy);
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.02em;
}
#login .lg-formbrand:before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--premium-red);
  box-shadow:0 0 0 6px rgba(215,25,32,.10);
}
#login .lg-head{margin-bottom:28px}
#login .lg-kicker{
  margin-bottom:8px;
  color:var(--premium-red);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
#login .lg-title{
  color:var(--premium-ink);
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:34px;
  font-weight:600;
  letter-spacing:-.035em;
}
#login .lg-field{margin-bottom:18px}
#login .lg-field label{
  margin-bottom:8px;
  color:var(--premium-copy);
  font-size:14px;
  font-weight:600;
}
#login .lg-field input{
  height:54px;
  padding:0 16px;
  border:1px solid #D0D5DD;
  border-radius:12px;
  background:#fff;
  color:var(--premium-ink);
  font-size:16px;
}
#login .lg-field input:hover{border-color:#98A2B3}
#login .lg-field input:focus{
  border-color:var(--premium-navy-2);
  box-shadow:0 0 0 4px rgba(20,47,99,.10);
}
#login .lg-submit{
  height:54px;
  margin-top:8px;
  border-radius:12px;
  background:linear-gradient(180deg,#E12930,var(--premium-red));
  font-size:16px;
  font-weight:700;
  box-shadow:0 8px 20px rgba(215,25,32,.18);
}
#login .lg-submit:hover{background:#BF1118;box-shadow:0 12px 26px rgba(215,25,32,.24)}
#login .lg-formfoot,#login .lg-toggle-row{
  color:var(--premium-muted);
  font-size:14px;
  line-height:1.5;
}
#login .lg-toggle-row a{color:var(--premium-navy-2);font-weight:700}
#login .err{font-size:14px;line-height:1.45}

/* Общий каркас */
body[data-platform] .side,.side{width:268px!important;background:#FCFCFD!important}
.brand{
  min-height:72px!important;
  padding:20px 22px!important;
  color:var(--premium-navy)!important;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:18px!important;
  font-weight:700!important;
}
body[data-platform] .nav{padding:14px 12px 32px}
body[data-platform] .nav-grp,.nav-grp{
  padding:18px 12px 8px!important;
  color:#596579!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
}
body[data-platform] .nav a,.nav a{
  min-height:44px!important;
  padding:10px 13px!important;
  border-radius:10px!important;
  color:#344054!important;
  font-size:14.5px!important;
  font-weight:550!important;
}
body[data-platform] .nav a.active,.nav a.active{
  background:#EAF0F8!important;
  color:var(--premium-navy)!important;
  font-weight:700!important;
}
.topbar{
  min-height:72px!important;
  padding:14px 28px!important;
  border-bottom-color:var(--premium-line)!important;
}
.search input{
  height:44px;
  border:1px solid var(--premium-line)!important;
  border-radius:11px!important;
  background:#F9FAFB!important;
  font-size:15px!important;
}
.content{
  max-width:1680px;
  padding:30px 34px 44px!important;
}
h2.page,.page{
  color:var(--premium-ink)!important;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:30px!important;
  font-weight:600!important;
  line-height:1.2;
  letter-spacing:-.035em!important;
}
.sub{
  color:var(--premium-muted)!important;
  font-size:15px!important;
  line-height:1.55;
}
.sec{
  color:var(--premium-navy)!important;
  font-size:13px!important;
  letter-spacing:.055em!important;
}
.hint,.muted{color:var(--premium-muted)}
.hint{font-size:14px}
.placeholder{color:var(--premium-muted)!important;font-size:14px!important;line-height:1.55!important}

/* Формы и действия */
label,.field label{color:var(--premium-copy);font-size:14px;font-weight:600}
input,select,textarea,.field input,.field select,.field textarea{
  min-height:44px;
  border-color:#D0D5DD;
  border-radius:10px;
  color:var(--premium-ink);
  font-size:15px;
}
.btn-primary,.btn-ghost{
  min-height:42px;
  padding:10px 16px;
  border-radius:10px;
  font-size:14.5px;
  font-weight:650;
}
.btn-primary{
  background:linear-gradient(180deg,#18396F,var(--premium-navy));
  box-shadow:0 1px 2px rgba(11,31,70,.24);
}

/* Карточки, панели, таблицы */
.tile,.panel,.form-card,.process-card,.ov-card,.p-card,.help-card,
.crm-panel,.cc-panel,.fl-card,.course-card,.tpl-card,.lcard{
  border-color:var(--premium-line)!important;
  border-radius:var(--premium-radius)!important;
  box-shadow:var(--premium-shadow)!important;
}
.tile{padding:20px}
.tile .num{font-size:32px}
.tile .label,.tile .foot{font-size:14px}
.panel-h,.crm-panel-head b,.cc-panel-head b{
  font-size:14.5px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
table thead th,.content th{
  padding:13px 16px;
  color:#596579;
  background:#F8FAFC;
  font-size:12.5px!important;
  font-weight:700;
  letter-spacing:.035em;
}
table td,.content td{
  padding:14px 16px;
  color:var(--premium-copy);
  font-size:14.5px!important;
  line-height:1.45;
}
.badge,.chip,.wf-chip{font-size:12.5px!important}
.crm-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px;
}
.crm-m{
  padding:18px 20px;
  border:1px solid var(--premium-line);
  border-radius:var(--premium-radius);
  background:#fff;
  box-shadow:var(--premium-shadow);
}
.crm-m-n{
  color:var(--premium-navy);
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:30px!important;
  font-weight:650!important;
  line-height:1;
}
.crm-m-l{margin-top:7px;color:var(--premium-muted);font-size:14px!important}
.cat-group table{table-layout:fixed}
.cat-group td:nth-child(2){width:72px}
.cat-group td:nth-child(3){width:92px}
.cat-group td:nth-child(4){width:92px}
.cat-group td:last-child{
  width:210px;
  white-space:nowrap;
  text-align:right;
}
.cat-group td:last-child .btn-ghost,
.cat-group td:last-child .btn-primary{
  display:inline-flex;
  width:auto;
  min-height:38px;
  margin:0 0 0 6px;
  padding:8px 11px;
  align-items:center;
  justify-content:center;
  font-size:13px;
}
.front-context span,.platform-context span,.uinfo small{font-size:12px!important}
.crm-muted,.cc-muted,.home-sub,.aud-sub,.tl-meta{font-size:13px!important}
.drawer{width:560px;box-shadow:-24px 0 60px rgba(16,24,40,.14)}
.drawer-head{padding:22px 26px}
.drawer-head h3{font-family:"Space Grotesk",Inter,sans-serif;font-size:22px}
.drawer-body{padding:22px 26px}
.kv{font-size:14.5px;line-height:1.5}

/* Доменные контракты входа. Эти правила намеренно завершают login-слой. */
#login.dom-admin .lg-brand{display:none!important}
#login.dom-admin .lg-formbrand{display:flex!important}
#login.dom-app .lg-formbrand,
#login.dom-edu .lg-formbrand{display:none!important}

/* Читаемость рабочих экранов: динамические модули добавляют свои стили после
   основного CSS, поэтому критичные минимумы закреплены через platform scope. */
body[data-platform] .md-upd,
body[data-platform] .md-main .md-s,
body[data-platform] .md-wait,
body[data-platform] .ops-date,
body[data-platform] .ops-sub,
body[data-platform] .ops-muted,
body[data-platform] .ops-foot,
body[data-platform] .ops-ctl-note,
body[data-platform] .ops-note,
body[data-platform] .guard-sub,
body[data-platform] .guard-blockers,
body[data-platform] .guard-warnings,
body[data-platform] .comm-warn,
body[data-platform] .comm-lock,
body[data-platform] .tdash-muted,
body[data-platform] .tdash-next,
body[data-platform] .trainer-sub{font-size:13px!important;line-height:1.45!important}

body[data-platform] .ops-meta span,
body[data-platform] .ops-forbid,
body[data-platform] .company-crm-stat span,
body[data-platform] .employee-admission-stat span,
body[data-platform] .company-crm-check small,
body[data-platform] .employee-admission-check small,
body[data-platform] .entity-check small,
body[data-platform] .work-list-stat span,
body[data-platform] .guard-item small,
body[data-platform] .comm-step small,
body[data-platform] .trainer-stat small,
body[data-platform] .aw-gap span{font-size:12.5px!important;line-height:1.4!important}

body[data-platform] .md-badge,
body[data-platform] .ops-pill,
body[data-platform] .trainer-pill,
body[data-platform] .aw-chip,
body[data-platform] .aw-scenario small{font-size:12.5px!important}

body[data-platform] .md-btn,
body[data-platform] .ops-btn,
body[data-platform] .ops-filter,
body[data-platform] .company-crm-actions button,
body[data-platform] .employee-admission-actions button,
body[data-platform] .entity-actions button,
body[data-platform] .work-list-actions button,
body[data-platform] .comm-rail-actions button,
body[data-platform] .trainer-filter,
body[data-platform] .tdash-filter,
body[data-platform] .aw-mini,
body[data-platform] .aw-btn,
body[data-platform] .access-presets .btn-sm{
  min-height:38px!important;
  padding:8px 12px!important;
  font-size:13.5px!important;
}

body[data-platform] .ops-table th,
body[data-platform] .trainer-table th,
body[data-platform] .tdash-table th{font-size:12.5px!important}
body[data-platform] .ops-table td,
body[data-platform] .trainer-table td,
body[data-platform] .tdash-table td{font-size:14px!important;line-height:1.45!important}

body[data-platform="admin"] .home-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-platform] .task-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;white-space:normal!important}

/* Единое безопасное подтверждение вместо системного prompt с видимым паролем. */
.az-modal-ov{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(11,31,70,.52);
  backdrop-filter:blur(5px);
}
.az-modal{
  width:min(100%,460px);
  padding:28px;
  border:1px solid rgba(208,213,221,.9);
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 80px rgba(16,24,40,.28);
}
.az-modal-kicker{color:var(--premium-red);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.az-modal h3{margin:7px 0 8px;color:var(--premium-ink);font:600 24px/1.2 "Space Grotesk",Inter,sans-serif;letter-spacing:-.025em}
.az-modal p{margin:0 0 20px;color:var(--premium-muted);font-size:14px;line-height:1.55}
.az-modal label{display:block;margin-bottom:8px}
.az-modal input{width:100%;box-sizing:border-box}
.az-modal-error{min-height:20px;margin-top:7px;color:#B42318;font-size:13px}
.az-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}
.az-modal-actions button{min-height:42px}

@media(max-width:980px){
  body[data-platform].nav-open .side{background:#FCFCFD!important;box-shadow:20px 0 55px rgba(16,24,40,.24)!important}
  body[data-platform].nav-open .nav a{color:var(--premium-copy)!important}
  body[data-platform].nav-open .nav a.active{background:#EAF0F8!important;color:var(--premium-navy)!important}
  body[data-platform].nav-open .nav-grp{color:#596579!important}
  body[data-platform].nav-open .nav-close{
    color:var(--premium-navy)!important;
    background:#EEF2F6!important;
    border:1px solid var(--premium-line)!important;
  }
}

/* Светлый мобильный sidebar должен оставаться контрастным и управляемым. */
@media(max-width:640px){
  body[data-platform] .topbar{
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
  }
  body[data-platform] .topbar .search{
    display:flex!important;
    order:5!important;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
  }
  body[data-platform].nav-open .side{background:#FCFCFD!important;box-shadow:20px 0 55px rgba(16,24,40,.24)!important}
  body[data-platform].nav-open .nav a{color:var(--premium-copy)!important}
  body[data-platform].nav-open .nav a.active{background:#EAF0F8!important;color:var(--premium-navy)!important}
  body[data-platform].nav-open .nav-grp{color:#7D899C!important}
  body[data-platform].nav-open .nav-close{
    color:var(--premium-navy)!important;
    background:#EEF2F6!important;
    border:1px solid var(--premium-line)!important;
  }
  body[data-platform] .task-actions{justify-content:flex-start}
  body[data-platform] .task-actions .btn-sm{width:100%}
  body[data-platform="admin"] .home-metrics{grid-template-columns:1fr}
  .cat-group td:last-child{width:auto;white-space:normal;text-align:left}
  .cat-group td:last-child .btn-ghost,
  .cat-group td:last-child .btn-primary{width:100%;margin:6px 0 0}
  .az-modal{padding:22px 18px;border-radius:15px}
  .az-modal-actions{flex-direction:column-reverse}
  .az-modal-actions button{width:100%}
}

@media(max-width:980px){
  #login{flex-direction:column}
  #login .lg-brand{
    flex:none;
    min-height:300px;
    padding:32px 28px 38px;
  }
  #login .lg-mid{margin-top:52px}
  #login .lg-headline{font-size:38px}
  #login .lg-foot{display:none}
  #login .lg-form{padding:32px 24px 48px}
  #login .lg-form-inner{max-width:520px}
  body[data-platform] .side{width:292px!important}
  .content{padding:24px 20px 36px!important}
}
@media(max-width:600px){
  #login .lg-brand{min-height:236px;padding:24px 20px 28px}
  #login .lg-mid{margin-top:34px}
  #login .lg-headline{font-size:30px;margin-bottom:12px}
  #login .lg-sub{font-size:15px;line-height:1.5}
  #login .lg-form{padding:24px 16px 36px}
  #login .lg-form-inner{padding:24px 20px;border-radius:16px}
  #login .lg-formbrand{margin-bottom:26px;font-size:18px}
  #login .lg-title{font-size:29px}
  .topbar{padding:10px 14px!important}
  .content{padding:20px 14px 32px!important}
  h2.page,.page{font-size:24px!important}
  table td,.content td{font-size:14px!important}
  .crm-metrics{grid-template-columns:1fr}
  .cat-group td:last-child{width:auto;white-space:normal;text-align:left}
  .cat-group td:last-child .btn-ghost,
  .cat-group td:last-child .btn-primary{width:100%;margin:6px 0 0}
}

/* Final client layer: restrained enterprise hierarchy over the legacy card-heavy UI. */
body[data-mode="client"] .p-card,
body[data-mode="client"] .ov-card,
body[data-mode="client"] .help-card,
body[data-mode="client"] .su-card,
body[data-mode="client"] .tr-col,
body[data-mode="client"] .clo-cta-btn,
body[data-mode="client"] .onb,
body[data-mode="client"] .onb-step{border-radius:10px!important;box-shadow:none!important}
body[data-mode="client"] .onb{background:#F7F9FC!important;border-color:#DDE3EC!important}
body[data-mode="client"] .onb-welcome{border-radius:10px!important;background:#17285A!important;box-shadow:none!important}
body[data-mode="client"] .badge,
body[data-mode="client"] .tr-badge,
body[data-mode="client"] .clo-status{border-radius:6px!important}
body[data-mode="client"] .page{letter-spacing:-.025em}
body[data-mode="client"] .sub{max-width:760px}
body[data-mode="client"] .content table{border:1px solid #E4E7EC;border-radius:8px;overflow:hidden}
body[data-mode="client"] .content th{background:#F8FAFC}
body[data-mode="client"] button:focus-visible,
body[data-mode="client"] input:focus-visible,
body[data-mode="client"] select:focus-visible{outline:3px solid rgba(46,91,186,.25);outline-offset:2px}

@media(max-width:900px){
  body[data-mode="client"] .toolbar{align-items:flex-start}
  body[data-mode="client"] .toolbar>div:last-child{display:flex;flex-wrap:wrap;gap:8px}
  body[data-mode="client"] .tr-grid{grid-template-columns:1fr!important}
  body[data-mode="client"] .tr-cart{position:static}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

.admin-user-actions{align-items:center}.admin-user-delete{color:#B42318!important;border-color:#FDA29B!important;background:#FFF7F7!important}.admin-user-delete:hover{background:#FEE4E2!important;border-color:#F97066!important}.admin-user-delete:focus-visible{outline:3px solid rgba(217,45,32,.2);outline-offset:2px}

/* Administrative UX: shared states, settings, program and course editors. */
.admin-state{
  min-height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:14px;
  padding:34px 24px;
  border:1px solid var(--premium-line,#E4E7EC);
  border-radius:18px;
  background:#fff;
  text-align:center;
  box-sizing:border-box;
}
.admin-state-copy{max-width:520px}
.admin-state-copy b{display:block;color:#101828;font-size:17px;line-height:1.35}
.admin-state-copy p{margin:6px 0 0;color:#667085;font-size:14px;line-height:1.55}
.admin-state-icon,.admin-state-spinner{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#EEF2F8;color:#17285A;font-weight:800}
.admin-state-error .admin-state-icon{background:#FEF3F2;color:#B42318}
.admin-state-spinner{border:3px solid #E4EAF3;border-top-color:#17285A;background:transparent;animation:admin-spin .8s linear infinite}
@keyframes admin-spin{to{transform:rotate(360deg)}}

.admin-settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;width:100%;max-width:1180px}
.admin-settings-card{display:block!important;min-width:0;margin:0!important;height:100%;box-sizing:border-box}
.admin-settings-wide,.admin-settings-actions{grid-column:1/-1}
.admin-settings-actions{position:sticky;z-index:6;bottom:16px;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(208,213,221,.9);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(16,24,40,.12);backdrop-filter:blur(12px)}
.admin-user-editor{display:block!important;width:100%;max-width:900px;margin:0 0 20px!important}
.admin-user-login{font-size:13px;font-weight:400;text-transform:none;letter-spacing:0}
.home-metric-action{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.home-metric-action:hover{transform:translateY(-2px);border-color:#B8C5D9;box-shadow:0 10px 28px rgba(16,24,40,.09)}
.home-metric-action:focus-visible,.pf-nav-item:focus-visible,.pf-sec-toggle:focus-visible,.cb-sec-t:focus-visible,.cb-lsn-main:focus-visible{outline:3px solid rgba(46,91,186,.28);outline-offset:2px}

.pf-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start;max-width:1240px}
.pf-nav{position:sticky;top:78px;display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid #E4E7EC;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.pf-nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#475467;font:600 13px/1.3 Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.pf-nav-item span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#F2F4F7;color:#667085;font-size:12px;flex:none}
.pf-nav-item:hover,.pf-nav-item.active{background:#EEF2F8;color:#17285A}
.pf-nav-item.active span{background:#17285A;color:#fff}
.pf-sections{min-width:0}
.pf-sec{scroll-margin-top:90px}
.pf-sec-h{justify-content:flex-end}
.pf-sec-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;min-height:40px;padding:0;border:0;background:transparent;color:#17285A;font:800 13px/1.35 Inter,system-ui,sans-serif;letter-spacing:.025em;text-align:left;cursor:pointer}
.pf-chevron{font-size:18px;transition:transform .16s ease}
.pf-sec-toggle[aria-expanded="true"] .pf-chevron{transform:rotate(180deg)}
.pf-sec-body[hidden]{display:none}
.pf-row .pf-item{min-height:42px}
.pf-x{width:40px;height:40px}
.pf-sticky-actions{position:sticky;z-index:7;bottom:14px;max-width:1240px;padding:13px 16px;border:1px solid rgba(208,213,221,.92);border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 14px 34px rgba(16,24,40,.14);backdrop-filter:blur(12px)}
.pf-dirty{margin-left:auto;color:#667085;font-size:13px;font-weight:600}
.pf-dirty.is-dirty{color:#B54708}

.cb-sec-form:not(:empty){margin:0 0 10px}
.cb-inline-form{padding:12px;border:1px solid #D8E0EC;border-radius:11px;background:#F8FAFC}
.cb-inline-form label{display:block;margin-bottom:7px;color:#344054;font-size:13px;font-weight:700}
.cb-inline-row{display:flex;gap:7px;align-items:center}
.cb-inline-row input{min-width:0;flex:1;height:42px}
.cb-inline-msg{display:block;min-height:18px;margin-top:5px;color:#B42318;font-size:12.5px}
.cb-sec-t{appearance:none;display:block;min-width:0;min-height:40px;padding:7px 6px;border:0;background:transparent;text-align:left}
.cb-lsn{padding:3px 4px 3px 3px;cursor:default}
.cb-lsn-main{appearance:none;min-width:0;min-height:42px;flex:1;padding:8px 7px;border:0;border-radius:7px;background:transparent;text-align:left;cursor:pointer}
.cb-op{width:38px!important;height:38px!important;font-size:14px!important}
.cb-add-lsn{min-height:42px;font-size:13.5px}

@media(max-width:900px){
  .admin-settings-layout,.pf-layout{grid-template-columns:1fr}
  .admin-settings-wide,.admin-settings-actions{grid-column:auto}
  .pf-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-sticky-actions{bottom:8px}
}
@media(max-width:600px){
  .admin-state{min-height:160px;padding:26px 18px}
  .admin-settings-actions,.pf-sticky-actions{bottom:6px;flex-direction:column;align-items:stretch}
  .admin-settings-actions button,.pf-sticky-actions button{width:100%}
  .pf-nav{display:flex;position:sticky;top:61px;z-index:5;flex-direction:row;overflow-x:auto;padding:7px;border-radius:12px}
  .pf-nav-item{width:auto;min-width:max-content;min-height:44px}
  .pf-dirty{margin-left:0;text-align:center}
  .cb-inline-row{flex-direction:column;align-items:stretch}
  .cb-inline-row button{width:100%}
  .cb-op{width:44px!important;height:44px!important}
  .cb-sec-t,.cb-lsn-main,.cb-add-lsn{min-height:44px}
}