:root{--ek-c-focal:var(--chart-c2);--ek-c-1:var(--chart-c1);--ek-c-2:var(--chart-c3);--ek-c-3:var(--chart-c4);--ek-c-ref:var(--chart-c-expected)}
.ek-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md)}
.ek-k{font:400 12px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

.ek-status{display:inline-flex;align-items:center;white-space:nowrap;font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:var(--radius-full);border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.ek-status.is-review{background:var(--warning-bg);border-color:var(--warning-edge)}
.ek-status.is-held{background:var(--info-bg);border-color:var(--info-edge)}
.ek-status.is-returned{background:var(--danger-bg);border-color:var(--danger-edge)}

.ek-queue{overflow:hidden}
.ek-queue-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.ek-queue-head h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:4px 0 0}
.ek-qcols,.ek-qrow{display:grid;grid-template-columns:76px minmax(0,1fr) 64px minmax(0,160px) 132px;gap:12px;align-items:center;padding:0 20px}
.ek-qcols{height:38px;border-bottom:1px solid var(--line);background:var(--surface)}
.ek-qcols span{font:400 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.ek-qrow{min-height:62px;border-bottom:1px solid var(--line-2);font-size:14px;color:var(--ink-2)}
.ek-qrow b{display:block;font-weight:600;color:var(--ink);font-size:15px}
.ek-qrow em{font-style:normal;font-size:13px;color:var(--mute)}
.ek-qrow .ek-id,.ek-qrow .ek-wait{font:400 13px var(--font-mono);font-variant-numeric:tabular-nums}
.ek-qrow[aria-selected="true"]{background:var(--surface);box-shadow:inset 3px 0 0 var(--ink)}

.ek-record{padding:22px 26px 24px}
.ek-record-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ek-record h3{font-size:23px;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:12px 0 0;max-width:32ch}
.ek-fields{display:grid;grid-template-columns:150px 1fr;margin:18px 0 0;border-top:1px solid var(--line)}
.ek-fields dt,.ek-fields dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.ek-fields dt{font:400 12px/1.9 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.ek-fields dd{color:var(--ink)}
.ek-mono{font:400 13px var(--font-mono)}
.ek-owned{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font:500 12px var(--font-mono);letter-spacing:.06em;color:var(--ink);background:var(--primary-tint);border:1px solid var(--primary-edge);border-radius:var(--radius-full);padding:2px 8px;vertical-align:1px}
.ek-owned::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary)}
.ek-actions{display:flex;gap:10px;margin-top:18px;align-items:center;flex-wrap:wrap}
.ek-actions .ek-k{margin-left:auto}
.ek-btn{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:var(--radius-button);font:600 14px var(--font-sans);border:1px solid var(--mute);background:transparent;color:var(--ink);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast)}
.ek-btn:active{transform:translateY(var(--move-press))}
.ek-btn.is-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}
.ek-btn.is-primary:hover{background:var(--primary-hover)}
.ek-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}

.ek-trace{margin:16px 0 0;padding:0;list-style:none;position:relative}
.ek-trace::before{content:"";position:absolute;left:4px;top:12px;bottom:12px;width:1px;background:var(--line)}
.ek-trace li{display:grid;grid-template-columns:20px 56px 1fr;gap:8px;font-size:14px;color:var(--ink-2);padding:5px 0;position:relative}
.ek-trace li::before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink-2);background:var(--card);margin-top:5px;position:relative;z-index:1;box-sizing:border-box}
.ek-trace li.is-now::before{background:var(--ink);border-color:var(--ink)}
.ek-trace time{font:400 13px var(--font-mono);color:var(--mute)}

.ek-chart{position:relative}
.ek-plot{position:relative;margin-left:44px}
.ek-plot svg{position:absolute;inset:0;overflow:visible}
.ek-grid{position:absolute;left:0;right:0;height:1px;background:var(--line-2)}
.ek-grid.is-base{background:var(--ink-2)}
.ek-ylab{position:absolute;left:-44px;font:400 12px var(--font-mono);color:var(--mute);transform:translateY(-50%)}
.ek-xlab{position:absolute;font:400 12px var(--font-mono);color:var(--mute);transform:translateX(-50%);white-space:nowrap}
.ek-series{fill:none;stroke-width:2.5}
.ek-series.is-focal{stroke:var(--ek-c-focal)}
.ek-series.is-c1{stroke:var(--ek-c-1)}.ek-series.is-c2{stroke:var(--ek-c-2)}
.ek-series.is-ref{stroke:var(--ek-c-ref);stroke-dasharray:5 4;stroke-width:1.5}
.ek-dots.is-focal{fill:var(--ek-c-focal)}.ek-dots.is-c1{fill:var(--ek-c-1)}.ek-dots.is-c2{fill:var(--ek-c-2)}
.ek-ann-line{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3}
.ek-ann{position:absolute;font:400 12px/1.45 var(--font-mono);color:var(--ink);background:var(--card);padding:2px 6px;max-width:30ch}
.ek-swatch{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:-1px;margin-right:6px}

@keyframes ek-arrive{from{opacity:0}to{opacity:1}}
.ek-enter{animation:ek-arrive var(--dur-base) var(--ease-out) both}
.ek-enter.is-stagger{animation-delay:calc(var(--i,0) * var(--reveal-stagger))}
@media (prefers-reduced-motion:reduce){.ek-enter,.ek-enter.is-stagger{animation:none}}
@media (max-width:760px){.ek-qcols{display:none}.ek-qrow{grid-template-columns:1fr auto;padding:10px 16px}.ek-qrow .ek-id,.ek-qrow .ek-wait,.ek-qrow .ek-route{display:none}.ek-fields{grid-template-columns:1fr}.ek-fields dt{border-bottom:0;padding-bottom:0}}
