.dv{border:1px solid var(--dbc-border);border-radius:var(--dbc-radius);background:var(--dbc-surface);font-size:var(--sl-text-sm);margin-block:1.5rem;padding:1rem}.dv button{font:inherit;cursor:pointer}.dv button:disabled{cursor:not-allowed;opacity:.5}.dv button:focus-visible,.dv input:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.dv__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.dv__seg{border:1px solid var(--dbc-border-strong);border-radius:.5rem;flex-wrap:wrap;display:inline-flex;overflow:hidden}.dv__seg button{color:var(--sl-color-gray-3);background:0 0;border:0;padding:.35rem .8rem}.dv__seg button[aria-pressed=true]{background:color-mix(in srgb, var(--sl-color-accent) 14%, transparent);color:var(--sl-color-white);border-color:var(--sl-color-accent);font-weight:600}.dv__toggles{color:var(--sl-color-gray-2);flex-wrap:wrap;gap:.35rem 1.1rem;margin-bottom:.6rem;display:flex}.dv__toggles label{align-items:center;gap:.4rem;display:inline-flex}.dv__actions{flex-wrap:wrap;gap:.5rem;display:flex}.dv__primary{border:1px solid var(--sl-color-accent);background:var(--sl-color-accent);color:var(--sl-color-black);border-radius:.5rem;padding:.35rem .9rem;font-weight:600}.dv__ghost{border:1px solid var(--dbc-border-strong);color:var(--sl-color-gray-2);background:0 0;border-radius:.5rem;padding:.35rem .9rem}.dv__danger:not(:disabled){border-color:var(--dbc-cost);color:var(--dbc-cost)}.dv__clock{font-family:var(--sl-font-mono);color:var(--sl-color-gray-3)}.dv__clock strong{color:var(--sl-color-white)}.dv__guarantee{border-left:3px solid var(--sl-color-accent);background:var(--sl-color-black);color:var(--sl-color-gray-2);margin:0 0 .6rem;padding:.45rem .65rem}.dv__stage{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr);gap:.6rem;display:grid}.dv__panel{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);min-width:0;padding:.6rem}.dv__h{font-size:var(--sl-text-sm);color:var(--sl-color-white);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .5rem;display:flex}.dv__cells{grid-template-columns:repeat(auto-fill,minmax(3.4rem,1fr));gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.dv__cell{border:1px solid var(--dbc-border-strong);color:var(--sl-color-white);border-radius:.4rem;flex-direction:column;align-items:center;margin:0;padding:.25rem .1rem;line-height:1.2;transition:background-color .2s,border-color .2s,opacity .2s;display:flex}.dv__cell small{color:var(--sl-color-gray-3);white-space:nowrap;font-size:.7rem}.dv--held{background:#d9770629;border-color:#d97706}.dv--gone{opacity:.45}.dv--gone b{text-decoration:line-through}.dv--dlq{opacity:1;background:#7c3aed29;border-color:#7c3aed}.dv--now{outline:2px solid var(--sl-color-accent);outline-offset:1px}.dv--ok{border-color:var(--dbc-gain);background:color-mix(in srgb, var(--dbc-gain) 18%, transparent)}.dv--dup{background:#d977064d;border-color:#d97706}.dv--dup small{color:var(--sl-color-white);font-weight:700}.dv--lost{border-color:var(--dbc-cost);background:color-mix(in srgb, var(--dbc-cost) 20%, transparent)}.dv--lost small{color:var(--dbc-cost);font-weight:700}.dv__meta{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:.5rem 0 0}.dv__badge{border:1px solid var(--dbc-border-strong);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);border-radius:999px;padding:.05rem .45rem;font-weight:400}.dv__badge--up{border-color:var(--dbc-gain);color:var(--dbc-gain)}.dv__badge--down{border-color:var(--dbc-cost);color:var(--dbc-cost)}.dv__steps{margin:0;padding:0;list-style:none}.dv__step{color:var(--sl-color-gray-3);margin:0 0 .25rem;padding-left:1.2rem;position:relative}.dv__step:before{content:"○";position:absolute;left:0}.dv__step--done{color:var(--sl-color-white)}.dv__step--done:before{content:"✓";color:var(--dbc-gain)}.dv__step--now{color:var(--sl-color-white);font-weight:600}.dv__step--now:before{content:"▸";color:var(--sl-color-accent)}.dv__step--fail{color:var(--dbc-cost);text-decoration:line-through}.dv__step--fail:before{content:"✗"}.dv__stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:.6rem 0 0;display:grid}.dv__stat{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);padding:.4rem .55rem}.dv__stat dt{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.dv__stat dd{font-family:var(--sl-font-mono);font-size:var(--sl-text-lg);color:var(--sl-color-white);margin:.1rem 0 0;font-weight:700}.dv__key{vertical-align:-.05rem;border-radius:.15rem;width:.65rem;height:.65rem;margin-right:.3rem;display:inline-block}.dv__key--ok{background:var(--dbc-gain)}.dv__key--lost{background:var(--dbc-cost)}.dv__key--dup{background:#d97706}.dv__order{color:var(--sl-color-gray-3);overflow-wrap:anywhere;margin:.6rem 0 0}.dv__order span span{font-family:var(--sl-font-mono);color:var(--sl-color-white)}.dv__order .dv__ooo{color:#d97706;font-weight:700;text-decoration:underline}.dv__log{min-height:2.6em;color:var(--sl-color-gray-2);margin:.5rem 0 0}.dv__log--ok{color:var(--dbc-gain)}.dv__log--fail{color:var(--dbc-cost)}.dv__log--warn{color:#d97706}@media (prefers-reduced-motion:reduce){.dv__cell{transition:none}}@media (width<=48rem){.dv__stage{grid-template-columns:1fr}.dv__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}