/* Темы клиента — раздел 22.1 ТЗ. Цвета смыслов (риск/хорошо) одинаковы во всех темах. */
:root{--bg:#F3F4F8;--card:#FFFFFF;--border:#DCE0EC;--text:#0D1229;--muted:#4A5274;--chip:#ECEEF5;
  --accent:#0D1229;--accent-text:#F2F3F8;--soft:#C8F542;--soft-text:#0D1229;--cta:#C8F542;--cta-text:#0D1229;
  --risk:#B3261E;--good:#2F5D00;--warn:#8A5A00}
[data-theme=tender]{--bg:#FBF5F4;--border:#EFDCDC;--text:#3A2230;--muted:#6E5462;--chip:#F8ECEE;
  --accent:#A24A63;--accent-text:#FFFFFF;--soft:#F6D5DC;--soft-text:#5A2238;--cta:#A24A63;--cta-text:#FFFFFF}
[data-theme=business]{--bg:#F1F3F6;--border:#D5DBE3;--text:#1B2733;--muted:#4F5D6B;--chip:#E8EDF2;
  --accent:#2E4A66;--accent-text:#FFFFFF;--soft:#DCE6F0;--soft-text:#1B2733;--cta:#2E4A66;--cta-text:#FFFFFF}
[data-theme=nature]{--bg:#F3F6F1;--border:#D7E0D2;--text:#1F2A1C;--muted:#4E5B48;--chip:#E8EFE3;
  --accent:#3B6636;--accent-text:#FFFFFF;--soft:#DDEBD3;--soft-text:#1F3A1C;--cta:#3B6636;--cta-text:#FFFFFF}
[data-theme=warm]{--bg:#FAF5F0;--border:#EADBCB;--text:#2E211A;--muted:#66564A;--chip:#F5EAE0;
  --accent:#9A4A28;--accent-text:#FFFFFF;--soft:#F3DCC9;--soft-text:#5A2A14;--cta:#9A4A28;--cta-text:#FFFFFF}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
h1,h2,.brand,.num{font-family:Unbounded,Inter,sans-serif}
h1{margin:0;font-size:30px;line-height:1.2}
h2{margin:0 0 16px;font-size:20px;font-weight:500}
.muted{color:var(--muted)} .small{font-size:14px}
.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px}
.btn{min-height:48px;padding:0 20px;border-radius:14px;border:1px solid var(--border);font:600 16px Inter,sans-serif;cursor:pointer;background:var(--card);color:var(--text)}
.btn.primary{background:var(--cta);color:var(--cta-text);border:0}
.mark{display:inline-block;width:14px;height:14px;border-radius:3px;transform:rotate(45deg);background:var(--text);margin-right:10px}
.mark.small{width:9px;height:9px;margin-right:8px}
/* вход */
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.login-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px}
.brand{font-weight:700;letter-spacing:.18em;margin-bottom:12px;display:flex;align-items:center}
.login-card input{min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:12px;font:16px Inter,sans-serif;color:var(--text)}
.hint{margin:0;font-size:14px;color:var(--muted)}
#login-msg:empty{display:none}
/* приложение */
.layout{display:flex;flex-wrap:wrap;max-width:1440px;margin:0 auto}
.side{flex:1 1 240px;max-width:100%;padding:28px 20px;display:flex;flex-direction:column;gap:4px}
.client{display:flex;gap:12px;align-items:center;padding:0 12px 20px}
.client b{display:block;font-family:Unbounded,Inter,sans-serif;font-size:16px}
.client small{display:block;color:var(--muted);font-size:13px}
.logo{flex:none;width:40px;height:40px;border-radius:12px;background:var(--accent) center/cover no-repeat;color:var(--accent-text);display:flex;align-items:center;justify-content:center;font:700 18px Unbounded,sans-serif}
.wordmark{display:block;flex:none;height:28px;width:auto;max-width:170px;object-fit:contain;object-position:left center}
.client:has(.wordmark){flex-direction:column;align-items:flex-start;gap:6px}
.side a{padding:11px 14px;border-radius:12px;color:var(--muted);text-decoration:none;font-weight:500}
.side a.active{background:var(--accent);color:var(--accent-text)}
.side a.soon::after{content:" · скоро";font-size:13px}
.nordis{margin-top:20px;padding:0 12px;font:700 12px Unbounded,sans-serif;letter-spacing:.18em;color:var(--muted);display:flex;align-items:center}
main{flex:999 1 560px;min-width:0;padding:28px 24px 48px;display:flex;flex-direction:column;gap:20px}
.top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.kpi{display:flex;flex-direction:column;gap:6px}
.kpi .label{font-size:14px;font-weight:500;color:var(--muted)}
.kpi .num{font-size:26px;font-weight:700;line-height:1.15;white-space:nowrap}
.kpi .delta{font-size:14px;font-weight:600;color:var(--muted)}
.delta.up{color:var(--good)} .delta.down{color:var(--risk)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.bar{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.bar .row{display:flex;justify-content:space-between;gap:12px}
.track{height:10px;border-radius:999px;background:var(--chip)}
.fill{height:10px;border-radius:999px;background:var(--accent)}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--border)}
.list li:first-child{border-top:0;padding-top:0}
.dot{flex:none;width:10px;height:10px;border-radius:50%;margin-top:8px;background:var(--warn)}
.dot.critical{background:var(--risk)}
.card.accent{background:var(--accent);color:var(--accent-text);border:0}
.card.accent .stat{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid rgba(255,255,255,.25)}
[data-theme=nordis] .card.accent .stat{border-color:rgba(242,243,248,.25)}
.card.accent .big{font:700 40px Unbounded,sans-serif;line-height:1.1;margin-bottom:8px;display:block}
@media (max-width:640px){
  main{padding:16px}h1{font-size:24px}
  .side{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:12px 16px;gap:6px;align-items:center;border-bottom:1px solid var(--border)}
  .side a{white-space:nowrap}.side a.soon{display:none}.nordis{display:none}
  .client{padding:0 12px 0 0}.client small{display:none}.wordmark{height:18px;max-width:110px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi.card{padding:16px}
  .kpi .num{font-size:20px}
}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.plan-num{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:12px}
.plan-num .num{font-size:40px;font-weight:700;line-height:1}
.ptrack{position:relative;height:14px;border-radius:999px;background:var(--chip);margin:8px 0 10px}
.pfill{height:14px;border-radius:999px;background:var(--accent);max-width:100%}
.pmark{position:absolute;top:-5px;width:2px;height:24px;background:var(--text)}
.mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.mini div{display:flex;flex-direction:column;gap:2px}
.mini .num{font-size:22px;font-weight:700}
.status-up{color:var(--good);font-weight:600}.status-down{color:var(--risk);font-weight:600}
.plan-form{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.plan-form select,.plan-form input{min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:12px;font:16px Inter,sans-serif;color:var(--text);background:var(--card)}
.facts{list-style:none;margin:4px 0;padding:0}
.facts li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--border)}
.facts li:first-child{border-top:0}
.hint-box{margin:0;padding:14px 16px;border-radius:14px;background:var(--soft);color:var(--soft-text)}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.link-btn{align-self:flex-start;margin-top:4px;min-height:44px;padding:0;border:0;background:none;color:var(--accent);font:600 15px Inter,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.day-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:8px}
.day-head h2{margin:0}
h3{margin:0 0 8px;font-size:16px}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th,.tbl td{padding:8px 6px;border-top:1px solid var(--border);text-align:right;white-space:nowrap}
.tbl th[scope=row],.tbl thead th:first-child{text-align:left;white-space:normal}
.tbl tfoot th,.tbl tfoot td{font-weight:700;border-top:2px solid var(--border)}
.tbl thead th{border-top:0;font-size:13px;font-weight:600;color:var(--muted)}
.total{display:flex;justify-content:space-between;gap:12px;padding-top:12px;margin-top:4px;border-top:1px solid var(--border)}
.more{margin-top:8px;font-size:14px;color:var(--muted)}