:root{--bg:#f5f7fb;--card:#fff;--primary:#2f6fed;--ink:#111827;--muted:#526174;--line:#e5e7eb;--nav:#1e2a3a;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:var(--ink);font-size:14px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #65a9ff;outline-offset:2px}.pop-app{display:grid;grid-template-columns:148px minmax(0,1fr);height:100dvh}.sidebar{background:var(--nav);color:#cbd5e1;display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid #344153}.app-brand{height:52px;flex:none;padding:8px 12px;display:flex;align-items:center;gap:6px;text-decoration:none;border-bottom:1px solid #ffffff14}.app-brand img{display:block;width:94px;height:35px;object-fit:contain;filter:brightness(0) invert(1)}.app-brand>span{color:#a9c2e9;font-weight:700;font-size:12px}.nav-group{padding:16px 16px 9px;color:#9aaec7;font-size:11px}.sidebar nav{display:grid;gap:4px;padding:0 8px;overflow-y:auto;align-content:start}.nav-item{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:9px 10px;border:0;border-radius:5px;color:#cbd5e1;background:transparent;text-align:left;font-size:14px;white-space:nowrap}.nav-item svg{width:16px;height:16px;flex:none}.nav-item span{white-space:normal;word-break:keep-all}.nav-item[data-view=factory]{font-size:13px}.nav-item:hover{color:#fff;background:#2a3a4f}.nav-item.active{color:#fff;background:var(--primary);font-weight:700}.sidebar-bottom{margin-top:auto;display:flex;gap:8px;padding:14px 12px;border-top:1px solid #ffffff14;font-size:11px}.sidebar-bottom>div{display:grid;gap:5px}.sidebar-bottom strong{font-size:11px;color:#d3e5f6}.sidebar-bottom small{font-size:10px;color:#a6b9ce}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#45d4a7;margin-top:3px}.app-main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:52px;flex:none;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px}.app-breadcrumb{display:flex;gap:10px;align-items:center;white-space:nowrap}.app-breadcrumb>span{font-size:12px;color:#1e4ed8;font-weight:700}.app-breadcrumb i{font-style:normal;color:#a0aaba}.app-breadcrumb strong{font-size:14px;color:#1f2937}.topbar-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#526174;white-space:nowrap}.topbar-meta b{font-size:11px;color:#334155;background:#f0f4fb;padding:5px 8px;border-radius:4px}.content{flex:1;min-height:0;overflow:hidden;background:var(--bg);padding:12px}.view{display:none;min-height:0;height:100%}.view.active{display:block}#view-data.active{display:flex;flex-direction:column}.page-heading{display:flex;align-items:center;justify-content:space-between;flex:none;margin:0 0 10px}.page-heading p{font-size:10px;letter-spacing:.1em;color:#536d9e;margin:0 0 5px}.page-heading h1{font-size:20px;margin:0;letter-spacing:-.03em}.shift-label{font-size:11px;color:#536174;border:1px solid #d9e2ef;border-radius:4px;padding:6px 8px;background:#fff}[data-page-content]{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:98px;gap:9px;flex:none}.kpi{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--card);min-width:0}.kpi>span{font-size:12px;font-weight:700;color:#526174}.kpi>strong{display:block;margin:6px 0 4px;color:#111827;font-size:25px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.kpi strong small{font-size:11px;font-weight:500;margin-left:4px;color:#526174}.kpi p{font-size:10px;color:#526174;margin:0;line-height:1.4}.kpi.blue>strong{color:#1e4ed8}.kpi.green>strong{color:#087655}.kpi.red>strong{color:#b42332}.insight-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);gap:10px;flex:1;min-height:0}.panel{grid-column:span 4;background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px;display:flex;flex-direction:column;min-height:0;min-width:0}.panel.wide{grid-column:span 8}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;flex:none;min-height:14px}.panel h2{font-size:13px;margin:0;color:#172335;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.panel-head>span{font-size:10px;color:#526174;text-align:right}.panel-body{display:flex;flex-direction:column;justify-content:space-evenly;gap:8px;flex:1;min-height:0;min-width:0}.table-scroll{overflow-x:auto;overflow-y:hidden;min-height:0;max-width:100%}table{border-collapse:collapse;width:100%;font-size:12px;color:#334155;white-space:nowrap}th{background:#f9fafb;font-size:11px;color:#4b5563;padding:7px 9px;text-align:left;border-bottom:1px solid #dce3eb;font-weight:700}td{padding:7px 9px;border-bottom:1px solid #edf0f5;line-height:1.4}tbody tr:hover{background:#f1f6ff}tr:last-child td{border:0}.machine-link{border:0;background:none;padding:0;color:#1e4ed8;font-size:12px;font-weight:700;white-space:nowrap}.machine-link:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:700;white-space:nowrap}.pill i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor}.pill.run{color:#087655;background:#e5f6ee}.pill.idle{color:#8e5708;background:#fff2d6}.pill.alarm{color:#b42332;background:#ffeaed}.rank-bars{display:flex;flex-direction:column;justify-content:space-evenly;gap:10px;flex:1;min-height:0}.rank-bars>div{display:grid;grid-template-columns:minmax(55px,.85fr) minmax(25px,1fr) auto;gap:8px;align-items:center;font-size:11px}.rank-bars>div>span{color:#475569;white-space:nowrap;font-size:10px}.rank-bars>div>div{height:6px;border-radius:3px;background:#edf2f9;overflow:hidden}.rank-bars i{display:block;height:100%;background:#4c7fdc;border-radius:3px}.rank-bars b{font-size:12px;text-align:right;color:#1f3f79;white-space:nowrap}.panel-note{font-size:10px;line-height:1.5;color:#66778b;margin:0;padding-top:5px;border-top:1px solid #edf1f6;flex:none;word-break:keep-all}.donut-layout{display:flex;align-items:center;justify-content:space-around;gap:12px;flex:1;min-height:0}.donut{width:clamp(64px,8vw,100px);height:clamp(64px,8vw,100px);border-radius:50%;position:relative;flex:none}.donut>div{position:absolute;inset:12px;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.donut strong{font-size:18px;letter-spacing:-.6px;color:#243c59}.donut span{font-size:9px;color:#65788e}.donut-legend{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.donut-legend>div{display:flex;align-items:center;gap:6px;min-width:0;font-size:10px;color:#526174}.donut-legend i{width:5px;height:5px;border-radius:50%;flex:none}.donut-legend span{white-space:nowrap}.donut-legend b{font-size:12px;color:#263d58;margin-left:auto;white-space:nowrap}.chart-key{display:flex;gap:12px;align-items:center;font-size:10px;color:#5a6c84;flex:none}.chart-key>span{display:flex;align-items:center;gap:5px}.chart-key i{width:6px;height:6px;border-radius:2px;background:#5c8de8}.chart-key i.red{background:#d77481}.chart-key i.teal{background:#56a59e}.chart-key i.line{height:2px;background:#d0a04e;border-radius:0;width:9px}.chart-key>b{margin-left:auto;font-size:9px;font-weight:500;color:#72839a}.chart-plot{position:relative;flex:1;min-height:25px;margin:12px 6px 17px;background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),#edf1f6 calc(25% - 1px) 25%);border-bottom:1px solid #e7ecf5}.chart-columns{position:absolute;inset:0;display:flex;align-items:end;gap:14px;z-index:1}.chart-col{position:relative;height:100%;flex:1;display:flex;align-items:end;justify-content:center}.chart-col>i{display:block;width:65%;position:relative;background:#6a94e5;border-radius:3px 3px 0 0;min-height:2px}.chart-col.red>i{background:#d7808a}.chart-col.teal>i{background:#68a9a3}.chart-col b{position:absolute;bottom:calc(100% + 4px);font-size:9px;font-weight:600;color:#65768c;left:50%;transform:translateX(-50%);font-style:normal;white-space:nowrap}.chart-col>span{position:absolute;bottom:-16px;font-size:9px;color:#65768c;white-space:nowrap}.chart-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}.chart-plot polyline{fill:none;stroke:#c99c50;stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.compact-filters{display:flex;gap:6px;align-items:center}.compact-filters input,.compact-filters select{height:24px;border:1px solid #d9e1ed;border-radius:4px;background:#fff;color:#475b74;padding:0 6px;font-size:10px}.compact-filters input{width:135px;min-width:50px}.compact-filters select{width:75px}.equipment-panel .panel-body{justify-content:flex-start;gap:6px}[data-equipment-table]{min-height:0}.empty-result{font-size:12px;color:#64748b;text-align:center;margin:16px 0}.timeline-key{display:flex;gap:12px;font-size:10px;color:#63778d}.timeline-key>span{display:flex;gap:5px;align-items:center}.timeline-key i{display:block;width:6px;height:6px;border-radius:2px}.timeline{display:flex;flex-direction:column;justify-content:space-around;gap:9px;flex:1;min-height:0}.timeline>div{display:flex;align-items:center;gap:13px}.timeline>div>span{width:59px;flex:none}.timeline .machine-link{font-size:11px}.timeline-track{display:flex;height:12px;gap:2px;flex:1;overflow:hidden;border-radius:3px}.timeline .run,.timeline-key .run{background:#70ae9e}.timeline .idle,.timeline-key .idle{background:#e1ba6e}.timeline .alarm,.timeline-key .alarm{background:#d77b89}
@media(max-width:1050px){.panel{padding:10px}.panel-head{gap:5px}.panel h2{font-size:12px}.panel-head>span{font-size:9px}.donut-layout{gap:9px}.donut-legend{gap:10px}.donut-legend>div{font-size:9px;gap:4px}.donut-legend b{font-size:11px}.rank-bars>div{gap:6px}.compact-filters input{width:112px}th,td{padding-inline:7px}.chart-columns{gap:11px}
}
@media(max-height:640px){.kpi-grid{grid-auto-rows:90px}.kpi{padding:9px 11px}.kpi>strong{font-size:23px;margin-block:5px 3px}.kpi p{font-size:9px}.panel{padding:10px}.panel-head{margin-bottom:8px}.panel-body{gap:7px}.donut{width:76px;height:76px}.donut>div{inset:10px}.donut strong{font-size:16px}.donut-legend{gap:9px}.panel-note{font-size:9px;padding-top:4px}
}
@media(max-height:500px){.content{padding:8px}.page-heading{margin-bottom:8px}.page-heading p{display:none}.page-heading h1{font-size:18px}.kpi-grid{grid-auto-rows:80px}.kpi{padding:8px 10px}.kpi>span{font-size:11px}.kpi>strong{font-size:22px;margin-block:4px 3px}.kpi p{font-size:9px}.insight-grid,[data-page-content]{gap:8px}.panel{padding:9px}.panel-head{margin-bottom:6px}.panel-body{gap:6px}.rank-bars{gap:6px}.rank-bars b{font-size:11px}.donut{width:66px;height:66px}.donut>div{inset:9px}.donut strong{font-size:14px}.donut span{font-size:8px}.donut-legend{gap:8px}.chart-key{font-size:9px}.chart-plot{margin-top:9px}.timeline{gap:6px}.timeline-track{height:9px}.compact-filters input,.compact-filters select{height:22px}th{padding-block:5px;font-size:10px}td{padding-block:5px;font-size:11px}
}
@media(max-width:900px){.pop-app{grid-template-columns:126px 1fr}.app-brand{padding-inline:8px}.app-brand img{width:82px}.nav-item{font-size:13px;gap:7px;padding-inline:8px}.topbar{padding-inline:12px}.topbar-meta{gap:8px;font-size:11px}.topbar-meta>span:first-child{display:none}.kpi>strong{font-size:22px}.kpi strong small{font-size:10px}.panel-note{font-size:9px}.rank-bars>div{grid-template-columns:minmax(50px,.8fr) 1fr auto;gap:5px}.rank-bars>div>span{font-size:9px}.panel-head>span{font-size:8.5px}.compact-filters input{width:92px}.compact-filters select{width:65px}
}
@media(max-width:650px){.pop-app{grid-template-columns:72px 1fr}.app-brand{height:42px;padding:4px}.app-brand img{width:62px}.app-brand>span,.nav-group,.sidebar-bottom{display:none}.sidebar nav{padding:8px 4px;gap:5px}.nav-item,.nav-item[data-view=factory]{flex-direction:column;gap:4px;padding:7px 2px;font-size:10px;min-height:44px}.nav-item svg{width:14px;height:14px}.topbar{height:42px;padding:0 9px}.app-breadcrumb>span,.app-breadcrumb i,.topbar-meta{display:none}.app-breadcrumb strong{font-size:13px}.content{padding:6px}.page-heading h1{font-size:16px}.page-heading p,.shift-label{display:none}.kpi-grid{gap:5px}.kpi{padding:7px}.kpi>span{font-size:10px}.kpi>strong{font-size:17px}.kpi p{font-size:8px}.panel{padding:7px}.panel h2{font-size:11px}.panel-head>span{display:none}.insight-grid{gap:6px}.donut-layout{flex-direction:column;gap:5px}.donut-legend{gap:4px;width:100%}.donut{width:54px;height:54px}.compact-filters input{width:70px}.compact-filters select{width:59px}.panel-note{font-size:8px}
}.nav-item{font-size:12px}.nav-item[data-view=factory]{font-size:11px}.panel-head>span{line-height:1.4}.panel-note{line-height:1.35}.chart-col>span,.chart-col b{font-size:9px}.chart-col>span{bottom:-17px}.rank-bars>div>span{font-size:10px}.rank-bars b{font-size:11px}.compact-filters input{width:135px}.compact-filters select{width:90px}
@media(max-height:500px){.panel{padding:8px}.panel-head{margin-bottom:5px}.panel-body{gap:5px}.panel-note{font-size:9px;padding-top:3px}.panel h2{font-size:12px}.panel-head>span{font-size:9px}.donut-legend>div{font-size:9px}.donut-legend b{font-size:11px}.rank-bars>div>span{font-size:9px}.rank-bars b{font-size:10px}
}#view-data .page-heading{margin-bottom:10px}#view-data .page-heading h1{font-size:24px}#view-data .page-heading p{font-size:11px}#view-data .kpi-grid{grid-auto-rows:104px;gap:12px}#view-data .kpi{padding:13px 16px}#view-data .kpi>span{font-size:14px}#view-data .kpi>strong{font-size:30px;margin:7px 0 5px}#view-data .kpi p{font-size:11px}#view-data .insight-grid{grid-template-rows:minmax(0,1.3fr) minmax(0,1fr);gap:12px}#view-data .panel{padding:14px;overflow:hidden}#view-data .panel-head{margin-bottom:10px;min-height:22px}#view-data .panel h2{font-size:16px}#view-data .panel-head>span{font-size:11px}#view-data .panel-body{justify-content:flex-start;gap:9px;overflow:hidden}#view-data .panel-body>.table-scroll{flex:1}#view-data .table-scroll{overflow:hidden}#view-data table{font-size:14px;table-layout:auto}#view-data th{font-size:12px;padding:6px 8px}#view-data td{padding:5px 8px;line-height:1.25}#view-data .machine-link{font-size:13px}#view-data .pill{font-size:11px;padding:3px 6px}#view-data .rank-bars{gap:10px}#view-data .rank-bars>div{grid-template-columns:minmax(70px,1fr) minmax(30px,1.2fr) auto;font-size:13px}#view-data .rank-bars>div>span,#view-data .rank-bars b{font-size:13px}#view-data .rank-bars>div>div{height:11px}#view-data .donut{width:clamp(90px,10vw,145px);height:clamp(90px,10vw,145px)}#view-data .donut>div{inset:19px}#view-data .donut strong{font-size:25px}#view-data .donut span{font-size:11px}#view-data .donut-legend{gap:17px}#view-data .donut-legend>div{font-size:13px}#view-data .donut-legend b{font-size:14px}#view-data .donut-legend i{width:8px;height:8px}#view-data .chart-key{font-size:12px}#view-data .chart-key>b{font-size:10px}#view-data .chart-col b,#view-data .chart-col>span{font-size:11px}#view-data .chart-col>i{width:72%}#view-data .chart-columns{gap:12px}#view-data .chart-plot{margin-top:20px;margin-bottom:22px;min-height:30px}#view-data .chart-col>span{bottom:-20px}#view-data .panel-note{font-size:11px;line-height:1.5}#view-data .compact-filters input,#view-data .compact-filters select{height:30px;font-size:12px}#view-data .compact-filters input{width:160px}#view-data .compact-filters select{width:98px}.data-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#61748b;flex:none;min-height:26px}.data-pager>div{display:flex;align-items:center;gap:9px}.data-pager b{font-weight:500}.data-pager button{font-size:11px;color:#28569b;border:1px solid #cfdaea;background:#f5f8fd;border-radius:4px;padding:4px 8px}.data-pager button:disabled{opacity:.35;cursor:not-allowed}#view-data .timeline .machine-link{font-size:13px}#view-data .timeline-track{height:19px}#view-data .timeline-key{font-size:12px}
@media(max-height:780px){#view-data .page-heading h1{font-size:21px}#view-data .page-heading p{display:none}#view-data .kpi-grid{grid-auto-rows:88px}#view-data .kpi{padding:10px 13px}#view-data .kpi>strong{font-size:26px;margin:5px 0 4px}#view-data .panel{padding:11px}#view-data .panel-head{margin-bottom:7px;min-height:20px}#view-data .panel h2{font-size:14px}#view-data .panel-head>span{font-size:10px}#view-data td{padding:4px 7px}#view-data .panel-body{gap:7px}#view-data .donut{width:106px;height:106px}#view-data .donut>div{inset:15px}#view-data .donut strong{font-size:21px}#view-data .donut-legend{gap:12px}#view-data .chart-key{font-size:11px}#view-data .panel-note{font-size:10px}}
@media(max-width:1150px){#view-data table{font-size:12px}#view-data .machine-link{font-size:12px}#view-data .panel h2{font-size:13px}#view-data .panel-head>span{font-size:9px}#view-data .donut{width:94px;height:94px}#view-data .donut-legend>div,#view-data .rank-bars>div>span,#view-data .rank-bars b{font-size:11px}#view-data .compact-filters input{width:110px}}
@media(max-height:650px){#view-data .kpi-grid{grid-auto-rows:74px}#view-data .kpi>span{font-size:12px}#view-data .kpi>strong{font-size:22px;margin:4px 0}#view-data .kpi p{font-size:10px}#view-data .panel{padding:9px}#view-data .panel-head{margin-bottom:5px}#view-data table{font-size:12px}#view-data td,#view-data th{padding:3px 6px}#view-data .panel-note{display:none}#view-data .donut{width:82px;height:82px}#view-data .donut>div{inset:12px}#view-data .donut strong{font-size:18px}#view-data .donut-legend{gap:8px}#view-data .chart-key>b{display:none}}#view-data .panel-body>.table-scroll{flex:none}#view-data .panel-body .rank-bars{min-height:0}#view-data .kpi{position:relative;overflow:visible;border:1px solid #dce3ed;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;transform-origin:center;outline:none}#view-data .kpi:hover,#view-data .kpi:focus-visible{transform:translateY(-3px) scale(1.018);border-color:#3979e3;box-shadow:0 8px 24px #2463bc22;z-index:20}.kpi-info{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:7px;border:1px solid #a4b5ca;border-radius:50%;color:#869ab3;font-size:10px;font-style:normal;vertical-align:middle;transition:background .2s,color .2s}.kpi:hover .kpi-info,.kpi:focus-visible .kpi-info{background:#3979e3;color:white;border-color:#3979e3}.kpi-tooltip{position:absolute;left:0;right:0;top:calc(100% + 9px);padding:13px 15px;border:1px solid #c8d9ee;border-radius:9px;background:#18334f;color:#e7f0fc;font-size:12px;line-height:1.65;box-shadow:0 8px 24px #18334f2b;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none;z-index:30;font-weight:400}.kpi-tooltip::before{content:'';position:absolute;top:-5px;left:24px;width:9px;height:9px;background:#18334f;transform:rotate(45deg)}.kpi-tooltip b{display:block;margin-bottom:3px;color:white;font-size:13px}.kpi:hover .kpi-tooltip,.kpi:focus-visible .kpi-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){#view-data .kpi,.kpi-tooltip,.kpi-info{transition:none}#view-data .kpi:hover,#view-data .kpi:focus-visible{transform:none}}
@media(max-height:780px){#view-data .rank-bars{gap:5px}}body:not([data-view="factory"]){--ops-bg:#101319;--ops-card:#191e26;--ops-line:#2a313d;--ops-text:#e8edf5;--ops-muted:#9caabd;--ops-orange:#4d94ff}body:not([data-view="factory"]) .content{background:var(--ops-bg)}body:not([data-view="factory"]) .sidebar{background:#11161d;border-color:#282e39}body:not([data-view="factory"]) .app-brand{border-color:#282e39}body:not([data-view="factory"]) .nav-item.active{color:#9ac4ff;background:#182c49;box-shadow:inset 3px 0 #4d94ff}body:not([data-view="factory"]) .nav-item:hover{background:#242a33}body:not([data-view="factory"]) .sidebar-bottom{border-color:#282e39}body:not([data-view="factory"]) .topbar{background:#151a21;border-color:#2a313d}body:not([data-view="factory"]) .app-breadcrumb>span{color:#89b8ff}body:not([data-view="factory"]) .app-breadcrumb strong{color:#e6edf7}body:not([data-view="factory"]) .topbar-meta{color:#9ba9bc}body:not([data-view="factory"]) .topbar-meta b{background:#262e3b;color:#c6d2e3}#view-data{color:var(--ops-text)}#view-data .page-heading{min-height:44px}#view-data .page-heading p{font-size:10px;color:#8998ae;letter-spacing:.16em}#view-data .page-heading h1{font-weight:750;letter-spacing:-.04em;display:flex;align-items:center;gap:11px}#view-data .page-heading h1::before{content:'';width:15px;height:15px;border:2px solid #4d94ff;border-radius:3px;box-shadow:inset 0 0 0 3px #101319}#view-data .shift-label{background:#1a222b;border-color:#303b46;color:#b8c7d8;padding:7px 11px;border-radius:6px}#view-data .shift-label::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#37c396;margin-right:8px;box-shadow:0 0 9px #37c39650}#view-data .kpi{background:linear-gradient(120deg,#1d232d,#181d25);border-color:#2a323f;border-radius:10px;padding-top:16px;box-shadow:0 3px 9px #00000012}#view-data .kpi::before{content:'';position:absolute;top:-1px;left:14px;right:14px;height:3px;background:var(--metric-accent);border-radius:0 0 3px 3px;opacity:.9}#view-data .kpi>span{color:#aab6c6;font-size:12px;font-weight:600;letter-spacing:.02em}#view-data .kpi>strong{color:#f5f8ff;font-variant-numeric:tabular-nums;letter-spacing:-.035em}#view-data .kpi strong small{color:#91a0b5;font-size:11px}#view-data .kpi p{color:#8f9db1}#view-data .kpi:hover,#view-data .kpi:focus-visible{border-color:var(--metric-accent);box-shadow:0 8px 25px #0000003d}#view-data .kpi-info{color:#74849b;border-color:#46546a}#view-data .kpi:hover .kpi-info,#view-data .kpi:focus-visible .kpi-info{background:var(--metric-accent);border-color:var(--metric-accent);color:#101319}#view-data .kpi-tooltip{background:#283342;border-color:#4a5c73;color:#d5dfec}#view-data .kpi-tooltip::before{background:#283342}#view-data .panel{background:#191e26;border-color:#2a323e;border-radius:10px;box-shadow:0 4px 12px #00000010}#view-data .panel-head{border-bottom:1px solid #2a313c;padding-bottom:10px;min-height:33px;margin-bottom:10px}#view-data .panel h2{font-size:14px;color:#e3eaf5;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}#view-data .panel h2::before{content:'';display:inline-block;width:5px;height:12px;border:1px solid #4d94ff;border-radius:2px;flex:none}#view-data .panel-head>span{color:#8493a9;font-size:10px}#view-data table{color:#c2cddd;font-size:13px}#view-data th{background:#202732;border-color:#303a48;color:#91a3bc;font-size:11px;font-weight:600}#view-data td{border-color:#2a313c}#view-data tbody tr:hover{background:#242d39}#view-data .machine-link{color:#81adf7;font-size:12px}#view-data .machine-link:hover{color:#a7cfff}#view-data .pill.run{background:#173a32;color:#61d4ad}#view-data .pill.idle{background:#3e3220;color:#ebbd63}#view-data .pill.alarm{background:#402730;color:#f28694}#view-data .compact-filters input,#view-data .compact-filters select{background:#121820;border-color:#354051;color:#c4d1e4}#view-data .compact-filters input::placeholder{color:#7b8ca3}#view-data .data-pager{color:#7e90a9;font-size:10px}#view-data .data-pager button{background:#222b37;border-color:#374458;color:#bdd0eb}#view-data .data-pager button:hover:not(:disabled){border-color:#4d94ff;color:#b6d8ff}#view-data .rank-bars>div>span{color:#a8b6c9;font-size:12px}#view-data .rank-bars b{color:#d6e2f4;font-size:12px}#view-data .rank-bars>div>div{background:#29323f;height:7px}#view-data .rank-bars i{border-radius:4px}#view-data .panel-note{color:#7e90a8;border-color:#303846;font-size:10px}#view-data .donut>div{background:#191e26}#view-data .donut strong{color:#e6edf8}#view-data .donut span{color:#90a2bc}#view-data .donut-legend>div{color:#a4b3c8;font-size:12px}#view-data .donut-legend b{color:#e0e8f4;font-size:13px}#view-data .chart-key{color:#91a3bb;font-size:11px}#view-data .chart-key>b{color:#697d99}#view-data .chart-plot{background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),#2b3441 calc(25% - 1px) 25%);border-color:#344053}#view-data .chart-col>i{border-radius:3px 3px 0 0;opacity:.9}#view-data .chart-col b,#view-data .chart-col>span{color:#9daec6;font-size:10px}#view-data .chart-col>i:hover{opacity:1}#view-data .timeline-key{color:#9eafc7}#view-data .timeline .run,#view-data .timeline-key .run{background:#37b88f}#view-data .timeline .idle,#view-data .timeline-key .idle{background:#d5a24a}#view-data .timeline .alarm,#view-data .timeline-key .alarm{background:#e76b7c}.machine-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;flex:1;min-height:0}.machine-tile{--tile-accent:#37c396;border:1px solid #303948;border-radius:8px;padding:10px 12px;background:#151b23;display:flex;flex-direction:column;gap:5px;min-width:0;min-height:0;color:#d8e2f1;text-align:left;transition:border-color .15s,background .15s,transform .15s}.machine-tile.idle{--tile-accent:#edb44e}.machine-tile.alarm{--tile-accent:#ef6b79}.machine-tile:hover,.machine-tile:focus-visible{background:#222b37;border-color:var(--tile-accent);transform:translateY(-2px)}.machine-tile-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.machine-tile-top>strong{font-size:14px;font-weight:750;letter-spacing:.02em}.machine-tile-type{font-size:10px;color:#7f90a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-tile-meter{display:flex;justify-content:space-between;font-size:10px;color:#92a3bc;margin-top:auto}.machine-tile-meter b{font-size:11px;color:#e5edf7}.machine-tile-track{height:4px;border-radius:3px;background:#2b3543;flex:none;overflow:hidden}.machine-tile-track i{display:block;height:100%;background:var(--tile-accent)}.machine-tile-job{background:#202c39;color:#8bb7de;border-radius:3px;font-size:10px;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-tile-foot{display:flex;justify-content:space-between;font-size:10px;color:#7e91ad;gap:4px}.machine-tile-foot b{font-weight:500;color:#c6d5e9}
@media(max-height:780px){#view-data .page-heading{min-height:30px}#view-data .panel-head{min-height:26px;padding-bottom:6px;margin-bottom:7px}#view-data .kpi{padding-top:12px}.machine-card-grid{gap:7px}.machine-tile{padding:7px 9px;gap:3px}.machine-tile-top>strong{font-size:12px}.machine-tile-job{padding:3px 5px}.machine-tile-type{font-size:9px}.machine-tile-foot{font-size:9px}#view-data .panel-head>span{font-size:9px}#view-data .panel h2{font-size:13px}}
@media(max-height:650px){.machine-tile-type,.machine-tile-job{display:none}.machine-tile{gap:4px}#view-data .panel-head>span{display:none}}
@media(prefers-reduced-motion:reduce){.machine-tile{transition:none}.machine-tile:hover,.machine-tile:focus-visible{transform:none}}.machine-tile{padding:8px 11px;gap:3px;line-height:1.2;overflow:hidden}.machine-tile-top{min-height:21px;flex:none}.machine-tile-type{font-size:10px;line-height:12px;flex:none}.machine-tile-meter{font-size:10px;line-height:12px;margin-top:auto;flex:none}.machine-tile-job{font-size:10px;line-height:12px;padding:3px 6px;flex:none}.machine-tile-foot{font-size:10px;line-height:12px;flex:none}
@media(max-height:780px){.machine-tile{padding:7px 9px;gap:4px}.machine-tile-type{display:none}.machine-tile-job{font-size:9px;line-height:11px;padding:2px 5px}.machine-tile-foot{font-size:9px}}
@media(max-height:740px){.machine-tile{padding:5px 8px;gap:2px}.machine-tile-top{min-height:19px}.machine-card-grid{gap:6px}.machine-tile-job{padding:2px 5px}}#view-data .machine-link{color:#dcc9a2}#view-data .machine-link:hover,#view-data .machine-link:focus-visible{color:#f7e5bd;text-decoration:underline}#view-data a{color:#c6b2e4}#view-data a:hover{color:#e4d4ff}#view-data table{color:#cbd0da}#view-data th{color:#a9aeb9;background:#252a32;border-color:#393e48}#view-data td{border-color:#30353f}#view-data tbody tr:hover{background:#2a3039}#view-data .data-pager button{background:#292f39;border-color:#444b59;color:#d4d6df}#view-data .data-pager button:hover:not(:disabled){border-color:#baa8cf;color:#e6d8f4}#view-data .rank-bars b{color:#e0dfdf}#view-data .rank-bars>div>span{color:#b7bac3}#view-data .rank-bars>div>div{background:#303640}#view-data .donut-legend b,#view-data .donut strong{color:#e9e6e3}#view-data .donut-legend>div,#view-data .donut span{color:#b5b1bc}#view-data .chart-key,#view-data .chart-col b,#view-data .chart-col>span{color:#b3b4bf}#view-data .chart-key>b{color:#898b99}#view-data .chart-plot{border-color:#41434f;background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),#30343e calc(25% - 1px) 25%)}.machine-tile-job{background:#283934;color:#b3d3c3}.machine-tile-foot b{color:#d6d4d5}.special-layout{display:grid;gap:12px;flex:1;min-height:0}.special-layout>*{min-height:0;min-width:0}.section-eyebrow{font-size:10px;letter-spacing:.13em;color:#8c9aaf}.production-layout{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:106px 180px minmax(0,1fr)}.production-banner{grid-column:1/-1;display:flex;align-items:center;gap:28px;padding:18px 22px;background:linear-gradient(110deg,#1f3435,#19232e);border:1px solid #345052;border-radius:10px;color:#c6d6d8}.production-banner>div:first-child{display:grid;gap:4px;min-width:180px}.production-banner strong{font-size:34px;line-height:1;color:#e5f4ed}.production-banner strong small{font-size:12px;margin-left:6px;color:#94adab;font-weight:500}.production-banner>div:first-child>span:last-child{font-size:11px;color:#88a5a3}.production-goal{flex:1;display:grid;gap:10px}.production-goal>div{display:flex;justify-content:space-between;font-size:12px}.production-goal b{color:#6bd5b8}.production-goal>i{height:7px;border-radius:4px;background:#31464c;overflow:hidden}.production-goal>i>b{display:block;height:100%;background:#55cbb1}.production-goal>span{font-size:10px;color:#8aa5ad}.production-stat{display:grid;gap:10px;padding-left:24px;border-left:1px solid #39505b}.production-stat>span{font-size:11px;color:#92a5b8}.production-stat strong{font-size:25px}.production-lanes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.production-lane{padding:14px 16px;border:1px solid #303e4b;background:#1a222c;border-radius:9px;display:flex;flex-direction:column;gap:12px;min-height:0}.lane-title{display:flex;align-items:center;gap:8px}.lane-title>span{font-size:10px;color:#7c8c9e;border:1px solid #3b4b5b;border-radius:4px;padding:4px}.lane-title h2{font-size:14px;color:#d6dfe9;margin:0}.lane-title>b{margin-left:auto;font-size:14px;color:#d5d6df}.lane-summary{display:flex;justify-content:space-between;align-items:center}.lane-summary strong{font-size:21px;color:#e3e9f3}.lane-summary small{font-size:11px;color:#8698ae;font-weight:400}.lane-summary>span{font-size:10px;color:#6bc2a6}.lane-track{height:5px;border-radius:3px;background:#34404e;flex:none;overflow:hidden}.lane-track i{display:block;height:100%}.lane-machines{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.lane-machine{background:#24332e;border:1px solid #3b584b;color:#a9d5c0;border-radius:4px;padding:4px 5px;font-size:9px}.lane-machine.idle{background:#3b3325;border-color:#605139;color:#dfc08c}.lane-machine.alarm{background:#3c2b32;border-color:#67414d;color:#eda5b0}.area-orders{grid-column:span 8}.area-production-trend{grid-column:span 4}.incident-layout{grid-template-columns:minmax(200px,2.7fr) minmax(0,5.5fr) minmax(0,3.8fr);grid-template-rows:minmax(0,1.1fr) minmax(0,.9fr)}.incident-summary{grid-row:1/3;border:1px solid #57363f;border-radius:10px;background:linear-gradient(160deg,#34232d,#1b222e 65%);padding:24px 20px;display:flex;flex-direction:column;color:#d8b9c2;overflow:hidden}.incident-number{font-size:80px;line-height:1.05;color:#f28c9e;margin-top:20px}.incident-number small{display:block;font-size:15px;font-weight:500;color:#d9afb9;margin-top:6px}.incident-summary>p{font-size:10px;color:#a08b9b;margin:13px 0 24px}.incident-total{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #453540}.incident-total>span{font-size:12px;color:#ac9cab}.incident-total b{font-size:22px;color:#dacbda}.incident-total small{font-size:10px;margin-left:4px;color:#9e8d9e;font-weight:400}.incident-summary h3{font-size:12px;margin:20px 0 12px;color:#c6adbc}.incident-targets>div{display:grid;gap:7px;padding:9px 0}.incident-targets span{font-size:10px;color:#a78b9b;line-height:1.5}.incident-targets .machine-link{font-size:13px!important;text-align:left}.area-events{grid-column:2;grid-row:1}.area-causes{grid-column:3;grid-row:1}.area-status-timeline{grid-column:2;grid-row:2}.area-response{grid-column:3;grid-row:2}.incident-feed{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.incident-event{display:flex;gap:11px;padding:11px 12px;border:1px solid #3b3542;background:#29232e;border-radius:7px;min-height:0;flex:1;align-items:center}.incident-event>i{width:7px;height:7px;border-radius:50%;background:#c6b2e4;flex:none}.incident-event.alarm>i{background:#f28b9d}.incident-event.idle>i{background:#dfb66c}.incident-event>div{min-width:0;flex:1}.incident-event>div>div{display:flex;align-items:center;justify-content:space-between}.incident-event time{font-size:10px;color:#8e8297}.incident-event p{font-size:12px;margin:6px 0;color:#d7c9d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quality-layout{grid-template-columns:minmax(210px,3fr) minmax(0,9fr);grid-template-rows:minmax(0,1.05fr) minmax(0,1fr)}.quality-score{grid-row:1/3;background:linear-gradient(150deg,#233c38,#1b222d 65%);border:1px solid #3d5753;border-radius:10px;padding:26px 22px;display:flex;flex-direction:column;overflow:hidden}.quality-score h2{font-size:15px;font-weight:500;color:#a7c7bd;margin:18px 0 10px}.quality-score>strong{font-size:60px;letter-spacing:-.05em;color:#8de0be;line-height:1.1}.quality-score>strong>small{font-size:23px;margin-left:5px;color:#70ae9a}.quality-gauge{height:9px;border-radius:5px;background:#e68d9d;margin:18px 0 23px;flex:none;overflow:hidden}.quality-gauge>i{display:block;height:100%;background:#5accaa}.quality-counts{display:grid;gap:17px}.quality-counts>div{display:grid;gap:6px}.quality-counts span{font-size:11px;color:#8ca99f}.quality-counts b{font-size:25px;color:#d6e5df}.quality-counts small{font-size:11px;margin-left:5px;color:#93ada6;font-weight:400}.quality-counts>div+div b{color:#e8a0b0}.quality-rate{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #35514b;font-size:12px;color:#a3b4ad}.quality-rate b{color:#e0a8b6}.quality-score h3{font-size:12px;color:#afc2b9;margin:22px 0 12px}.quality-lines{display:grid;gap:13px}.quality-lines>div{display:flex;justify-content:space-between;font-size:11px;color:#94aca2}.quality-lines b{color:#c3d7cc}.quality-score>p{font-size:10px;color:#7e998e;line-height:1.7;margin-top:auto;padding-top:16px}.area-pareto{grid-column:2;grid-row:1}.area-inspection{grid-column:2;grid-row:2}.pareto-legend{display:flex;justify-content:space-between;color:#d896aa;font-size:11px}.pareto-legend span+span{color:#c6b2e4}#view-data .pareto-plot polyline{stroke:#c6b2e4;stroke-width:2.2}#view-data .pareto-plot .machine-link{font-size:11px}.pareto-plot{margin-bottom:28px!important}.energy-layout{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:94px minmax(0,1.05fr) minmax(0,1fr)}.energy-ribbon{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:linear-gradient(100deg,#302b42,#202633);border:1px solid #49405c;border-radius:10px;padding:17px 4px}.energy-ribbon>div{display:grid;gap:8px;padding:0 20px;border-left:1px solid #484158}.energy-ribbon>div:first-child{border:0}.energy-ribbon span{font-size:11px;color:#ac9fbd}.energy-ribbon strong{font-size:28px;font-weight:700;color:#e0d3f4}.energy-ribbon small{font-size:11px;color:#a495b4;font-weight:400;margin-left:6px}.area-energy-flow{grid-column:span 8}.area-energy-mix{grid-column:span 4}.area-energy-machines{grid-column:span 7}.area-charging{grid-column:span 5}.energy-area{position:relative;flex:1;min-height:0;margin:10px 8px 25px;background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),#353342 calc(25% - 1px) 25%)}.energy-area>svg{position:absolute;width:100%;height:100%;overflow:visible}.energy-area polygon{fill:#ac8ee928}.energy-area polyline{fill:none;stroke:#b399e7;stroke-width:2.6;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.energy-axis{position:absolute;inset:0 -15px -22px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.energy-axis>div{display:grid;gap:6px;text-align:center;font-size:10px;color:#9e91b0}.energy-axis b{color:#c5b1e0;font-weight:500}.energy-line-slices{display:flex;flex-direction:column;justify-content:space-around;gap:10px;flex:1;min-height:0}.energy-line-slices>div{position:relative;padding-right:45px}.energy-line-slices>div>span{font-size:11px;color:#aeb7c3}.energy-line-slices>div>span>i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:7px}.energy-line-slices strong{display:block;font-size:21px;color:#dadbe5;margin:6px 0}.energy-line-slices small{font-size:10px;color:#8e91a2;margin-left:5px;font-weight:400}.energy-line-slices>div>div{height:5px;background:#383645;border-radius:3px;overflow:hidden}.energy-line-slices>div>div>i{display:block;height:100%}.energy-line-slices>div>b{position:absolute;bottom:0;right:0;color:#b9abcf;font-size:11px}.charge-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1;min-height:0}.charge-cards>div{display:flex;flex-direction:column;justify-content:center;gap:14px;background:#252c36;border:1px solid #3b4654;border-radius:8px;padding:14px;min-width:0}.charge-cards strong{font-size:29px;color:#c8e2d5}.charge-cards small{font-size:12px;color:#91ab9e;margin-left:3px}.charge-track{height:7px;background:#3a4548;border-radius:4px;overflow:hidden}.charge-track>i{display:block;height:100%;background:#88b7a2}.charge-cards span{font-size:10px;color:#9aaca3}
@media(max-height:780px){.special-layout{gap:10px}.production-layout{grid-template-rows:88px 143px minmax(0,1fr)}.production-banner{padding:12px 16px;gap:20px}.production-banner strong{font-size:29px}.production-banner>div:first-child{min-width:150px}.production-stat{padding-left:16px;gap:7px}.production-stat strong{font-size:23px}.production-lanes{gap:10px}.production-lane{padding:10px 12px;gap:8px}.lane-title h2{font-size:12px}.lane-summary strong{font-size:18px}.lane-machine{font-size:8px;padding:3px 4px}.lane-machines{gap:4px}.incident-summary{padding:18px 15px}.incident-number{font-size:57px;margin-top:15px}.incident-summary>p{margin-bottom:12px}.incident-total{padding:10px 0}.incident-summary h3{margin:15px 0 5px}.incident-event{padding:8px 10px}.quality-score{padding:20px 16px}.quality-score h2{margin-top:15px}.quality-score>strong{font-size:47px}.quality-gauge{margin:13px 0 16px}.quality-counts{gap:12px}.quality-counts b{font-size:22px}.quality-rate{padding:13px 0}.quality-score h3{margin-top:17px}.quality-lines{gap:10px}.energy-layout{grid-template-rows:80px minmax(0,1.05fr) minmax(0,1fr)}.energy-ribbon{padding:13px 3px}.energy-ribbon strong{font-size:24px}.charge-cards{gap:7px}.charge-cards>div{padding:10px;gap:11px}.charge-cards strong{font-size:24px}.energy-line-slices strong{font-size:18px;margin:4px 0}}
@media(max-width:1150px){.incident-layout{grid-template-columns:minmax(160px,2.7fr) minmax(0,5.3fr) minmax(0,4fr)}.quality-layout{grid-template-columns:minmax(180px,3fr) minmax(0,9fr)}.production-stat{padding-left:13px}.production-banner{gap:16px}.lane-title{gap:5px}.charge-cards>div{padding:8px}.charge-cards strong{font-size:21px}.energy-ribbon>div{padding:0 14px}}.energy-axis{left:0;right:0}.energy-axis>div:first-child{text-align:left}.energy-axis>div:last-child{text-align:right}
@media(max-height:740px){.production-layout{grid-template-rows:82px 135px minmax(0,1fr)}.production-banner{padding:10px 14px}.production-banner strong{font-size:26px}.production-stat strong{font-size:21px}.production-lane{padding:9px 10px;gap:7px}.lane-title>span{padding:3px}.lane-summary strong{font-size:17px}.lane-machine{padding:2px 4px}.quality-score{padding:16px 14px}.quality-score h2{margin:12px 0 8px}.quality-score>strong{font-size:43px}.quality-gauge{margin:12px 0 14px}.quality-counts{gap:10px}.quality-counts b{font-size:20px}.quality-rate{padding:11px 0}.quality-score h3{margin:15px 0 10px}.quality-lines{gap:9px}.quality-score>p{font-size:9px}.incident-number{font-size:50px;margin-top:12px}.incident-total{padding:9px 0}.incident-summary h3{margin-top:12px}.incident-targets>div{gap:5px;padding:7px 0}.energy-layout{grid-template-rows:76px minmax(0,1.05fr) minmax(0,1fr)}}.nav-item,.nav-item[data-view=factory]{font-size:14px;min-height:43px}.app-breadcrumb strong{font-size:16px}.topbar-meta{font-size:13px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{font-size:11px}#view-data .page-heading h1{font-size:27px}#view-data .page-heading p{font-size:12px}#view-data .shift-label{font-size:12px}#view-data .kpi>span{font-size:15px}#view-data .kpi>strong{font-size:33px}#view-data .kpi p{font-size:13px}#view-data .kpi strong small{font-size:13px}.kpi-tooltip{font-size:14px}.kpi-tooltip b{font-size:15px}#view-data .panel h2{font-size:17px}#view-data .panel-head>span{font-size:12px}#view-data table{font-size:15px}#view-data th{font-size:13px;padding:7px 8px}#view-data td{padding:6px 8px;line-height:1.25}#view-data .machine-link{font-size:14px}#view-data .pill{font-size:12px}#view-data .data-pager,#view-data .data-pager button{font-size:12px}#view-data .data-pager{min-height:28px}#view-data .rank-bars>div>span,#view-data .rank-bars b{font-size:14px}#view-data .chart-key{font-size:13px}#view-data .chart-key>b{font-size:12px}#view-data .chart-col b,#view-data .chart-col>span{font-size:12px}#view-data .chart-plot{margin-top:22px;margin-bottom:25px}#view-data .donut-legend>div{font-size:14px}#view-data .donut-legend b{font-size:16px}#view-data .donut strong{font-size:28px}#view-data .donut span{font-size:12px}#view-data .panel-note{font-size:12px}#view-data .compact-filters input,#view-data .compact-filters select{font-size:13px;height:32px}.machine-tile-top>strong{font-size:16px}.machine-tile-type{font-size:11px;line-height:13px}.machine-tile-meter,.machine-tile-meter b{font-size:12px;line-height:14px}.machine-tile-job{font-size:12px;line-height:14px}.machine-tile-foot{font-size:11px;line-height:13px}.section-eyebrow{font-size:12px}.production-banner>div:first-child>span:last-child,.production-goal>span,.production-stat>span{font-size:13px}.production-goal>div{font-size:14px}.lane-title h2{font-size:16px}.lane-summary small,.lane-summary>span{font-size:12px}.lane-machine{font-size:11px;padding:4px 5px}.production-lane{gap:9px}.lane-title>span{font-size:12px}.production-lanes{min-height:0}.incident-number small{font-size:17px}.incident-summary>p{font-size:12px}.incident-total>span{font-size:14px}.incident-summary h3{font-size:14px}.incident-targets span{font-size:12px}.incident-event p{font-size:14px}.incident-event time{font-size:12px}#view-data .timeline-key{font-size:13px}#view-data .timeline .machine-link{font-size:14px}.quality-score h2{font-size:18px}.quality-counts span,.quality-lines>div{font-size:13px}.quality-rate{font-size:14px}.quality-score h3{font-size:14px}.quality-score>p{font-size:12px}.pareto-legend{font-size:13px}#view-data .pareto-plot .machine-link{font-size:13px}.energy-ribbon span{font-size:14px}.energy-ribbon small{font-size:13px}.energy-axis>div{font-size:12px}.energy-line-slices>div>span{font-size:13px}.energy-line-slices small{font-size:12px}.energy-line-slices>div>b{font-size:13px}.charge-cards span{font-size:13px}.charge-cards small{font-size:14px}
@media(max-height:780px){#view-data .kpi>span{font-size:14px}#view-data .kpi>strong{font-size:29px}#view-data .kpi p{font-size:12px}#view-data .panel h2{font-size:15px}#view-data .panel-head>span{font-size:11px}#view-data .panel-note{font-size:11px}#view-data table{font-size:14px}#view-data td,#view-data th{padding:5px 7px}.machine-tile-type{display:none}.machine-tile-top>strong{font-size:14px}.machine-tile{gap:3px;padding:6px 8px}.machine-tile-job{font-size:11px;line-height:13px;padding:2px 5px}.machine-tile-foot{font-size:10px;line-height:12px}.lane-machine{font-size:9px;padding:3px}.lane-title h2{font-size:14px}.lane-summary small,.lane-summary>span{font-size:11px}.incident-summary>p{font-size:11px}.incident-event p{font-size:13px}.quality-score>p{font-size:11px}.quality-counts{gap:10px}.quality-lines{gap:9px}.energy-ribbon span{font-size:12px}.energy-ribbon small{font-size:11px}.charge-cards span{font-size:12px}}
@media(max-width:1150px){#view-data .panel-head>span{display:none}#view-data table{font-size:13px}#view-data .machine-link{font-size:13px}.nav-item,.nav-item[data-view=factory]{font-size:12px}.production-banner{gap:12px}.production-stat{padding-left:12px}}.pop-app{grid-template-columns:174px minmax(0,1fr)}.machine-tile-type{display:none}.machine-tile{gap:3px}
@media(max-width:1150px){.pop-app{grid-template-columns:154px minmax(0,1fr)}}
@media(max-width:650px){.pop-app{grid-template-columns:78px minmax(0,1fr)}.nav-item,.nav-item[data-view=factory]{font-size:11px}}.agv-operation-total{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #354151;padding-top:10px;font-size:13px;color:#abb8c8}.agv-operation-total b{color:#d5dfeb;margin-left:6px}
@media(max-height:740px){.machine-tile{padding:4px 7px;gap:1px}.machine-tile-meter,.machine-tile-meter b{line-height:13px}.production-layout{grid-template-rows:82px 143px minmax(0,1fr)}}

.incident-event{align-items:center}.incident-event-content{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.incident-event-content>.machine-link{align-self:flex-start;text-align:left}.incident-event .incident-event-content>p{margin:0;line-height:1.4}.incident-event>time{flex:none;align-self:center;margin-left:auto;text-align:right;white-space:nowrap;line-height:1.4}
#view-data .machine-link,#view-data .machine-link:hover{color:#d0d6df;cursor:default;text-decoration:none}.machine-tile{cursor:default}.machine-tile:hover{background:#151b23;border-color:#303948;transform:none}.lane-machine{display:inline-block;cursor:default}

/* Period search and observed equipment timeline */
.date-filter{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:13px}.date-filter label{display:flex;align-items:center;gap:7px;color:#aab7c8}.date-filter input{color-scheme:dark;background:#182332;color:#e1e8ef;border:1px solid #415268;border-radius:6px;padding:7px 9px;font:inherit}.date-filter button{background:#284c66;border:1px solid #4c7895;color:#eff7ff;border-radius:6px;padding:8px 17px;cursor:pointer;font:inherit}.date-filter [data-date-result]{font-size:11px;color:#82cdb6;min-width:44px}.period-empty{display:grid;place-content:center;text-align:center;min-height:350px;color:#b8c6d8}.period-empty p{font-size:14px;color:#8594a8}.topbar-meta time{font-variant-numeric:tabular-nums;white-space:pre}.sidebar-bottom small{line-height:1.6}
.state-time-axis{display:flex;justify-content:space-between;margin:8px 42px 9px 83px;font-size:11px;color:#9ba9bc}.state-timeline{display:flex;flex-direction:column;justify-content:space-around;flex:1;gap:9px;min-height:0}.state-time-row{display:grid;grid-template-columns:76px minmax(0,1fr) 35px;align-items:center;gap:7px}.state-time-row>small{font-size:11px;color:#a8b7c8;text-align:right}.state-time-track{position:relative;height:16px;background:repeating-linear-gradient(90deg,#293341 0 calc(25% - 1px),#435065 calc(25% - 1px) 25%);border-radius:4px}.state-segment{position:absolute;top:0;height:100%;padding:0;border:0;border-right:1px solid #14202c;min-width:3px;cursor:help;background:#42bd9c}.state-segment.idle{background:#d7ae69}.state-segment.alarm{background:#ef8299}.state-segment-tooltip{display:none;position:absolute;bottom:calc(100% + 9px);right:0;z-index:20;width:max-content;max-width:290px;white-space:pre-line;line-height:1.7;text-align:left;padding:11px 14px;background:#101b2b;color:#e3eaf5;border:1px solid #61748c;border-radius:7px;box-shadow:0 8px 25px #0008;font:12px/1.7 sans-serif;pointer-events:none}.state-segment:hover,.state-segment:focus-visible{outline:2px solid #e5edf5;z-index:21}.state-segment:hover .state-segment-tooltip,.state-segment:focus-visible .state-segment-tooltip{display:block}.area-status-timeline,.area-status-timeline .panel-body{overflow:visible}.area-status-timeline .panel-head>span{font-size:10px!important}
@media(max-width:1100px){.date-filter{gap:5px;font-size:12px}.date-filter input{padding:6px;width:125px}.date-filter [data-date-result]{display:none}.topbar-meta{gap:9px}.topbar-meta span{font-size:12px}}

.page-heading{justify-content:flex-start;gap:28px}.date-filter{margin-left:0;align-items:flex-end;gap:10px}.date-filter label{flex-direction:column;align-items:flex-start;gap:3px;font-size:11px}.date-filter>span{padding-bottom:9px}.date-filter input{padding:6px 9px;font-size:13px}.date-filter button{padding:7px 17px}.date-filter [data-date-result]{padding-bottom:9px}

.topbar-meta>.admin-greeting{color:inherit;font-weight:400}.topbar-meta .admin-name{color:#61a5ff;font-weight:600}.topbar-meta [data-clock-time]{color:#7ff1cf}.topbar-meta time{white-space:nowrap}

.app-brand{justify-content:center;align-items:center}.incident-targets{min-height:0;overflow:hidden}.value-changed{animation:value-highlight 1.5s ease-out}@keyframes value-highlight{0%,25%{color:#7ff1cf}}@media(prefers-reduced-motion:reduce){.value-changed{animation:none;color:#7ff1cf}}