/* ============================================================================
   QTOYS · тестовая ERP · erp2_skin.css (ядро core.web; docs/ERP_FULL_PORT_SPEC.md, 2.5)
   Подключается ПОСЛЕ встроенного <style> sales_index.html. DOM и классы не меняются: здесь только токены
   оформления доски команды (app/static/erp.css — цвета, шрифт, радиусы) поверх переменных интерфейса ERP
   (--pr, --bg, --card, --brd, --txt, --muted …) и полоса «ТЕСТОВАЯ ВЕРСИЯ». Тёмная тема — та же, что в ERP:
   класс body.dark (переключатель в шторке), значения — из тёмной темы доски.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap');

/* ---- 0. полоса «ТЕСТОВАЯ ВЕРСИЯ»: всегда сверху, под неё сдвигаются шапка, шторка и печатный слой ---- */
:root { --erp2-bh: 26px; }
/* текст полосы виден целиком (на узком экране — в две строки); высоту полосы banner.js кладёт в --erp2-bh */
#erp2-banner { font-family: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  letter-spacing: .01em; box-shadow: 0 1px 0 rgba(0, 0, 0, .18); }
#erp2-banner .erp2-links { margin-left: 10px; }
#erp2-banner .erp2-links a {
  display: inline-block; margin-left: 6px; padding: 0 8px; line-height: 18px; border-radius: 999px;
  background: rgba(255, 255, 255, .18); color: #fff; text-decoration: none; font-weight: 600;
}
#erp2-banner .erp2-links a:hover { background: rgba(255, 255, 255, .3); }
@media (max-width: 560px) {
  #erp2-banner { font-size: 11px !important; line-height: 15px !important; padding: 4px 8px !important; }
  #erp2-banner .erp2-copy { display: none; }
  #erp2-banner .erp2-links { display: block; margin: 3px 0 0; }
  #erp2-banner .erp2-links a { margin: 0 2px; padding: 0 6px; }
}
body { padding-top: var(--erp2-bh) !important; }
/* шапка ERP (#hdr) — в потоке страницы (style="position:relative"), её сдвигает отступ body; фиксированные слои — сами */
#sideNav { top: var(--erp2-bh) !important; }
#wbPrint { top: var(--erp2-bh) !important; }
@media print {
  #erp2-banner { display: none !important; }
  body { padding-top: 0 !important; }
  #wbPrint { top: auto !important; }
  /* всё, что печатается из ERP (накладные, чек-листы, этикетки), — с пометкой «ТЕСТ» */
  #wbPrint::before {
    content: "ТЕСТ — документ тестовой ERP QTOYS, недействителен"; display: block !important;
    font: 700 12px Arial, sans-serif; color: #000; border: 1px solid #000; padding: 2px 6px; margin: 0 0 6px;
  }
}

/* ---- 1. токены доски → переменные интерфейса ERP (светлая тема) ---- */
:root {
  --pr: #5F7E07; --prD: #4D6705;               /* «лаймовый смысл»: текст и заливка под белый текст ≥4.5 */
  --ok: #23702E; --err: #B3261E; --warn: #6B4E00;
  --org: #7A4E22; --pur: #2F568F; --slate: #55653F;
  --bg: #F6F9EE; --card: #FFFFFF; --brd: #D8E1C4; --muted: #66725A; --txt: #1E2B12;
  --sh: none;
  --side: #1E2B12; --side-hov: #2B3620; --side-act: #3A4A26; --side-txt: #B3BFA1; --side-br: #EEF3E2;
  --bord: #D8E1C4; --bd: #D8E1C4;
  --surf-2: #EEF3E1; --hov: #E3EACF; --brd-str: #B4C197; --txt-2: #55653F;
  --pr-sf: #EDF6C9; --pr-br: #9BC41A;
  --ok-sf: #DDF1DF; --ok-br: #A7D8AE;
  --err-sf: #FBE2DE; --err-br: #F0B3AC;
  --warn-sf: #FCF0C4; --warn-br: #E0AB00;
  --scrim: rgba(30, 43, 18, .40);
  --sh-pop: 0 8px 28px rgba(30, 43, 18, .16), 0 1px 2px rgba(30, 43, 18, .08);
  --sh-modal: 0 16px 48px rgba(30, 43, 18, .22);
  --ring: 0 0 0 3px rgba(178, 222, 27, .45);
  --erp2-action: #B2DE1B; --erp2-action-hover: #A2CE0E; --erp2-action-ink: #1E2B12;
  --erp2-action-soft: #EDF6C9;
}

