/* Workspace-only skin; the spectator matrix styles and renderer remain shared. */
#classicDivisionWorkspace { min-width: 0; }
#classicDivisionWorkspace .card { min-width: 0; }
.workspace-results-matrix {
    --text-muted: #94a3b8;
    --border-color: #334155;
    min-width: 0;
    max-width: 100%;
}
.workspace-results-matrix .public-results-toolbar { padding: 0 0 14px; margin-bottom: 14px; }
.workspace-results-matrix .public-results-switch { max-width: 100%; }
.workspace-results-matrix .public-results-switch button { width: auto; flex: 0 1 auto; white-space: nowrap; }
.workspace-results-matrix .public-results-legend { padding: 0; margin-bottom: 16px; }
.workspace-results-matrix .public-results-phase { padding: 0; }
.workspace-results-matrix .public-results-table { margin-top: 0; min-width: 0; }
.workspace-results-matrix .public-results-table th { text-transform: none; }
.workspace-results-matrix .public-results-table tbody th { color: var(--text-main); }
.workspace-results-matrix .public-results-matrices .matches-grid { display: grid; gap: 10px; }
.workspace-results-matrix .public-results-unresolved h4 { margin: 0; }
.workspace-results-preview {
    color: #f8fafc; background: #141f3d; border: 1px solid #475569;
    border-radius: 16px; padding: 24px; width: 520px;
    max-width: calc(100vw - 28px); max-height: 85vh; overflow-y: auto;
    box-sizing: border-box; font: inherit; overflow-wrap: anywhere;
}
.workspace-results-preview::backdrop { background: rgba(2,6,23,.76); }
.workspace-results-preview-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.workspace-results-preview-top h3 { font-size: 1.05rem; }
.workspace-results-preview-top button { width: 40px; height: 40px; flex-shrink: 0; padding: 8px; }
.workspace-results-preview-phase, .workspace-results-preview-note { color: #94a3b8; font-size: .82rem; line-height: 1.6; }
.workspace-results-preview-teams { display: grid; gap: 8px; margin: 20px 0 12px; text-align: center; font-size: 1.2rem; }
.workspace-results-preview-teams span { color: #64748b; }
.workspace-results-preview-score { text-align: center; color: #fbbf24; font-size: 2rem; font-weight: 800; margin: 12px 0; }
.workspace-results-preview-status { text-align: center; }
.workspace-results-public-link { display: inline-block; color: #7dd3fc; padding: 10px 0; }
.workspace-results-preview :focus-visible { outline: 2px solid #fbbf24; outline-offset: 3px; }
@media (max-width: 600px) {
    .workspace-results-matrix .public-results-toolbar { gap: 8px; }
    .workspace-results-matrix .public-results-switch button { flex: 1; white-space: normal; }
    .workspace-results-preview { padding: 18px; }
}