#ro-loss-platform {
      --ro-bg: light-dark(#f3f5f9,#111925); --ro-panel: light-dark(#ffffff,#192332);
      --ro-text: light-dark(#172a46,#e7edf7); --ro-muted: light-dark(#55677f,#afbdd0);
      --ro-line: light-dark(#dce4ee,#334255); --ro-brand: light-dark(#073579,#99c3ff);
      --ro-selected: light-dark(#073579,#b4d2ff); --ro-on-selected: light-dark(#ffffff,#102a4e);
      --ro-filling: light-dark(#3f77b5,#6ba0db); --ro-capping: light-dark(#e17c45,#ef9c6e);
      --ro-label: light-dark(#8c6bb1,#b399d2); --ro-shrink: light-dark(#419a6b,#6dba95);
      --ro-rinsing: light-dark(#55a0ca,#8bc6e5); --ro-erector: light-dark(#e19b39,#efb665);
      --ro-palletizer: light-dark(#946649,#c7997c); --ro-sealer: light-dark(#a69945,#c5ba74);
      --ro-packer: light-dark(#3ba8b3,#73cbd2); --ro-fitment: light-dark(#aa6a91,#cb9abb);
      --ro-depalletizer: light-dark(#c65785,#df8bab); --ro-barcode: light-dark(#598561,#88b78e);
      --ro-vision: light-dark(#b39a30,#d8c564); --ro-weighing: light-dark(#718699,#a3b5c9);
      --ro-others: light-dark(#adb7c4,#8493a7);
      color:var(--ro-text); background:var(--ro-bg); font:14px/1.45 'Segoe UI',Tahoma,Arial,sans-serif;
      padding:24px; box-sizing:border-box; width:100%; border-radius:12px;
    }
    #ro-loss-platform * {box-sizing:border-box;}
    #ro-loss-platform .ro-header {display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;}
    #ro-loss-platform .ro-brand-row {display:flex; align-items:center; gap:12px;}
    #ro-loss-platform .ro-mark {background:var(--ro-selected); color:var(--ro-on-selected); width:42px; height:42px; display:grid; place-items:center; border-radius:9px; font-weight:500;}
    #ro-loss-platform .ro-name {color:var(--ro-brand); font-weight:500; letter-spacing:.035em;}
    #ro-loss-platform h1 {font-size:24px; line-height:1.2; font-weight:500; margin:2px 0 0;}
    #ro-loss-platform .ro-preview {color:var(--ro-muted); font-size:13px; padding:5px 9px; border:1px solid var(--ro-line); border-radius:5px;}
    #ro-loss-platform .ro-file-row {display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:23px; padding:16px; background:var(--ro-panel); border:1px solid var(--ro-line); border-radius:9px;}
    #ro-loss-platform .ro-file {display:flex; align-items:center; gap:10px; min-width:0;}
    #ro-loss-platform .ro-file-name {font-weight:500; overflow-wrap:anywhere;}
    #ro-loss-platform .ro-file-meta {color:var(--ro-muted); font-size:13px; margin-top:3px;}
    #ro-loss-platform .ro-upload {display:flex; align-items:center; gap:8px; background:var(--ro-selected); color:var(--ro-on-selected); border:0; padding:10px 14px; border-radius:6px; font:inherit;}
    #ro-loss-platform .ro-nav-row {margin-top:24px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
    #ro-loss-platform .ro-tabs {display:flex; flex-wrap:wrap; gap:4px; padding:4px; border:1px solid var(--ro-line); border-radius:8px; background:var(--ro-panel);}
    #ro-loss-platform .ro-tab {font:inherit; padding:10px 14px; border-radius:5px; border:0; background:transparent; color:var(--ro-muted);}
    #ro-loss-platform .ro-tab[aria-selected="true"] {color:var(--ro-on-selected); background:var(--ro-selected);}
    #ro-loss-platform .ro-scope {color:var(--ro-muted); font-size:13px;}
    #ro-loss-platform .ro-legend {display:flex; flex-wrap:wrap; gap:8px 16px; margin:18px 0; color:var(--ro-muted); font-size:12px;}
    #ro-loss-platform .ro-legend-item {display:inline-flex; gap:6px; align-items:center; white-space:nowrap;}
    #ro-loss-platform .ro-swatch {height:9px; width:9px; border-radius:2px; flex-shrink:0;}
    #ro-loss-platform .ro-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;}
    #ro-loss-platform .ro-chart-card {min-width:0; padding:16px 12px 8px; border:1px solid var(--ro-line); border-radius:10px; background:var(--ro-panel);}
    #ro-loss-platform .ro-chart-card.ro-expanded {grid-column:1/-1;}
    #ro-loss-platform .ro-card-head {display:flex; justify-content:space-between; align-items:center; gap:8px; padding:0 4px 8px;}
    #ro-loss-platform .ro-line-title {font-size:19px; line-height:1.15; margin:0; font-weight:500;}
    #ro-loss-platform .ro-event-count {font-size:12px; color:var(--ro-muted); margin-top:4px;}
    #ro-loss-platform .ro-card-right {display:flex; align-items:center; gap:12px;}
    #ro-loss-platform .ro-impact {font-size:23px; font-weight:500; font-variant-numeric:tabular-nums; text-align:right;}
    #ro-loss-platform .ro-impact-label {font-size:12px; color:var(--ro-muted); text-align:right;}
    #ro-loss-platform .ro-expand {border:1px solid var(--ro-line); background:var(--ro-panel); color:var(--ro-muted); border-radius:5px; padding:7px; display:flex; font:inherit;}
    #ro-loss-platform .ro-expand svg {width:15px; height:15px;}
    #ro-loss-platform .ro-plot {width:100%; min-height:290px;}
    #ro-loss-platform .ro-plot svg {display:block; width:100%; overflow:visible;}
    #ro-loss-platform .ro-plot text {fill:var(--ro-text); font:12px 'Segoe UI',Tahoma,Arial,sans-serif;}
    #ro-loss-platform .ro-plot .ro-axis text {fill:var(--ro-muted); font-size:12px;}
    #ro-loss-platform .ro-plot .ro-value {font-size:12px; font-variant-numeric:tabular-nums;}
    #ro-loss-platform .ro-plot .ro-axis path,#ro-loss-platform .ro-plot .ro-axis line {stroke:var(--ro-line);}
    #ro-loss-platform .ro-detail {margin:2px 4px 4px; color:var(--ro-text); font-size:13px; min-height:19px; overflow-wrap:anywhere;}
    #ro-loss-platform .ro-empty {display:grid; place-content:center; text-align:center; min-height:290px; color:var(--ro-muted); padding:30px 16px; gap:8px;}
    #ro-loss-platform .ro-empty strong {font-weight:500; color:var(--ro-text);}
    #ro-loss-platform .ro-tooltip {position:absolute; z-index:20; pointer-events:none; max-width:300px; background:var(--ro-panel); color:var(--ro-text); border:1px solid var(--ro-line); border-radius:6px; padding:11px 13px; box-shadow:0 3px 16px light-dark(#172a4626,#00000050); font-size:13px; overflow-wrap:anywhere;}
    #ro-loss-platform {position:relative;}
    #ro-loss-platform .ro-tooltip-line {font-weight:500; margin-bottom:4px;}
    #ro-loss-platform .ro-tooltip-value {color:var(--ro-muted); margin-top:5px; font-variant-numeric:tabular-nums;}
    #ro-loss-platform button:focus-visible {outline:2px solid var(--ro-brand); outline-offset:3px;}
    @media(max-width:780px) {#ro-loss-platform .ro-grid {grid-template-columns:1fr;} #ro-loss-platform {padding:16px;}}
    @media(max-width:420px) {#ro-loss-platform {padding:12px;} #ro-loss-platform .ro-tab {padding:10px 9px; font-size:13px;} #ro-loss-platform .ro-file-row {padding:12px;} #ro-loss-platform h1 {font-size:21px;} #ro-loss-platform .ro-upload {width:100%; justify-content:center;}}
    @media(pointer:coarse) {#ro-loss-platform button {min-height:44px;} #ro-loss-platform .ro-expand {min-width:44px; justify-content:center;}}
  
:root {color-scheme:light dark;}
body {margin:0; background:light-dark(#f3f5f9,#111925);}
#ro-loss-platform {max-width:1500px;margin:0 auto;border-radius:0;min-height:100vh;}
#ro-loss-platform [hidden] {display:none!important;}
#ro-loss-platform button {cursor:pointer;}
#ro-loss-platform button:disabled {cursor:default;opacity:.5;}
#ro-loss-platform .ro-upload {font-weight:500;}
#ro-loss-platform .ro-file-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#ro-loss-platform .ro-clear {font:inherit;color:var(--ro-muted);background:transparent;border:1px solid var(--ro-line);border-radius:6px;padding:10px 14px;}
@media(max-width:420px) {#ro-loss-platform .ro-file-actions {width:100%;} #ro-loss-platform .ro-file-actions .ro-upload {width:auto;flex:1;justify-content:center;}}
#ro-loss-platform .ro-month-control {display:flex;align-items:center;gap:8px;color:var(--ro-muted);}
#ro-loss-platform select {font:inherit;color:var(--ro-text);background:var(--ro-panel);border:1px solid var(--ro-line);border-radius:6px;padding:9px;}
#ro-loss-platform .ro-error {border:1px solid light-dark(#cb5353,#da8787);color:light-dark(#8c2323,#ffb5b5);background:light-dark(#fff4f4,#2f2024);padding:12px 14px;margin-top:12px;border-radius:6px;}
#ro-loss-platform .ro-status {margin-top:10px;}
#ro-loss-platform .ro-plot .ro-gridline {stroke:var(--ro-line);stroke-width:1;}
#ro-loss-platform .ro-plot .ro-tick {fill:var(--ro-muted);font-size:12px;}
#ro-loss-platform .ro-plot .ro-reason {fill:var(--ro-muted);font-size:12px;}
#ro-loss-platform .ro-hit {cursor:pointer;}
#ro-loss-platform .ro-expand {font-size:12px;}
#ro-loss-platform .ro-data-controls {display:flex;justify-content:flex-end;padding:0 4px 8px;}
#ro-loss-platform .ro-data-button {font:inherit;color:var(--ro-brand);background:transparent;border:0;padding:5px;}
#ro-loss-platform .ro-table-wrap {overflow-x:auto;}
#ro-loss-platform .ro-data-table {width:100%;border-collapse:collapse;font-size:13px;}
#ro-loss-platform .ro-data-table th,#ro-loss-platform .ro-data-table td {padding:9px 7px;text-align:left;border-bottom:1px solid var(--ro-line);overflow-wrap:anywhere;}
#ro-loss-platform .ro-data-table th {font-weight:500;color:var(--ro-muted);}
#ro-loss-platform .ro-data-table .ro-table-impact {text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
@media(pointer:coarse) {#ro-loss-platform select {font-size:16px;min-height:44px;}}