/* SIRIK — светлый серо-голубой интерфейс, 15.10.2026. */
:root{color-scheme:light;--bg:#dce6f0;--panel:#f2f6fa;--panel2:#e9f0f7;--panel3:#d7e3ef;--border:#b3c7da;--fg:#172e47;--muted:#526d87;--orange:#f58a26;--green:#167747;--red:#b53750;--ring:#b65e0c;--shadow:0 22px 65px #1b38572b}
body{background:var(--bg);color:var(--fg)}
input,select,textarea{background:#f9fbfd;color:#172e47;border-color:#9fb6cd}
input:focus,select:focus,textarea:focus{border-color:#ba671a;box-shadow:0 0 0 3px #ed982d30}
.field label{color:#3d5976}
.card{background:#f1f6fa;border-color:#b3c7da;box-shadow:0 7px 20px #23415d0b}
.btn{background:#315779;color:white}
.btn.primary{background:#ff922f;color:#132c45}
.btn.ghost,.btn.outline{background:#e7eff7;color:#294967;border-color:#9bb5cd}
.btn.green{background:#167747;color:white}
.btn.red{background:#b53750;color:white}
.btn.blue{background:#2869a5;color:white}
.chip{background:#d4e3f1;color:#254c72}
.chip.orange{background:#ffe2bd;color:#814307}
.chip.green{background:#d3eedf;color:#12623d}
.chip.blue{background:#d6e9fa;color:#225581}
.chip.red{background:#f8dce2;color:#8d2941}
.chip.gray{background:#dce6ef;color:#3f5873}
.topbar,.warehouse-shell .topbar{background:#173c65;border-color:#44688a;backdrop-filter:none}
.topbar .muted{color:#c5d9ec}
.topbar .btn.ghost{background:#2b537b;border-color:#7394b3;color:#f5f9fd}
.topbar .logo,.topbar .ui-clock{color:white}
.topbar .logo em{color:#c0d6ec}
.topbar .chip.green{background:#d4f1e0;color:#16683f}
.topbar .chip.orange{background:#ffe2bd;color:#814307}
.sound-controls{display:flex;align-items:center;gap:8px}
.topbar .sound-enable{background:#ff9b32;border-color:#ffb65e;color:#102e4d;white-space:nowrap}
.topbar .sound-active{border-color:#95d7b2;white-space:nowrap}
@media(max-width:680px){.warehouse-shell .top-actions{flex-wrap:wrap}.sound-controls{gap:7px}}
.kpi .icon{background:#dce8f3}
.filterbar button{background:#e0ebf5;color:#3f5e7c;border-color:#bdcfe0}
.filterbar button.active{background:#ff922f;color:#17334e;border-color:#df7b1c}
.job-tile{background:#edf3f9;color:#203b56;border-color:#b6cadc}
.job-tile:hover,.job-tile.active{border-color:#d77a21;background:#fff0dc}
.tile-sub{color:#516d88}
.progress{background:#bdcfe0}
.progress>span{background:linear-gradient(90deg,#f08925,#ffb245)}
.progress.complete>span{background:#1a925c}
.detail-line{background:#e6eff7;border-color:#b8cbdc}
.detail-line .sku,.detail-line .meta,.detail-line .fraction span{color:#4d6985}
.note{background:#dfeaf5;border-color:#adc4db;color:#284664}
.note.warn{background:#fff0d6;border-color:#d5ad60;color:#754615}
.note.danger{background:#fae4e9;border-color:#d8a1af;color:#8c3047}
.empty{border-color:#98b3cd;color:#3f5d79;background:#e7eff6}
.divider{background:#b7cbdc}
.catalog-card code{color:#89501f}
.catalog-card .spec{color:#526d87}
.source-list{background:#e7eff7;border-color:#b3c7da;color:#365571}
.modal-overlay{background:#17375266;backdrop-filter:blur(4px)}
.modal{background:#eef4f9;border-color:#94aec7}
.modal strong{color:#172e47}
.modal-head,.modal-foot{background:#e2ecf5;border-color:#b3c8db}
.modal-body{background:#eef4f9}
.draft-line{background:#e0ebf5;border-color:#b3c7da}
.import-product{background:#f7fafc;border-color:#b6cbdc;border-left-color:#1c925d}
.import-product.unresolved{background:#fff5e2;border-left-color:#bc7b14}
.import-product code{color:#486784}
.import-empty{background:#e4edf6;border-color:#9db6cc;color:#4c6884}
.import-empty>span{color:#a55a16}
.import-total{background:#dbe8f4;border-color:#aac2d9;color:#284966}
.import-warning{color:#91520f}
.import-product .import-qty{color:#4d6985}
.login-hero{background:radial-gradient(circle at 90% 30%,#36628c,#183b61 70%);border-color:#4f7192}
.login-head{color:white}
.login-copy{color:#d0e0ef}
.login-tabs{background:#d0e0ee}
.login-tabs button{color:#3f5e7a}
.login-tabs button.active{background:#f4f8fc;color:#173c61}
.warehouse-shell{background:#dce6f0}
.tv-title h1{color:#172e47}
.tv-code{background:#ff922f;color:#17324d}
.tv-note{background:#cddfee;border-color:#a5bfd5;color:#294966}
.warehouse-progress{background:#edf4fa;border-color:#b2c8dc;color:#173550}
.tv-due{color:#8b4b10}
.tv-columns{color:#476581}
.tv-line{background:#edf3f9;border-color:#b4cadc;box-shadow:0 3px 8px #1e3e5b06}
.tv-line:nth-child(even){background:#e5eef6}
.tv-product .name{color:#18324e}
.tv-product .sku{color:#526f8b}
.tv-kit,.tv-counter strong{color:#173653}
.tv-unit{color:#56738f}
.tv-line.complete{background:#e1f0e8;border-color:#a4cbb5}
.tv-line.complete:before{background:#159154}
.tv-line.complete .tv-counter strong{color:#136c43}
.tv-line.has-shortage{background:#fff2da;border-color:#d7bd83}
.tv-line.has-shortage:before{background:#d98d0b}
.tv-shortage{background:#ffd376;color:#55400c}
.tv-actions .inc{background:#ff922f;color:#17324c}
.tv-actions .inc.is-done{background:#167747;color:white}
.tv-actions .dec{background:#e1ebf5;border-color:#8faec9;color:#345778}
.tv-actions .short{background:transparent;border-color:#bc691b;color:#8b4910}
.warehouse-bottom .btn.outline,.warehouse-bottom .btn.ghost{background:#edf4fa;color:#345573;border-color:#91adc5}
.page-label{color:#476581}
.warehouse-banner{background:#ffe7bd;border-color:#ce8a2e;color:#67400e}
.warehouse-banner .sub-text{color:#805524}
.warehouse-banner .btn{background:#f8ad4f;color:#433010}
.offline-banner{background:#f8e0e7;border-color:#b97186;color:#84354d}
.caution{color:#8b5012}
/* Keep coloured figures readable on the pale panels. */
.kpi .card:nth-child(2) .value{color:#9a4c0a!important}
.detail-line .caution{color:#8c3047!important}
a{color:#984d0d}
.modal{overflow:hidden}
/* Brand lockup: compact wordmark, department on the second line. */
.brand-lockup{gap:12px;letter-spacing:0;flex-shrink:0}
.brand-symbol{width:36px;height:36px;color:#ff9b42;flex:none}
.brand-text{display:flex;flex-direction:column;gap:5px}
.logo .brand-word{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-size:26px;font-weight:900;letter-spacing:-.9px;line-height:.95;color:#fff;white-space:nowrap}
.brand-baza{color:#ff9b42}
.brand-caption{font-size:8px;font-weight:650;letter-spacing:1.45px;line-height:1;color:#c8d9e8;white-space:nowrap}
.warehouse-shell .brand-symbol{width:39px;height:39px}
.warehouse-shell .logo .brand-word{font-size:30px}
.warehouse-shell .brand-caption{font-size:9px;letter-spacing:1.5px}
.login-hero .brand-symbol{width:43px;height:43px}
.login-hero .logo .brand-word{font-size:34px}
.login-hero .brand-caption{font-size:9px}
@media(max-width:680px){.brand-lockup{gap:8px}.brand-symbol{width:30px;height:30px}.logo .brand-word{font-size:22px}.brand-caption{font-size:6.5px;letter-spacing:.9px}.warehouse-shell .logo .brand-word{font-size:26px}.warehouse-shell .brand-caption{font-size:7px;letter-spacing:1px}}