/* ============================================================================
   Ozon Admin — слой документов и внутренних страниц.
   Родня FBS.PROFI / mp-admin: та же геометрия, та же плотность, тот же приём
   «линии вместо теней». Тон — чернильный синий: зелёный и красный в этом
   продукте заняты смыслом «прибыль/убыток», поэтому хром обязан быть
   нейтральным по значению.

   Зачем отдельным файлом, а не инлайном в каждую страницу: оферта, политика
   и тарифы раньше несли по своему маленькому набору стилей, и после каждой
   правки лендинга расходились с ним. Теперь облик правится в одном месте.
   Тёмной темы нет сознательно — её нет ни у одного лендинга семьи.
   ========================================================================== */

@font-face{font-family:'Onest';src:url('/fonts/onest-cyrillic.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-04FF}
@font-face{font-family:'Onest';src:url('/fonts/onest-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Golos Text';src:url('/fonts/golos-text-cyrillic.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0400-04FF}
@font-face{font-family:'Golos Text';src:url('/fonts/golos-text-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/fonts/jetbrains-mono-cyrillic.woff2') format('woff2');font-weight:100 800;font-display:swap;unicode-range:U+0400-04FF}
@font-face{font-family:'JetBrains Mono';src:url('/fonts/jetbrains-mono-latin.woff2') format('woff2');font-weight:100 800;font-display:swap}
@font-face{font-family:'Unbounded';src:url('/fonts/unbounded-cyrillic.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0400-04FF}
@font-face{font-family:'Unbounded';src:url('/fonts/unbounded-latin.woff2') format('woff2');font-weight:200 900;font-display:swap}

:root{
  --brand-900:#0A2A4A; --brand-800:#0E3A63; --brand-700:#11497C;
  --brand-600:#14548C; --brand-500:#3D7CB8;
  --brand-100:#D6E4F1; --brand-050:#F1F6FB;

  --bg:#F4F6F8; --surface:#FFFFFF; --surface-2:#FAFBFC; --surface-3:#EEF1F4;
  --line:#E2E6EB; --line-2:#CFD6DE;
  --ink-1:#16191D; --ink-2:#3C424A; --ink-3:#6E767F; --ink-4:#868D96;

  --alert:#96500A; --alert-strong:#7C4206; --alert-bg:#FCEEDA; --alert-line:#EBC58D;
  --ok:#1B7A4B; --ok-bg:#E9F3ED; --ok-line:#CBE3D5;
  --err:#A3182C; --err-bg:#FBECEE;

  --sans:'Golos Text',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --head:'Onest','Golos Text',system-ui,sans-serif;
  --mono:'JetBrains Mono','Cascadia Mono',Consolas,ui-monospace,monospace;
  --display:'Unbounded','Onest',system-ui,sans-serif;

  --r-sm:3px; --r-md:4px; --r-lg:6px;
  --col:760px; --wide:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink-1);font:400 15px/1.6 var(--sans);font-feature-settings:"ss01"}
img{max-width:100%;display:block}
a{color:var(--brand-700);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--brand-600);border-radius:var(--r-md)}
[hidden]{display:none!important}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* ─── шапка (та же, что на лендинге) ─── */
.rail-top{position:fixed;inset:0 0 auto 0;height:3px;background:var(--brand-800);z-index:60}
.hdr{
  position:sticky;top:0;z-index:50;height:56px;margin-top:3px;
  display:flex;align-items:center;gap:18px;padding:0 20px;
  background:rgba(244,246,248,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.hdr-in{max-width:var(--wide);margin:0 auto;width:100%;display:flex;align-items:center;gap:18px}
.wordmark{font-family:var(--head);font-weight:800;font-size:17px;letter-spacing:-.03em;color:var(--brand-800)}
.wordmark span{color:var(--ink-3);font-weight:600}
.hdr-nav{display:flex;gap:16px;margin-left:8px}
.hdr-nav a{font-size:13.5px;color:var(--ink-3)}
.hdr-nav a:hover{color:var(--ink-1);text-decoration:none}
.hdr-right{margin-left:auto;display:flex;align-items:center;gap:12px}
@media (max-width:860px){.hdr-nav{display:none}}

/* ─── кнопки ─── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;
  border:1px solid transparent;border-radius:var(--r-md);font:600 14px/1 var(--sans);cursor:pointer;white-space:nowrap;
  transition:background .12s,border-color .12s}
.btn-primary{background:var(--brand-600);color:#fff}
.btn-primary:hover{background:var(--brand-700);text-decoration:none}
.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--ink-2)}
.btn-ghost:hover{border-color:var(--ink-3);text-decoration:none}
.btn-lg{height:46px;padding:0 22px;font-size:15px}

/* ─── каркас страницы ─── */
.wrap{max-width:var(--wide);margin:0 auto;padding:0 20px}
.doc{max-width:var(--col);margin:0 auto;padding:34px 20px 60px}
.crumbs{font-size:13px;color:var(--ink-4);padding:22px 0 0}
.crumbs a{color:var(--ink-3)}
.eyebrow{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}

/* ─── типографика документа ─── */
.doc h1,.wrap h1{font-family:var(--head);font-weight:700;letter-spacing:-.02em;text-wrap:balance;
  font-size:clamp(24px,4vw,34px);line-height:1.15;margin:8px 0 6px}
.doc h2{font-family:var(--head);font-weight:700;letter-spacing:-.015em;font-size:18px;line-height:1.25;
  margin:30px 0 8px;padding-top:16px;border-top:1px solid var(--line)}
.doc h3{font-family:var(--head);font-weight:700;font-size:15.5px;margin:20px 0 6px}
.doc p{margin:10px 0;color:var(--ink-2)}
.doc b,.doc strong{color:var(--ink-1);font-weight:600}
.doc ul,.doc ol{margin:10px 0;padding-left:20px;color:var(--ink-2)}
.doc li{margin:5px 0}
.doc code{font-family:var(--mono);font-size:.9em;background:var(--surface-3);
  border:1px solid var(--line);border-radius:var(--r-sm);padding:.06em .34em;color:var(--ink-1)}
.doc .upd{font-family:var(--mono);font-size:12px;color:var(--ink-4);margin:0 0 20px}
.doc table{width:100%;border-collapse:collapse;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin:16px 0;font-size:14px}
.doc th,.doc td{padding:0 14px;height:40px;text-align:left;border-bottom:1px solid var(--line)}
.doc thead th{height:32px;background:var(--surface-2);font-family:var(--mono);font-size:10.5px;
  font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}
.doc tr:last-child td{border-bottom:0}

/* Классы из оферты: .fill — подставляемое значение, .muted — примечание.
   Янтарный тут не «проблема», а «обрати внимание» — тот же смысл, что и в WMS. */
.doc .fill{background:var(--alert-bg);border:1px solid var(--alert-line);border-radius:var(--r-sm);
  padding:.04em .32em;font-weight:600;color:var(--alert-strong)}
.doc .muted{color:var(--ink-4)}

/* врезки */
.note{margin:16px 0;padding:13px 15px;border:1px solid var(--line);background:var(--surface);
  border-left:3px solid var(--brand-600);border-radius:var(--r-md);font-size:14px;color:var(--ink-2)}
.note-alert{border-color:var(--alert-line);border-left-color:var(--alert);background:var(--alert-bg);color:var(--alert-strong)}

/* ─── подвал ─── */
.foot{border-top:1px solid var(--line);background:var(--surface-2);padding:24px 0 36px;font-size:13px;color:var(--ink-3)}
.foot .wordmark{font-size:15px;display:inline-block;margin-bottom:8px}
.foot p{margin:8px 0 0;max-width:var(--col);line-height:1.55}
.foot-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}
.foot-links a{color:var(--ink-2);font-size:13px}
.foot-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-4)}

@media (max-width:560px){
  .wrap{padding:0 16px}
  .doc{padding:26px 16px 48px}
  .hdr{padding:0 16px;gap:10px}
}