/* Public results ledger and the scoped trading console. */
.sb-results { max-width: 980px; margin: 0 auto; padding: 16px; color: var(--ink); }
.sb-results-heading, .sb-results-admin-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.sb-results-heading h1, .sb-results-admin-heading h1 { margin: 0; font-family: var(--serif); font-size: clamp(1.45rem, 3vw, 2.15rem); }
.sb-results-kicker, .sb-results-admin-heading p { margin: 0 0 4px; color: var(--ruby); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.sb-results-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-bottom: 16px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--paper); }
.sb-results-filters label { display: grid; gap: 4px; min-width: 150px; color: var(--muted); font-size: .75rem; }
.sb-results-filters input, .sb-results-filters select, .sb-results-editor input, .sb-results-editor select, .sb-void-form input { min-height: 35px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--pearl); color: inherit; font: inherit; padding: 6px 8px; }
.sb-results-filters button, .sb-results-editor button, .sb-void-form button { min-height: 35px; border: 0; border-radius: var(--radius-md); background: var(--midnight); color: var(--pearl); cursor: pointer; font: inherit; font-size: .8rem; font-weight: 700; padding: 7px 12px; }
.sb-results-list, .sb-results-admin-list { display: grid; gap: 10px; }
.sb-result-row { display: grid; grid-template-columns: minmax(150px, .9fr) minmax(230px, 1.3fr) minmax(310px, 1.35fr); gap: 14px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--paper); }
.sb-result-competition { margin: 0; color: var(--muted); font-size: .78rem; }
.sb-result-fixture { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; font-size: .88rem; }
.sb-result-fixture span:last-child { text-align: right; }
.sb-result-fixture strong { padding: 5px 8px; border-radius: var(--radius-md); background: var(--midnight); color: var(--gold-soft); font-variant-numeric: tabular-nums; }
.sb-result-meta, .sb-results-readonly-result { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.sb-result-meta div, .sb-results-readonly-result div { min-width: 0; }
.sb-result-meta dt, .sb-results-readonly-result dt { color: var(--muted); font-size: .67rem; text-transform: uppercase; }
.sb-result-meta dd, .sb-results-readonly-result dd { margin: 2px 0 0; font-size: .78rem; font-variant-numeric: tabular-nums; }
.sb-result-status { font-weight: 700; }
.sb-result-status-confirmed { color: #1b7a53; }.sb-result-status-provisional { color: #a66816; }.sb-result-status-void { color: var(--ruby); }
.sb-results-empty { margin: 0; padding: 28px 16px; border: 1px dashed var(--line); border-radius: var(--radius-md); color: var(--muted); text-align: center; }
.sb-results-pagination { margin-top: 16px; }.sb-results-pagination nav { display: flex; flex-wrap: wrap; gap: 5px; }.sb-results-pagination a, .sb-results-pagination span { padding: 5px 8px; border: 1px solid var(--line); border-radius: var(--radius-md); color: inherit; font-size: .78rem; text-decoration: none; }
.sb-results-admin-body { min-height: 100vh; margin: 0; background: radial-gradient(circle at top right, #1d335c, #090d19 48%); color: #edf4ff; font: 15px/1.45 system-ui, sans-serif; }
.sb-results-admin-header { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; min-height: 60px; padding: 12px max(20px, calc((100vw - 1120px) / 2)); border-bottom: 1px solid #2a3854; background: rgba(9, 13, 25, .9); }
.sb-results-admin-header > a { color: #fdc544; font-weight: 800; letter-spacing: .04em; text-decoration: none; }.sb-results-admin-header > a span { color: #edf4ff; font-weight: 600; }.sb-results-admin-header nav { display: flex; flex-wrap: wrap; gap: 14px; }.sb-results-admin-header nav a { color: #edf4ff; text-decoration: none; }
.sb-results-admin-main { width: min(1120px, calc(100% - 32px)); margin: 28px auto 56px; }.sb-results-admin { color: #edf4ff; }.sb-results-admin-heading p { color: #fdc544; }.sb-results-admin-heading h1 { font-family: system-ui, sans-serif; }
.sb-results-readonly { padding: 5px 8px; border: 1px solid #536a90; border-radius: 999px; color: #b8c8e2; font-size: .75rem; }.sb-results-notice, .sb-results-errors { margin: 0 0 16px; padding: 12px; border-radius: 7px; }.sb-results-notice { background: #103629; }.sb-results-errors { background: #421f2a; }.sb-results-errors ul { margin: 0; }
.sb-results-admin .sb-results-filters, .sb-results-editor, .sb-settlement-table-wrap { border-color: #2a3854; background: #121a2b; }.sb-results-admin .sb-results-filters input, .sb-results-admin .sb-results-filters select, .sb-results-editor input, .sb-results-editor select, .sb-void-form input { border-color: #2a3854; background: #0b1220; color: #edf4ff; }.sb-results-admin .sb-results-filters button, .sb-results-editor button, .sb-void-form button { background: #fdc544; color: #15100a; }
.sb-results-editor { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(0, 1.7fr); gap: 14px; padding: 14px; border: 1px solid; border-radius: 9px; }.sb-results-editor header p, .sb-results-editor header h2, .sb-results-editor header small { margin: 0; }.sb-results-editor header p { color: #9fb1cc; font-size: .78rem; }.sb-results-editor header h2 { margin-top: 3px; font-size: 1rem; }.sb-results-editor header h2 span { color: #9fb1cc; font-size: .8rem; font-weight: 400; }.sb-results-editor header small { display: block; margin-top: 6px; color: #9fb1cc; }
.sb-results-editor form { display: grid; grid-template-columns: repeat(5, minmax(90px, 1fr)); gap: 8px; align-items: end; }.sb-results-editor label, .sb-void-form label { display: grid; gap: 4px; color: #b8c8e2; font-size: .72rem; }.sb-results-editor-reason { grid-column: span 3; }.sb-results-editor button { align-self: end; }.sb-results-readonly-result { align-self: center; }.sb-results-readonly-result dd { color: #edf4ff; }
.sb-settlement-table-wrap { overflow-x: auto; border: 1px solid; border-radius: 9px; }.sb-settlement-table { width: 100%; min-width: 780px; border-collapse: collapse; }.sb-settlement-table th, .sb-settlement-table td { padding: 11px 12px; border-bottom: 1px solid #2a3854; text-align: left; }.sb-settlement-table th { color: #9fb1cc; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; }.sb-void-form { display: flex; align-items: end; gap: 6px; }.sb-void-form input { width: 150px; }
@media (max-width: 900px) { .sb-result-row { grid-template-columns: 1fr 1.4fr; }.sb-result-meta { grid-column: 1 / -1; }.sb-results-editor { grid-template-columns: 1fr; }.sb-results-editor form { grid-template-columns: repeat(3, minmax(0, 1fr)); }.sb-results-editor-reason { grid-column: span 2; } }
@media (max-width: 620px) { .sb-results { padding: 12px; }.sb-results-heading, .sb-results-admin-heading { align-items: start; flex-direction: column; }.sb-results-filters { display: grid; grid-template-columns: 1fr; }.sb-results-filters label, .sb-results-filters button { width: 100%; }.sb-result-row { grid-template-columns: 1fr; gap: 10px; }.sb-result-meta { grid-column: auto; }.sb-results-admin-main { width: min(100% - 20px, 1120px); margin-top: 18px; }.sb-results-admin-header { padding-inline: 12px; }.sb-results-editor form { grid-template-columns: 1fr 1fr; }.sb-results-editor-reason { grid-column: 1 / -1; }.sb-results-editor button { grid-column: 1 / -1; }.sb-void-form { min-width: 190px; flex-direction: column; align-items: stretch; }.sb-void-form input { width: 100%; } }