#market-tape[hidden], #market-tape [hidden] { display:none !important; }
#market-tape { margin:18px 0 24px; color:var(--text); font-variant-numeric:tabular-nums; }
#market-tape .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.mt-shell { background:var(--bg-card); border:1px solid var(--border); border-radius:8px; box-shadow:0 5px 18px rgba(0,0,0,.09); overflow:hidden; }
.mt-top { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:10px 14px; border-bottom:1px solid var(--border); }
.mt-title { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mt-title strong { font-size:11px; letter-spacing:1px; }
.mt-dot { width:7px; height:7px; background:var(--accent); border-radius:50%; }
.mt-delay, .mt-foot { font-size:11px; color:var(--text-muted); }
.mt-controls { display:flex; gap:5px; flex-wrap:wrap; }
.mt-control { font:inherit; font-size:11px; color:var(--text); border:1px solid var(--border); background:var(--bg-primary); border-radius:4px; min-height:30px; padding:4px 9px; cursor:pointer; }
.mt-control:hover { border-color:var(--accent); }
.mt-events { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.mt-event { display:flex; flex-direction:column; gap:5px; min-width:0; padding:13px 15px; background:transparent; color:var(--text); border:0; border-right:1px solid var(--border); text-align:left; cursor:pointer; font:inherit; }
.mt-event:last-child { border-right:0; }
.mt-event:hover { background:rgba(128,160,180,.07); }
.mt-meta { display:flex; justify-content:space-between; gap:9px; flex-wrap:wrap; font-size:11px; color:var(--text-muted); }
.mt-tag { color:var(--accent); font-size:10px; text-transform:uppercase; letter-spacing:.65px; font-weight:600; }
.mt-event[data-kind=block] .mt-tag { color:#ba9bff; }
.mt-event[data-kind=rfq] .mt-tag, .mt-event[data-kind=notice] .mt-tag { color:#d7b858; }
.mt-event[data-kind=structure] .mt-tag { color:#70bfff; }
.mt-name { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.mt-economics { font-size:12px; }
.mt-evidence { font-size:11px; color:var(--text-muted); }
.mt-new { color:var(--accent); font-weight:600; }
.mt-foot { padding:8px 14px; display:flex; gap:8px 18px; flex-wrap:wrap; justify-content:space-between; border-top:1px solid var(--border); }
#mt-source-status[data-state=stale] { color:var(--negative,#ff9c78); }
.mt-empty { grid-column:1/-1; padding:22px 15px; color:var(--text-muted); font-size:12px; }
.mt-band { display:grid; grid-template-columns:160px repeat(4,minmax(0,1fr)); gap:16px; align-items:center; margin:15px 0 0; }
.mt-band-label { display:flex; flex-direction:column; gap:2px; font-size:10px; color:var(--text-muted); }
.mt-band-label strong { color:var(--text); font-size:12px; font-weight:500; }
.mt-active { padding:3px 0; color:var(--text); font:inherit; font-size:11px; border:0; background:transparent; text-align:left; cursor:pointer; min-width:0; }
.mt-active>span:first-child { display:flex; gap:6px; justify-content:space-between; flex-wrap:wrap; }
.mt-active:hover { color:var(--accent); }
.mt-active strong { font-weight:500; }
.mt-volume-track { height:4px; background:rgba(59,183,192,.12); display:block; margin-top:6px; }
.mt-volume-track>span { height:100%; display:block; background:var(--accent); }
.mt-detail { margin-top:15px; padding:16px; background:var(--bg-card); border:1px solid var(--border); border-radius:7px; }
.mt-detail-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:12px; }
.mt-detail-heading h2 { font-size:15px; font-weight:600; margin:0 0 3px; }
#mt-detail-meta { color:var(--text-muted); font-size:11px; }
.mt-table-wrap { overflow-x:auto; }
.mt-detail table { width:100%; border-collapse:collapse; font-size:12px; }
.mt-detail th,.mt-detail td { padding:9px 6px; text-align:right; border-bottom:1px solid var(--border); font-weight:400; }
.mt-detail th:first-child { padding-left:0; text-align:left; }
.mt-detail thead th { color:var(--text-muted); font-size:11px; }
.mt-note { font-size:12px; color:var(--text-muted); margin:9px 0 0; overflow-wrap:anywhere; }
#market-tape button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.fb-card td.fb-volume { background:linear-gradient(to right,rgba(59,183,192,.24) var(--fb-volume-fill,0%),transparent var(--fb-volume-fill,0%)); background-size:100% 65%; background-repeat:no-repeat; background-position:center; }
.fb-card tr.fb-recent { background:rgba(215,184,88,var(--fb-recency,0)); }
.fb-card td.fb-age { color:var(--text-muted); font-size:10px; }
.fb-activity-legend { font-size:11px; color:var(--text-muted); margin:0 0 13px; }
@media(max-width:900px) { .mt-events { grid-template-columns:repeat(2,minmax(0,1fr)); } .mt-event:nth-child(3) { display:none; } .mt-band { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 18px; } .mt-band-label { grid-column:1/-1; flex-direction:row; align-items:center; gap:9px; } }
@media(max-width:550px) { .mt-events { grid-template-columns:1fr; } .mt-event:nth-child(2) { display:none; } .mt-controls { width:100%; justify-content:flex-end; } .mt-foot { flex-direction:column; } }
@media(pointer:coarse) { .mt-control { min-height:44px; min-width:44px; } .mt-active { min-height:44px; } }
