:root,[data-theme=dark]{--bg-page:#12181b;--bg-surface:#1c2227;--bg-surface-hover:#252c33;--bg-header:#171d21;--border:#2d363f;--border-soft:#232a31;--text:#fff;--text-muted:#94a3b8;--text-label:#7c8a98;--accent:#149184;--accent-bright:#18a596;--accent-soft:#14918424;--accent-glow:#14918459;--danger:#e67e22;--danger-soft:#e67e2226;--danger-text:#f0b489;--color-quantity:#149184;--color-good:#4ade80;--color-repaired:#fbbf24;--color-washed:#7dd3fc;--color-clean:#38bdf8;--color-run-through:#2dd4bf;--color-rejected:#f87171;--color-online:#4ade80;--color-compare:#60a5fa;--color-compare-strong:#93c5fd;--color-compare-soft:#3b82f63d;--color-compare-border:#3b82f6;--tree-body-bg:#0000001f;--icon-customer-bg:#a78bfa24;--icon-customer-color:#c4b5fd;--icon-plant-bg:#3b82f61f;--icon-plant-color:#7cb4ff;--icon-machine-bg:#94a3b81a;--icon-machine-online-bg:#4ade8024;--icon-machine-offline-bg:#7c8a981f;--chart-text:#94a3b8;--chart-grid:#334155;--chart-border:#2d363f;--input-icon-filter:invert(.85);--radius:10px;--radius-sm:8px;--shadow:0 8px 24px #00000040;--font-weight-medium:500;--font-weight-semibold:600}[data-theme=light]{--bg-page:#eef1f4;--bg-surface:#fff;--bg-surface-hover:#f3f6f9;--bg-header:#fff;--border:#d5dde6;--border-soft:#e5ebf2;--text:#1e293b;--text-muted:#64748b;--text-label:#94a3b8;--accent:#149184;--accent-bright:#0f766e;--accent-soft:#1491841a;--accent-glow:#14918438;--danger:#c2410c;--danger-soft:#c2410c1a;--danger-text:#c2410c;--color-quantity:#0f766e;--color-good:#16a34a;--color-repaired:#d97706;--color-washed:#38bdf8;--color-clean:#0ea5e9;--color-run-through:#0d9488;--color-rejected:#dc2626;--color-online:#16a34a;--color-compare:#2563eb;--color-compare-strong:#1d4ed8;--color-compare-soft:#2563eb29;--color-compare-border:#2563eb;--tree-body-bg:#0f172a08;--icon-customer-bg:#7c3aed1a;--icon-customer-color:#7c3aed;--icon-plant-bg:#3b82f61a;--icon-plant-color:#2563eb;--icon-machine-bg:#64748b1a;--icon-machine-online-bg:#16a34a1f;--icon-machine-offline-bg:#94a3b824;--chart-text:#64748b;--chart-grid:#e2e8f0;--chart-border:#cbd5e1;--input-icon-filter:none;--shadow:0 8px 24px #0f172a14}:root{color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg-page);margin:0}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:20;background:var(--bg-header);border-bottom:1px solid var(--border-soft);position:sticky;top:0}.app-header__bar{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:72rem;margin:0 auto;padding:.85rem 1rem;display:flex}.brand{align-items:center;display:flex}.brand__logo{width:auto;height:2rem;display:block}.app-header__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.app-header__refresh{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);width:2.35rem;height:2.35rem;color:var(--text-muted);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-header__refresh:hover:not(:disabled),.app-header__refresh:focus-visible:not(:disabled){border-color:var(--accent);color:var(--text);outline:none}.app-header__refresh:disabled{opacity:.65;cursor:wait}.app-header__refresh--spinning svg{animation:.85s linear infinite app-header-refresh-spin}@keyframes app-header-refresh-spin{to{transform:rotate(-360deg)}}.app-header__search{flex:auto;min-width:12rem;max-width:28rem}.app-header__search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);width:100%;min-height:2.35rem;color:var(--text);font:inherit;padding:.45rem .75rem;font-size:.88rem}.app-header__search-input:focus-visible{outline:2px solid var(--accent-glow);outline-offset:1px;border-color:var(--accent)}.app-header__search-input::-webkit-search-cancel-button{cursor:pointer}.app-header__action{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);height:2.35rem;color:var(--text);font:inherit;font-size:.82rem;font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;align-items:center;padding:0 .75rem;display:inline-flex}.app-header__action:hover,.app-header__action:focus-visible{background:var(--bg-surface-hover);outline:none}.user-menu{position:relative}.user-menu__trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);width:2.35rem;height:2.35rem;color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.user-menu__trigger:hover,.user-menu__trigger:focus-visible{border-color:var(--accent);outline:none}.user-menu__trigger-icon{color:var(--text-muted);font-size:1rem;line-height:1}.user-menu__panel{z-index:30;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);min-width:11rem;box-shadow:var(--shadow);padding:.55rem;position:absolute;top:calc(100% + .45rem);right:0}.user-menu__section{padding:.25rem .35rem .45rem}.user-menu__label{font-size:.68rem;font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem;display:block}.user-menu__options{flex-direction:column;gap:.25rem;display:flex}.user-menu__option{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:.45rem .55rem;font-size:.88rem}.user-menu__option:hover{background:var(--bg-surface-hover);color:var(--text)}.user-menu__option--active{background:var(--accent-soft);color:var(--text);font-weight:var(--font-weight-medium)}.user-menu__divider{background:var(--border-soft);height:1px;margin:.35rem 0}.user-menu__logout{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:.5rem .55rem;font-size:.88rem;display:block}.user-menu__logout:hover{background:var(--danger-soft);color:var(--danger-text)}.main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:1rem 1rem 2rem}.app-shell--wide .app-header__bar,.app-shell--wide .main{max-width:96rem}.app-shell--compare .app-header__bar,.app-shell--compare .main{max-width:none}.app-workspace__sidebar{min-width:0}.app-workspace--split{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.app-workspace--split .app-workspace__sidebar{max-height:calc(100vh - 5.5rem);position:sticky;top:4.5rem;overflow:auto}.app-workspace__detail{flex-direction:column;min-width:0;display:flex}.app-workspace__detail-panels{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;min-width:0;display:grid}.app-workspace__detail-panels--compare{grid-template-columns:repeat(2,minmax(0,1fr))}.app-workspace__detail-panels--split-view{grid-template-columns:repeat(var(--detail-panel-columns,2), minmax(0, 1fr))}.machine-evaluation--evaluation{border-left:3px solid var(--accent);padding-left:1rem}.machine-evaluation--evaluation .page-header__kicker{color:var(--accent);font-weight:var(--font-weight-semibold);letter-spacing:.06em}.page-header__close--evaluation{border-color:var(--accent);color:var(--accent)}.page-header__close--evaluation:hover,.page-header__close--evaluation:focus-visible{background:var(--accent-soft);color:var(--accent-bright)}.page-header__close--evaluation:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px}.page-header__close--compare{border-color:var(--color-compare-border);color:var(--color-compare-strong)}.page-header__close--compare:hover,.page-header__close--compare:focus-visible{background:var(--color-compare-soft);color:var(--color-compare-strong)}.page-header__close--compare:focus-visible{outline:2px solid var(--color-compare-border);outline-offset:2px}.panel__head-actions{flex-wrap:wrap;gap:.35rem;display:inline-flex}.panel__head-actions--reserve{visibility:hidden;pointer-events:none}.panel__head-actions--reserve.is-active{visibility:visible;pointer-events:auto}.panel__head-actions .panel__head-action:disabled{cursor:default}.panel__head-actions .panel__head-action{align-items:center;gap:.35rem;display:inline-flex}.panel__head-actions .panel__head-action--icon-only{justify-content:center;gap:0;padding:.28rem}.panel__head-action--evaluate{border-color:var(--accent);color:var(--accent);align-items:center;gap:.35rem;display:inline-flex}.panel__head-action-icon{flex-shrink:0}.panel__head-action--evaluate:hover,.panel__head-action--evaluate:focus-visible{background:var(--accent-soft);color:var(--accent-bright)}.panel__head-action--evaluate:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px}.machine-evaluation--reference{border-left:3px solid var(--color-compare-border);padding-left:1rem}.machine-evaluation--reference .page-header__kicker{color:var(--color-compare-strong);font-weight:var(--font-weight-semibold);letter-spacing:.06em}.app-workspace--split .data-table__meta,.app-workspace--split .data-table--machines th.data-table__meta,.app-workspace--split .data-table--machines .data-table__meta{display:none}.machine-select--selected .list-item,.machine-select--selected:focus-visible .list-item{background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent);outline:1px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:-1px}.machine-select--selected .list-item__title{font-weight:var(--font-weight-semibold);color:var(--text)}.machine-select--compare .list-item,.machine-select--compare:focus-visible .list-item{background:var(--color-compare-soft);box-shadow:inset 4px 0 0 var(--color-compare-border);outline:1px solid color-mix(in srgb, var(--color-compare-border) 45%, transparent);outline-offset:-1px}.machine-select--compare.machine-select--selected .list-item,.machine-select--compare.machine-select--selected:focus-visible .list-item{background:var(--color-compare-soft);box-shadow:inset 4px 0 0 var(--color-compare-border)}.list-item__kicker--compare{color:var(--color-compare-strong);font-weight:var(--font-weight-semibold);letter-spacing:.06em;margin-top:.12rem}.machine-select--offline .list-item__kicker--compare{color:var(--color-compare)}.plant-machine-list__item--compare .machine-action-btn-group,.plant-machine-list__item--status-compare .machine-action-btn-group{opacity:1;pointer-events:auto}.machine-select--offline .list-item,.machine-select--offline .list-item__title,.machine-select--offline .list-item__subtitle,.machine-select--offline .list-item__kicker{color:var(--text-muted)}.machine-select--offline .list-item__meta{opacity:.55}.machine-search-table__row--selected td,.machine-search-table__row--selected:hover td{background:var(--bg-surface-selected,var(--bg-surface-hover))}.page-view[hidden]{display:none}.page-header{margin-bottom:1.25rem}.page-header--grid,.page-header--compare{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:1rem;display:grid}.page-header__lead{min-width:0}.page-header__lead .page-header__breadcrumbs{margin-bottom:.2rem}.page-header__aside{flex-direction:row;flex-shrink:0;align-items:flex-start;gap:.75rem;display:flex}.page-header__close{border:1px solid var(--border);background:var(--surface-elevated,#fff);color:var(--text-secondary,var(--text-muted));font:inherit;letter-spacing:.02em;cursor:pointer;white-space:nowrap;border-radius:.35rem;flex-shrink:0;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.page-header__close-icon{flex-shrink:0}.page-header__kicker,.panel__kicker,.list-item__kicker{font-size:.68rem;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);display:block}.page-header__breadcrumbs{flex-wrap:wrap;align-items:center;gap:.45rem .75rem;margin-bottom:.2rem;display:flex}.page-header__breadcrumb-sep{color:var(--text-label);-webkit-user-select:none;user-select:none;font-size:.82rem;line-height:1}.page-header__breadcrumb-link{font-size:.72rem;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);text-underline-offset:.16em;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.page-header__breadcrumb-link:hover,.page-header__breadcrumb-link:focus-visible{color:var(--accent-bright)}.page-header__breadcrumb-link:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px}.page-header h1{font-size:1.55rem;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:.15rem 0 0}.page-header__meta{color:var(--text-muted);text-align:right;flex-direction:column;align-items:flex-end;gap:.2rem;margin:0;padding-top:0;font-size:.88rem;display:flex}.page-header__meta-item:first-child{font-size:.72rem;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-label)}.page-header__meta-item{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.page-header__meta-item--status{margin-top:.05rem}.page-header__meta-label{font-size:.72rem;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-label)}.page-header__meta-status{flex:none;justify-content:flex-end;width:auto;font-size:.82rem}.time-range{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg-surface);margin-bottom:1.25rem;padding:1rem}.time-range__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.time-range__header-meta{align-items:center;gap:.45rem;display:flex}.time-range__duration{background:var(--bg-page);border:1px solid var(--border-soft);color:var(--text);font-size:.75rem;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;border-radius:999px;padding:.15rem .45rem}.time-range__label{font-size:.68rem;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.time-range__tz{background:var(--accent-soft);color:var(--accent-bright);font-size:.68rem;font-weight:var(--font-weight-medium);letter-spacing:.06em;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .45rem;display:inline-flex}.time-range__tz-icon{flex-shrink:0}.time-range__presets{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.time-range__preset{border:1px solid var(--border);background:var(--bg-page);color:var(--text-muted);font:inherit;font-size:.78rem;font-weight:var(--font-weight-medium);cursor:pointer;border-radius:999px;padding:.35rem .65rem}.time-range__preset:hover{border-color:var(--accent);color:var(--text)}.time-range__fields{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.time-range__field{flex:12rem;min-width:0}.time-range__field-label{font-size:.72rem;font-weight:var(--font-weight-medium);color:var(--text-muted);margin-bottom:.4rem;display:block}.time-range__inputs{gap:.45rem;display:flex}.time-range__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);min-height:2.35rem;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;padding:.45rem .6rem;font-size:.88rem}.time-range__input--date{flex:9rem}.time-range__input--time{flex:0 0 6.5rem}.time-range__input:focus-visible{outline:2px solid var(--accent-glow);outline-offset:1px;border-color:var(--accent)}.time-range__input::-webkit-calendar-picker-indicator{filter:var(--input-icon-filter);cursor:pointer}.time-range__arrow{color:var(--text-label);flex:none;align-self:center;font-size:1.1rem;line-height:1}.time-range__summary{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.35rem;margin-top:.85rem;font-size:.82rem;display:flex}.time-range__summary-sep{color:var(--text-label)}.time-range__error{color:var(--danger);margin:.85rem 0 0;font-size:.82rem}.time-range--header-inline{background:0 0;border:none;margin:0;padding:0}.time-range--header-inline .time-range__fields{flex-wrap:nowrap;align-items:center;gap:.35rem;display:flex}.time-range__shift{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);width:2.35rem;height:2.35rem;color:var(--text-muted);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.time-range__shift:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.time-range__shift:focus-visible{outline:2px solid var(--accent-glow);outline-offset:1px;border-color:var(--accent)}.time-range__shift:disabled{opacity:.35;cursor:not-allowed}.time-range--header-inline .time-range__field--inline{gap:0}.time-range--header-inline .time-range__inputs{gap:.25rem;display:flex}.time-range--header-inline .time-range__input{min-height:2.35rem;padding:.35rem .5rem;font-size:.82rem}.time-range--header-inline .time-range__input--date{width:calc(8.5rem - 20px)}.time-range--header-inline .time-range__input--time{max-width:5.25rem}.time-range--header-inline .time-range__arrow{color:var(--text-muted);margin:0;padding:0 .1rem;font-size:.85rem}.time-range__mode{align-items:center;display:flex}.time-range--header-inline .time-range__mode-select{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);min-width:5.5rem;height:2.35rem;min-height:2.35rem;color:var(--text);font:inherit;font-size:.78rem;font-weight:var(--font-weight-medium);padding:0 .55rem}.time-range__mode-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);min-width:5.5rem;color:var(--text);font:inherit;font-size:.78rem;font-weight:var(--font-weight-medium);padding:.35rem .55rem}.time-range__mode-select:focus-visible,.time-range--header-inline .time-range__mode-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.time-range--header-inline .time-range__tz{box-sizing:border-box;white-space:nowrap;align-items:center;height:2.35rem;padding:0 .55rem;display:inline-flex}.time-range__presets-menu{flex:none;position:relative}.time-range__presets-panel{z-index:30;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);min-width:10rem;box-shadow:var(--shadow);padding:.35rem;position:absolute;top:calc(100% + .35rem);left:0}.time-range__presets-option{border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;font-size:.78rem;font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;background:0 0;border:none;padding:.45rem .55rem;display:block}.time-range__presets-option:hover,.time-range__presets-option:focus-visible{background:var(--bg-surface-hover);color:var(--accent);outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid{gap:.85rem;display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr))}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);padding:1rem 1.1rem}.panel p{color:var(--text-muted);margin:.35rem 0 0;font-size:.92rem}.panel--placeholder{min-height:7rem}.panel--error{background:var(--danger-soft);border-color:#e67e2273}.panel--error p{color:var(--danger-text)}.panel--tree{padding:0;overflow:hidden}.panel__head{justify-content:space-between;align-items:center;gap:.75rem;min-height:1.25rem;margin-bottom:.85rem;display:flex;position:relative}.panel__head .panel__kicker{margin-bottom:0}.panel__head:has(>.panel__status) .panel__kicker{padding-right:5.75rem}.panel__status{color:var(--text-label);white-space:nowrap;font-size:.78rem}.panel__head>.panel__status{pointer-events:none;visibility:hidden;position:absolute;top:0;right:0}.panel__head>.panel__status.is-active{visibility:visible}.panel__status--live{color:var(--accent,#16a34a);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.panel__status--live-dot-slot{flex-shrink:0;justify-content:center;align-items:center;width:.45rem;height:.45rem;display:inline-flex;transform:translateY(-1px)}.panel__status--live-dot{background:var(--color-online,#16a34a);opacity:0;border-radius:999px;width:.45rem;height:.45rem;animation:.1s ease-out forwards panel__status-live-dot-fade-in,.4s ease-out 1s forwards panel__status-live-dot-fade-out;display:block}@keyframes panel__status-live-dot-fade-in{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes panel__status-live-dot-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.75)}}.panel__head-meta .panel__status--live,.machine-status-compare__row-label .panel__status--live{visibility:visible}.panel__head-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.panel__head-action{border:1px solid var(--border-subtle,#cbd5e1);background:var(--surface-elevated,#fff);color:var(--text-secondary,#475569);font:inherit;letter-spacing:.02em;cursor:pointer;border-radius:.35rem;width:auto;padding:.28rem .55rem;font-size:.72rem;font-weight:600}.panel__head-action:hover{border-color:var(--accent,#2563eb);color:var(--accent,#2563eb)}.view-toggle{border:1px solid var(--border-subtle,#cbd5e1);background:var(--surface-elevated,#fff);border-radius:.35rem;display:inline-flex;overflow:hidden}.view-toggle button{color:var(--text-secondary,#475569);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;width:auto;padding:.28rem .55rem;font-size:.72rem;font-weight:600}.view-toggle button+button{border-left:1px solid var(--border-subtle,#cbd5e1)}.view-toggle button.is-active{background:var(--accent-soft,#eef3ff);color:var(--accent,#2563eb)}.view-toggle button:hover:not(.is-active):not(:disabled){background:var(--surface-muted,#f4f4f5);color:var(--accent,#2563eb)}.view-toggle:has(button:disabled){background:var(--bg-surface-hover,#f4f4f5);border-color:var(--border-soft,#e5ebf2)}.view-toggle:has(button:disabled) button{color:var(--text-muted);opacity:.7;background:0 0}.view-toggle:has(button:disabled) button.is-active{background:var(--border-soft,#e5ebf2);color:var(--text-muted)}.view-toggle:has(button:disabled) button:disabled{cursor:not-allowed}.view-toggle:has(button:disabled) button:disabled:hover:not(.is-active){color:var(--text-muted);background:0 0}.view-toggle:has(button:disabled) button:disabled.is-active:hover{background:var(--border-soft,#e5ebf2);color:var(--text-muted)}.panel--timeline{margin-bottom:.85rem}.panel--timeline .chart-box--timeline{height:14rem;margin-bottom:0}.panel--status-timeline{margin-bottom:1em;overflow-x:clip}.chart-box--status-timeline{width:100%;max-width:100%;height:auto;min-height:0;margin-bottom:0;margin-right:0}.machine-status-timeline-stack{flex-direction:column;width:100%;min-width:0;max-width:100%;min-height:22rem;display:flex}.machine-status-timeline-stack--attached-navigator .machine-status-timeline--stack-row .machine-status-timeline__chart{margin-bottom:0}.machine-status-timeline-stack--attached-navigator .timeline-navigator{width:100%;min-width:0;max-width:100%}.machine-status-timeline-stack--attached-navigator .timeline-navigator__chart{width:100%;max-width:100%;height:44px;margin-top:.15rem;position:relative}.machine-status-timeline-stack--attached-navigator .machine-status-timeline__range{margin-right:0}.machine-status-timeline__chart{transition:filter .15s,opacity .15s;position:relative}.machine-status-timeline__navigator-hover,.machine-status-timeline__navigator-range{z-index:10;pointer-events:none;border:1px solid var(--chart-border,#cbd5e1);background:var(--bg-surface,#fff);color:var(--text-primary,#1e293b);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;position:absolute;transform:translate(-50%,-100%);box-shadow:0 1px 4px #0f172a1f}.machine-status-timeline__chart--stale{filter:grayscale();opacity:.48;pointer-events:none}.machine-status-timeline__range{font-variant-numeric:tabular-nums;color:var(--text-muted);flex-direction:column;align-items:stretch;gap:.2rem;margin:.55rem 18px .55rem 48px;font-size:.85rem;display:flex}.machine-status-timeline__range.is-zoomed{color:var(--text-secondary,#475569)}.machine-status-timeline__range-kicker{font-size:inherit;letter-spacing:.02em;color:inherit;white-space:nowrap;font-weight:600}.machine-status-timeline__range-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.machine-status-timeline__range-start{text-align:left;white-space:nowrap;justify-self:start}.machine-status-timeline__range-end{text-align:right;white-space:nowrap;justify-self:end}.machine-status-timeline__range-duration{font-size:inherit;letter-spacing:.02em;color:inherit;white-space:nowrap;justify-self:center;align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.machine-status-timeline__hint{font-size:.68rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.stat{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-page);padding:.75rem .85rem}.stats-row--categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin-bottom:.45rem}.stats-row--production{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.stat--category{border-top:3px solid var(--stat-accent,var(--border-soft));text-align:center;padding:.45rem .4rem}.stat--category .stat__label{letter-spacing:.02em;text-transform:none;white-space:nowrap;margin-bottom:.1rem;font-size:.7rem}.stat--category .stat__label:before{content:"";vertical-align:-.05rem;background:var(--stat-accent,var(--text-muted));border-radius:50%;width:.5rem;height:.5rem;margin-right:.25rem;display:inline-block}.stat--category .stat__value--category{text-align:center;font-size:1.45rem;line-height:1.05;display:block}.stat__value-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:.1rem 0;width:100%;display:flex}.metric-with-delta{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:.1rem 0;width:100%;display:flex}.stat__value-wrap>.compare-delta,.metric-with-delta>.compare-delta{flex:0 0 100%;width:100%}.compare-delta{font-size:.72rem;font-weight:var(--font-weight-medium);text-align:center;line-height:1.2;display:block}.metric-with-delta>.compare-delta{text-align:right}.compare-delta--positive{color:#4ade80}.compare-delta--negative{color:#f87171}.compare-delta--neutral,.compare-delta--na{color:var(--text-muted)}[data-theme=light] .compare-delta--positive{color:#16a34a}[data-theme=light] .compare-delta--negative{color:#dc2626}.plant-machine-list__item{position:relative}.plant-machine-list__item-stack{grid-template-columns:minmax(0,1fr);display:grid}.plant-machine-list__item-stack>.machine-select{z-index:1;grid-area:1/1;position:relative}.plant-machine-list__item-stack>.machine-action-btn-group{z-index:10;box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 65%, transparent);grid-area:1/1;place-self:start end;margin-top:.725rem;margin-right:.75rem;position:relative;top:auto;right:auto}.plant-machine-list__item:hover .machine-action-btn-group,.plant-machine-list__item:focus-within .machine-action-btn-group{opacity:1;pointer-events:auto}.machine-action-btn-group:has(.machine-compare-btn--active){opacity:1;pointer-events:auto}.machine-action-btn-group:has(.machine-status-compare-btn--active){opacity:1;pointer-events:auto}.machine-action-btn-group{z-index:3;opacity:0;pointer-events:none;isolation:isolate;background:var(--bg-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 65%, transparent);border-radius:999px;display:inline-flex;position:absolute;top:.35rem;right:.35rem}.plant-machine-list .list-item__main{width:100%}.plant-machine-list .list-item__content{z-index:0;flex:1;min-width:0;max-width:100%;position:relative}.plant-machine-list .list-item__title{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;display:block;overflow:hidden}.machine-compare-btn{opacity:1;pointer-events:auto;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font:inherit;font-size:.68rem;font-weight:var(--font-weight-medium);cursor:pointer;border-right:none;border-radius:999px 0 0 999px;padding:.15rem .45rem;position:static}.machine-compare-btn:hover{border-color:var(--color-compare);border-right:1px solid var(--color-compare);color:var(--color-compare-strong);background:var(--color-compare-soft)}.machine-compare-btn--active{border-color:var(--color-compare-border);border-right:1px solid var(--color-compare-border);color:#fff;background:var(--color-compare-border);font-weight:var(--font-weight-semibold)}.machine-compare-btn:focus-visible{outline:2px solid var(--color-compare-border);outline-offset:2px}.machine-status-compare-btn{border:1px solid var(--border);background:var(--bg-surface);width:2rem;height:1.55rem;color:var(--text-muted);cursor:pointer;border-radius:0 999px 999px 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.machine-status-compare-btn svg{margin-inline:2px}.machine-status-compare-btn:hover{border-color:var(--color-compare);color:var(--color-compare-strong);background:var(--color-compare-soft)}.machine-status-compare-btn--active{border-color:var(--color-compare-border);color:#fff;background:var(--color-compare-border)}.machine-status-compare-btn:focus-visible{outline:2px solid var(--color-compare-border);outline-offset:2px}.machine-action-btn-group:focus-within{opacity:1;pointer-events:auto}.plant-machine-list__item--status-compare .machine-status-compare-btn--active{opacity:1}.machine-select--status-compare .list-item,.machine-select--status-compare:focus-visible .list-item{background:color-mix(in srgb, var(--color-compare-soft) 65%, transparent);box-shadow:inset 4px 0 0 color-mix(in srgb, var(--color-compare-border) 70%, transparent)}.machine-status-compare{flex-direction:column;gap:.85rem;width:100%;min-width:0;display:flex}.machine-status-compare__header{margin-bottom:0}.panel--status-compare,.panel--timeline-navigator{width:100%;min-width:0;max-width:100%;height:auto;margin-bottom:0;overflow-x:clip}.panel--timeline-navigator .timeline-navigator{width:100%;min-width:0;max-width:100%}.panel--timeline-navigator .timeline-navigator__chart{width:100%;max-width:100%;height:44px;position:relative}.timeline-navigator__chart--stale{filter:grayscale();opacity:.48;pointer-events:none}.panel--timeline-navigator .machine-status-timeline__range{margin-right:0}.panel--status-compare .machine-status-compare__rows,.panel--status-compare .machine-status-compare__row,.panel--status-compare .machine-status-timeline{width:100%;min-width:0}.panel--status-compare .machine-status-timeline__chart{width:100%}.machine-status-compare__rows{flex-direction:column;gap:.15rem;min-width:0;padding-bottom:0;display:flex}.machine-status-compare__row{flex-direction:column;gap:.15rem;min-width:0;display:flex}.panel--status-compare .machine-status-timeline--stack-row .machine-status-timeline__chart{margin-bottom:0}.panel--status-compare .machine-status-timeline--stack-row .machine-status-timeline__range{display:none}.machine-status-compare__row-label{color:var(--text-strong);justify-content:space-between;align-items:center;gap:.5rem;padding-inline:.15rem;font-size:.92rem;font-weight:600;display:flex}.machine-status-compare__row-empty{margin:0;padding-inline:.15rem}.machine-status-timeline--stack-row .machine-status-timeline__chart{margin-bottom:0}.status-summary-bar{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-page);width:100%;height:3.3rem;margin-bottom:1rem;display:flex;overflow:hidden}.status-summary-bar__segment{min-width:2px;height:100%}.status-summary-bar--detail{height:1.55rem;margin-bottom:.85rem}.status-summary-bar--list{flex-shrink:0;width:6.75rem;height:1rem;margin-bottom:0}.status-summary-sparkline{flex:0 0 6.75rem;width:6.75rem}.status-summary-bar--placeholder{background:var(--tree-body-bg)}.stat__label{font-size:.68rem;font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;display:block}.stat__value{font-size:1.2rem;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--text)}.stat__value--compact{font-size:1.05rem}.stat__value--good{color:var(--color-good)}.stat__value--repaired{color:var(--color-repaired)}.stat__value--rejected{color:var(--color-rejected)}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.88rem}.data-table th,.data-table td{border-bottom:1px solid var(--border-soft);text-align:left;padding:.55rem .65rem}.data-table th{font-size:.68rem;font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table tbody tr:last-child td{border-bottom:none}.data-table--status{table-layout:fixed}.data-table--status .data-table__status{width:55%;max-width:0}.data-table--status td.num,.data-table--status th.num{width:5.5rem}.data-table--status th.num:last-child,.data-table--status td.num:last-child{width:4.5rem}.data-table--machines .data-table__meta{text-align:right;width:23rem}.data-table--machines .list-item__meta{justify-content:flex-end}.machine-search-table__row{cursor:pointer}.machine-search-table__row--offline td{color:var(--text-muted)}.machine-search-table__row--offline .list-item__meta{opacity:.55}.machine-search-table__row:hover td,.machine-search-table__row:focus-visible td{background:var(--bg-surface-hover)}.machine-search-table__row:focus-visible{outline:none}.machine-search-table__row:focus-visible td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.plant-machine-list,.machine-search-list{margin:0;padding:0;list-style:none}.plant-machine-list li,.machine-search-list li{border-bottom:1px solid var(--border-soft)}.plant-machine-list li:last-child,.machine-search-list li:last-child{border-bottom:none}.plant-machine-list .machine-select,.machine-search-list .machine-select{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0}.panel--plant-list{padding:0;overflow:hidden}.machine-sidebar{flex-direction:column;gap:.5rem;min-width:0;display:flex}.machine-sidebar__back{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;color:var(--text-muted);font:inherit;font-size:.82rem;font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .75rem;display:flex}.machine-sidebar__back-icon{flex-shrink:0}.machine-sidebar__back:hover{border-color:var(--accent);color:var(--text);background:var(--bg-surface-hover)}.machine-sidebar__back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.plant-sidebar__empty{margin:0;padding:.75rem}.plant-machine-list .list-item--plant-sidebar{flex-direction:column;align-items:stretch;gap:.45rem}.plant-machine-list .list-item--plant-sidebar .list-item__meta{flex-wrap:wrap;justify-content:flex-start;gap:.45rem;padding-left:2.7rem}.plant-machine-list .production-sparkline{flex:7rem;width:auto;min-width:0;max-width:100%}.plant-machine-list .production-sparkline__bars{flex:1 1 0;width:auto;min-width:3.5rem}.plant-machine-list .production-sparkline--placeholder{flex:7rem;width:auto;min-width:5rem;max-width:100%}.plant-machine-list .status-summary-sparkline,.plant-machine-list .status-summary-bar--list{flex:5rem;width:auto;min-width:4rem;max-width:100%}.app-workspace--split .plant-machine-list .list-item__title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.status-row{align-items:center;gap:.45rem;min-width:0;display:flex}.status-row__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-dot{vertical-align:middle;border-radius:999px;flex-shrink:0;width:.65rem;height:.65rem;display:inline-block}.chart-box{height:23.5rem;margin-bottom:0;position:relative}.chart-section{margin-bottom:.25rem}.chart-section__head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.35rem;display:flex}.chart-section__title{color:var(--text-label);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;display:block}.chart-section__meta{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.chart-section .chart-box{margin-bottom:0}.muted{color:var(--text-muted)}.machine-tree{flex-direction:column;display:flex}.tree-group{border-bottom:1px solid var(--border-soft)}.tree-group:last-child,.tree-group--nested{border-bottom:none}.tree-group--nested .tree-group__summary{padding-left:1.15rem}.tree-group__summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.tree-group__summary::-webkit-details-marker{display:none}.tree-group__body{background:var(--tree-body-bg)}.list-item{justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.list-item__main{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.tree-icon{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;display:grid}.tree-icon--customer{background:var(--icon-customer-bg);color:var(--icon-customer-color)}.tree-icon--plant{background:var(--icon-plant-bg);color:var(--icon-plant-color)}.tree-icon--machine{background:var(--icon-machine-bg);color:var(--text-muted)}.tree-icon--machine.tree-icon--online{background:var(--icon-machine-online-bg);color:var(--color-online)}.tree-icon--machine.tree-icon--offline{background:var(--icon-machine-offline-bg);color:var(--text-label)}.list-item--compact,.list-item--flat{padding-top:.45rem;padding-bottom:.45rem}.list-item__content{min-width:0}.list-item__title{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--text);display:block}.list-item--compact .list-item__title{font-size:.95rem}.list-item__subtitle{color:var(--text-muted);margin-top:.15rem;font-size:.78rem;display:block}.list-item__value{font-size:.95rem;font-weight:var(--font-weight-medium);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.list-item__value--muted{color:var(--text-label);font-size:.88rem;font-weight:400}.list-item__meta{text-align:right;flex-direction:row;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.production-sparkline{flex:0 0 9.95rem;align-items:flex-end;gap:.45rem;width:9.95rem;display:flex}.production-sparkline__bars{align-items:flex-end;gap:1px;width:6.75rem;height:1rem;display:flex}.production-sparkline__bar{background:var(--color-good);opacity:.85;border-radius:1px;flex:1 1 0;min-width:1px;min-height:1px}.production-sparkline__total{min-width:2.75rem;font-size:.75rem;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right}.production-sparkline--placeholder{border-radius:var(--radius-sm);background:var(--tree-body-bg);flex:0 0 9.95rem;width:9.95rem;height:1rem}.machine-status{width:4.75rem;font-size:.72rem;font-weight:var(--font-weight-medium);flex:0 0 4.75rem;justify-content:flex-end;align-items:center;gap:.35rem;display:inline-flex}.machine-status__dot{background:currentColor;border-radius:999px;width:.5rem;height:.5rem}.machine-status--online{color:var(--color-online)}.machine-status--offline{color:var(--text-label)}.tree-group__summary:hover .list-item,.tree-machines__item:hover .list-item{background:var(--bg-surface-hover)}.tree-group[open]>.tree-group__summary .list-item__value{color:var(--text)}.tree-machines{margin:0;padding:0;list-style:none}.tree-machines__item{border-top:1px solid var(--border-soft)}.tree-machines__item .list-item{padding-left:2.35rem}.machine-select{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:block}.machine-select:hover .list-item,.machine-select:focus-visible .list-item{background:var(--bg-surface-hover)}.machine-select:focus-visible{outline:none}@media (width>=768px){.main{padding:1.25rem 1.5rem 2rem}}@media (width<=767px){.app-workspace--split{grid-template-columns:1fr}.app-workspace--split .app-workspace__sidebar{max-height:none;position:static;overflow:visible}}@media (width<=1100px){.app-workspace__detail-panels--compare,.app-workspace__detail-panels--split-view{grid-template-columns:1fr}.machine-evaluation--reference,.machine-evaluation--evaluation{border-left:none;border-top:3px solid var(--color-compare-border);padding-top:1rem;padding-left:0}.machine-evaluation--evaluation{border-top-color:var(--accent)}}.login-page{background:var(--bg-page);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-page__loading{color:var(--text-muted)}.login-page__card{width:min(100%,22rem);padding:1.25rem}.login-page__header{margin-bottom:1rem}.login-page__kicker{color:var(--text-muted);margin-bottom:.25rem;font-size:.85rem;display:block}.login-page__header h1{margin:0;font-size:1.35rem}.login-page__form{gap:.85rem;display:grid}.login-page__field{gap:.35rem;font-size:.9rem;display:grid}.login-page__field input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);color:var(--text);padding:.55rem .65rem}.login-page__error{color:var(--danger-text);margin:0;font-size:.88rem}.login-page__submit{font:inherit;border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.6rem .85rem}.login-page__submit:disabled{opacity:.65;cursor:wait}.user-menu__section--identity .user-menu__label{font-weight:var(--font-weight-semibold);color:var(--text)}
