:root{
  --bg:#0b0f11;
  --panel:#181d20;
  --panel-2:#11161a;
  --panel-3:#20262b;
  --line:#293137;
  --line-soft:#20272c;
  --text:#f5f7f8;
  --muted:#73808a;
  --muted-2:#9ca8b1;
  --blue:#4f7cff;
  --blue-2:#2f5fd5;
  --blue-soft:#15264c;
  --green:#40d37c;
  --yellow:#efc75e;
  --red:#ee646c;
  --orange:#ed8c50;
  --radius:14px;
  --shadow:0 16px 44px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;min-height:100vh}
button,input,select{font:inherit} a{color:inherit}
.shell{max-width:1600px;margin:0 auto;padding:22px 24px 60px}
.dashboard-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#171b1e;margin-bottom:20px;box-shadow:var(--shadow)}
.hero-grid-overlay{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}
.hero-content{position:relative;padding:28px 28px 25px}.kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--blue);text-transform:uppercase;margin-bottom:8px}
.dashboard-hero h1{margin:0;font-size:40px;line-height:1.05;letter-spacing:-.035em;font-weight:800}.dashboard-hero p{margin:12px 0 15px;color:#657681;font-size:14px;max-width:900px}
.source-badges{display:flex;gap:8px;flex-wrap:wrap}.source-badge{font-size:10px;letter-spacing:.08em;color:#778690;border:1px solid #293137;border-radius:6px;padding:7px 11px;background:#1b2024}
.portal-nav{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);min-height:54px;margin-bottom:20px;position:sticky;top:0;background:rgba(11,15,17,.96);backdrop-filter:blur(12px);z-index:30}
.portal-nav a{text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.13em;color:#6f7e88;height:54px;display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap}.portal-nav a:hover{color:#c8d0d5}.portal-nav a.active{color:var(--blue);border-bottom-color:var(--blue)}
.portal-nav .home-link{margin-right:4px;color:#dce3e7}.machine-switcher{margin-left:auto;display:flex;align-items:center;gap:8px}.machine-switcher label{font-size:9px;color:#687985;font-weight:800;letter-spacing:.12em}.machine-switcher select{background:#181d20;color:#dce3e7;border:1px solid var(--line);border-radius:8px;padding:8px 30px 8px 10px;outline:none}
.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:8px 0 18px}.page-header h2{font-size:29px;margin:0 0 5px;letter-spacing:-.025em}.page-header p{margin:0;color:var(--muted-2);max-width:840px;line-height:1.55}.page-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.meta-pill{border:1px solid var(--line);background:#151a1e;padding:8px 10px;border-radius:8px;font-size:10px;color:#88959e;font-weight:800;letter-spacing:.05em}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 16px 14px;min-height:96px}.kpi-card span{display:block;color:#60707a;font-size:9px;letter-spacing:.13em;font-weight:800}.kpi-card strong{display:block;font-size:28px;line-height:1;margin:9px 0 5px;letter-spacing:-.035em}.kpi-card small{color:#6f7f89;font-size:10px}.progress{height:4px;background:#273039;border-radius:99px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue-2),var(--blue));border-radius:99px;transition:width .3s ease}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 18px 15px;border-bottom:1px solid var(--line-soft)}.panel-header h3{font-size:17px;margin:0 0 5px}.panel-header p{margin:0;color:#6d7b85;font-size:11px;line-height:1.5}.panel-body{padding:18px}
.insight-strip{border:1px solid #213153;border-left:3px solid var(--blue);background:#101720;border-radius:8px;padding:11px 14px;margin-bottom:16px}.insight-title{font-size:9px;color:var(--blue);font-weight:900;letter-spacing:.12em;margin-bottom:7px}.insight-items{display:grid;gap:4px;font-size:11px;color:#d4dae0}.insight-items div:before{content:'›';color:var(--blue);margin-right:9px}
.btn{appearance:none;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:10px;font-weight:900;letter-spacing:.04em;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#dce3e7;background:#171c20}.btn:hover{filter:brightness(1.1)}.btn-blue{background:var(--blue-2);border-color:#3d69db;color:white}.btn-dark{background:#151a1e}.btn-ghost{background:transparent}
.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-card{display:block;text-decoration:none;background:#151a1e;border:1px solid var(--line);border-radius:12px;padding:18px;min-height:125px;transition:transform .15s ease,border-color .15s ease}.quick-card:hover{transform:translateY(-2px);border-color:#3c5272}.quick-card .eyebrow{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.13em}.quick-card h3{font-size:18px;margin:10px 0 6px}.quick-card p{margin:0;color:#71808a;font-size:11px;line-height:1.5}.quick-card .arrow{display:block;margin-top:14px;color:#9bb6ff;font-size:11px;font-weight:800}
.machine-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.machine-info div{padding:13px 15px;border-bottom:1px solid var(--line-soft)}.machine-info dt{font-size:9px;color:#677681;letter-spacing:.1em;font-weight:800}.machine-info dd{margin:5px 0 0;font-size:12px;color:#d8dee2;font-weight:700}
.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px;border-bottom:1px solid var(--line-soft)}.filters.three{grid-template-columns:repeat(3,minmax(0,1fr))}.filters.two{grid-template-columns:repeat(2,minmax(0,1fr))}.filters label{display:grid;gap:6px}.filters label span{font-size:9px;font-weight:900;letter-spacing:.11em;color:#62717c}.filters select,.filters input{width:100%;background:#11161a;color:#e7ecef;border:1px solid #2b3339;border-radius:8px;padding:10px 11px;outline:none}.filters input:focus,.filters select:focus{border-color:#4f7cff;box-shadow:0 0 0 2px rgba(79,124,255,.12)}
.table-scroll{overflow:auto}.table-scroll table{width:100%;border-collapse:collapse;min-width:900px}.table-scroll thead{background:#12171a;position:sticky;top:0;z-index:2}.table-scroll th{text-align:left;color:#667782;font-size:9px;letter-spacing:.11em;font-weight:900;padding:11px 12px;border-bottom:1px solid var(--line)}.table-scroll td{padding:11px 12px;border-bottom:1px solid #21282d;color:#d6dce0;font-size:11px;vertical-align:top}.table-scroll tbody tr{transition:background .12s ease}.table-scroll tbody tr:hover{background:#1d2327}.table-scroll tbody tr.clickable{cursor:pointer}.table-scroll .empty{text-align:center;color:#71808a;padding:35px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#dbe4f6;font-weight:700}.muted{color:#6f7c85}.status-chip{display:inline-flex;padding:5px 7px;border:1px solid var(--line);border-radius:6px;font-size:9px;font-weight:900;letter-spacing:.04em}.status-completed{background:#143222;color:#6be299;border-color:#24503a}.status-open{background:#312a14;color:#f4ce68;border-color:#4c4224}.status-incomplete{background:#351a1f;color:#ff8e94;border-color:#54262d}.status-other{background:#20262b;color:#9aa7af}
.results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;background:#14191d;border-bottom:1px solid var(--line-soft);font-size:10px;color:#71808a}.results-toolbar strong{color:#d9e0e5}
.manual-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.5fr);gap:16px;align-items:start}.manual-card{background:#13181b;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:sticky;top:76px}.manual-card-header{padding:13px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.manual-card-header h3{font-size:14px;margin:0 0 3px}.manual-card-header p{font-size:10px;color:#6d7b85;margin:0}.manual-image-wrap{background:#f2f3f4;min-height:370px;display:flex;align-items:center;justify-content:center;overflow:auto}.manual-image-wrap img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.manual-note{padding:10px 14px;color:#71808a;font-size:10px;line-height:1.5}
.quick-areas{display:flex;gap:7px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line-soft)}.area-chip{border:1px solid #2a3339;background:#151a1e;color:#768690;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.05em;cursor:pointer}.area-chip:hover,.area-chip.active{background:var(--blue-soft);border-color:#355cb6;color:#b9caff}
.maintenance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line-soft)}.maintenance-summary div{padding:14px 16px;border-right:1px solid var(--line-soft)}.maintenance-summary div:last-child{border-right:0}.maintenance-summary span{display:block;color:#62717c;font-size:9px;letter-spacing:.1em;font-weight:900}.maintenance-summary strong{font-size:20px;display:block;margin-top:6px}.data-source-line{display:flex;justify-content:space-between;gap:15px;padding:10px 16px;border-bottom:1px solid var(--line-soft);font-size:10px;color:#75838d}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}
.critical-note{background:#171d22;border:1px solid #344052;border-left:3px solid var(--yellow);border-radius:8px;padding:12px 14px;color:#aeb8bf;font-size:11px;line-height:1.55;margin-bottom:16px}.priority-a{color:#ff8b91;font-weight:900}.priority-b{color:#f0ca68;font-weight:900}
.stock-status{font-size:9px;font-weight:900;letter-spacing:.03em}.stock-not-entered{color:#8a98a2}.stock-in-stock{color:#68df97}.stock-low{color:#f0ca68}.stock-out{color:#ff7e85}.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.inventory-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px}.inventory-card span{font-size:9px;color:#667681;font-weight:900;letter-spacing:.11em}.inventory-card strong{font-size:24px;display:block;margin-top:8px}
.live-panel .camera-wrap{position:relative;background:#050708;min-height:620px}.live-panel iframe{width:100%;height:620px;border:0;background:#050708}.camera-note{padding:10px 14px;font-size:10px;color:#6d7a83;border-top:1px solid var(--line);background:#13181b}
.drawer{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;transition:opacity .15s ease}.drawer.open{pointer-events:auto;opacity:1}.drawer-overlay{position:absolute;inset:0;background:rgba(0,0,0,.65)}.drawer-card{position:absolute;right:0;top:0;height:100%;width:min(560px,92vw);background:#151a1e;border-left:1px solid #2c353b;padding:28px;overflow:auto;transform:translateX(30px);transition:transform .15s ease;box-shadow:-20px 0 50px rgba(0,0,0,.3)}.drawer.open .drawer-card{transform:translateX(0)}.drawer-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#91a0aa;font-size:28px;cursor:pointer}.drawer-card h2{font-size:25px;margin:4px 40px 8px 0}.drawer-description{color:#a8b1b8;line-height:1.5}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#2a3237;border:1px solid #2a3237;margin-top:18px}.detail-grid div{background:#171c20;padding:12px}.detail-grid span{display:block;font-size:8px;color:#677681;font-weight:900;letter-spacing:.1em}.detail-grid strong{display:block;margin-top:5px;font-size:11px}.drawer-actions{display:flex;gap:8px;margin-top:16px}.source-note{font-size:10px;color:#6f7d86;margin-top:14px;line-height:1.5}
.footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;color:#58666f;font-size:9px;letter-spacing:.04em}
@media(max-width:1100px){.kpi-grid,.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.manual-layout{grid-template-columns:1fr}.manual-card{position:static}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.shell{padding:12px 12px 40px}.dashboard-hero h1{font-size:30px}.portal-nav{gap:18px;overflow-x:auto}.machine-switcher{display:none}.page-header{display:block}.page-meta{justify-content:flex-start;margin-top:12px}.kpi-grid,.inventory-summary,.filters,.filters.three,.filters.two{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.maintenance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-summary div:nth-child(2){border-right:0}.manual-image-wrap{min-height:260px}.live-panel .camera-wrap,.live-panel iframe{height:440px;min-height:440px}}
.machine-switcher select{min-width:210px}
.camera-empty{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#73828c;text-align:center;padding:30px}
.camera-empty strong{color:#d6dce0;font-size:15px;letter-spacing:.08em}
.camera-empty span{max-width:520px;font-size:11px}
@media(max-width:760px){.camera-empty{min-height:440px}}
@media(max-width:760px){.machine-switcher{display:flex;margin-left:0}.machine-switcher select{min-width:190px}}


/* Version 4: serial-specific exploded-view library */
.kpi-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.parts-unavailable{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#171d22;border:1px solid #344052;border-left:3px solid var(--yellow);border-radius:10px;padding:14px 16px;margin-bottom:16px}.parts-unavailable[hidden]{display:none}.parts-unavailable strong{font-size:12px}.parts-unavailable span{color:#9ca8b1;font-size:11px;line-height:1.5;flex:1 1 420px}.parts-unavailable .btn{margin-left:auto}
.drawing-layout{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.55fr);gap:16px;align-items:start}.drawing-index-panel{position:sticky;top:76px;max-height:calc(100vh - 98px);display:flex;flex-direction:column;overflow:hidden}.drawing-filters{display:grid;grid-template-columns:1.35fr .9fr;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line-soft)}.drawing-filters label{display:grid;gap:6px}.drawing-filters label span{font-size:9px;font-weight:900;letter-spacing:.11em;color:#62717c}.drawing-filters input,.drawing-filters select{width:100%;background:#11161a;color:#e7ecef;border:1px solid #2b3339;border-radius:8px;padding:10px 11px;outline:none}.drawing-filters input:focus,.drawing-filters select:focus{border-color:#4f7cff;box-shadow:0 0 0 2px rgba(79,124,255,.12)}
.toggle-row{display:flex;align-items:center;gap:9px;padding:11px 18px;border-bottom:1px solid var(--line-soft);color:#87949d;font-size:10px;font-weight:700}.toggle-row input{accent-color:var(--blue)}
.drawing-list{overflow:auto;min-height:280px}.drawing-list-item{appearance:none;width:100%;display:grid;gap:6px;text-align:left;border:0;border-bottom:1px solid var(--line-soft);background:#151a1e;color:#dce3e7;padding:12px 14px;cursor:pointer}.drawing-list-item:hover{background:#1c2328}.drawing-list-item.active{background:#172545;box-shadow:inset 3px 0 0 var(--blue)}.drawing-list-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.drawing-list-top strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#e5ebf7}.drawing-list-top>span{font-size:9px;color:#73818b}.drawing-list-title{font-size:11px;font-weight:800;line-height:1.35;color:#cdd5da}.drawing-list-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.drawing-list-meta>span{font-size:8px;color:#74838d;border:1px solid #2a3339;border-radius:5px;padding:4px 5px}.drawing-list-meta .bom-badge{color:#75e49f;border-color:#28523a;background:#12301f}.drawing-list-empty{padding:40px 20px;color:#72818b;text-align:center;font-size:11px}
.drawing-viewer-card{position:sticky;top:76px;overflow:hidden}.drawing-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.drawing-viewer-header h3{margin:0 0 5px;font-size:18px}.drawing-viewer-header p{margin:0;color:#91a0aa;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800}.viewer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.drawing-viewer-toolbar{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;background:#11161a;border-bottom:1px solid var(--line-soft)}.drawing-viewer-toolbar>div,.zoom-controls{display:flex;gap:7px}.drawing-viewer-toolbar .btn:disabled,.viewer-actions .btn:disabled{opacity:.35;cursor:not-allowed}.drawing-viewport{position:relative;background:#eef0f1;min-height:590px;max-height:calc(100vh - 295px);overflow:auto;display:block}.drawing-viewport img{display:block;height:auto;min-width:0;background:#fff;transform-origin:top left}.drawing-empty{min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#58666f;text-align:center;padding:30px}.drawing-empty strong{color:#28323a;font-size:15px}.drawing-empty span{font-size:11px}.drawing-metadata{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#2b3339;border-top:1px solid #2b3339}.drawing-metadata div{background:#151a1e;padding:10px 12px;min-width:0}.drawing-metadata span{display:block;color:#65747e;font-size:8px;font-weight:900;letter-spacing:.09em}.drawing-metadata strong{display:block;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-controls .btn{min-width:38px}
@media(max-width:1250px){.kpi-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}.drawing-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr)}.drawing-metadata{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.drawing-layout{grid-template-columns:1fr}.drawing-index-panel,.drawing-viewer-card{position:static;max-height:none}.drawing-list{max-height:460px}.drawing-viewport{max-height:70vh;min-height:420px}.drawing-empty{min-height:420px}}
@media(max-width:760px){.kpi-grid-five{grid-template-columns:1fr}.drawing-filters{grid-template-columns:1fr}.drawing-viewer-header{display:block}.viewer-actions{justify-content:flex-start;margin-top:12px}.drawing-viewer-toolbar{align-items:center;flex-wrap:wrap}.drawing-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.drawing-viewport{min-height:320px}.drawing-empty{min-height:320px}}

/* Version 5: approved scope hierarchy, Machine Overview, and all-machine maintenance */
body{color-scheme:dark}
.dashboard-hero{margin-bottom:14px}.hero-content{padding:22px 26px 20px}.dashboard-hero h1{font-size:34px}.dashboard-hero p{margin-bottom:12px}
.portal-nav{margin-bottom:0;top:0}.portal-nav .home-link{color:#dce3e7}.portal-nav a.active{color:var(--blue)}
.scope-bar{position:sticky;top:54px;z-index:29;margin-bottom:20px;background:rgba(11,15,17,.98);border-bottom:1px solid var(--line);box-shadow:0 9px 24px rgba(0,0,0,.14)}
.scope-tabs{display:flex;align-items:stretch;gap:0;min-height:58px}.scope-tab{appearance:none;min-width:190px;padding:9px 18px;border:0;border-right:1px solid var(--line);border-bottom:2px solid transparent;background:#111619;color:#dbe2e6;text-align:left;cursor:pointer}.scope-tab:hover,.scope-tab.active{background:#171e23;border-bottom-color:var(--blue)}.scope-tab span{display:block;color:#61717b;font-size:8px;font-weight:900;letter-spacing:.13em}.scope-tab strong{display:block;margin-top:5px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scope-path{margin-left:auto;display:flex;align-items:center;gap:12px;padding:0 14px;color:#6c7b85;font-size:9px;font-weight:900;letter-spacing:.08em}.scope-path button{appearance:none;border:1px solid var(--line);border-radius:7px;background:#161b1f;color:#90a0aa;padding:7px 9px;font-size:8px;font-weight:900;cursor:pointer}.scope-panels{position:relative}.scope-panel{position:absolute;left:0;right:0;top:0;background:#12171a;border:1px solid var(--line);border-top:0;box-shadow:0 22px 48px rgba(0,0,0,.48);padding:16px;z-index:40}.scope-panel[hidden]{display:none}.scope-panel-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.scope-panel-title strong{font-size:13px}.scope-panel-title span{color:#71808a;font-size:10px}.scope-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.scope-choice{appearance:none;border:1px solid var(--line);border-radius:9px;background:#171c20;color:#dfe5e8;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.scope-choice:hover{border-color:#405372}.scope-choice.selected{background:#1b3164;border-color:#416dd7;color:#fff}.scope-choice span{font-size:11px;font-weight:800}.scope-choice small{font-size:8px;color:#7d8b94;white-space:nowrap}.scope-choice.selected small{color:#b8c9f7}
.scope-inline-note{margin:-8px 0 16px;color:#62717b;font-size:10px}
.page-header{margin-top:6px}.page-header .page-meta{max-width:650px}
.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-row.end{justify-content:flex-end}
.compact-panel .panel-header{padding:15px 18px 12px}.compact-panel .table-scroll table{min-width:1040px}
.overview-table th,.maintenance-matrix th{text-align:center}.overview-table th:first-child,.overview-table td:first-child,.maintenance-matrix th.left,.maintenance-matrix td.left{text-align:left}.overview-table td{text-align:center;vertical-align:middle}.overview-table .measure-cell{text-align:left;min-width:210px}.measure-name{display:block;color:#eef2f4;font-weight:900;font-size:12px}.measure-note{display:block;color:#6d7c86;font-size:9px;margin-top:4px;line-height:1.4}.measure-value{display:block;font-size:18px;font-weight:900;color:#f5f7f8}.measure-sub{display:block;color:#6e7d87;font-size:8px;margin-top:4px}.value-good{color:var(--green)}.value-warn{color:var(--yellow)}.value-bad{color:var(--red)}.value-muted{color:#71808a}
.status-label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.status-label.good{color:#69df98;border-color:#28513a;background:#123020}.status-label.warn{color:#f0cb68;border-color:#4b4022;background:#302913}.status-label.bad{color:#ff858c;border-color:#56272d;background:#35191e}.status-label.neutral{color:#9ba8b1;background:#1b2125}
.overview-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.overview-grid.equal{grid-template-columns:1fr 1fr}.overview-stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-soft)}.overview-stat-list>div{background:#161b1f;padding:13px 15px}.overview-stat-list span{display:block;color:#677680;font-size:8px;font-weight:900;letter-spacing:.1em}.overview-stat-list strong{display:block;margin-top:6px;font-size:15px}.overview-stat-list small{display:block;margin-top:4px;color:#6f7d87;font-size:9px;line-height:1.4}
.manual-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}.manual-group{border:1px solid var(--line);border-radius:11px;background:#14191c;overflow:hidden}.manual-group-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.manual-group-header h4{margin:0;font-size:13px}.manual-group-header span{font-size:8px;color:#778690;font-weight:900;letter-spacing:.08em}.manual-list{display:grid}.manual-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line-soft);align-items:center}.manual-row:last-child{border-bottom:0}.manual-row h5{margin:0 0 4px;font-size:11px}.manual-row p{margin:0;color:#6e7d87;font-size:9px;line-height:1.45}.manual-row .manual-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.manual-tag{font-size:7px;font-weight:900;letter-spacing:.06em;border:1px solid var(--line);border-radius:5px;padding:4px 5px;color:#87959e}.manual-tag.available{color:#6bdf98;border-color:#28523a;background:#12301f}.manual-tag.import{color:#efc75e;border-color:#4d4224;background:#302913}.manual-action{min-width:102px}.manual-empty{padding:26px;text-align:center;color:#6d7c86;font-size:10px}
.maintenance-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.maintenance-kpis .kpi-card strong{font-size:25px}.maintenance-kpis .kpi-card .ratio{display:flex;align-items:baseline;gap:5px}.maintenance-kpis .kpi-card .ratio small{font-size:9px}
.maintenance-matrix{min-width:1450px!important}.maintenance-matrix thead tr:first-child th{background:#20262f;color:#8191a0;text-align:center;border-right:1px solid #303941}.maintenance-matrix thead tr:nth-child(2) th{background:#151a1e;text-align:center}.maintenance-matrix th.group-start,.maintenance-matrix td.group-start{border-left:2px solid #34404a}.maintenance-matrix td{text-align:center;vertical-align:middle}.maintenance-matrix td.left{text-align:left}.machine-primary{display:block;color:#edf1f3;font-size:11px;font-weight:900}.machine-secondary{display:block;color:#6e7c85;font-size:8px;margin-top:4px}.matrix-count{display:block;font-size:17px;font-weight:900}.matrix-note{display:block;color:#6d7b84;font-size:8px;margin-top:3px}.matrix-progress{height:3px;background:#293139;border-radius:99px;overflow:hidden;margin:7px auto 0;max-width:74px}.matrix-progress i{display:block;height:100%;background:var(--blue)}.maintenance-matrix tr.exception-row td{background:rgba(238,100,108,.025)}.maintenance-matrix tfoot td{background:#111619;border-top:2px solid #34404a;font-weight:800}
.table-link{color:inherit;text-decoration:none}.table-link:hover .machine-primary{color:#9eb6ff}.no-data-note{color:#71808a;font-size:8px;margin-top:4px}
.details-hidden[hidden]{display:none}.data-warning{border-left:3px solid var(--yellow);background:#171d22;padding:12px 14px;color:#9ca8b1;font-size:10px;line-height:1.55;margin-bottom:16px;border-radius:8px}
.run-rate-placeholder{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px}.run-rate-placeholder strong{font-size:16px}.run-rate-placeholder p{margin:5px 0 0;color:#71808a;font-size:10px;line-height:1.5}.connection-pill{white-space:nowrap;border:1px solid #4c4224;background:#302913;color:#efc75e;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;letter-spacing:.06em}
.machine-info.v5{grid-template-columns:repeat(3,minmax(0,1fr))}.machine-info.v5 div{min-height:70px}
.footer{font-weight:800;text-transform:uppercase}
@media(max-width:1150px){.overview-grid,.overview-grid.equal,.manual-groups{grid-template-columns:1fr}.maintenance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-tab{min-width:160px}.machine-info.v5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.scope-bar{top:54px}.scope-tabs{overflow-x:auto}.scope-tab{min-width:155px}.scope-path{min-width:190px}.scope-panel-title{display:block}.scope-panel-title span{display:block;margin-top:5px}.scope-choice-grid{grid-template-columns:1fr}.manual-groups{padding:10px}.manual-row{grid-template-columns:1fr}.manual-action{justify-self:start}.overview-stat-list{grid-template-columns:1fr}.machine-info.v5{grid-template-columns:1fr}.maintenance-kpis{grid-template-columns:1fr}.dashboard-hero h1{font-size:27px}}

/* Version 5 production additions: additive to the complete Version 4 interface. */
.overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.overview-kpis .kpi-card{min-height:108px}
.compact-search{background:#11161a;color:#e7ecef;border:1px solid #2b3339;border-radius:8px;padding:9px 11px;min-width:250px;outline:none}
.compact-search:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(79,124,255,.12)}
.btn.active-filter{background:var(--blue-soft);border-color:#355cb6;color:#c7d4ff}
.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}
.minor-header{border-top:1px solid var(--line-soft);margin-top:0}
.history-table{min-width:1500px!important}
.status-inProgress{background:#15263a;color:#82b7ff;border-color:#28466a}
.status-onHold{background:#302913;color:#f0cb68;border-color:#4b4022}
.status-closedOther{background:#24202e;color:#c8a5ef;border-color:#423650}
.coverage-short{color:#ff858c!important;border-color:#56272d!important;background:#35191e!important}
.coverage-good{color:#69df98!important;border-color:#28513a!important;background:#123020!important}
.critical-note{border-left:3px solid var(--yellow);background:#171d22;padding:12px 14px;color:#9ca8b1;font-size:10px;line-height:1.55;margin-bottom:16px;border-radius:8px}
.value-bad{color:var(--red)!important;font-weight:800}.value-warn{color:var(--yellow)!important;font-weight:800}.value-good{color:var(--green)!important;font-weight:800}
@media(max-width:1250px){.overview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-nav{gap:18px;overflow-x:auto}.machine-switcher{position:sticky;right:0;background:rgba(11,15,17,.98);padding-left:12px}}
@media(max-width:900px){.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-search{min-width:100%;width:100%}.action-row{width:100%}}
@media(max-width:560px){.overview-kpis{grid-template-columns:1fr}.shell{padding-left:12px;padding-right:12px}.dashboard-hero h1{font-size:24px}.page-header{align-items:flex-start}.page-meta{justify-content:flex-start}.machine-switcher select{max-width:190px}}