/* ─────────────────────────────────────────────────────────────
   finance-shim.css — dropdown-widget rules the Finance view needs,
   copied verbatim from the app (books.css / think.css .bv-dd-* set).
   Standalone-prototype only; the main app supplies these via
   think.css / books.css.
   ───────────────────────────────────────────────────────────── */

/* ── BV dropdown styles (THINK reuses BOOKS' dropdown widget) ── */
.bv-dd-wrap{position:relative}
.bv-dd-btn{background:none;border:1px solid var(--border2,#2D3748);color:var(--gold,#D4AF37);font-family:'Cinzel',serif;font-size:var(--fs-3);letter-spacing:.1em;padding:7px 10px;cursor:pointer;min-width:170px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:6px;border-radius:2px}
.bv-dd-btn:hover{border-color:var(--gold,#D4AF37)}
.bv-dd-panel{position:absolute;top:calc(100% + 4px);left:0;width:300px;max-height:70vh;background:#0E1621;border:1px solid var(--gold,#D4AF37);border-radius:2px;z-index:100;display:none;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.6)}
.bv-dd-scroll::-webkit-scrollbar{width:10px}
.bv-dd-scroll::-webkit-scrollbar-track{background:rgba(212,175,55,0.05)}
.bv-dd-scroll::-webkit-scrollbar-thumb{background:rgba(212,175,55,0.45);border-radius:5px}
.bv-dd-scroll::-webkit-scrollbar-thumb:hover{background:rgba(212,175,55,0.75)}
.bv-dd-panel.open{display:flex}
.bv-dd-search{margin:10px 10px 6px;padding:7px 9px;background:#1a2330;border:1px solid var(--border2,#2D3748);color:#fff;font-family:'Source Sans 3',sans-serif;font-size:var(--fs-3);border-radius:2px;outline:none}
.bv-dd-search:focus{border-color:var(--gold,#D4AF37)}
.bv-dd-scroll{flex:1;overflow-y:auto;padding:4px 0 10px}
.bv-ck-row{display:flex;align-items:center;gap:8px;padding:5px 16px;cursor:pointer;transition:background .1s;font-family:'Source Sans 3',sans-serif;font-size:var(--fs-3);color:var(--text1,#E4E4E7)}
.bv-ck-row:hover{background:rgba(212,175,55,.10)}
.bv-ck-row.checked{color:var(--gold,#D4AF37)}
.bv-ck{display:inline-block;width:14px;height:14px;border:1px solid rgba(212,175,55,.5);border-radius:2px;flex-shrink:0;text-align:center;line-height:14px;font-size:var(--fs-3);color:transparent;transition:all .1s}
.bv-ck.on{color:var(--gold,#D4AF37);border-color:var(--gold,#D4AF37);background:rgba(212,175,55,.12)}
.bv-ck.on::after{content:'\2713'}
.bv-ck-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bv-ck-count{font-size:var(--fs-3);color:var(--muted,#6B7B8C);flex-shrink:0}
.bv-clear-all{width:28px;height:28px;background:transparent;border:1px solid var(--border2,#2D3748);border-radius:2px;color:var(--gold,#D4AF37);font-size:var(--fs-2);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:opacity .15s,border-color .15s}

/* ── Finance-only: collapse the empty shell filter/actions header (zoneB) ──
   FILTER_SPECS.FINANCE is empty, so both zoneB rows render blank but keep
   their height, leaving a tall dead strip above the ILLUSTRATIVE banner.
   Scoped to body[data-active-tab="FINANCE"] (set by the shell in setActiveTab),
   so the other 15 views are pixel-identical. */
body[data-active-tab="FINANCE"] #zoneB{ display:none; }