.tag-name-cell{align-items:center;gap:8px;min-width:0;display:flex}.tag-name-cell b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-row.tag-level-1{background:#fbfcfe}.tag-row.tag-level-1 .tag-name-cell{padding-left:22px}.tag-row.tag-level-2{background:#f7f9fc}.tag-row.tag-level-2 .tag-name-cell{padding-left:44px}.tag-row.tag-level-3 .tag-name-cell{padding-left:66px}.tag-row:not(.tag-level-0) .tag-name-cell b{color:var(--blue);font-family:monospace}.tag-row input[readonly]{color:#7b8496;cursor:default}.tag-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tag-summary-card{min-height:285px}.tag-summary-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tag-summary-head h2{overflow-wrap:anywhere;margin:0;font:700 14px monospace}.tag-summary-head span{color:var(--blue);background:#edf1fa;border-radius:5px;margin-top:7px;padding:4px 7px;font:10px monospace;display:inline-block}.tag-summary-head strong{font-size:28px}.tag-summary-head strong.value-true{color:var(--green)}.tag-summary-head strong.value-false{color:var(--muted)}.tag-mini-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 calc(33.33% - 1px),#edf0f5 33.33%);align-items:flex-end;gap:5px;height:155px;margin-top:25px;padding:15px 12px 0;display:flex}.tag-mini-chart i{background:linear-gradient(#718cf0,#315bea);border-radius:4px 4px 0 0;flex:1;min-width:4px;max-width:28px}.tag-summary-meta{color:var(--muted);justify-content:space-between;gap:12px;margin-top:12px;font-size:9px;display:flex}@media (width<=800px){.tag-summary-grid{grid-template-columns:1fr}.tag-summary-meta{flex-wrap:wrap}}.new-plc-button{width:100%;color:var(--red);cursor:pointer;background:#fff7f8;border:1px solid #efbcc3;border-radius:8px;margin-top:12px;padding:13px 16px;font-size:11px;font-weight:800}.new-plc-button small{color:var(--muted);margin-top:4px;font-size:9px;font-weight:400;display:block}.new-plc-button:disabled{opacity:.45;cursor:not-allowed}.active-tags-filter{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;margin-left:auto;padding:9px 12px;font-size:10px;font-weight:800}.active-tags-filter b{background:var(--soft);color:var(--ink);border-radius:10px;margin-left:8px;padding:2px 6px}.active-tags-filter.selected{color:var(--blue);background:#eef2ff;border-color:#b9c7f8}.toolbar .alarm-import{color:var(--blue);cursor:pointer;background:#eef2ff;border:1px solid #b9c7f8;border-radius:8px;align-items:center;padding:9px 12px;font-size:10px;font-weight:800;display:inline-flex}.alarm-import input{display:none}.alarm-import.disabled{opacity:.45;cursor:not-allowed}.deactivate-alarms{color:var(--red);cursor:pointer;background:#fff7f8;border:1px solid #efbcc3;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800}.deactivate-alarms b{background:#f7dfe3;border-radius:10px;margin-left:6px;padding:2px 6px}.deactivate-alarms:disabled{opacity:.4;cursor:not-allowed}.toolbar{flex-wrap:wrap;gap:10px}.raw-filters{grid-template-columns:1fr 1fr 1.1fr 1.5fr auto}@media (width<=1100px){.raw-filters{grid-template-columns:1fr 1fr}}@media (width<=650px){.raw-filters{grid-template-columns:1fr}}.tag-head,.tag-row{grid-template-columns:1.6fr 1.35fr .55fr .65fr .38fr .38fr}.plot-toggle{border:1px solid var(--line);width:34px;height:24px;color:var(--muted);cursor:pointer;background:#f5f6f9;border-radius:6px;font-size:14px}.plot-toggle.on{color:var(--blue);background:#eef2ff;border-color:#b9c7f8}.plot-toggle:disabled{opacity:.35;cursor:not-allowed}.no-chart-tags{text-align:center;grid-column:1/-1;padding:42px}.no-chart-tags>span{color:var(--blue);font-size:28px;display:block}.no-chart-tags h2{margin:14px 0 7px}.no-chart-tags p{color:var(--muted);margin:0 auto 18px;font-size:11px}.tag-footer-actions{gap:9px;display:flex}.tag-footer-actions>button:not(.primary){color:var(--blue);cursor:pointer;background:#eef2ff;border:1px solid #b9c7f8;border-radius:7px;padding:9px 13px;font-size:10px;font-weight:800}.tag-footer-actions>button:disabled{opacity:.4;cursor:not-allowed}.oee-mapping-card{margin-top:16px}.oee-proxy-note{border-left:3px solid var(--blue);background:#eef2ff;flex-direction:column;gap:4px;margin-top:18px;padding:12px 14px;font-size:10px;display:flex}.oee-proxy-note span{color:var(--muted)}.oee-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px;display:grid}.oee-groups section{border:1px solid var(--line);background:#fafbfc;border-radius:9px;padding:15px}.oee-groups h3{color:var(--blue);margin:0 0 12px;font-size:11px}.shift-reference{color:var(--muted);justify-content:space-between;gap:8px;margin:-3px 0 12px;font-size:8px;font-weight:800;display:flex}.oee-groups label{color:var(--muted);flex-direction:column;gap:5px;margin-top:10px;font-size:9px;font-weight:700;display:flex}.oee-groups select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px;padding:9px;font:9px monospace}.oee-mapping-actions{justify-content:flex-end;margin-top:16px;display:flex}@media (width<=950px){.oee-groups{grid-template-columns:1fr}}@media (width<=650px){.tag-footer{flex-direction:column;align-items:flex-start;gap:10px}.tag-footer-actions{width:100%}.tag-footer-actions button{flex:1}}.oee-kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.performance-heading-actions{align-items:stretch;gap:10px;width:100%;display:flex}.shift-clocks{flex-wrap:wrap;gap:9px;width:100%;display:flex}.shift-clocks>div{border:1px solid var(--line);background:#fff;border-radius:10px;flex:170px;min-width:140px;padding:11px 14px;box-shadow:0 4px 14px #1720370a}.shift-clocks span,.shift-clocks strong,.shift-clocks small{display:block}.shift-clocks span{color:var(--muted);letter-spacing:.08em;font-size:7px;font-weight:900}.shift-clocks strong{color:var(--navy);font:800 20px var(--font-geist-mono), monospace;letter-spacing:.02em;margin:4px 0 2px}.shift-clocks small{color:var(--muted);font-size:8px}.shift-clocks>.shift-production-card{background:#f3fbf7;border-color:#ced}.shift-clocks>.shift-production-card span,.shift-clocks>.shift-production-card strong{color:var(--green)}.shift-clocks>.shift-speed-card{background:#f5f7ff;border-color:#d7defb}.shift-clocks>.shift-speed-card span,.shift-clocks>.shift-speed-card strong{color:var(--blue)}.shift-clocks>.shift-status-card{background:#f8f9fc;border-color:#dbe1ec;min-width:210px}.shift-clocks>.shift-status-card strong{max-width:250px;color:var(--navy);letter-spacing:0;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.25}.shift-alarm-banner{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;box-shadow:0 4px 14px #1720370a}.shift-alarm-banner.active{background:#fff5f6;border-color:#efc4ca}.priority-charts{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;display:grid}.shift-chart-card{min-height:350px}.chart-key{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:9px;display:flex}.chart-key span{align-items:center;gap:5px;display:flex}.chart-key i{border-radius:2px;width:9px;height:9px}.actual-key,.actual-bar{background:var(--blue)}.expected-key{background:var(--lime)}.expected-bar{background:#c4cad7}.bagger-one-key,.bagger-one-bar{background:var(--blue)}.bagger-two-key,.bagger-two-bar{background:var(--lime)}.time-bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#edf0f5 25%);align-items:flex-end;gap:4px;height:220px;margin-top:20px;padding:12px 8px 0;display:flex;position:relative}.time-bars>div{flex:1;justify-content:center;align-items:flex-end;gap:2px;min-width:4px;height:100%;display:flex}.time-bars i{border-radius:3px 3px 0 0;width:min(45%,9px);min-height:2px}.bagger-reference-line{z-index:4;pointer-events:none;border-top:2px solid #d44759;height:2px;position:absolute;left:8px;right:8px}.bagger-reference-line b{color:#b72f42;background:#fff2f3;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:900;position:absolute;bottom:4px;right:0}.production-time-bars .expected-bar{opacity:.85}.chart-axis{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding-top:9px;font-size:8px;display:flex}.chart-axis strong{color:var(--ink);font-size:9px}.oee-main{background:var(--navy);color:#fff;border-color:var(--navy)}.oee-main>span,.oee-main p{color:#bfc6d5}.performance-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.performance-chart{min-height:310px}.chart-current{font-size:26px}.dual-trend{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;height:190px;margin-top:25px;display:grid}.dual-trend>div{align-items:flex-end;gap:3px;display:flex}.dual-trend i,.single-trend i{border-radius:3px 3px 0 0;flex:1;min-width:3px}.bagger-one{background:var(--blue)}.bagger-two{background:var(--lime)}.performance-legend{color:var(--muted);justify-content:center;gap:24px;margin-top:13px;font-size:10px;display:flex}.performance-legend span{align-items:center;gap:7px;display:flex}.performance-legend i{border-radius:2px;width:9px;height:9px}.single-trend{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#edf0f5 25%);align-items:flex-end;gap:5px;height:210px;margin-top:25px;display:flex;position:relative}.single-trend i{background:linear-gradient(#718cf0,#315bea)}.boxes-reference-line{z-index:4;pointer-events:none;border-top:2px solid #d44759;position:absolute;left:0;right:0}.boxes-reference-line b{color:#b72f42;background:#fff2f3;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:900;position:absolute;bottom:4px;right:0}.chart-missing{text-align:center;min-height:220px;color:var(--muted);place-items:center;font-size:11px;display:grid}.production-goal,.line-status{min-height:220px}.goal-values{justify-content:center;align-items:center;gap:35px;margin-top:30px;display:flex}.goal-values strong{text-align:center;font-size:28px}.goal-values small{color:var(--muted);margin-top:4px;font-size:9px;font-weight:400;display:block}.goal-values b{color:var(--muted);font-size:11px}.goal-progress{background:#e7eaf0;border-radius:10px;height:10px;margin-top:25px;overflow:hidden}.goal-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--lime));height:100%;display:block}.production-goal>p{color:var(--muted);text-align:center;font-size:10px}.line-status{flex-direction:column;display:flex}.line-status>strong{color:var(--blue);overflow-wrap:anywhere;margin:auto 0 8px;font-size:22px;line-height:1.15}.line-status>small{color:var(--muted);font:9px monospace}@media (width<=1050px){.oee-kpis{grid-template-columns:1fr 1fr}.priority-charts{grid-template-columns:1fr}.performance-heading-actions{flex-direction:column;align-items:flex-end}}@media (width<=750px){.performance-grid,.oee-kpis{grid-template-columns:1fr}.shift-chart-card{min-height:310px}.time-bars{height:180px}.performance-heading-actions,.shift-clocks{width:100%}.shift-clocks>div{flex:1;min-width:0}}@media (width<=480px){.shift-clocks{flex-direction:column}}@media (width<=950px){.tag-head,.tag-row{grid-template-columns:1.4fr 1.1fr .55fr .65fr .4fr .4fr}}@media (width<=650px){.tag-head,.tag-row{grid-template-columns:1.45fr 1fr .55fr .55fr .55fr}.tag-head span:nth-child(3),.tag-row>span:nth-child(3){display:none}.active-tags-filter{margin-left:0}}.bagger-card-actions{align-items:center;gap:9px;display:flex}.bagger-card-actions>button{border:1px solid var(--line);color:var(--blue);cursor:pointer;background:#fff;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:800}.modal-backdrop{z-index:100;background:#10172dbb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.bagger-help-modal{background:#fff;border-radius:14px;width:min(760px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 22px 70px #0b102755}.bagger-help-modal>header{justify-content:space-between;align-items:flex-start;display:flex}.bagger-help-modal h2{margin:5px 0 0;font-size:22px}.bagger-help-modal>header>button{background:var(--soft);cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.bagger-help-modal>p{color:var(--muted);font-size:11px;line-height:1.6}.bagger-help-steps{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0;display:grid}.bagger-help-steps article{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:12px}.bagger-help-steps article:last-child{grid-column:1/-1}.bagger-help-steps b,.bagger-help-steps span{display:block}.bagger-help-steps b{margin-bottom:5px;font-size:10px}.bagger-help-steps span{color:var(--muted);font-size:9px;line-height:1.5}.bagger-help-example{border-left:3px solid var(--blue);background:#eef2ff;border-radius:5px;margin:12px 0;padding:13px 15px}.bagger-help-example h3{margin:0 0 7px;font-size:11px}.bagger-help-example p{color:var(--muted);margin:6px 0;font-size:9px;line-height:1.5}.bagger-help-example code{color:var(--ink);background:#fff;border-radius:5px;padding:9px;font-size:11px;display:block}.bagger-help-example.normal-example{border-left-color:var(--green);background:#effaf5}@media (width<=650px){.bagger-help-steps{grid-template-columns:1fr}.bagger-help-steps article:last-child{grid-column:auto}}.counter-reset-card{grid-column:1/-1}.counter-reset-details{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.counter-reset-details>span{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:12px}.counter-reset-details small,.counter-reset-details strong{display:block}.counter-reset-details small{color:var(--muted);margin-bottom:5px;font-size:8px}.counter-reset-details strong{font-size:14px}.counter-warning{border-left:3px solid var(--amber);color:#856000;background:#fff7df;margin:10px 0 0;padding:9px 11px;font-size:9px}@media (width<=650px){.counter-reset-details{grid-template-columns:1fr 1fr}}.alarm-capture-status{border:1px solid #dbe3ff;border-left:3px solid var(--blue);background:#eef2ff;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 14px;padding:12px;display:grid}.alarm-capture-status>span{min-width:0}.alarm-capture-status small,.alarm-capture-status strong{display:block}.alarm-capture-status small{color:var(--muted);margin-bottom:4px;font-size:8px}.alarm-capture-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.alarm-capture-status>p{color:var(--muted);grid-column:1/-1;margin:2px 0 0;font-size:8px}@media (width<=650px){.alarm-capture-status{grid-template-columns:1fr 1fr}}.alarm-activation-time time{color:var(--ink);white-space:normal;font:700 10px/1.45 monospace;display:block}.alarm-pagination{background:var(--soft);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:10px 12px;display:flex}.alarm-pagination label,.alarm-pagination>div{align-items:center;gap:8px;display:flex}.alarm-pagination label,.alarm-pagination p,.alarm-pagination strong{color:var(--muted);font-size:9px}.alarm-pagination p{margin:0}.alarm-pagination select,.alarm-pagination button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:7px 9px;font-size:9px}.alarm-pagination button{cursor:pointer;font-weight:800}.alarm-pagination button:disabled{opacity:.4;cursor:not-allowed}@media (width<=650px){.alarm-pagination{flex-direction:column;align-items:stretch}.alarm-pagination>div{justify-content:space-between}}.principal-stops-card{min-width:0}.principal-stop-total{background:var(--soft);border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:13px 15px;display:flex}.principal-stop-total span{white-space:nowrap}.principal-stop-total small,.principal-stop-total strong{display:block}.principal-stop-total small{color:var(--muted);margin-bottom:3px;font-size:8px}.principal-stop-total strong{font-size:25px;display:inline}.principal-stop-total em{color:var(--muted);margin-left:5px;font-size:9px;font-style:normal}.principal-stop-total p{text-align:right;max-width:340px;color:var(--muted);margin:0;font-size:8px;line-height:1.5}.principal-stop-list{flex-direction:column;margin-top:10px;display:flex}.principal-stop-list>div{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) 82px 92px;align-items:center;gap:10px;padding:10px 6px;display:grid}.principal-stop-list>div:last-child{border-bottom:0}.principal-stop-list i{background:var(--soft);border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-style:normal;font-weight:800;display:grid}.principal-stop-list span,.principal-stop-list span b,.principal-stop-list span small,.principal-stop-list>div>strong,.principal-stop-list>div>strong small{min-width:0;display:block}.principal-stop-list span b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.principal-stop-list span small,.principal-stop-list>div>strong small{color:var(--muted);margin-top:3px;font-size:7px;font-weight:500}.principal-stop-list>div>strong{text-align:right;font-size:12px}@media (width<=650px){.principal-stop-total{flex-direction:column;align-items:flex-start}.principal-stop-total p{text-align:left}.principal-stop-list>div{grid-template-columns:28px minmax(0,1fr) 72px}.principal-stop-list>div>strong:last-child{text-align:left;grid-column:2/-1}}.alarm-bit-card{margin-bottom:14px}.alarm-bit-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 10px;display:flex}.alarm-bit-toolbar>input{border:1px solid var(--line);border-radius:7px;flex:1;min-width:240px;padding:9px 11px;font-size:9px}.alarm-bit-toolbar label{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.alarm-bit-toolbar button{border:1px solid var(--line);color:var(--blue);cursor:pointer;background:#fff;border-radius:7px;padding:9px 11px;font-size:9px;font-weight:800}.alarm-bit-toolbar time{color:var(--muted);margin-left:auto;font-size:8px}.alarm-bit-table{border:1px solid var(--line);border-radius:8px;max-height:420px;overflow:auto}.alarm-bit-head,.alarm-bit-row{grid-template-columns:130px 48px 85px minmax(260px,1fr) 170px;align-items:center;gap:10px;min-width:760px;padding:9px 12px;display:grid}.alarm-bit-head{z-index:1;background:var(--navy);color:#cbd2df;text-transform:uppercase;font-size:8px;font-weight:800;position:sticky;top:0}.alarm-bit-row{border-bottom:1px solid var(--line);font-size:9px}.alarm-bit-row:last-child{border-bottom:0}.alarm-bit-row code{color:var(--blue);font-weight:700}.alarm-bit-row>strong{font:900 14px monospace}.alarm-bit-row .bit-one{color:var(--red)}.alarm-bit-row .bit-zero{color:var(--green)}.alarm-bit-row .bit-unknown{color:var(--muted)}.alarm-bit-row>span{align-items:center;gap:6px;display:flex}.alarm-bit-row>span i{border-radius:50%;width:7px;height:7px}.alarm-bit-row>span i.active{background:var(--red)}.alarm-bit-row>span i.cleared{background:var(--green)}.alarm-bit-row>span i.unknown{background:#aab1bd}.alarm-bit-row>b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alarm-bit-row>small{color:var(--muted)}@media (width<=650px){.alarm-bit-toolbar{flex-direction:column;align-items:stretch}.alarm-bit-toolbar time{margin-left:0}.alarm-bit-table{max-height:360px}}.network-settings-card{margin-top:16px}.network-interface-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.network-interface-strip>span{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:11px}.network-interface-strip small,.network-interface-strip b,.network-interface-strip em{display:block}.network-interface-strip small{color:var(--muted);font-size:8px}.network-interface-strip b{margin:4px 0;font:800 12px monospace}.network-interface-strip em{color:var(--blue);font-size:8px;font-style:normal}.network-config-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.network-config-grid>section{border:1px solid var(--line);border-radius:9px;padding:14px}.network-config-grid header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.network-config-grid header b,.network-config-grid header small{display:block}.network-config-grid header b{font-size:11px}.network-config-grid header small{color:var(--muted);margin-top:4px;font-size:8px}.network-config-grid section>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.network-config-grid label{color:var(--muted);flex-direction:column;gap:5px;font-size:8px;font-weight:700;display:flex}.network-config-grid input{border:1px solid var(--line);width:100%;color:var(--ink);border-radius:6px;padding:9px;font-size:10px}.network-config-grid .network-password{grid-column:1/-1}.network-safety{border-left:3px solid var(--blue);background:#eef2ff;align-items:center;gap:18px;margin-top:14px;padding:12px;display:flex}.network-safety>span{flex:1}.network-safety b,.network-safety small{display:block}.network-safety b{font-size:9px}.network-safety small{color:var(--muted);margin-top:3px;font-size:8px}.network-safety button{white-space:nowrap}@media (width<=750px){.network-interface-strip,.network-config-grid{grid-template-columns:1fr}.network-safety{flex-direction:column;align-items:stretch}.network-safety button{width:100%}}.line-version{vertical-align:middle;background:#2a4db7;border-radius:4px;margin-left:6px;padding:1px 5px;font-weight:800;color:#fff!important;font-size:9px!important;display:inline-block!important}.line-topbar{position:relative}.machine-context{color:var(--muted);border-bottom:1px solid var(--line);background:#fff;padding:9px 32px;font-size:10px;font-weight:700}.line-machines{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.line-machine{min-width:0;padding:20px}.machine-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.machine-title small{color:var(--muted);font-size:10px}.machine-title h2{margin:5px 0 0;font-size:22px}.machine-state{background:var(--soft);color:var(--muted);border:1px solid var(--line);border-radius:16px;padding:6px 9px;font-size:9px;font-weight:700}.running .machine-state{color:var(--green);background:#effaf5}.machine-flow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.machine-flow section{border:1px solid var(--line);background:#fff;border-left:4px solid #3b82f6;border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px #16213b08}.machine-flow section+section{border-left-color:#10b981}.machine-flow small{color:var(--muted);font-size:9px;font-weight:700}.machine-flow h3{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;min-height:30px;margin:8px 0 18px;font-size:11px;font-weight:800}.machine-flow section+section h3{color:#059669}.machine-flow strong{color:#1d4ed8;font-size:30px;font-weight:900;line-height:1.1}.machine-flow section+section strong{color:#047857}.machine-flow em{color:var(--muted);font-size:12px;font-style:normal;font-weight:700}.machine-flow p{border-top:1px dashed var(--line);color:var(--muted);margin:16px 0 0;padding-top:12px;font-size:11px;line-height:1.5}.machine-times{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.machine-times>div{border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:12px}.machine-times span{color:var(--muted);margin-bottom:7px;font-size:9px;display:block}.machine-times b{font-size:15px}.machine-footnote{color:var(--muted);margin:14px 0;font-size:10px;line-height:1.5}.machine-actions{gap:8px;display:flex}.line-note{color:var(--muted);margin-top:18px;padding:18px 20px;font-size:11px;line-height:1.6}.line-note b{color:var(--ink)}.line-note p{margin:6px 0 0}.vdl-panel .card{margin-top:18px;padding:18px 20px}.vdl-flow{margin:20px 0}.vdl-flow strong{font-size:36px}.vdl-stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.vdl-stat-grid span{color:var(--muted);font-size:11px;font-weight:700}.vdl-stat-grid h2{margin:12px 0 0;font-size:26px}.vdl-period{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.vdl-period label{color:var(--muted);gap:6px;font-size:11px;display:grid}.vdl-period input,.vdl-period button,.vdl-panel select{border:1px solid var(--line);border-radius:7px;padding:9px 11px;font-size:11px}.vdl-chart-axis{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.vdl-state-table{border-collapse:collapse;width:100%;font-size:11px}.vdl-state-table th,.vdl-state-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px}.vdl-state-table tr:nth-child(6){background:#effaf5}.line-quick-view-page{max-width:1500px;margin:auto;padding:24px 38px 48px}.line-quick-view-page .vdl-panel{max-width:100%;padding-left:0;padding-right:0}.line-view-pills{gap:6px;display:flex}.line-view-pills button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:7px;padding:8px 12px;font-size:10px;font-weight:700}.line-view-pills button.primary{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}.unified-bagger-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:28px;padding:24px 28px;box-shadow:0 2px 8px #16213b06}.unified-bagger-card .app-shell{min-height:auto}.unified-bagger-card .page{max-width:100%;padding:16px 0 0}.unified-bagger-card footer{display:none}.unified-bagger-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.unified-bagger-badge{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;align-items:center;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.bagger-a-tag{color:#2563eb;background:#eef2ff;border:1px solid #bfdbfe}.bagger-b-tag{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.bagger-menu-group{flex-wrap:wrap;gap:6px;display:flex}.bagger-menu-group button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .15s}.bagger-menu-group button:hover{background:var(--soft)}.bagger-menu-group button.primary{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}@media (width<=1100px){.line-machine .machine-flow{grid-template-columns:1fr}.line-machine .machine-flow h3{min-height:0}.machine-times{gap:5px}.machine-times>div{padding:8px}.machine-times b{font-size:12px}}@media (width<=760px){.line-machines{grid-template-columns:1fr}.line-topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:76px;padding:16px}.vdl-stat-grid{grid-template-columns:repeat(2,1fr)}.line-quick-view-page{padding:16px 16px 36px}.unified-bagger-card{padding:16px}}