/* Manufacturing dashboard presentation aligned with the Online Sales demo. */
:root{--bg:#080a0a;--side:#0b0d0d;--panel:#141511;--panel2:#191a15;--line:#372c23;--line2:#60442e;--text:#f4ede2;--muted:#a09484;--faint:#756b60;--orange:#f07d20;--orange2:#ff9b4a;--green:#8bc36a;--yellow:#e5b869;--red:#df765a;--blue:#8aa9c8;--shadow:0 20px 60px rgba(0,0,0,.25)}
body{background:radial-gradient(circle at 72% -12%,rgba(240,125,32,.08),transparent 32%),var(--bg)}
.shell{grid-template-columns:265px minmax(0,1fr)}
.side{background:linear-gradient(180deg,#0c0e0e,#090b0b);border-right-color:#2d241d;padding:21px 16px}.side-brand{border-bottom-color:#2d241d}.side-name{font-size:19px}.side-sub{color:var(--orange);font-size:9px}.nav a{color:#b9ad9e;font-size:12px;font-weight:600}.nav a:hover{background:#15140f}.nav a.active{background:linear-gradient(90deg,rgba(240,125,32,.17),rgba(240,125,32,.03));border-color:#654223}.side-user{border-color:#332b24;background:#11120f}
.main{padding:28px 32px 60px}.top h1{font-weight:500}.top h1:after{display:none}.top p{color:var(--muted)}.button,.back-btn{border-color:#40352c;background:#121410;color:#d8c8b3}.button:hover,.back-btn:hover{background:#191b15;border-color:#79502f}.button:not(.ghost){background:#65381b;border-color:#855025}.pill{border-color:#614127;color:#e99a55}.pill.green{color:#a1d081;border-color:#426136;background:#111a0f}
.demo-banner{border-color:#6a472d;background:linear-gradient(90deg,rgba(240,125,32,.10),rgba(240,125,32,.02));color:#cdbda9}.demo-banner b{color:#f0a15d}
.section-head h2{font-weight:500}.metric,.panel{background:linear-gradient(180deg,#181914,#12130f);border-color:var(--line);border-radius:11px}.metric{min-height:116px;padding:17px}.metric label{color:#b7a58e}.metric strong{font-weight:500}.metric small{color:#756d62}.panel-head{border-bottom-color:#30271f}.panel-link{color:#df8b4b}.chip{background:#1e1c16;color:#c6b7a3;border:1px solid #342b23}
.data th{background:#1e1c16;color:#aa9a85;border-bottom-color:#342b23}.data td{color:#cabba7;border-bottom-color:#29231d}.data tr.clickable:hover td{background:#1a1712}.data.compact{min-width:640px}.data.compact th{font-size:9px}.data.compact td{font-size:10.5px;padding:11px 10px}.money{font-variant-numeric:tabular-nums;color:#e7dac9!important}
.badge.orange{background:#3c241b}.badge.blue{background:#202b35}.badge.yellow{background:#352d1d}.badge.green{background:#193126}.badge.red{background:#361f1f}
.overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.machine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.machine-card{border:1px solid #332b24;background:#11120f;border-radius:10px;padding:14px}.machine-card>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.machine-card span{font-size:11px;color:#b7aa9b}.machine-card b{font:500 23px Georgia,serif;color:#f1e8dc}.machine-card small{display:block;margin-top:8px;color:#7f7569;font-size:9.5px;line-height:1.45}
.attention-list{padding:4px 14px}.attention-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #29231d}.attention-row:last-child{border-bottom:0}.attention-row b{display:block;font-size:10.5px;color:#ddd0be}.attention-row small{display:block;color:#80766b;font-size:9.5px;margin-top:4px;line-height:1.45}
.priority-list{padding:6px 12px}.priority-row{width:100%;border:0;border-bottom:1px solid #29231d;background:transparent;color:inherit;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;text-align:left;padding:11px 2px;cursor:pointer}.priority-row:last-child{border-bottom:0}.priority-row:hover{background:#171510}.priority-badge{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#241d17;border:1px solid #473425;color:#e3a66f;font-weight:800;font-size:10px}.priority-row b{font-size:10.5px;color:#ded2c2}.priority-row small{display:block;color:#80766b;font-size:9.5px;margin-top:4px}
@media(max-width:1250px){.overview-kpis{grid-template-columns:1fr 1fr}.machine-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.overview-kpis{grid-template-columns:1fr 1fr}.machine-grid{grid-template-columns:1fr}.shell{display:block}}
@media(max-width:520px){.overview-kpis{grid-template-columns:1fr}.priority-row{grid-template-columns:40px 1fr}.priority-row>.badge{grid-column:2}.main{padding:20px 14px 44px}}