.extruder{border-top:1px solid #e5eaf2;margin-top:22px;padding-top:14px}.extruder h3{margin:0 0 12px}.extruder>label,#modal-form>label{display:block;font-size:13px;font-weight:700;margin-top:14px}.extruder>label select,#modal-form>label select,#modal-form>label input,#modal-form>label textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:7px;margin-top:5px;background:white}.handover{padding:13px;background:#f8fafc;border-radius:8px}.handover input{width:auto!important;margin-right:8px}.locked{background:#f4f6f9!important;color:#64748b}
.underwound td{background:#fff8e6!important}
.underwound td:first-child{box-shadow:inset 4px 0 0 #e7a229}
.underwound-badge{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:#fff0cf;color:#9a5c00;font-size:12px;font-weight:800;white-space:nowrap}
.orders-card{margin-top:24px}.orders-table small{color:#667892}.transport-pill,.order-status{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#3b58b5;font-size:12px;font-weight:700}.order-status{background:#eefaf1;color:#198754}
.orders-table .transport-action{cursor:pointer}.orders-table .transport-action:hover .transport-pill{background:#dbe5ff;color:#244bb1;box-shadow:0 0 0 3px rgba(56,92,220,.12)}
.drawer-dialog .table-wrap{overflow-x:hidden}.drawer-dialog .table-wrap table{min-width:0;width:100%;table-layout:fixed}.drawer-dialog .table-wrap th,.drawer-dialog .table-wrap td{padding:10px 8px;overflow-wrap:anywhere}
.drawer-dialog{overflow:hidden}.drawer-dialog #modal-form{width:100%;min-width:0;max-width:100%;overflow-x:hidden!important;overflow-y:auto}.drawer-dialog #modal-content,.drawer-dialog .coil-form,.drawer-dialog .coil-section{min-width:0;max-width:100%}
.order-positions-view{display:grid;gap:10px}.order-position-view{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:10px;align-items:center;padding:13px;border:1px solid #e5eaf2;border-radius:10px;background:#fbfcff}.order-position-view div{display:flex;flex-direction:column;gap:2px;min-width:0}.order-position-view span{font-size:11px;color:#64748b;text-transform:uppercase}.order-position-view strong{overflow-wrap:anywhere}@media(max-width:700px){.order-position-view{grid-template-columns:1fr 1fr}.order-position-view>b{grid-column:span 2}}
.drawer-dialog{width:min(1120px,96vw)}.order-position-view{grid-template-columns:1fr .8fr 1.2fr .5fr 1.5fr}.order-position-view strong{white-space:nowrap;overflow-wrap:normal}@media(max-width:700px){.order-position-view strong{white-space:normal}}
.transport-documents{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:7px}.transport-documents li{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:8px;background:#f7f9fc}.transport-documents span{color:#9a5c00;font-size:12px}
.coil-section>.bas-text{display:block;width:min(640px,100%);min-height:170px;margin:0;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#334155;font:inherit;line-height:1.45;resize:vertical}.coil-section>.bas-text+#copy-bas{display:inline-flex;align-items:center;justify-content:center;margin:12px 0 0;min-height:44px;white-space:nowrap}@media(max-width:650px){.coil-section>.bas-text{width:100%}.coil-section>.bas-text+#copy-bas{width:100%}}
.finance-table td small{display:block;margin-top:4px;color:#667892}.finance-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}.finance-status.neutral,.finance-status.waiting{background:#eef2ff;color:#4359b7}.finance-status.done,.finance-status.paid{background:#e5f7ea;color:#187043}.finance-status.partial{background:#fff2d9;color:#9a5c00}.finance-status.overdue{background:#fee5e6;color:#b52f35}
.customers-table td small{display:block;margin-top:4px;color:#667892}.customer-category,.customer-stage{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}.customer-category{background:#edf2ff;color:#4058ad}.category-a{background:#e5f7ea;color:#187043}.category-c{background:#fff2d9;color:#9a5c00}.customer-stage{background:#f4f6f9;color:#52647f}.customer-history{margin-top:20px;padding-top:16px;border-top:1px solid #e5eaf2}.customer-history h4{margin:0 0 10px}.customer-history article{padding:11px 12px;margin-top:8px;border-radius:9px;background:#f7f9fc}.customer-history article p{margin:5px 0}.customer-history article small{color:#64748b}
.view-switch{display:flex;gap:7px;margin:4px 0 18px}.view-switch button{border:1px solid #d5deee;border-radius:8px;background:white;color:#51647e;padding:8px 14px;font-weight:700;cursor:pointer}.view-switch button.active{border-color:#315be8;background:#edf2ff;color:#315be8}.customer-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:4px}.customer-column{min-height:410px;padding:12px;border-radius:13px;background:#eef2f8}.customer-column>header{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 12px;color:#13294b}.customer-column>header span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#dce4f2;font-size:12px;font-weight:800}.customer-cards{display:grid;gap:10px}.customer-board-card{padding:14px;border:1px solid #e1e7f0;border-radius:11px;background:white;box-shadow:0 5px 14px #13294b0d;transition:transform .15s,box-shadow .15s}.customer-board-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px #13294b1c}.customer-card-head{display:flex;gap:7px;justify-content:space-between;align-items:start}.customer-card-head>b{font-size:16px;line-height:1.25}.customer-board-card>p{margin:7px 0 12px;color:#667892;font-size:13px}.customer-card-work,.customer-card-next{display:grid;gap:3px;margin-top:10px;font-size:13px}.customer-card-work small,.customer-card-next small{color:#7b8ca5;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.customer-card-next{padding-top:9px;border-top:1px solid #edf0f5}.customer-board-card footer{display:flex;justify-content:space-between;gap:8px;margin-top:15px;color:#52647f;font-size:12px}.customer-board-card footer i{font-style:normal;color:#315be8;font-weight:750}.empty-column{margin:30px 3px;color:#7d8da5;font-size:13px}.test-success{display:inline-block;margin-bottom:2px;padding:4px 7px;border-radius:999px;background:#e5f7ea;color:#187043;font-size:11px;font-weight:750}.customer-return{margin-top:18px;padding:17px;border:1px solid #f3d39b;border-radius:13px;background:#fffbf2}.customer-return h3{margin:0 0 4px}.customer-return p{margin:0;color:#8b6a34}.customer-return-cards{display:flex;flex-wrap:wrap;gap:11px;margin-top:14px}.customer-return-cards .customer-board-card{width:min(290px,100%)}@media(max-width:900px){.customer-board{grid-template-columns:repeat(4,250px)}}
.customer-column>header{height:auto!important;min-height:52px!important;margin:0!important;padding:14px 13px!important;border-radius:9px!important;background:#17345f!important;color:#fff!important;box-shadow:none!important}.customer-column>header b{color:#fff!important;font-size:14px!important;line-height:1.25}.customer-column>header span{background:#e6edff!important;color:#24467c!important;flex:0 0 auto}
.customer-board-card{cursor:pointer}
.customer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:14px 16px;border:1px solid #dce5f3;border-radius:12px;background:#f8faff}.customer-summary div{display:grid;gap:3px;min-width:0}.customer-summary span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#71829b}.customer-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.customer-summary button{white-space:nowrap}.customer-workspace{border-color:#cfdcff;background:#fbfcff}.customer-workspace h3{margin-bottom:14px}.customer-workspace>label{margin-top:14px}.customer-details{border:1px solid #dce5f3;border-radius:12px;background:#fff}.customer-details>summary{padding:14px 16px;color:#315be8;font-weight:800;cursor:pointer;list-style:none}.customer-details>summary::-webkit-details-marker{display:none}.customer-details>summary:after{content:'⌄';float:right;font-size:18px}.customer-details[open]>summary{border-bottom:1px solid #e5eaf2}.customer-details[open]>summary:after{content:'⌃'}.customer-details-form{margin:14px;border:0;padding:0}.customer-details-form h3{margin-top:0}.site-heading{margin:22px 0 12px!important;padding-top:18px;border-top:1px solid #e5eaf2}@media(max-width:800px){.customer-summary{grid-template-columns:1fr 1fr}.customer-summary button{grid-column:span 2}}
.customer-workspace{padding:20px!important;background:linear-gradient(135deg,#fbfcff,#f4f7ff)!important}.customer-workspace h3{font-size:20px!important;margin:0 0 16px!important}.customer-workspace>label{display:flex!important;flex-direction:column!important;gap:7px!important;max-width:520px;font-size:13px!important;font-weight:750!important}.customer-workspace>label select{width:100%!important;min-height:48px!important;padding:10px 40px 10px 12px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;background:#fff!important;color:#13294b!important;font:inherit!important;font-weight:650!important;box-shadow:0 1px 2px #13294b08}.customer-workspace>label select:focus{outline:0;border-color:#315be8!important;box-shadow:0 0 0 3px #315be820}
.customer-board-card{min-height:0!important;padding:13px 14px!important}.customer-card-name{display:block;font-size:16px;line-height:1.25;color:#102d57}.customer-board-card>p,.customer-board-card>.customer-card-head,.customer-board-card>footer,.customer-board-card>.test-success{display:none!important}.customer-card-work,.customer-card-next{gap:3px;margin-top:11px;font-size:13px;line-height:1.35}.customer-card-next{padding-top:10px}.customer-card-work small,.customer-card-next small{font-size:10px}.customer-reminder{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding:7px 9px;border-radius:7px;background:#edf4ff;color:#315be8;font-size:12px}.customer-reminder span{font-weight:700}.customer-reminder b{font-size:12px;white-space:nowrap}.customer-reminder.missing{background:#fff4e3;color:#a05c00}.next-step-date{display:flex!important;flex-direction:column!important;gap:7px!important;max-width:260px!important;margin-top:12px!important;font-size:13px!important;font-weight:750!important}.next-step-date input{min-height:44px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit}.required-mark{color:#d42d35}
.customer-reminder.planned{background:#edf4ff;color:#315be8}.customer-reminder.soon{background:#fff6db;color:#996100}.customer-reminder.today{background:#fff0db;color:#bd5a00;box-shadow:inset 3px 0 0 #f59e0b}.customer-reminder.overdue{background:#ffebeb;color:#bf2d35;box-shadow:inset 3px 0 0 #df3e45}.customer-reminder.missing{background:#f2f4f7;color:#667892}
.inventory-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:6px 0 24px}.inventory-summary article{display:grid;gap:5px;padding:15px;border:1px solid #dce5f3;border-radius:11px;background:#f8faff}.inventory-summary article span{font-size:13px;color:#52647f}.inventory-summary article b{font-size:21px;color:#102d57}.inventory-summary article small{font-size:11px;color:#71829b}.inventory-title{margin:0 0 12px;color:#102d57}.inventory-table td,.inventory-table th{white-space:nowrap}@media(max-width:700px){.inventory-summary{grid-template-columns:1fr}}

/* MyFlex visual language: industrial blue, clear space, precise controls. */
:root{--ink:#102f52;--muted:#69809c;--line:#dfe8f1;--bg:#f4f7fa;--blue:#0f71b8;--yellow:#fff4bf;--green:#e1f5e9;--red:#fde8e8}
body{background:linear-gradient(180deg,#f8fafc 0,#f3f7fa 100%);color:var(--ink);letter-spacing:.005em}
body>header{background:linear-gradient(100deg,#092d50,#0d4775);box-shadow:0 4px 18px #092d5033}
header b,.nav-brand{letter-spacing:.11em;font-weight:850}header span{color:#b6d6ed}header select{border:1px solid #d9e9f4;border-radius:9px;padding:9px 12px;color:#102f52;background:#fff}
.workspace-nav{background:linear-gradient(180deg,#092d50,#0a365e);box-shadow:4px 0 18px #092d501a}.nav-brand span{color:#78c6ef}.nav-caption{color:#85b6d4}.nav-item{border-left:3px solid transparent;border-radius:8px;color:#e9f5fc}.nav-item i{color:#7cc7ee}.nav-item:hover{background:#15507f}.nav-item.active{border-left-color:#79d0f4;background:#146eaa;box-shadow:none}.nav-item.active i{color:#fff}.nav-disabled{color:#7394ad}
.nav-caption-first{padding-top:5px;margin-bottom:10px}.nav-soon{margin-top:30px}
.hero{margin-top:12px}.hero h1{font-size:34px;letter-spacing:-.025em}.eyebrow{color:#0f71b8!important}.metric{border:0;border-radius:13px;background:#fff;box-shadow:0 8px 25px #0d477512}.metric strong{color:#0d4775}
.card{border:1px solid #e2eaf1;border-radius:15px;box-shadow:0 8px 26px #153b5d0c}.section-title h2,.inventory-title{letter-spacing:-.01em}.section-title p{max-width:750px}
.primary{background:linear-gradient(135deg,#0b5f9d,#1587ca);border-radius:9px;padding:10px 14px;box-shadow:0 5px 11px #0f71b825}.primary:hover{background:linear-gradient(135deg,#094f84,#1177b5);transform:translateY(-1px)}.secondary{border-color:#cbdbe7;border-radius:9px;color:#164c73;background:#fff}.secondary:hover{background:#f1f8fc}
input,select,textarea,.grid input,.grid textarea,.grid select,.field select{border-color:#cbdbe7!important;border-radius:8px!important;background:#fbfdff!important}.grid input:focus,.grid textarea:focus,.grid select:focus,input:focus,select:focus,textarea:focus{outline:0;border-color:#1587ca!important;box-shadow:0 0 0 3px #1587ca1c}
th{color:#53708a;background:#f7fafc}td{border-bottom-color:#e5edf3}tbody tr:not(.plan):hover td{background:#f5faff}.job{border-color:#dce7ef;border-radius:10px}.job:hover{border-color:#a9d0e7;background:#f8fcff}.customer-column{background:#edf4f8}.customer-column>header{background:#0d4775!important}.customer-board-card{border-color:#dce7ef;box-shadow:0 5px 15px #153b5d0a}.customer-board-card:hover{box-shadow:0 10px 24px #0d47751a}.customer-summary,.inventory-summary article{border-color:#dce7ef;background:linear-gradient(135deg,#fff,#f5faff)}
dialog{border-radius:18px;box-shadow:0 24px 80px #06244166}dialog::backdrop{background:#06244180}.coil-section{border-color:#dce7ef!important}.customer-workspace{background:linear-gradient(135deg,#fafdff,#f0f8fc)!important}

/* MyFlex website palette: graphite, white typography, one green action color. */
:root{--ink:#f7f8fa;--muted:#a8b0bc;--line:#3a4351;--bg:#202634;--blue:#28c576;--yellow:#544c2b;--green:#1f513c;--red:#5a3038}
body{background:#202634;color:var(--ink)}body>header{background:#202634;border-bottom:1px solid #68707b;box-shadow:none}header b{font-size:42px;line-height:1;font-weight:300;letter-spacing:-.055em;text-transform:lowercase}header b:after{content:''}header span{color:#b8c0ca;font-size:13px}header label{color:#fff}header select{background:#2a3140;color:#fff;border-color:#485260}
.workspace-nav{background:#202634;border-right:1px solid #3a4351;box-shadow:none}.nav-caption{color:#8f9aa8}.nav-item{color:#f0f2f4}.nav-item i{color:#aeb7c2}.nav-item:hover{background:#2b3342}.nav-item.active{border-left-color:#28c576;background:#2d3a41;color:#fff}.nav-disabled{color:#727d8c}
.hero h1,.section-title h2,.inventory-title,.card h2,.card h3{color:#fff}.hero p,.section-title p{color:#aeb7c2}.eyebrow{color:#28c576!important}.metric,.card{background:#292f3d;border-color:#3c4654;box-shadow:none}.metric strong{color:#fff}.metric small{color:#aeb7c2}
.primary{background:#28c576;color:#102b21;box-shadow:none}.primary:hover{background:#41d18b;color:#102b21}.primary:disabled{background:#56606e;color:#bbc2ca}.secondary{background:#292f3d;border-color:#4b5665;color:#fff}.secondary:hover{background:#343d4d}
input,select,textarea,.grid input,.grid textarea,.grid select,.field select{background:#202634!important;color:#f5f7f8!important;border-color:#495463!important}input::placeholder,textarea::placeholder{color:#8e99a7}.grid input:focus,.grid textarea:focus,.grid select:focus,input:focus,select:focus,textarea:focus{border-color:#28c576!important;box-shadow:0 0 0 3px #28c57622}
th{background:#242b38;color:#aeb7c2;border-bottom-color:#414b59}td{border-bottom-color:#3a4351}tbody tr:not(.plan):hover td{background:#303847}.job{background:#292f3d;border-color:#414b59}.job:hover{background:#303847;border-color:#596575}.job .muted,.muted{color:#aeb7c2!important}
.customer-column{background:#262d3a}.customer-column>header{background:#151b26!important}.customer-board-card,.inventory-summary article{background:#2b3341;border-color:#465160;box-shadow:none}.customer-card-name{color:#fff}.customer-card-work small,.customer-card-next small{color:#9ca7b5}.customer-card-next{border-top-color:#465160}.customer-summary{background:#2b3341;border-color:#465160}.customer-details{background:#292f3d;border-color:#465160}.customer-details[open]>summary{border-bottom-color:#465160}.customer-details>summary{color:#5cdb9a}.customer-workspace{background:#262e3a!important;border-color:#465160!important}
.inventory-summary article span,.inventory-summary article small{color:#aeb7c2}.inventory-summary article b{color:#fff}.order-position-view{background:#2b3341;border-color:#465160}.order-position-view span{color:#aeb7c2}.transport-documents li{background:#242b38}.coil-section>.bas-text{background:#202634;color:#f5f7f8;border-color:#495463}.locked{background:#343c49!important;color:#bcc5cf!important}
dialog{background:#292f3d;color:#f7f8fa;box-shadow:0 28px 90px #070a10aa}dialog::backdrop{background:#0a0e16b8}.step-box{background:#4c4428;color:#fff0b9}.signature{background:#1f513c;color:#c9f8dc}.customer-reminder.planned{background:#243b48;color:#9edaff}.customer-reminder.soon{background:#51482b;color:#ffe495}.customer-reminder.today{background:#563b25;color:#ffd099}.customer-reminder.overdue{background:#542e36;color:#ffc1c7}.customer-reminder.missing{background:#363f4c;color:#c6ced8}
/* Light MyFlex workspace — calm background, white work surfaces, green action accent. */
:root {
  --ink: #172534;
  --muted: #687789;
  --line: #dde6ed;
  --bg: #f5f7f8;
  --blue: #22be70;
  --yellow: #fff5c7;
  --green: #dff6e9;
  --red: #fee7e7;
}

body { background: linear-gradient(180deg, #fafbfc 0, #f4f7f9 100%); color: var(--ink); }
body > header { background: #fff; color: var(--ink); border-bottom: 1px solid #dde6ed; box-shadow: 0 2px 12px #1425360b; }
header b { color: #172534; font-size: 36px; line-height: 1; font-weight: 300; letter-spacing: -.055em; text-transform: lowercase; }
header span { color: #7a8795; font-size: 13px; }
header label { color: #334155; }
header select { background: #fff; color: #172534; border-color: #d5e0e8; }

.workspace-nav { background: #f8fafb; border-right: 1px solid #dde6ed; box-shadow: none; }
.nav-caption { color: #8392a0; }
.nav-item { color: #354454; }
.nav-item i { color: #657788; }
.nav-item:hover { background: #eff5f2; }
.nav-item.active { border-left-color: #22be70; background: #e4f8ec; color: #157343; }
.nav-item.active i { color: #22be70; }
.nav-disabled { color: #9aa7b3; }

.hero h1, .section-title h2, .inventory-title, .card h2, .card h3 { color: #172534; }
.hero p, .section-title p { color: #687789; }
.eyebrow { color: #16a861 !important; }
.metric, .card { background: #fff; border-color: #dde6ed; box-shadow: 0 8px 26px #153b5d0a; }
.metric strong { color: #172534; }
.metric small { color: #687789; }

.primary { background: #28c576; color: #fff; box-shadow: 0 5px 12px #28c57624; }
.primary:hover { background: #20b76a; color: #fff; }
.primary:disabled { background: #aeb8c1; color: #fff; }
.secondary { background: #fff; border-color: #cfdbe4; color: #284155; }
.secondary:hover { background: #f3f7f5; }

input, select, textarea, .grid input, .grid textarea, .grid select, .field select { background: #fff !important; color: #172534 !important; border-color: #cbd9e3 !important; }
input::placeholder, textarea::placeholder { color: #96a2af; }
.grid input:focus, .grid textarea:focus, .grid select:focus, input:focus, select:focus, textarea:focus { border-color: #28c576 !important; box-shadow: 0 0 0 3px #28c5761f; }

th { background: #f7faf8; color: #647789; border-bottom-color: #dde6ed; }
td { border-bottom-color: #e5edf2; }
tbody tr:not(.plan):hover td { background: #f5fbf7; }
.job { background: #fff; border-color: #dde6ed; }
.job:hover { background: #f8fcfa; border-color: #b9dec9; }
.job .muted, .muted { color: #687789 !important; }

.customer-column { background: #eff4f6; }
.customer-column > header { background: #fff !important; color: #172534 !important; border: 1px solid #dde6ed; }
.customer-column > header b { color: #172534 !important; }
.customer-column > header span { background: #e4f8ec !important; color: #157343 !important; }
.customer-board-card, .inventory-summary article { background: #fff; border-color: #dde6ed; box-shadow: 0 5px 15px #153b5d0a; }
.customer-card-name { color: #172534; }
.customer-card-work small, .customer-card-next small { color: #7b8b99; }
.customer-card-next { border-top-color: #e3eaef; }
.customer-summary { background: #f8fcfa; border-color: #dce9e1; }
.customer-details { background: #fff; border-color: #dde6ed; }
.customer-details[open] > summary { border-bottom-color: #e3eaef; }
.customer-details > summary { color: #16884f; }
.customer-workspace { background: #f6fcf8 !important; border-color: #d5eadc !important; }

.inventory-summary article span, .inventory-summary article small { color: #687789; }
.inventory-summary article b { color: #172534; }
.order-position-view { background: #fff; border-color: #dde6ed; }
.order-position-view span { color: #687789; }
.transport-documents li { background: #f5f8fa; }
.coil-section > .bas-text { background: #f8fafb; color: #172534; border-color: #cbd9e3; }
.locked { background: #f2f5f7 !important; color: #738191 !important; }

dialog { background: #fff; color: #172534; box-shadow: 0 24px 80px #14253635; }
dialog::backdrop { background: #15233977; }
.step-box { background: #fff4dc; color: #855614; }
.signature { background: #dff6e9; color: #176f40; }
.customer-reminder.planned { background: #edf4ff; color: #315be8; }
.customer-reminder.soon { background: #fff6db; color: #996100; }
.customer-reminder.today { background: #fff0db; color: #bd5a00; }
.customer-reminder.overdue { background: #ffebeb; color: #bf2d35; }
.customer-reminder.missing { background: #f2f4f7; color: #667892; }

/* Classic light blue workspace palette. */
:root { --blue: #3860ee; --bg: #f3f6fa; --ink: #102b55; --muted: #60759a; --line: #dbe4f0; }
body { background: #f3f6fa; color: #102b55; }
body > header { background: #183562; color: #fff; border-bottom: 0; box-shadow: 0 3px 12px #102b5520; }
header b { color: #fff; font-weight: 800; font-size: 18px; letter-spacing: -.02em; text-transform: uppercase; }
header span { color: #c3d0e4; font-size: 13px; }
header label { color: #fff; }
header select { background: #fff; color: #1b3153; border-color: #d8e1ed; }
.workspace-nav { background: #183562; border-right: 0; }
.nav-caption { color: #9fb4d3; }
.nav-item { color: #dce7f7; }
.nav-item i { color: #9fc5ff; }
.nav-item:hover { background: #234775; color: #fff; }
.nav-item.active { border-left-color: transparent; background: #385fee; color: #fff; }
.nav-item.active i { color: #fff; }
.nav-disabled { color: #87a0c3; }
.hero h1, .section-title h2, .inventory-title, .card h2, .card h3 { color: #102b55; }
.hero p, .section-title p, .muted { color: #60759a !important; }
.eyebrow { color: #3860ee !important; }
.metric, .card { background: #fff; border-color: #e1e8f2; box-shadow: 0 8px 24px #153b5d0a; }
.primary { background: #385fee; box-shadow: 0 5px 12px #385fee28; }
.primary:hover { background: #294ed6; }
.primary:disabled { background: #aab8da; }
.secondary { background: #fff; color: #284566; border-color: #ced9e8; }
.grid input:focus, .grid textarea:focus, .grid select:focus, input:focus, select:focus, textarea:focus { border-color: #385fee !important; box-shadow: 0 0 0 3px #385fee1f; }
.customer-column { background: #edf2f8; }
.customer-column > header span { background: #e8eeff !important; color: #385fee !important; }
.customer-details > summary { color: #315be8; }

/* Deeper navigation contrast. */
body > header { background: #102b55; }
.workspace-nav { background: #102b55; }
.nav-item:hover { background: #183b70; }

/* Analytics dashboard — dense, readable management view. */
.analytics-card { max-width: 1400px; }
.analytics-head { display:flex; justify-content:space-between; align-items:flex-end; gap:22px; margin-bottom:18px; }
.analytics-head h2 { margin:3px 0 4px; color:#102b55; }
.analytics-head p { margin:0; color:#60759a; }
.analytics-breadcrumb { font-size:12px; color:#8396ad!important; }
.analytics-actions { display:flex; gap:10px; white-space:nowrap; }
.analytics-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.analytics-kpis article { min-height:94px; border:1px solid #dfe7f0; border-radius:10px; padding:16px; background:#fff; display:flex; flex-direction:column; gap:5px; box-shadow:0 4px 15px #173a6307; }
.analytics-kpis small { color:#7890ac; font-size:12px; }
.analytics-kpis b { color:#102b55; font-size:22px; }
.analytics-kpis span { color:#7186a0; font-size:12px; }
.analytics-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.analytics-panel { border:1px solid #dfe7f0; border-radius:11px; padding:16px; background:#fff; }
.analytics-panel h3,.analytics-attention h3 { margin:0 0 4px; color:#102b55; font-size:16px; }
.analytics-panel>p,.analytics-attention>p { margin:0 0 13px; color:#7186a0; font-size:12px; }
.plan-progress { display:inline-block; width:135px; height:6px; margin-right:10px; vertical-align:middle; overflow:hidden; border-radius:99px; background:#e2e7ef; }
.plan-progress i { display:block; height:100%; border-radius:inherit; background:#506df2; }
.analytics-panel td:last-child { white-space:nowrap; font-size:12px; color:#18345e; }
.analytics-attention { border:1px solid #dfe7f0; border-radius:11px; padding:17px; background:#fff; }
.attention-row { display:flex; align-items:center; gap:10px; padding:12px 0; border-top:1px solid #edf0f5; }
.attention-row i { width:8px; height:8px; border-radius:50%; flex:0 0 8px; background:#3860ee; }
.attention-row.risk i { background:#e04949; }
.attention-row>div { flex:1; display:grid; gap:3px; }
.attention-row b { color:#1b365f; font-size:13px; }
.attention-row span { color:#687d98; font-size:12px; }
.attention-row em { font-style:normal; padding:4px 8px; border-radius:20px; background:#fee9e9; color:#c73939; font-size:11px; font-weight:700; }
.analytics-attention .secondary { float:right; margin-top:-41px; }
@media (max-width:1100px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:1fr}.plan-progress{width:100px}}
@media (max-width:720px){.analytics-head{align-items:flex-start;flex-direction:column}.analytics-kpis{grid-template-columns:1fr 1fr}.analytics-attention .secondary{float:none;margin:6px 0 0}.analytics-actions{width:100%}.analytics-actions button{flex:1}}

/* The dashboard is a full workspace, not a narrow content card. */
#analytics-card:not(.workspace-hidden) { width:100% !important; max-width:none !important; }
@media (min-width:901px) { body>main:has(#analytics-card:not(.workspace-hidden)) { max-width:none; width:calc(100% - 242px); margin-left:242px; margin-right:0; } }

/* Fixed navigation should reserve space, never push the page into horizontal scroll. */
body { overflow-x:hidden; }
@media (min-width:901px) {
  body>main { width:auto !important; max-width:none !important; margin:0 0 0 242px !important; }
  #analytics-card:not(.workspace-hidden) { width:100% !important; margin-left:0; margin-right:0; }
}

/* The two analytics tables share one row: never inherit the generic 900px table minimum. */
.analytics-grid, .analytics-panel { min-width:0; }
.analytics-panel { overflow:hidden; }
.analytics-panel .table-wrap { overflow-x:hidden; }
.analytics-panel table { min-width:0; width:100%; table-layout:fixed; }
.analytics-panel th, .analytics-panel td { padding:10px 8px; white-space:nowrap; }
.analytics-panel th:first-child, .analytics-panel td:first-child { width:34%; white-space:normal; }
.analytics-panel th:last-child, .analytics-panel td:last-child { width:34%; }
.analytics-panel .plan-progress { width:clamp(55px,10vw,135px); margin-right:5px; }

/* Control center: one short actionable queue for management and logistics. */
.control-center-card { max-width:1180px; }
.control-total { padding:9px 13px; border-radius:99px; background:#e8eeff; color:#315be8; font-weight:800; white-space:nowrap; }
.control-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:15px; }
.control-grid article { border:1px solid #dfe7f0; border-radius:10px; background:#fff; padding:15px; }
.control-grid small,.control-grid span { display:block; color:#7186a0; font-size:12px; }
.control-grid b { display:block; margin:2px 0; color:#102b55; font-size:25px; }
.control-list { border-top:1px solid #e6edf4; }
.control-item { display:flex; align-items:center; gap:12px; padding:14px 2px; border-bottom:1px solid #e6edf4; }
.control-item i { width:9px; height:9px; border-radius:50%; flex:0 0 9px; background:#4968ee; }
.control-item.warning i { background:#ec9f28; }.control-item.danger i { background:#df4d4d; }
.control-item>div { flex:1; display:grid; gap:3px; }.control-item b { color:#18345e; }.control-item span { color:#6b809b; font-size:13px; }
.control-demo-toggle { margin-left:8px; padding:8px 11px; font-size:12px; }
.control-item.control-demo { background:#fafcff; padding-left:10px; padding-right:10px; }
.control-item.control-demo em { display:inline-block; margin-left:6px; padding:2px 7px; border-radius:99px; background:#e8eeff; color:#315be8; font-size:10px; font-style:normal; font-weight:800; vertical-align:1px; }
.finance-daily { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:10px; align-items:stretch; margin:0 0 16px; }
.finance-daily article { display:grid; gap:3px; padding:13px 15px; border:1px solid #dfe7f0; border-radius:10px; background:#fafdff; }
.finance-daily small,.finance-daily span { color:#7186a0; font-size:12px; }.finance-daily b { color:#102b55; font-size:22px; }
.finance-daily article.risk { background:#fff8f8; border-color:#f3c9cc; }.finance-daily article.risk b { color:#c33a42; }
.finance-daily article.done { background:#f7fcf8; border-color:#cce8d2; }.finance-daily article.done b { color:#21824c; }
.finance-filters { display:flex; align-items:center; gap:7px; padding-left:4px; white-space:nowrap; }.finance-filters button { padding:8px 10px; border:1px solid #d5deec; border-radius:8px; background:#fff; color:#536985; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }.finance-filters button.active { border-color:#385fee; background:#edf2ff; color:#315be8; }
.finance-demo-row td:first-child b::after { content:'Тест'; display:inline-block; margin-left:7px; padding:2px 6px; border-radius:99px; background:#e8eeff; color:#315be8; font-size:10px; font-weight:800; vertical-align:1px; }.finance-demo-row { background:#fbfdff; }
.finance-table { min-width:1120px; table-layout:auto; }.finance-table th,.finance-table td { padding:11px 9px; white-space:nowrap; vertical-align:middle; }.finance-table th { font-size:11px; }.finance-table td { font-size:13px; }.finance-table td small { font-size:11px; }.finance-position { min-width:152px; }.finance-position b { white-space:nowrap; }.finance-client { min-width:138px; }.finance-confirm { text-align:center; min-width:72px; }.finance-table th:nth-child(5){text-align:center}.status-check { display:inline-grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#e3f7ea; color:#188248; font-size:17px; font-weight:900; }.status-empty { color:#b6c1d0; font-weight:700; }.finance-confirm small { margin-top:3px!important; white-space:nowrap; }
.recipe-picker { display:grid; gap:6px; margin:0 0 15px; padding:12px; border:1px solid #cfdcff; border-radius:10px; background:#f7f9ff; color:#17345f; font-weight:800; }.recipe-picker select { min-height:42px; background:#fff; }.recipe-picker small { color:#6b809b; font-weight:500; }
@media(max-width:900px){.finance-daily{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-filters{grid-column:1/-1;padding-left:0}}@media(max-width:600px){.finance-daily{grid-template-columns:1fr}.finance-filters{flex-wrap:wrap}}
@media(max-width:720px){.control-grid{grid-template-columns:1fr}.control-item{align-items:flex-start;flex-wrap:wrap}.control-item .secondary{margin-left:21px}}