.advanced-lab-serial-host { margin-top: 10px; }
.advanced-serial-workbench { display: grid; gap: 10px; min-width: 0; padding: 12px; border: 1px solid rgba(109, 224, 202, .32); border-radius: 10px; color: #d9e8ed; background: linear-gradient(145deg, #09242d, #0b1e2a); }
.advanced-serial-workbench * { box-sizing: border-box; }
.advanced-serial-header { display: grid; gap: 4px; }
.advanced-serial-header h5 { margin: 0; color: #baf3e6; font-size: .89rem; }
.advanced-serial-header p { margin: 0; color: #c7d9df; font-size: .76rem; line-height: 1.4; }
.advanced-serial-leads { display: flex; flex-wrap: wrap; gap: 5px; }
.advanced-serial-workbench button { min-height: 34px; padding: 6px 10px; border: 1px solid rgba(143, 200, 244, .34); border-radius: 6px; color: #dcecf0; background: #123343; font: inherit; font-size: .73rem; font-weight: 720; cursor: pointer; }
.advanced-serial-workbench button:hover, .advanced-serial-workbench button:focus-visible { border-color: #7ddfcc; background: #1a4952; }
.advanced-serial-workbench button:focus-visible, .advanced-serial-drag:focus-visible { outline: 2px solid #f3c681; outline-offset: 2px; }
.advanced-serial-workbench button[aria-pressed="true"] { border-color: #73dac5; color: #082b30; background: #a9e9d8; }
.advanced-serial-workbench button:disabled { cursor: not-allowed; opacity: .48; }
.advanced-serial-context { display: grid; gap: 4px; padding: 8px 10px; border-left: 3px solid #73dac5; border-radius: 5px; background: rgba(109, 224, 202, .08); }
.advanced-serial-context strong { color: #effaf8; font-size: .78rem; }
.advanced-serial-context p { margin: 0; font-size: .77rem; line-height: 1.37; }
.advanced-serial-context small { color: #abcbd0; font-size: .68rem; }
.advanced-serial-evidence { display: grid; gap: 6px; min-width: 0; padding: 9px; border: 1px solid rgba(143, 200, 244, .24); border-radius: 8px; background: #081d28; }
.advanced-serial-evidence h6 { margin: 0; color: #bbeee5; font-size: .76rem; }
.advanced-serial-evidence > p { margin: 0; color: #b8d0d5; font-size: .68rem; line-height: 1.35; }
.advanced-serial-matrix-scroll { min-width: 0; max-width: 100%; overflow: visible; }
.advanced-serial-matrix { display: block; width: 100%; min-width: 0; border-spacing: 0; }
.advanced-serial-matrix thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.advanced-serial-matrix tbody { display: grid; gap: 6px; }
.advanced-serial-matrix tbody tr { display: grid; grid-template-columns: repeat(var(--serial-column-count), minmax(0, 1fr)); gap: 4px; min-width: 0; padding: 4px; border: 1px solid rgba(143, 200, 244, .2); border-radius: 5px; }
.advanced-serial-matrix tbody th { position: static; grid-column: 1 / -1; width: auto; min-width: 0; padding: 2px 4px; border-left: 2px solid #86d6c8; color: #c6e7e7; background: #123141; font-size: .71rem; text-align: left; }
.advanced-serial-matrix tbody td { display: block; min-width: 0; padding: 0; }
.advanced-serial-matrix tr[data-selected-lead="true"] th { color: #b9fae8; background: #185047; }
.advanced-serial-workbench .advanced-serial-matrix-cell { display: grid; align-content: center; gap: 3px; width: 100%; min-height: 56px; padding: 5px; border: 1px solid rgba(143, 200, 244, .23); color: #cfe0e3; background: #12313c; font-size: .75rem; line-height: 1.25; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.advanced-serial-matrix-cell[data-status="missing"] { color: #9cabb7; background: #122732; }
.advanced-serial-matrix-cell[data-flagged="true"] { border-color: rgba(241, 190, 120, .68); color: #ffe0af; background: #463527; }
.advanced-serial-matrix td[data-current="true"] .advanced-serial-matrix-cell { box-shadow: inset 0 0 0 1px rgba(110, 225, 205, .28); }
.advanced-serial-workbench .advanced-serial-matrix-cell[aria-pressed="true"] { border-color: #95e4d3; color: #08292d; background: #b4e9db; }
.advanced-serial-cell-time { display: block; font-size: .72rem; font-weight: 760; line-height: 1.25; }
.advanced-serial-matrix-cell small { font-size: .72rem; font-weight: 600; }
.advanced-serial-evidence-detail { display: grid; gap: 5px; min-width: 0; padding: 8px; border-left: 3px solid #80d9c9; border-radius: 5px; background: #10313a; }
.advanced-serial-evidence-detail[data-status="textOnly"] { border-left-color: #f1be78; }
.advanced-serial-evidence-detail strong { color: #e5f3f0; font-size: .74rem; }
.advanced-serial-evidence-detail p { margin: 0; color: #d1e2e5; font-size: .72rem; line-height: 1.38; }
.advanced-serial-evidence-detail small, .advanced-serial-detail-note { color: #b1cad0; font-size: .65rem; line-height: 1.35; }
.advanced-serial-evidence-detail svg { display: block; width: 100%; height: 70px; border-radius: 4px; background: #071b24; }
.advanced-serial-evidence-detail .advanced-serial-no-trace { min-height: 52px; }
.advanced-serial-figure, .advanced-serial-capture-card, .advanced-serial-overlay { min-width: 0; margin: 0; }
.advanced-serial-figure { padding: 8px; border: 1px solid rgba(143, 200, 244, .24); border-radius: 8px; background: #061820; }
.advanced-serial-figure > svg, .advanced-serial-capture-card > svg, .advanced-serial-overlay > svg { display: block; width: 100%; height: clamp(95px, 16vw, 150px); overflow: visible; border-radius: 4px; background: #071b24; touch-action: none; }
.advanced-serial-figure figcaption, .advanced-serial-overlay figcaption { margin-top: 6px; color: #bcd0d8; font-size: .68rem; line-height: 1.35; }
.advanced-serial-written-figure { display: grid; gap: 9px; border-color: rgba(241, 190, 120, .42); background: linear-gradient(145deg, #132b30, #10212a); }
.advanced-serial-written-source, .advanced-serial-written-selected { display: grid; gap: 5px; min-width: 0; padding: 9px 10px; border-left: 3px solid #f1be78; border-radius: 5px; background: #18333a; }
.advanced-serial-written-source strong, .advanced-serial-written-selected strong, .advanced-serial-written-task > strong { color: #f9e4bd; font-size: .75rem; }
.advanced-serial-written-source p, .advanced-serial-written-selected p, .advanced-serial-written-boundary { margin: 0; color: #e1edf0; font-size: .75rem; line-height: 1.4; overflow-wrap: anywhere; }
.advanced-serial-written-source small, .advanced-serial-written-selected small { color: #bdd3d6; font-size: .67rem; line-height: 1.35; }
.advanced-serial-written-task { display: grid; gap: 7px; min-width: 0; }
.advanced-serial-written-peers { display: flex; flex-wrap: wrap; gap: 5px; }
.advanced-serial-written-selected { border-left-color: #77d8c6; background: #123b3b; }
.advanced-serial-workbench .advanced-serial-written-selected button { justify-self: start; }
.advanced-serial-written-badge { color: #f7d69b; font-size: .67rem; }
.advanced-serial-grid line { stroke: rgba(128, 207, 195, .16); stroke-width: .3; vector-effect: non-scaling-stroke; }
.advanced-serial-wave, .advanced-serial-overlay-reference, .advanced-serial-overlay-current { fill: none; stroke: #8ce8d3; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.advanced-serial-band { fill: rgba(132, 184, 244, .16); pointer-events: none; }
.advanced-serial-guide { stroke: #f4c67d; stroke-width: 1.4; stroke-dasharray: 3 2; vector-effect: non-scaling-stroke; pointer-events: none; }
.advanced-serial-hit { fill: transparent; cursor: ew-resize; }
.advanced-serial-drag-segment .advanced-serial-hit { cursor: ns-resize; }
.advanced-serial-handle-label { fill: #ffe6b9; font: bold 4px system-ui, sans-serif; pointer-events: none; }
.advanced-serial-range-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.advanced-serial-range { display: grid; gap: 4px; min-width: 0; color: #c9e4e4; font-size: .69rem; font-weight: 750; }
.advanced-serial-range input { width: 100%; min-width: 0; accent-color: #f4c67d; }
.advanced-serial-marker-status { margin: 0; color: #bcd3d5; font-size: .69rem; line-height: 1.36; }
.advanced-serial-capture-controls { display: flex; flex-wrap: wrap; gap: 6px; }
.advanced-serial-workbench .advanced-serial-action { border-color: rgba(109, 224, 202, .5); }
.advanced-serial-workbench .advanced-serial-reset { color: #c8d7df; background: #182b38; }
.advanced-serial-comparison { display: grid; gap: 8px; padding-top: 9px; border-top: 1px solid rgba(143, 200, 244, .2); }
.advanced-serial-comparison h6 { margin: 0; color: #c5eee6; font-size: .77rem; }
.advanced-serial-comparison > p { margin: 0; color: #bfced5; font-size: .72rem; line-height: 1.4; }
.advanced-serial-capture-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.advanced-serial-capture-card { display: grid; align-content: start; gap: 5px; padding: 8px; border: 1px solid rgba(143, 200, 244, .25); border-radius: 7px; background: #0c2631; }
.advanced-serial-capture-card figcaption { color: #dceae9; font-size: .72rem; font-weight: 760; }
.advanced-serial-capture-case { color: #a9d9d2; font-size: .63rem; font-weight: 720; }
.advanced-serial-capture-card > svg { height: 74px; }
.advanced-serial-capture-card p { margin: 0; color: #bcd3d9; font-size: .68rem; line-height: 1.35; overflow-wrap: anywhere; }
.advanced-serial-capture-card .advanced-serial-capture-patient { padding-top: 4px; border-top: 1px solid rgba(143, 200, 244, .2); color: #e0d5bd; }
.advanced-serial-captured-marker { stroke: #f2c479; stroke-width: 1; stroke-dasharray: 3 2; vector-effect: non-scaling-stroke; }
.advanced-serial-captured-segment { stroke: #f2c479; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.advanced-serial-compare-warning { color: #f2d8ad !important; }
.advanced-serial-feedback { display: grid; gap: 4px; padding: 9px 10px; border-left: 3px solid #74d9c5; border-radius: 5px; background: rgba(109, 224, 202, .1); }
.advanced-serial-feedback[data-kind="boundary"], .advanced-serial-feedback[data-kind="caution"] { border-left-color: #f1be78; background: rgba(241, 190, 120, .1); }
.advanced-serial-feedback strong { color: #e6f5ee; font-size: .76rem; }
.advanced-serial-feedback p { margin: 0; color: #d5e5e6; font-size: .72rem; line-height: 1.42; overflow-wrap: anywhere; }
.advanced-serial-overlay { padding: 8px; border: 1px solid rgba(143, 200, 244, .26); border-radius: 7px; background: #061820; }
.advanced-serial-overlay-reference { stroke: #91bffd; stroke-width: 1.5; }
.advanced-serial-overlay-current { stroke: #f5bf76; stroke-width: 1.5; stroke-dasharray: 3 2; }
.advanced-serial-workbench .advanced-serial-boundary { color: #b5cad0; font-size: .67rem; }
@media (max-width: 560px) {
  .advanced-serial-workbench { padding: 9px; }
  .advanced-serial-matrix tbody tr { grid-template-columns: repeat(auto-fit, minmax(min(100%, 108px), 1fr)); }
  .advanced-serial-range-controls { grid-template-columns: 1fr; }
  .advanced-serial-capture-grid { grid-template-columns: 1fr; }
  .advanced-serial-figure > svg { height: 115px; }
  .advanced-serial-capture-card > svg { height: 80px; }
}
@media (prefers-reduced-motion: reduce) {
  .advanced-serial-workbench *, .advanced-serial-workbench *::before, .advanced-serial-workbench *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}