/* ---- 2. тёмная тема ERP (body.dark) — значения тёмной темы доски ---- */
body.dark {
  --pr: #9CC80F; --prD: #8FB90A;
  --ok: #8FDB99; --err: #F4867B; --warn: #F6D164; --org: #E2BE98; --pur: #A9C6F1; --slate: #B3BFA1;
  --bg: #12170D; --card: #1A2113; --brd: #2E3A22; --muted: #939F82; --txt: #EEF3E2;
  --sh: none;
  --side: #0C100A; --side-hov: #222B19; --side-act: #2B3620; --side-txt: #B3BFA1; --side-br: #EEF3E2;
  --bord: #2E3A22; --bd: #2E3A22;
  --surf-2: #222B19; --hov: #2B3620; --brd-str: #46563A; --txt-2: #B3BFA1;
  --pr-sf: #2A3A12; --pr-br: #7FA312;
  --ok-sf: #1F3623; --ok-br: #2F5A36;
  --err-sf: #442019; --err-br: #6A3027;
  --warn-sf: #3B2D0E; --warn-br: #B58C05;
  --scrim: rgba(0, 0, 0, .55);
  --erp2-action-soft: #2A3A12;
}
body.dark .hdr, body.dark .bnav { background: #161C10; }
body.dark input, body.dark select, body.dark textarea { background: #12170D; }
body.dark .btn.sec { background: #222B19; }

/* ---- 3. шрифт и базовые поверхности ---- */
body { font-family: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif; }
button, input, select, textarea { font-family: inherit; }
.card, .cli-card, .scard, .flt-blk, .inline-form, .chart-card, .ws-ord-card, .ws-prod-card, .fq-card { border-radius: 12px; }

/* ---- 4. действие — лайм доски, текст на нём тёмный ---- */
.btn { background: var(--erp2-action); color: var(--erp2-action-ink); }
.btn:hover { background: var(--erp2-action-hover); }
.btn.sec { background: var(--card); color: var(--txt); border: 1px solid var(--brd); }
.btn.sec:hover { background: var(--hov); border-color: var(--brd-str); }
.btn.grn { background: var(--ok); color: #fff; }
.btn.pur { background: var(--pur); color: #fff; }
.btn.org { background: var(--org); color: #fff; }
.btn.red { background: var(--err); color: #fff; }
.btn.slte { background: var(--slate); color: #fff; }
body.dark .btn.grn, body.dark .btn.pur, body.dark .btn.org, body.dark .btn.red, body.dark .btn.slte { color: #12170D; }
.bal-hdr { background: var(--side); color: #fff; }
.qd-btn.sel, .qd-btn:hover, .ws-sort-btn.sel { background: var(--erp2-action-soft); border-color: var(--pr-br); color: var(--txt); }
.bn.active { color: var(--pr); }
.bn.active .bnico { color: var(--txt); }
input:focus, select:focus, textarea:focus { outline: none; box-shadow: var(--ring); }

/* ---- 5. знак на экране входа: фирменный лайм вместо синего градиента ---- */
.l-mark { background: var(--erp2-action); color: var(--erp2-action-ink); border-radius: 12px 12px 12px 4px; }
.login-logo .l-name { color: var(--txt); text-transform: uppercase; letter-spacing: .02em; }   /* бренд — QTOYS */
.login-logo .l-name::after {
  content: "ТЕСТ"; display: inline-block; margin-left: 8px; padding: 0 6px; border-radius: 4px; vertical-align: 4px;
  background: #C0352C; color: #fff; font: 700 11px/18px 'Onest', system-ui, sans-serif; letter-spacing: .04em;
}