/* Palette overrides for editable themes. Original uses the unchanged style.css. */
.rotation-stage { background:radial-gradient(circle at 90% 0%, var(--accent-soft, #173029) 0, transparent 32rem), var(--bg); }
.notice a { color: var(--amber, #ffd07a); }
.connect-form input { background: var(--surface-dark, #0b1117); }
.connect-form button { color: var(--on-accent, #07110d); }
.setup-benefits { color:var(--text-secondary, #b8c4cc); }
.setup-actions button { color:var(--on-accent, #07110d); }
.setup-actions .secondary-button { background:var(--panel, #0e151c); }
.form-error { background: var(--danger-soft, #351817); color: var(--danger, #ffaaa3); }
.connect-status { background: var(--accent-soft, #102d25); color: var(--accent, #82e8c1); }
.status-pill.error { color:var(--danger, #ffaaa3); background:color-mix(in srgb, var(--danger-soft, #351817) 40.00%, transparent); }
#status-dot.live { background:var(--success, var(--accent)); box-shadow:0 0 0 5px color-mix(in srgb, var(--accent, #66e1b2) 10.98%, transparent); }
#status-dot.error { box-shadow:0 0 0 5px color-mix(in srgb, var(--danger, #ff6b70) 10.98%, transparent); }
.history-controls button,.history-controls input { background:var(--panel, #111820); }
.history-controls button:hover:not(:disabled),.history-controls button.active { border-color:var(--accent-line, #2c8067); background:var(--accent-soft, #153129); }
.history-controls .report-button { border-color:var(--accent-line, #397b68); background:var(--accent-soft, #153129); }
.history-controls .report-button:hover { background:var(--accent-soft, #1b3b30); }
.history-controls .run-lists-toggle { border-color:var(--accent-line, #397b68); }
.history-controls .run-lists-toggle[aria-expanded="true"] { background:var(--accent-soft, #1b3b30); }
.run-lists-menu { border:1px solid var(--accent-line, #397b68); background:color-mix(in srgb, var(--panel, #101820) 96.08%, transparent); box-shadow:0 18px 52px #000a,0 0 0 1px color-mix(in srgb, var(--accent, #66e1b2) 7.84%, transparent); }
.run-lists-menu button span { color:var(--text-secondary, #d5e1e4); }
.period-switch,.metric-switch { background:var(--panel, #0e141b); }
.history-controls .period-switch button.active,.history-controls .period-switch select.active,.history-controls .metric-switch button.active { background:var(--accent-soft, #1a3029); box-shadow:inset 0 0 0 1px var(--accent-line, #2c6f5b); }
.dashboard-settings-toggle { border-color:var(--accent-line, #397b68)!important; }
.dashboard-settings-toggle[aria-expanded="true"] { background:var(--accent-soft, #1b3b30)!important; }
.dashboard-settings-menu { border:1px solid var(--accent-line, #397b68); background:color-mix(in srgb, var(--panel, #101820) 96.08%, transparent); box-shadow:0 18px 52px #000a,0 0 0 1px color-mix(in srgb, var(--accent, #66e1b2) 7.84%, transparent); }
.canvas-width-control,.slideshow-interval-control { background:var(--panel, #111820); }
.history-controls .slideshow-start { border-color:var(--accent-line, #397b68); background:var(--accent-soft, #153129); }
.dashboard-pages-manager { background:var(--panel, #0d141b); }
.dashboard-pages-heading > span { background:var(--accent-soft, #1a2a26); }
.slideshow-page-count { color:var(--muted, #7f908f); }
.dashboard-page-row { border:1px solid var(--surface-raised, #1d2932); background:var(--surface-dark, #0b1218); }
.dashboard-page-row input[type="text"] { background:var(--panel, #111820); color:var(--text-secondary, #cbd7db); }
.dashboard-page-row.active input[type="text"] { border-color:var(--accent-line, #397b68); background:var(--accent-soft, #13221e); }
.dashboard-page-slideshow-toggle { color:var(--muted, #7f908f); }
.history-controls .dashboard-page-row .dashboard-page-delete { color:var(--danger, #ff8c91); }
.dashboard-page-navigation button { background:var(--panel, #0f171e); }
.dashboard-page-navigation button:hover:not(:disabled),.dashboard-page-navigation button:focus-visible { border-color:var(--accent-line, #397b68); }
.dashboard-page-navigation .dashboard-page-current { color:var(--text-secondary, #cbd7db); }
.dashboard-page-navigation > span { color:var(--muted, #64727d); }
.history-controls .layout-toggle { border-color:var(--accent-line, #2c6f5b); }
.history-controls .rotation-toggle { border-color:var(--accent-line, #397b68); }
.history-controls .desktop-quit { border-color:var(--danger-line, #7d343a); background:var(--danger-soft, #2b1519); color:var(--danger, #ffaaa3); }
.history-controls .card-manager,.history-controls .sensor-manager { border-color:var(--accent-line, #397b68); }
.card-settings-panel { border:1px solid var(--accent-line, #397b68); background:color-mix(in srgb, var(--panel, #101820) 96.08%, transparent); box-shadow:0 24px 70px #000b,0 0 0 1px color-mix(in srgb, var(--accent, #66e1b2) 10.98%, transparent); }
.card-settings-close { background:var(--panel, #111820); }
.card-settings-controls label { color:var(--text-secondary, #bcc7ce); }
.order-rolls-panel { border:1px solid var(--accent-line, #397b68); background:color-mix(in srgb, var(--panel, #101820) 96.08%, transparent); box-shadow:0 24px 70px #000b,0 0 0 1px color-mix(in srgb, var(--accent, #66e1b2) 10.98%, transparent); }
.order-rolls-close { background:var(--panel, #111820); }
.order-rolls-warning { border:1px solid var(--warning-line, #6f5833); background:var(--warning-soft, #2b2115); color:var(--amber, #e8c98f); }
.order-rolls-summary article { background:var(--panel, #0d141a); }
.order-roll { background:var(--panel, #0d141a); }
.order-roll-values { color:var(--text-secondary, #b9c4cb); }
.roll-duration { color:var(--text, #dbe5e7); }
.order-roll-operator { color:var(--muted, #6f7c87); }
.run-list-overlay { background:color-mix(in srgb, var(--surface-dark, #05090d) 72.16%, transparent); }
.run-list-panel { border:1px solid var(--accent-line, #397b68); background:color-mix(in srgb, var(--panel, #101820) 98.04%, transparent); box-shadow:0 30px 90px #000d,0 0 0 1px color-mix(in srgb, var(--accent, #66e1b2) 10.98%, transparent); }
.run-list-actions button { border:1px solid var(--accent-line, #397b68); background:var(--accent-soft, #12231e); }
.run-list-actions button:hover,.run-list-actions button:focus-visible { outline:2px solid color-mix(in srgb, var(--accent, #66e1b2) 20.00%, transparent); }
.run-list-actions .run-list-close { background:var(--panel, #111820); }
.run-list-error div { border:1px solid var(--danger-line, #744349); background:var(--danger-soft, #281619); }
.run-list-error strong { color:var(--danger, #ff9da0); }
.run-list-error p { color:var(--danger, #d5a9aa); }
.run-list-error button { border:1px solid var(--danger, #9a5c60); background:var(--danger-soft, #351d21); color:var(--danger, #ffb3b5); }
.run-list-summary article { background:var(--panel, #0d141a); }
.run-list-summary strong { color:var(--text, #e0e9eb); }
.run-list-source { color:var(--muted, #71808a); }
.run-list-order,.run-list-information { background:var(--surface-dark, #0c1319); }
.run-list-order-title strong { color:var(--text, #e2eaec); }
.run-list-order-title span { color:var(--muted, #94a2aa); }
.run-list-finished { border:1px solid var(--accent-line, #31594d); background:var(--accent-soft, #10211d); }
.run-list-detail span { color:var(--muted, #65737d); }
.run-list-detail strong { color:var(--text-secondary, #bac6cb); }
.run-list-order.completed { border-color:var(--accent-line, #2a3d39); }
.run-list-information { border-color:var(--warning-line, #765d34); background:var(--warning-soft, #211b12); color:var(--amber, #e6c687); }
.run-list-config-overlay { background:color-mix(in srgb, var(--surface-dark, #05090d) 81.18%, transparent); }
.run-list-config-panel { border:1px solid var(--accent-line, #397b68); background:color-mix(in srgb, var(--panel, #101820) 98.04%, transparent); box-shadow:0 30px 90px #000d,0 0 0 1px color-mix(in srgb, var(--accent, #66e1b2) 10.98%, transparent); }
.run-list-config-head button { background:var(--panel, #111820); }
.run-list-config-head button:hover,.run-list-config-head button:focus-visible { outline:2px solid color-mix(in srgb, var(--accent, #66e1b2) 20.00%, transparent); }
.run-list-config-form > p:first-child { color:var(--muted, #93a2aa); }
.run-list-config-form label > span { color:var(--text, #dbe5e7); }
.run-list-config-form input { border:1px solid var(--line, #34434d); background:var(--surface-dark, #0c1319); }
.run-list-config-form input:focus { outline:2px solid color-mix(in srgb, var(--accent, #66e1b2) 20.00%, transparent); }
.run-list-config-form label small { color:var(--muted, #74838c); }
.run-list-config-message.error { color:var(--danger, #ff9da0); }
.run-list-config-actions button { background:var(--panel, #111820); color:var(--text-secondary, #aebbc1); }
.run-list-config-actions button[type="submit"] { border-color:var(--accent-line, #397b68); background:var(--accent-soft, #153129); }
.run-list-config-actions button:hover,.run-list-config-actions button:focus-visible { outline:2px solid color-mix(in srgb, var(--accent, #66e1b2) 20.00%, transparent); }
.roll-status { border:1px solid var(--line, #3a4650); color:var(--text-secondary, #9ba8b2); }
.roll-status.prima { border-color:var(--accent-line, #31594d); background:var(--accent-soft, #10211d); }
.roll-status.waste { border-color:var(--danger-line, #744349); background:var(--danger-soft, #281619); color:var(--danger, #ff8589); }
.roll-status.investigation { border-color:var(--warning-line, #765d34); background:var(--warning-soft, #2a2114); }
.sensor-card-controls { border:1px solid var(--accent-line, #31584d); background:var(--accent-soft, #0e1b18); }
.sensor-card-controls label { color:var(--text-secondary, #bcc7ce); }
.sensor-card-controls select { background:var(--panel, #111820); }
.sensor-calibration-controls p { color:var(--text-primary, #d8e0e4); }
.sensor-calibration-controls input { border-color:var(--line, #35434d); background:var(--panel, #111820); color:var(--text, #e5eef2); }
.sensor-card-remove { border:1px solid var(--danger-line, #704148); background:var(--danger-soft, #24161a); color:var(--danger, #ff8c91); }
.sensor-catalog-list > div { background:var(--panel, #0d141b); }
.sensor-catalog-list b { color:var(--text-secondary, #d6e1e4); }
.sensor-catalog-list button { border:1px solid var(--accent-line, #397b68); background:var(--accent-soft, #14251f); }
.hidden-cards-head span { background:var(--accent-soft, #1a2a26); }
.hidden-card-list > div { background:var(--panel, #0d141b); color:var(--text-secondary, #c4d0d5); }
.hidden-card-list button { border:1px solid var(--accent-line, #397b68); background:var(--accent-soft, #14251f); }
.history-bootstrap { border:1px solid var(--accent-line, #2b4c42); background:var(--accent-soft, #0f1d1a); }
.history-bootstrap-progress { background:var(--line, #253039); }
.history-bootstrap-actions button { border:1px solid var(--accent-line, #2c6f5b); background:var(--accent-soft, #13271f); }
.history-bootstrap.failed { border-color:var(--warning-line, #74582e); background:var(--warning-soft, #261e11); }
.summary-card, .machine-card, .sensor-card { background:linear-gradient(140deg, var(--surface-raised, #151e27), var(--panel, #10161d)); }
.summary-card.accent { border-color:var(--accent-line, #2c6f5b); background:linear-gradient(140deg,var(--accent-soft, #153129),var(--panel, #111d1d)); }
.number-change-delta { border:1px solid color-mix(in srgb, var(--accent, #66e1b2) 53.33%, transparent); background:color-mix(in srgb, var(--accent-soft, #10231d) 93.33%, transparent); box-shadow:0 8px 28px #0008,0 0 24px color-mix(in srgb, var(--accent, #66e1b2) 26.67%, transparent); }
.number-change-delta.decreasing { border-color:color-mix(in srgb, var(--danger, #ff6b73) 53.33%, transparent); background:color-mix(in srgb, var(--danger-soft, #2b1519) 93.33%, transparent); box-shadow:0 8px 28px #0008,0 0 24px color-mix(in srgb, var(--danger, #ff6b73) 26.67%, transparent); }
.quality-bar { background:var(--surface-raised, #1a232c); }
.quality-segment + .quality-segment { border-left:2px solid var(--panel, #111820); }
.quality-grid article { background:var(--panel, #0e151c); border:1px solid var(--surface-raised, #202b35); }
.quality-name { color:var(--text-secondary, #aeb9c2); }
.width-waste-metric,.width-waste-process { border:1px solid var(--warning-soft, #3d3429); background:linear-gradient(140deg,var(--warning-soft, #201b16),var(--panel, #12171b)); }
.width-waste-metric span,.width-waste-process span { color:var(--text-secondary, #aeb9c2); }
.performance-trend.ahead { border-color:var(--accent-line, #2c6f5b); background:var(--accent-soft, #10271f); }
.performance-trend.behind { border-color:var(--warning-line, #74582e); background:var(--warning-soft, #261e11); }
.performance-stats small { color:var(--muted, #697681); }
.product-ranking-controls select { background:var(--panel, #111a21); }
.product-ranking-controls select:focus-visible { outline:2px solid color-mix(in srgb, var(--accent, #66e1b2) 20.00%, transparent); }
.product-ranking-content { background:var(--panel, #0d141a); }
.product-ranking-content thead { background:var(--surface-raised, #152129); }
.product-ranking-content th,.product-ranking-content td { border-bottom:1px solid var(--surface-raised, #202b34); }
.product-ranking-content thead th { color:var(--muted, #81909a); }
.product-ranking-content tbody td { color:var(--text-secondary, #acb9c1); }
.panel { background:linear-gradient(145deg,var(--panel, #131b24),var(--panel, #0f151c)); }
.chart-legend b { color:var(--text-secondary, #b9c4cd); }
.chart-legend small { color:var(--muted, #7d8993); }
.chart-legend small em { color:var(--muted, #92a0ab); }
.chart-grid { stroke:var(--line, #26323d); }
.axis-y,.axis-x { fill:var(--muted, #66737e); }
.chart-point { stroke:var(--panel, #10161d); }
.normal-line { stroke:var(--text-secondary, #a4afb8); }
.chart-legend .normal-legend > i { background:repeating-linear-gradient(90deg,var(--text-secondary, #a4afb8) 0 5px,transparent 5px 9px); }
.chart-legend .normal-legend small { color:var(--muted, #7d8993); }
.now-line { stroke:var(--muted, #768492); }
.live-badge { border:1px solid var(--accent-line, #2c6f5b); }
.live-badge i,.pulse-dot { box-shadow:0 0 0 0 color-mix(in srgb, var(--accent, #66e1b2) 43.92%, transparent); }
@keyframes pulse { 70% { box-shadow:0 0 0 8px color-mix(in srgb, var(--accent, #66e1b2) 0.00%, transparent); } 100% { box-shadow:0 0 0 0 color-mix(in srgb, var(--accent, #66e1b2) 0.00%, transparent); } }
.shift-ring { background:conic-gradient(var(--accent) var(--progress),var(--surface-raised, #202b34) 0); }
.shift-ring>div { background:var(--panel, #111820); }
.history-shift { background:var(--panel, #0e151c); }
.bar-track { background:var(--surface-raised, #19222b); }
.bar-stack i + i { border-bottom:1px solid color-mix(in srgb, var(--surface-dark, #0b0f14) 40.00%, transparent); }
.bar-column.current .bar-track { outline:1px solid color-mix(in srgb, var(--accent, #66e1b2) 37.65%, transparent); box-shadow:0 0 16px color-mix(in srgb, var(--accent, #66e1b2) 9.41%, transparent); }
.bar-value { color:var(--text-secondary, #aeb9c2); }
.bar-label { color:var(--muted, #66737e); }
.feed-item { border-bottom:1px solid var(--surface-raised, #202a34); }
.feed-item .feed-order { color:var(--text-secondary, #aeb9c2); }
.feed-item .feed-order.missing { color:var(--muted, #65727d); }
.feed-item time { color:var(--muted, #6f7c87); }
.machine-card.is-active { border-color:var(--accent-line, #2c5047); }
.machine-active-order { border:1px solid var(--line, #293640); background:color-mix(in srgb, var(--panel, #0d141a) 60.00%, transparent); }
.machine-active-order span { color:var(--muted, #65727d); }
.machine-active-order strong { color:var(--muted, #72808b); }
.machine-active-order.has-order { border-color:var(--accent-line, #31594d); background:var(--accent-soft, #10211d); }
.machine-active-order.has-order span { color:var(--accent, #72a997); }
button.machine-active-order:hover { background:var(--accent-soft, #173128); }
button.machine-active-order:focus-visible { outline:2px solid color-mix(in srgb, var(--accent, #66e1b2) 23.92%, transparent); }
.machine-state { background:var(--machine-color,var(--muted, #53606b)); }
.machine-square-meters { color:var(--text-secondary, #aeb9c2); }
.sensor-card.is-live { border-color:var(--accent-line, #2c5047); }
.sensor-card.is-history { border-color:var(--line, #35556d); }
.sensor-card.is-stale { border-color:var(--warning-line, #6b5634); }
.sensor-card.is-error { border-color:var(--danger-line, #67363a); }
.sensor-card.is-empty { border-color:var(--line, #3b4650); }
.sensor-card.is-unconfigured { border-color:var(--line, #3b4650); background:linear-gradient(140deg,var(--panel, #151b22),var(--panel, #10151b)); }
.sensor-card .machine-state { --machine-color:var(--success, #66e1b2); }
.sensor-card.is-history .machine-state { --machine-color:var(--chart-2, #72b7e8); }
.sensor-card.is-stale .machine-state { --machine-color:var(--amber, #ffc46b); }
.sensor-card.is-error .machine-state { --machine-color:var(--danger, #ff6b70); }
.sensor-card.is-unconfigured .machine-state { --machine-color:var(--muted, #71808b); }
.dashboard-grid .grid-stack-item .sensor-metric .sensor-change { border:1px solid color-mix(in srgb, var(--accent, #66e1b2) 53.33%, transparent); background:color-mix(in srgb, var(--accent-soft, #10231d) 93.33%, transparent); box-shadow:0 8px 28px #0008,0 0 24px color-mix(in srgb, var(--accent, #66e1b2) 26.67%, transparent); }
.dashboard-grid .grid-stack-item .sensor-metric .sensor-change.decreasing { border-color:color-mix(in srgb, var(--danger, #ff6b73) 53.33%, transparent); background:color-mix(in srgb, var(--danger-soft, #2b1519) 93.33%, transparent); box-shadow:0 8px 28px #0008,0 0 24px color-mix(in srgb, var(--danger, #ff6b73) 26.67%, transparent); }
.dashboard-grid .grid-stack-item .sensor-metric .sensor-change.steady { border-color:var(--line, #3b4650); background:color-mix(in srgb, var(--panel, #151c23) 80.00%, transparent); color:var(--muted, #87949e); }
.sensor-chart polyline { stroke:var(--accent, #66e1b2); }
.sensor-chart line { stroke:var(--line, #263540); }
.machine-shift-column.current { border-top:1px solid var(--line, #34414d); }
.machine-shift-head small { color:var(--muted, #65727e); }
.machine-shift-secondary { color:var(--text-secondary, #aeb9c2); }
.shift-rolls i { color:var(--muted, #56636f); }
.notice { border:1px solid var(--warning-line, #5e492a); background:var(--warning-soft, #211b10); }
.notice button { border:1px solid var(--warning-line, #896b36); background:var(--warning-soft, #30230f); color:var(--amber, #ffd07a); }
footer { color:var(--muted, #68737e); }
.report-overlay { background:color-mix(in srgb, var(--surface-dark, #05080c) 85.10%, transparent); }
.report-dialog { border:1px solid var(--accent-line, #397b68); background:linear-gradient(145deg,var(--panel, #131e26),var(--panel, #0d141b)); box-shadow:0 28px 100px #000d,0 0 0 1px color-mix(in srgb, var(--accent, #66e1b2) 10.98%, transparent); }
.report-head { background:linear-gradient(120deg,var(--accent-soft, #16372d),var(--surface-raised, #12232a)); }
.report-period { color:var(--text-secondary, #b9c8cd); }
.report-pdf-button { border:1px solid var(--accent, #9ddbc5); background:var(--accent, #f5fbf8); color:var(--on-accent, #123c30); }
.report-pdf-button:hover,.report-pdf-button:focus-visible { border-color:var(--text, #fff); background:var(--text, #fff); outline:2px solid color-mix(in srgb, var(--accent, #66e1b2) 26.67%, transparent); }
.report-close { border:1px solid var(--accent-line, #4c7568); background:color-mix(in srgb, var(--accent-soft, #10231f) 60.00%, transparent); }
.report-close:hover,.report-close:focus-visible { outline:2px solid color-mix(in srgb, var(--accent, #66e1b2) 20.00%, transparent); }
.report-warning { border:1px solid var(--warning-line, #74582e); background:var(--warning-soft, #261e11); color:var(--amber, #ffd07a); }
.report-warning span { color:var(--amber, #c9a86c); }
.report-kpis article { background:var(--panel, #0e171e); }
.report-kpis small,.report-quality-card small,.report-muted { color:var(--muted, #71808b); }
.report-quality-card { background:var(--panel, #0e151c); }
.report-quality-card.waste { border-color:var(--danger-line, #7b3941); background:var(--danger-soft, #24151a); }
.report-quality-card.investigation { border-color:var(--warning-line, #76602f); background:var(--warning-soft, #251f13); }
.report-process-label span { color:var(--muted, #71808b); }
.report-process-card { background:linear-gradient(135deg,var(--panel, #101c23),var(--panel, #0c151b)); }
.report-process-card > span { color:var(--text-secondary, #c8d5d9); }
.report-process-card small { color:var(--muted, #829099); }
.report-order { background:var(--panel, #0e151c); }
.report-status { border:1px solid var(--line, #3b4a53); color:var(--text-secondary, #b8c4ca); }
.report-machine-cell { border-top:1px solid var(--line, #2a3741); background:var(--panel, #101920); }
.report-machine-quantity { color:var(--text, #d9e5e8); }
.report-speed-grid small { color:var(--muted, #71808b); }
.report-speed-grid b { color:var(--text, #d9e5e8); }
.widget-drag-handle { border:1px solid var(--accent-line, #4d665e); background:var(--accent-soft, #15231f); }
.layout-editing .dashboard-grid { background-image:radial-gradient(circle,var(--accent-line, #30433d) 1px,transparent 1px); box-shadow:0 0 0 12px color-mix(in srgb, var(--accent, #66e1b2) 3.14%, transparent); }
.layout-editing .dashboard-grid > .grid-stack-item > .grid-stack-item-content { outline:1px dashed color-mix(in srgb, var(--accent, #66e1b2) 50.20%, transparent); }
.widget-actions button { border:1px solid var(--accent-line, #3a6659); background:color-mix(in srgb, var(--accent-soft, #10231f) 93.33%, transparent); }
.widget-actions .widget-hide-button { border-color:var(--warning-line, #6f5833); }
.widget-actions button:hover,.widget-actions button:focus-visible { background:var(--accent-soft, #18362d); outline:2px solid color-mix(in srgb, var(--accent, #66e1b2) 20.00%, transparent); }
.grid-stack-placeholder > .placeholder-content { background:color-mix(in srgb, var(--accent, #66e1b2) 9.41%, transparent); }
.presentation-controls { border:1px solid var(--accent-line, #397b68); background:color-mix(in srgb, var(--panel, #0d151c) 94.90%, transparent); }
.presentation-controls button { background:var(--panel, #111b22); color:var(--text-secondary, #bdc9ce); }
.presentation-controls button:hover,.presentation-controls button:focus-visible { border-color:var(--accent-line, #397b68); }
.presentation-progress { background:var(--line, #26323a); }