.br-page { padding-bottom: 24px; }
.br-banner { padding:12px 16px; border:1px solid var(--line); border-radius:10px; background:var(--chip); color:var(--ink-dim); }
.br-banner.is-stale { color:#efd089; border-color:rgba(239,208,137,.35); }
.br-banner.is-error { color:var(--down); border-color:var(--down); }
.br-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.br-metric { display:flex; flex-direction:column; gap:10px; }
.br-metric > span, .br-metric small, .br-subtle { color:var(--ink-dim); font-size:12px; }
.br-metric strong { font-family:var(--num),var(--mono),monospace; font-size:26px; font-weight:500; }
.br-meta { display:flex; flex-wrap:wrap; gap:10px 24px; font-size:12px; color:var(--ink-dim); }
.br-meta span { display:flex; flex-direction:column; gap:5px; }
.br-meta strong { color:var(--ink); font-size:12px; font-weight:500; }
.br-list { display:flex; flex-direction:column; gap:12px; }
.br-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.br-toolbar label { display:flex; align-items:center; gap:8px; color:var(--ink-dim); font-size:12px; }
.br-toolbar select, .br-toolbar input { padding:8px 10px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:var(--chip); font:inherit; }
.br-toolbar input { width:140px; }
.br-events { display:grid; gap:14px; }
.br-related { display:flex; flex-direction:column; gap:14px; margin-top:24px; }
.br-event-identity > .mini-save { display:inline-block; margin-top:9px; font-size:11px; text-decoration:none; }
.br-event-card { padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--chip); }
.br-event-card.is-expired { border-left:3px solid var(--down); }
.br-event-header { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; align-items:start; }
.br-event-identity .br-symbol { font-size:15px; }
.br-period { display:inline-block; margin-left:9px; font:11px var(--mono),monospace; color:var(--ink-dim); }
.br-rank-state, .br-event-state { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.br-field-label { color:var(--ink-dim); font-size:11px; }
.br-rank-state strong { font-size:13px; font-weight:500; }
.br-event-prices { display:flex; flex-wrap:wrap; gap:8px 20px; margin:16px 0; font-size:12px; }
.br-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none; }
.br-stage { display:flex; flex-direction:column; gap:5px; padding:12px; border:1px dashed var(--line); border-radius:7px; color:var(--ink-dim); }
.br-stage.is-recorded { border-style:solid; color:var(--ink); }
.br-stage > strong { font-size:12px; font-weight:500; }
.br-stage > .br-value { margin-top:3px; font-size:12px; }
.br-event-evidence { margin-top:14px; }
.br-event-evidence summary { cursor:pointer; color:var(--ink-dim); font-size:11px; }
.br-transition-list { display:grid; gap:7px; padding-left:16px; margin:12px 0; color:var(--ink-dim); font-size:11px; }
.br-event-card .br-event-id { max-width:none; }
.br-page .v2-table-wrap table { min-width:960px; font-size:12px; }
.br-page .v2-table-wrap td { vertical-align:top; }
.br-symbol { background:none; border:0; padding:0; color:var(--ink); font:600 13px var(--num),monospace; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.br-symbol:hover { color:var(--up); }
.br-page button:focus-visible, .br-dialog button:focus-visible, .br-page summary:focus-visible, .br-toolbar select:focus-visible, .br-toolbar input:focus-visible, .br-related a:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.br-value { font-family:var(--num),var(--mono),monospace; }
.br-cell-note { display:block; margin-top:5px; color:var(--ink-dim); font-size:10px; }
.br-badge { display:inline-block; border:1px solid currentColor; border-radius:5px; padding:2px 6px; font-size:10px; white-space:nowrap; color:var(--ink-dim); }
.br-badge.PRE { color:#efd089; }
.br-badge.BREAKING { color:#e6b687; }
.br-badge.BROKEN { color:var(--up); }
.br-badge.EXPIRED { color:var(--down); }
.br-badge.stale { color:#efd089; }
.br-badge.unavailable { color:var(--down); }
.br-history summary, .br-control summary, .br-issues summary { cursor:pointer; font-size:14px; }
.br-history[open] > p, .br-control[open] > div, .br-issues[open] > div { margin-top:14px; }
.br-event-id { display:block; max-width:260px; margin-top:5px; font-size:9px; color:var(--ink-faint); white-space:normal; overflow-wrap:anywhere; }
.br-issues ul { list-style:none; display:grid; gap:8px; font-size:12px; color:var(--ink-dim); }
.br-dialog { width:min(1100px,calc(100vw - 32px)); max-height:90vh; margin:auto; padding:22px; color:var(--ink); background:var(--bg,#101827); border:1px solid var(--card-border); border-radius:var(--r,14px); }
.br-dialog::backdrop { background:rgba(0,0,0,.7); }
.br-dialog > p { margin:14px 0; }
.br-chart { width:100%; overflow:hidden; border:1px solid var(--line); border-radius:8px; }
.br-chart canvas { display:block; width:100%; height:420px; }
.br-chart-zones { display:flex; flex-wrap:wrap; gap:7px 14px; padding:15px 0; font-size:11px; color:var(--ink-dim); }
.br-sr-link { display:inline-block; margin-top:10px; color:var(--ink); font-size:12px; }
@media(max-width:700px) { .br-metrics { grid-template-columns:1fr; gap:8px; } .br-metric { flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px 16px; } .br-metric small { flex-basis:100%; } .br-meta { gap:12px; } .br-dialog { padding:14px; } .br-chart canvas { height:340px; } .br-event-header { grid-template-columns:1fr; gap:14px; } .br-stages { grid-template-columns:1fr; } .br-event-card { padding:12px; } .br-event-prices { flex-direction:column; } }