/* Presentation tokens. No telemetry processing or chart interpolation is changed. */
:root {
  --brand:#173653; --accent:#245e91; --info:#eaf2f9; --success:#21735a;
  --warning:#986019; --danger:#ae3441; --ink:#263b4c; --muted:#596d7d;
  --border:#dbe4ec; --surface:#fff; --canvas:#f2f5f8;
  --radius:10px; --radius-sm:6px; --space:16px;
  --shadow:0 2px 7px rgb(28 51 74 / 4%);
}
body{background:var(--canvas);color:var(--ink);line-height:1.45;font-size:14px}
button,input,select{border-radius:var(--radius-sm);min-height:34px}
button,.file-btn{padding:8px 12px;transition:background-color .12s,border-color .12s}
button:hover{background:var(--info);border-color:#9fb7cb}
button:disabled{cursor:default;opacity:.45}
input[type=checkbox]{min-height:0;accent-color:var(--accent);width:15px;height:15px}
.topbar{padding:20px 24px;border-top:4px solid var(--brand);gap:24px;box-shadow:var(--shadow)}
.topbar>div:first-child{min-width:0}
h1{font-size:25px;font-weight:700;letter-spacing:-.5px;margin:0 0 3px;color:var(--brand)}
.product-subtitle{font-size:13px;color:var(--muted);margin:0 0 8px}
.product-title{display:flex;align-items:center;gap:10px;margin-bottom:4px}.product-title h1{margin:0}.product-title img{flex-shrink:0}
.file-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#fileInfo{font-size:12px;font-variant-numeric:tabular-nums;max-width:900px}
.header-actions{flex-shrink:0;gap:10px}.header-actions select{height:38px;min-width:70px;background:#f6f9fc}
.file-btn{display:flex;align-items:center;gap:8px;min-height:38px;background:var(--brand);border-color:var(--brand)}
.file-btn:hover{background:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:18px 24px 0}
.stats:empty{display:none}
.stat{min-width:0;padding:15px 16px;border-radius:var(--radius);box-shadow:var(--shadow);border-top:3px solid #b9cbdc}
.stat:last-child{border-top-color:var(--success)}
.stat .k{font-size:12px;font-weight:600}.stat .v{font-size:22px;margin-top:6px;font-weight:650;letter-spacing:-.3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.layout{grid-template-columns:286px minmax(0,1fr);padding:18px 24px;gap:18px}
.sidebar{gap:12px;height:calc(100dvh - 262px);min-height:650px;max-height:1000px}
.card{padding:14px;border-radius:var(--radius);box-shadow:var(--shadow)}
.card h3,.search-card label{font-size:13px;font-weight:700;color:var(--brand);margin-bottom:10px}
.card input[type=text],.card input[type=search]{padding:9px 10px;border-radius:var(--radius-sm);margin:5px 0 10px}
.grid2{gap:7px;margin-bottom:8px}.grid2 button{font-size:12px;padding:8px 5px}
.secondary{background:#f4f7fa;color:var(--muted)}
#applyTime,[data-pdf-export],#comparisonPdf{background:var(--brand);color:#fff;border-color:var(--brand)}
#applyTime:hover,[data-pdf-export]:hover,#comparisonPdf:hover{background:var(--accent)}
[data-preset][aria-pressed=true]{background:var(--info);color:var(--brand);border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.pid-list{scrollbar-width:thin;scrollbar-color:#becdda transparent;padding-top:0}
.pid-group{font-size:11px;padding:8px;background:#f3f6f9;border-radius:5px;letter-spacing:.35px;margin:10px 0 4px}
.pid-row{padding:7px 6px;gap:8px;border-radius:5px;font-size:12px;line-height:1.5}
.pid-row:has(input:checked){background:var(--info)}.pid-row:hover{background:#f4f7fa}
.pid-unit{font-size:11px;background:#f0f3f6;border-radius:4px;padding:1px 5px}
.content{border-radius:var(--radius);box-shadow:var(--shadow)}
.tabs{gap:6px;padding:6px 14px 0;background:#f5f8fb;flex-wrap:wrap}
.tab{padding:12px 16px;border-radius:6px 6px 0 0;font-size:13px;min-height:42px}
.tab.active{border-bottom:3px solid var(--accent);color:var(--brand)}
.tab-pane{padding:18px}.toolbar{font-size:13px;gap:12px;margin-bottom:14px}
.toolbar.vertical{gap:10px}.toolbar.vertical>label{font-weight:600;color:var(--brand)}
.chip-list{gap:7px;max-height:150px;padding:2px}
.chip{font-size:12px;padding:7px 10px;border-radius:6px;background:#f6f8fb;min-height:32px}
.chip.active{background:var(--info);border-color:var(--accent);color:var(--brand);box-shadow:inset 3px 0 var(--accent)}
.export-toolbar{padding:12px;background:#f5f8fb;border:1px solid var(--border);border-radius:8px;gap:8px;font-size:12px;margin:8px 0 16px}
.export-toolbar button{padding:7px 11px;min-height:34px}.export-toolbar select{min-height:34px;background:white}
.export-toolbar [data-pdf-mode]{margin-left:4px}
.plot{border:1px solid #e4ebf1;border-radius:8px;overflow:hidden;background:white;height:clamp(500px,66vh,760px)}
.table-wrap{border-radius:7px;scrollbar-width:thin}
th{background:#eaf0f6;color:var(--brand);font-weight:700}td{font-variant-numeric:tabular-nums}tbody tr:nth-child(even){background:#f7f9fb}tbody tr:hover{background:#edf4f9}
#dataTable tbody tr:only-child td:only-child{padding:60px 24px;text-align:center;color:var(--muted);white-space:normal;background:#f7f9fb}
.unit-warning{border-radius:7px;border-left:3px solid #bc8635;background:#fff9ed;padding:12px;color:#76551f}
#comparisonEmpty,.empty-state{padding:24px;border:1px dashed #b9c9d8;border-radius:8px;background:#f5f8fb;line-height:1.7;color:var(--muted);margin:12px 0}
[hidden]{display:none!important}
#tripPanel,#sessionManager{margin:14px;border-radius:8px;background:#fbfcfe;padding:16px}
#tripPanel h3,#sessionManager h3{font-size:14px;margin:0 0 6px}
#tripPanel p,#sessionManager p{margin:7px 0 12px;font-size:12px}
.trip-timeline{gap:3px;min-height:38px;margin:14px 0;border-radius:6px}
.trip-segment{padding:9px 4px;font-size:12px;font-weight:600;border-bottom:3px solid #94a2af;color:#405264;background:#e8edf2}
.trip-charge{background:#e0f0e8;color:#1c634e;border-color:#3f9474}.trip-drive{background:#e1ecf8;color:#28557c;border-color:#5887b7}
.trip-session,.session-row{padding:12px;margin:8px 0;border:1px solid var(--border);border-radius:7px;background:white;gap:8px}
.trip-session:has(input[type=checkbox]:checked),.session-row:has(input[type=checkbox]:checked){border-left:3px solid var(--success)}
.trip-session input:not([type=checkbox]){width:142px;margin:0!important;max-width:100%;font-size:12px}
.trip-session-meta{flex:1 1 240px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;font-variant-numeric:tabular-nums}
.badge{display:inline-flex;align-items:center;border:1px solid #cbd7e1;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;background:#eff3f7;color:#40596e}
.badge-good,.badge-included{background:#e4f2eb;color:#22664e;border-color:#badacb}.badge-partial{background:#fff3dc;color:#815718;border-color:#e6c998}.badge-low{background:#f9e8e9;color:#993b44;border-color:#e7bfc3}.badge-current{background:var(--info);color:var(--brand);border-color:#b5cbde}
.trip-session button,.session-row button{font-size:12px;min-height:32px;padding:6px 9px}
.session-row.is-current{background:#f0f6fb;border-color:#abc3d7}
.session-row .session-source{font-size:12px;line-height:1.6}.session-row input[type=text]{width:145px}
.comparison-section{margin:20px 0}.comparison-section h3,#comparisonTab>h3{font-size:15px;color:var(--brand);margin:20px 0 10px}
#comparisonTab>p{max-width:1100px;font-size:12px;line-height:1.6}
footer{padding:0 24px 18px;font-size:12px}
@media(min-width:1600px){.layout{grid-template-columns:308px minmax(0,1fr)}.stat .v{font-size:25px}}
@media(max-width:1100px){.stat .v{font-size:18px}.stats{gap:8px}.stat{padding:12px}.export-toolbar{gap:6px}}
@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pid-card{max-height:260px}.topbar{padding:16px 20px}.layout{padding:16px 20px}.plot{height:clamp(440px,60vh,650px)}}
@media(max-width:540px){.topbar{flex-wrap:wrap;padding:14px}.header-actions{margin-left:auto}h1{font-size:23px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 12px 0}.layout{padding:12px;gap:12px}.sidebar{grid-template-columns:minmax(0,1fr)}.tab-pane{padding:12px}.tabs{padding:4px 6px 0;gap:0}.tab{padding:10px}.trip-session input:not([type=checkbox]){width:125px}#tripPanel,#sessionManager{margin:8px;padding:12px}.plot{height:440px}}
.comparison-mode{grid-template-columns:minmax(0,1fr)}

/* Duration geometry is preserved, including unlabeled neutral transition gaps. */
.trip-timeline{gap:1px;min-height:38px}
.trip-segment{min-width:0;padding:9px 0;text-align:center;flex-shrink:1}
.trip-segment:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.trip-excluded{border-bottom-style:dashed}
.timeline-details{margin:8px 0 14px;border:1px solid var(--border);border-radius:6px;background:white;padding:8px 10px}
.timeline-details summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:600}
.trip-evidence-timeline{min-height:32px}

/* Compact trip controls; detection and timeline duration geometry are unchanged. */
#tripPanel .trip-compact-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#tripPanel .trip-compact-header h3{margin:0;margin-right:auto}
.trip-source-context{max-width:100%;overflow-wrap:anywhere;font-size:12px;color:var(--muted)}
.trip-info{color:var(--accent);cursor:help;font-size:17px;line-height:1;padding:3px}
.trip-info:focus-visible{outline:2px solid var(--accent);border-radius:3px}
#tripPanel>.trip-timeline{margin:0 0 9px}
#tripPanel .timeline-details{border:0;background:transparent;padding:0;margin:0 0 10px}
#tripPanel .timeline-details[open]{padding:8px 0}
#tripPanel .trip-session{display:grid;grid-template-columns:minmax(110px,1fr) minmax(200px,1.6fr) auto auto;align-items:center;gap:8px;padding:10px 12px;margin:6px 0}
.trip-session-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}
.trip-session-title strong{overflow-wrap:anywhere}
#tripPanel .trip-session-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;font-size:12px}
.trip-session-badges,.trip-session-actions,.trip-edit-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#tripPanel .trip-open{background:var(--brand);color:white;border-color:var(--brand)}
#tripPanel .trip-open:hover{background:var(--accent)}
#tripPanel .trip-subtle{background:transparent;color:var(--muted)}
#tripPanel .trip-session-edit{grid-column:1/-1;border-top:1px solid var(--border);padding-top:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.trip-session-edit label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px;max-width:100%}
#tripPanel .trip-session-edit input{width:160px;font-size:13px;padding:7px 8px}
#tripPanel .trip-empty{padding:12px 0;margin:0;color:var(--muted)}
@media(max-width:1200px){#tripPanel .trip-session{grid-template-columns:minmax(120px,1fr) minmax(190px,1.4fr)}.trip-session-actions{justify-content:flex-end}.trip-session-badges{align-self:center}}
@media(max-width:540px){#tripPanel .trip-session{grid-template-columns:minmax(0,1fr)}.trip-session-actions{justify-content:flex-start}#tripPanel .trip-session-edit{align-items:stretch}.trip-edit-actions{align-items:flex-start}}

/* Charging limitation v2 */
.limitation-panel{margin-top:18px;padding:18px;border:1px solid var(--border,#d9e1e8);border-radius:12px;background:var(--surface,#fff)}
.limitation-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.limitation-panel-head h3{margin:0 0 4px}
.limitation-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.limitation-card{padding:12px;border:1px solid var(--border,#d9e1e8);border-radius:10px;background:#f8fafc}.limitation-card-label{font-size:.82rem;color:#5b6875;margin-bottom:6px}.limitation-card-value{font-size:1.25rem;font-weight:700;color:#173a57}
.limitation-details{margin-top:12px}.limitation-details summary{cursor:pointer;font-weight:600}.limitation-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.limitation-detail-item{display:flex;flex-direction:column;gap:3px;padding:9px;background:#f8fafc;border-radius:8px}.limitation-detail-item span{font-variant-numeric:tabular-nums}
@media(max-width:820px){.limitation-cards,.limitation-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.limitation-panel-head{flex-direction:column}.limitation-soc-table{min-width:900px}}