/* Веб-кабинет AVS Plast — стиль по принятому макету
   (2026-07-24_maket-kabinet-sklad.html). */
:root{
  --bg:#f2f3f0; --panel:#ffffff; --side:#232a33; --side-ink:#c8cfd8; --side-act:#2e3843;
  --ink:#1d242c; --ink-2:#5d6673; --ink-3:#8d95a1; --line:#e2e3df;
  --accent:#1f5fa8; --accent-soft:#e8eef6;
  --ok:#2e7d4f; --ok-soft:#e7f1eb; --warn:#a06614; --warn-soft:#faf0dc;
  --bad:#b03a37; --bad-soft:#f9e9e8;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#14171b; --panel:#1c2127; --side:#10141a; --side-ink:#9aa3ae; --side-act:#232b35;
  --ink:#e7eaee; --ink-2:#a6adb8; --ink-3:#737b87; --line:#2b313a;
  --accent:#5f9ad8; --accent-soft:#1e2b3a;
  --ok:#5cb385; --ok-soft:#1c2e24; --warn:#d9a24a; --warn-soft:#322818;
  --bad:#d97370; --bad-soft:#37201f;
}}
html{background:var(--bg);}
body{margin:0; font-family:"Segoe UI",system-ui,sans-serif; color:var(--ink); font-size:14px; line-height:1.5;}
a{color:var(--accent);}
.app{display:grid; grid-template-columns:216px 1fr; min-height:100vh;}
.side{background:var(--side); color:var(--side-ink); padding:16px 0; position:sticky; top:0; height:100vh; box-sizing:border-box; overflow-y:auto;}
.logo{padding:0 18px 14px; font-weight:600; color:#fff; font-size:15px; letter-spacing:.02em;}
.logo small{display:block; font-weight:400; font-size:11.5px; color:var(--side-ink); letter-spacing:.06em; text-transform:uppercase; margin-top:2px;}
.nav a{display:flex; justify-content:space-between; align-items:center; padding:9px 18px; color:var(--side-ink); text-decoration:none; font-size:13.5px;}
.nav a.act{background:var(--side-act); color:#fff; border-left:3px solid var(--accent); padding-left:15px;}
.nav a:hover{color:#fff;}
.pill{font-size:11px; background:var(--bad); color:#fff; border-radius:999px; padding:1px 8px; font-variant-numeric:tabular-nums;}
.pill.blue{background:var(--accent);}
.who{margin-top:18px; padding:12px 18px; border-top:1px solid rgba(255,255,255,.08); font-size:12.5px;}
.who b{color:#fff; font-weight:600; display:block;}
.who a{color:var(--side-ink);}
.main{padding:18px 22px 40px; min-width:0;}
.top{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:14px;}
.top h1{font-size:20px; font-weight:600; margin:0 auto 0 0;}
.search{background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:7px 12px; color:var(--ink); min-width:230px; font-size:13px;}
.btn{background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:7px 12px; font-size:13px; color:var(--ink-2); cursor:pointer; text-decoration:none; display:inline-block;}
.btn.pri{background:var(--accent); border-color:var(--accent); color:#fff; font-weight:600;}
.kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; margin-bottom:14px;}
.kpi{background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:10px 14px;}
.kpi .l{font-size:12px; color:var(--ink-2); margin:0;}
.kpi .v{font-size:20px; font-weight:600; margin:2px 0 0; font-variant-numeric:tabular-nums;}
.kpi .v.warn{color:var(--warn);} .kpi .v.bad{color:var(--bad);}
.kpi .v small{font-size:12px; font-weight:400; color:var(--ink-2);}
.card{background:var(--panel); border:1px solid var(--line); border-radius:10px; margin-bottom:14px;}
.card .hd{display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid var(--line);}
.card .hd h2{font-size:15px; font-weight:600; margin:0 auto 0 0;}
.chips{display:flex; gap:6px; flex-wrap:wrap; padding:10px 16px 0;}
.chip{font-size:12px; border:1px solid var(--line); border-radius:999px; padding:3px 10px; color:var(--ink-2); font-variant-numeric:tabular-nums; text-decoration:none;}
.chip.act{background:var(--accent-soft); border-color:var(--accent); color:var(--accent); font-weight:600;}
.twrap{overflow-x:auto;}
table{width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums;}
th{font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-3); text-align:left; font-weight:600; padding:10px 10px 8px; border-bottom:1px solid var(--line); white-space:nowrap;}
th.r,td.r{text-align:right;}
td{padding:8px 10px; border-bottom:1px solid var(--line); white-space:nowrap;}
tr:last-child td{border-bottom:none;}
td .nm{color:var(--ink);} td .cd{color:var(--ink-3); font-size:12px; display:block; white-space:normal; max-width:420px;}
.tag{font-size:11.5px; border-radius:6px; padding:2px 8px; font-weight:600; white-space:nowrap;}
.tag.g1{background:var(--accent-soft); color:var(--accent);}
.tag.g2{background:var(--ok-soft); color:var(--ok);}
.tag.g3{background:var(--warn-soft); color:var(--warn);}
.tag.g4{background:var(--warn-soft); color:var(--warn);}
.tag.none{background:var(--bad-soft); color:var(--bad);}
.tag.ok{background:var(--ok-soft); color:var(--ok);}
.tag.put{background:var(--warn-soft); color:var(--warn);}
.low{color:var(--bad); font-weight:600;}
.warntxt{color:var(--warn); font-weight:600;}
.oktxt{color:var(--ok); font-weight:600;}
.foot{margin-top:16px; font-size:12px; color:var(--ink-3);}
.filtry{display:flex; gap:8px; flex-wrap:wrap; align-items:center; padding:10px 16px; border-bottom:1px solid var(--line); font-size:13px;}
.filtry select,.filtry input{background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:6px 10px; font-size:13px; color:var(--ink);}
.stranicy{display:flex; gap:6px; padding:10px 16px; align-items:center; font-size:13px; color:var(--ink-2);}
.stranicy a{border:1px solid var(--line); border-radius:6px; padding:3px 9px; text-decoration:none; color:var(--ink-2);}
.stranicy a.act{background:var(--accent-soft); border-color:var(--accent); color:var(--accent); font-weight:600;}
.vhod-fon{display:flex; align-items:center; justify-content:center; min-height:100vh;}
.vhod{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:32px 36px; max-width:400px; text-align:center;}
.vhod h1{font-size:20px; margin:0 0 6px;}
.vhod p{color:var(--ink-2); font-size:13.5px;}
.oshibka{background:var(--bad-soft); color:var(--bad); border-radius:8px; padding:8px 12px; font-size:13px; margin:10px 0;}
.dvekolonki{display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start;}
@media (max-width:980px){.dvekolonki{grid-template-columns:1fr;} .app{grid-template-columns:1fr;} .side{position:static; height:auto;}}
.spisok-kolonok{list-style:none; margin:0; padding:0;}
.spisok-kolonok li{display:flex; align-items:center; gap:10px; padding:8px 16px; border-bottom:1px solid var(--line);}
.spisok-kolonok li:last-child{border-bottom:none;}
.spisok-kolonok .strelki button{border:1px solid var(--line); background:var(--panel); color:var(--ink-2); border-radius:6px; width:26px; height:26px; cursor:pointer;}
.note{font-size:12px; padding:10px 16px; border-bottom:1px solid var(--line); background:var(--warn-soft); color:var(--warn);}
.note.ok{background:var(--ok-soft); color:var(--ok);}