@layer components{.interactive-table-shell{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;display:grid}.interactive-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.table-quick-filters,.table-toolbar-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-quick-filter{border:1px solid var(--border);background:var(--surface-control);min-height:32px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.table-quick-filter:hover{background:var(--surface-control-hover)}.table-quick-filter.is-active{color:var(--text-on-accent);background:var(--accent-primary);border-color:#0000}.table-result-count{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.table-menu{position:relative}.table-menu>summary{list-style:none}.table-menu>summary::-webkit-details-marker{display:none}.table-menu[open]>summary{background:var(--surface-control-hover)}.table-menu-panel{z-index:60;min-width:260px;max-width:min(420px,100vw - 32px);max-height:min(70vh,540px);color:var(--text);background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-pop);border-radius:12px;gap:10px;padding:12px;display:grid;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;overflow:auto}.table-filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr));min-width:min(400px,100vw - 32px)}.table-filter-field,.table-filter-fieldset label,.table-save-view label{color:var(--muted);gap:4px;font-size:12px;font-weight:700;display:grid}.table-filter-field input,.table-filter-field select,.table-filter-fieldset input,.table-save-view input,.table-pagination select{min-width:0}.table-filter-fieldset{border:0;grid-template-columns:1fr 1fr;gap:6px;min-width:0;margin:0;padding:0;display:grid}.table-filter-fieldset legend{color:var(--muted);grid-column:1/-1;font-size:12px;font-weight:700}.table-column-option,.table-view-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.table-column-option label{align-items:center;gap:6px;font-size:13px;display:flex}.table-column-option label:last-child{color:var(--muted);font-size:12px}.table-view-list{gap:6px;display:grid}.table-view-list>button,.table-view-row>button:first-child{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:6px}.table-view-list>button:hover,.table-view-row>button:first-child:hover{color:var(--accent-primary)}.table-icon-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0}.table-view-row>button:first-child{flex:1}.table-save-view{border-top:1px solid var(--border);align-items:end;gap:8px;padding-top:8px;display:flex}.table-save-view label{flex:1}.table-menu-message{min-height:1.2em;color:var(--muted);margin:0;font-size:12px}.interactive-table-scroll{overscroll-behavior:contain;width:100%;min-width:0;max-width:100%;max-height:min(68vh,720px);position:relative;overflow:auto}.interactive-table-scroll:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.interactive-table{min-width:max-content}.interactive-table thead th{z-index:4;height:42px;padding:0;position:sticky;inset-block-start:0}.interactive-table tbody td{height:42px}.table-sort-button{width:100%;min-height:42px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:8px;font-weight:700;display:flex}.table-sort-button:hover{background:#ffffff14}.table-sort-button:focus-visible,.table-expand-button:focus-visible,.table-quick-filter:focus-visible,.table-menu summary:focus-visible,.table-menu button:focus-visible{outline:3px solid var(--accent-ring);outline-offset:-2px}.table-sort-indicator{min-width:24px;color:var(--accent-secondary);align-items:flex-start;display:inline-flex}.table-filter-dot{color:var(--status-champ);font-size:18px;line-height:.5}.interactive-table .table-column-pinned{z-index:2;background:var(--surface-panel);position:sticky;inset-inline-start:0;box-shadow:3px 0 5px -4px #0f172a99}.interactive-table thead .table-column-pinned{z-index:6;background:var(--table-header)}.interactive-table tbody tr:nth-child(2n) .table-column-pinned{background:var(--row-alt)}.interactive-table .result-win .table-column-pinned{background:color-mix(in srgb,var(--surface-panel) 84%,var(--status-win-text) 16%)}.interactive-table .result-loss .table-column-pinned{background:color-mix(in srgb,var(--surface-panel) 84%,var(--status-loss-text) 16%)}.interactive-table .result-tie .table-column-pinned{background:color-mix(in srgb,var(--surface-panel) 84%,var(--status-tie-text) 16%)}.interactive-table .current-owner-focus-row .table-column-pinned{background:var(--accent-soft)}.table-expand-button{border:1px solid var(--border-strong);width:32px;height:32px;color:var(--text);background:var(--surface-control);cursor:pointer;border-radius:50%;place-items:center;margin-inline-end:6px;font-weight:800;display:inline-grid}.table-expanded-row td{background:var(--surface-panel-alt);box-shadow:inset 0 1px 0 var(--border),inset 0 -1px 0 var(--border)}.table-expanded-details{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px 18px;margin:0;display:grid}.table-expanded-details div{gap:3px;display:grid}.table-expanded-details dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.table-expanded-details dd{color:var(--text);margin:0;font-size:13px;font-weight:600}.table-expanded-links{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.table-expanded-links a{color:var(--accent-primary);font-size:13px;font-weight:700}.table-chip-list{flex-wrap:wrap;gap:4px;display:flex}.table-note-chip{border:1px solid var(--border-strong);color:var(--text);background:var(--surface-control-hover);border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:800;line-height:1.25;display:inline-flex}.interactive-table tbody td.table-empty-state{text-align:center;padding:24px}.table-pagination{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.table-pagination label{align-items:center;gap:6px;display:flex}.table-pagination .btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=700px){.interactive-table-toolbar{align-items:flex-start}.table-toolbar-actions{width:100%}.table-result-count{margin-inline-end:auto}.table-menu[open]>.table-menu-panel{z-index:100;border-radius:16px;max-width:none;max-height:calc(100vh - 24px);position:fixed;inset:12px 8px auto}.table-filter-grid{grid-template-columns:1fr;min-width:0}.interactive-table-scroll{max-height:72vh}.interactive-table .table-low-priority{display:none}.table-quick-filters{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow:auto}.table-quick-filter{white-space:nowrap}}}
