/* SIRIK BAZA — тёмная тема рабочих экранов, 15.10.2026. */
:root,
body.work-mode {
  color-scheme: dark;
  --bg: #0d1726;
  --panel: #142236;
  --panel2: #192b41;
  --panel3: #22374d;
  --border: #2b3e54;
  --fg: #edf3fb;
  --muted: #a5b5c8;
  --orange: #ffa24c;
  --green: #75dbb2;
  --red: #ff9caa;
  --ring: #ffb66e;
  --shadow: 0 24px 70px #0006;
}
body,
body.work-mode { background: var(--bg); color: var(--fg); }
a { color: #ffb977; }
input, select, textarea,
.work-mode .report-filters input,
.work-mode .report-filters select,
.work-mode .team-panel input {
  background: #0e1b2c; color: #edf3fb; border-color: #465a72;
}
input::placeholder, textarea::placeholder { color: #8e9eb2; opacity: 1; }
input:focus, select:focus, textarea:focus { border-color: #ffad61; box-shadow: 0 0 0 3px #ffa24c20; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid #ffb66e; outline-offset: 4px; }
.field label { color: #c5d2e2; }
.btn { background: #253d56; color: #f1f6fd; }
.btn.primary, .work-mode .btn.primary { background: #ffa24c; color: #172333; }
.btn.ghost, .btn.outline, .work-mode .btn.ghost, .work-mode .btn.outline {
  background: #1a2b40; color: #d3deeb; border-color: #3c526d;
}
.btn.green { background: #24684e; color: #ebfff5; }
.btn.red { background: #953d52; color: #fff2f5; }
.btn.blue { background: #2e639e; color: #f2f8ff; }
.card { background: #142236; border-color: #2b3e54; box-shadow: none; }
.chip { background: #243a52; color: #c7d9ed; }
.chip.orange { background: #493522; color: #ffc082; }
.chip.green { background: #1b4136; color: #8ce4be; }
.chip.blue { background: #203f62; color: #aad3ff; }
.chip.red { background: #4b2938; color: #ffb1bf; }
.chip.gray { background: #293b50; color: #c8d6e6; }
.divider { background: #2b3e54; }
.note { background: #1b2d43; border-color: #3a526d; color: #cfdded; }
.note.warn { background: #382d20; border-color: #79603d; color: #f6cd96; }
.note.danger { background: #3b2533; border-color: #7e465a; color: #ffc0cb; }
.empty { background: #132237; color: #b9cbdf; border-color: #4b637f; }
.progress { background: #2c4058; }
.progress > span { background: #ffa24c; }
.progress.complete > span { background: #75dbb2; }
.catalog-card code { color: #ffc18b; }
.catalog-card .spec { color: #a6b8cd; }
.caution, .import-warning { color: #ffc18b; }

/* Вход, формы и диалоги. */
.login-hero { background: radial-gradient(ellipse at 80% 20%, #203a56 0, #101e31 54%, #0a1524 100%); border-color: #2c4059; }
.login-head { color: #f5f8fd; }
.login-copy { color: #b6c9dd; }
.login-tabs { background: #14243a; }
.login-tabs button { color: #b1c2d7; }
.login-tabs button.active { background: #2b425e; color: #fff; }
.modal-overlay { background: #030911bd; backdrop-filter: blur(6px); }
.modal, .modal-body { background: #142236; border-color: #415771; }
.modal-head, .modal-foot { background: #192b41; border-color: #344b64; }
.modal strong { color: #edf3fb; }
.draft-line { background: #0f1d30; border-color: #334b66; }
.import-product { background: #112c2b; border-color: #355953; border-left-color: #75dbb2; }
.import-product.unresolved { background: #332b20; border-color: #6e5a3c; border-left-color: #ffc078; }
.import-product code, .import-product .import-qty { color: #b5c7dc; }
.import-empty { background: #0f1d30; border-color: #415b79; color: #b1c3d9; }
.import-empty > span { color: #ffbc7a; }
.import-total { background: #20364d; border-color: #47647e; color: #e0ebf7; }
.detail-line { background: #112035; border-color: #30475f; }
.detail-line .sku, .detail-line .meta, .detail-line .fraction span { color: #aebfd3; }
.detail-line .caution { color: #ffacb9 !important; }
.topbar, .warehouse-shell .topbar, .work-picker .topbar { background: #0a1524; border-color: #2c3e53; }
.topbar .btn.ghost { background: #1b3048; border-color: #486583; color: #f0f6fe; }
.topbar .sound-enable { background: #ffa24c; border-color: #ffa24c; color: #172333; }
.topbar .chip.green { background: #1b4136; color: #8ce4be; }
.topbar .chip.orange { background: #493522; color: #ffc082; }
.warehouse-shell { background: #0d1726; }
.job-tile { background: #16263b; color: #edf3fb; border-color: #354b65; }
.job-tile:hover, .job-tile.active { background: #203249; border-color: #ffa24c; }
.tile-sub { color: #b0c2d7; }

/* Кабинет: единый журнал вместо россыпи карточек. */
.work-header { background: #101d2e; border-color: #2a3d53; }
.work-brand { background: #0a1524; }
.work-nav button, .work-account, .work-exit { color: #aabbd0; }
.work-nav button.active { color: #f4f7fd; }
.work-nav button.active:after { background: #ffa24c; height: 3px; }
.work-online:before { background: #75dbb2; box-shadow: 0 0 8px #75dbb22b; }
.work-eyebrow, .work-mode .section-eyebrow { color: #9bafc7; }
.work-hero h1, .work-mode .production-heading h1 { color: #f1f5fc; }
.work-hero h1 > span, .work-tv-heading h1 > span, .production-heading h1 > span { color: #ffa24c; }
.work-hero p, .work-mode .production-heading p { color: #a7b9ce; }
.work-summary { border-color: #2b3e54; }
.work-summary > div { color: #a8b9cd; }
.work-summary b { color: #e6effb; }
.work-summary > div:first-child b { color: #ffb46e; }
.work-summary > p { color: #ebbb82; }
.work-filterbar button { color: #b3c3d8; }
.work-filterbar button.active { background: #283d55; color: #fff; box-shadow: inset 0 0 0 1px #435d7b; }
.work-filterbar small { opacity: .85; }
.work-journal-columns, .work-composition-columns { color: #9eb1c9; }
.work-journal, .work-job { border-color: #2a3d54; }
.work-job.expanded { background: #16253a; border-left-color: #ffa24c; }
.work-job-heading { color: #bfcee0; }
.work-job-heading:hover { background: #ffffff03; }
.work-index { color: #8399b3; }
.work-job-title b, .work-composition-line strong { color: #edf3fb; }
.work-job-title small, .work-detail-progress, .work-composition-line small { color: #a2b5cc; }
.work-job-count, .work-composition-line > b { color: #e9f2ff; }
.work-job-count small, .work-composition-line > b small { color: #a6b9d0; }
.work-job-heading .chip { color: #b0c3da; }
.work-job-heading .chip.orange { color: #ffc185; }
.work-job-heading .chip.green { color: #85dfb8; }
.work-due, .work-chevron { color: #bacbe0; }
.work-detail-heading h2 { color: #d6e3f4; }
.work-details > .progress { background: #2e425a; }
.work-details > .progress > span { background: #ffa24c; }
.work-composition-columns, .work-composition-line { border-color: #30455d; }
.work-composition-line { color: #c1d0e2; }
.work-composition-line.complete > b { color: #85dfb8; }
.work-warning { color: #ffc381 !important; }
.work-job-note { color: #b1c4dc; }
.work-mode .source-list, .work-details .source-list { color: #a8bdd6; border-color: #30455d; }
.work-empty > span { color: #3c526e; }
.work-empty h2 { color: #edf3fb; }
.work-empty p, .work-readonly { color: #a6b9d0; }

/* Менеджеры и выработка. */
.work-mode .report-filters, .team-table-scroll, .team-people, .team-people > div { border-color: #344b64; }
.work-mode .team-table { background: #142337; }
.work-mode .team-table tr:nth-child(even) { background: #192b41; }
.work-mode .team-table th, .work-mode .team-table td { border-color: #30475f; }
.work-mode .team-table th { color: #a8bbd2; }
.work-mode .team-table td { color: #c3d2e4; }
.work-mode .team-table td:first-child strong { color: #f0f5fc; }
.work-mode .team-table small { color: #a2b7d0; }
.work-mode .team-table .kits-count { color: #8de7be; }
.work-mode .production-totals strong { color: #f2f7ff; }
.production-totals > div > span, .production-totals strong > small { color: #adbed4; }
.work-mode .production-totals > p, .report-effective-range { color: #a8bbd3; }
.work-mode .production-legacy { background: #302b23; border-color: #6c5b41; color: #edcc9b; }
.work-mode .team-panel { background: #142337; border-color: #344b64; }
.work-mode .team-panel h2 { color: #edf3fb; }
.work-mode .team-panel p, .team-people small { color: #aabdd4; }
.team-people strong { color: #e0ebf8; }

/* Цех: четыре контрастные строки на общем телевизоре. */
.work-mode .work-tv { background: #0d1726; }
.work-tv-rail { background: #091423; color: #edf3fb; border-right: 1px solid #273b52; }
.work-rail-job > span, .work-rail-due, .work-tv .warehouse-progress > p, .work-left { color: #a2b6cf; }
.work-rail-job > small { color: #afc2da; }
.work-rail-job h2, .work-rail-due b { color: #eff5fd; }
.work-rail-due, .work-rail-controls { border-color: #2f435b; }
.work-mode .work-tv .warehouse-progress, .work-mode .work-tv .warehouse-progress > strong { color: #f4f8ff; }
.work-tv .warehouse-progress > strong small { color: #a7bad1; }
.work-tv .warehouse-progress .progress { background: #2d425b; }
.work-tv .warehouse-progress .progress > span { background: #ffa24c; }
.work-left b { color: #f0f6ff; }
.work-rail-note { color: #a9bdd5; }
.work-rail-controls > label { color: #afc4de; }
.work-mode .work-rail-controls .worker-control { color: #f2f7ff; background: #203b56; border-color: #6085aa; }
.work-mode .work-rail-controls .worker-control.sound-enable { color: #172333; background: #ffa24c; border-color: #ffa24c; }
.work-rail-controls .sound-controls .btn { color: #c2d3e8; }
.work-rail-controls .sound-controls .sound-enable { color: #ffbd7b; }
.work-rail-controls .work-online { color: #9ad5bb; }
.work-logout { color: #a4b8d1; }
.work-tv-heading h1 { color: #f2f6fd; }
.work-tv-heading p { color: #a5bad2; }
.work-tv-clock { color: #d3e1f2; }
.work-tv-clock small { color: #a5b9d2; }
.work-tv-columns { color: #adc1da; border-color: #344d68; }
.work-mode .work-tv .tv-line { background: #142337; border-color: #30475f; }
.work-mode .work-tv .tv-line:nth-child(even) { background: #192b41; }
.work-tv-product > b { color: #f2f6fd; }
.work-tv-product .sku { color: #b1c4dc; }
.work-tv-product > span { color: #a9bed8; }
.work-tv-kit { color: #d8e5f5; }
.work-tv-kit > small { color: #a7bcd6; }
.work-mode .work-tv .work-tv-counter > strong { color: #f4f8ff; }
.work-tv-counter em { color: #a6bcd7; }
.work-tv-actions .work-minus { color: #d0dff1; border-color: #526c89; }
.work-tv-actions .btn.inc { background: #ffa24c; color: #152131; box-shadow: 0 5px 24px #ffa24c16; }
.work-tv-actions .work-short { color: #bdcde1; }
.work-mode .work-tv .tv-line.complete { background: #152e2d; border-color: #31534d; }
.work-mode .work-tv .tv-line.complete .work-tv-counter > strong { color: #8ce5bb; }
.work-mode .work-tv .tv-line.complete .btn.inc,
.work-mode .work-tv .tv-line.complete .btn.inc:disabled { background: #285b48; color: #c3f5dc; opacity: 1; box-shadow: none; }
.work-tv-product > span.work-tv-complete { color: #8ce5bb; }
.work-mode .work-tv .tv-line.has-shortage { background: #302a22; border-color: #67553a; }
.work-tv-product > span.work-tv-shortage { color: #ffca8b; }
.work-tv-footer button, .work-tv-footer > div { color: #b0c4de; }
.work-tv .warehouse-banner { background: #3b2e20; border-color: #ffbd7b; color: #ffe0b7; }
.work-tv .warehouse-banner p, .warehouse-banner .sub-text { color: #e5c399; }
.work-tv .warehouse-banner button { color: #162233; background: #ffb36b; }
.work-tv .warehouse-banner.offline-banner { background: #3b2532; border-color: #e08c9e; color: #ffbdc9; }
.work-tv .warehouse-banner.offline-banner p { color: #e8b4c0; }

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { transition: none !important; scroll-behavior: auto !important; }
}

/* Task cleanup: archive and reversible trash share the existing journal. */
.work-mode .trash-hint{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 18px}
.work-mode .work-detail-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.work-mode .work-filterbar{flex-wrap:wrap}