/*  VOLURR — Market Depth + Tape  ·  depth.css  (scoped under #depthbook) */
#depthbook{position:fixed;inset:0;z-index:var(--z-overlay,1000);display:none;background:rgba(4,6,11,.62);backdrop-filter:blur(4px) saturate(120%);padding:6vh 14px;overflow:auto}
#depthbook.on{display:block;animation:dptf .14s ease}
@keyframes dptf{from{opacity:0}to{opacity:1}}
html[data-theme="light"] #depthbook{background:rgba(20,25,40,.36)}
#depthbook .dpt-panel{width:min(640px,100%);max-height:86vh;margin-inline:auto;display:flex;flex-direction:column;background:var(--cardgrad),var(--card);border:1px solid var(--line);border-radius:var(--rad-lg,14px);box-shadow:var(--el-4,0 20px 60px rgba(0,0,0,.5));overflow:hidden;animation:dptp .18s cubic-bezier(.2,.9,.3,1)}
@keyframes dptp{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}
#depthbook .dpt-panel:focus{outline:none}
#depthbook .dpt-top{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);background:radial-gradient(120% 150% at 0 0,color-mix(in srgb,var(--gold,#e23b3b) 12%,transparent),transparent 60%)}
#depthbook .dpt-top h2{font-size:15px;font-weight:900;color:var(--txt)}
#depthbook .dpt-symin{margin-inline-start:auto;width:96px;background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:6px 9px;color:var(--txt);font-family:inherit;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;outline:none}
#depthbook .dpt-symin:focus{border-color:var(--gold,#e23b3b)}
#depthbook .dpt-x{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--card2);color:var(--txt2);cursor:pointer;font-size:15px}
#depthbook .dpt-x:hover{color:var(--down);border-color:var(--down)}
#depthbook .dpt-body{padding:12px 14px;overflow-y:auto;scrollbar-width:thin}
#depthbook .dpt-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#depthbook .dpt-col{min-width:0}
#depthbook .dpt-coltitle{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:7px;display:flex;align-items:center;gap:6px}
#depthbook .dpt-src{background:var(--card2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:8.5px;color:var(--txt2)}
#depthbook .dpt-row{position:relative;display:flex;align-items:center;justify-content:space-between;padding:3px 7px;font-size:11px;font-variant-numeric:tabular-nums;overflow:hidden;border-radius:3px}
#depthbook .dpt-fill{position:absolute;top:0;bottom:0;inset-inline-end:0;opacity:.16}
#depthbook .dpt-fill.ask{background:var(--down,#e23b3b)}
#depthbook .dpt-fill.bid{background:var(--up,#26d07c)}
#depthbook .dpt-px{position:relative;font-weight:800}
#depthbook .dpt-row.ask .dpt-px{color:var(--down,#e23b3b)}
#depthbook .dpt-row.bid .dpt-px{color:var(--up,#26d07c)}
#depthbook .dpt-sz{position:relative;color:var(--txt2);font-size:10px}
#depthbook .dpt-spr{display:flex;align-items:center;justify-content:space-between;padding:6px 7px;margin:3px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#depthbook .dpt-spr b{font-size:13px;font-weight:900;color:var(--txt);font-variant-numeric:tabular-nums}
#depthbook .dpt-spr span{font-size:9.5px;color:var(--muted);font-weight:700}
#depthbook .dpt-tape{display:flex;flex-direction:column;gap:1px}
#depthbook .dpt-trow{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 7px;font-size:10.5px;font-variant-numeric:tabular-nums;border-radius:3px}
#depthbook .dpt-trow:nth-child(odd){background:var(--card2)}
#depthbook .dpt-tt{color:var(--muted);flex:0 0 auto}
#depthbook .dpt-tp{font-weight:800}
#depthbook .dpt-tp.up{color:var(--up,#26d07c)}
#depthbook .dpt-tp.down{color:var(--down,#e23b3b)}
#depthbook .dpt-tba{color:var(--txt2);font-size:9.5px}
#depthbook .dpt-empty{padding:24px 10px;text-align:center;color:var(--muted);font-size:11px;line-height:1.6;background:var(--card2);border:1px dashed var(--line);border-radius:9px}
#depthbook .dpt-load{padding:40px;text-align:center;color:var(--muted)}
#depthbook .dpt-note{font-size:9px;color:var(--muted);text-align:center;line-height:1.5;margin-top:12px}
@media (max-width:520px){#depthbook .dpt-cols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){#depthbook.on,#depthbook .dpt-panel{animation:none}}