/* Classic control variants approved with the fitting mockup on 22.10.2026.
   Base buttons/fields remain owned by the shared site CSS. Opt-in classes only. */
:root{--classic-action-primary:color-mix(in srgb,var(--span) 80%,var(--bg));--classic-action-primary-hover:color-mix(in srgb,var(--span) 84%,var(--bg))}
.classic-action-primary{background:var(--classic-action-primary);color:var(--stars);border-color:var(--span-half);font-weight:600}
.classic-action-primary>span,.classic-action-secondary>span,.classic-action-quiet>span,.classic-team-choice>span{color:inherit}
.classic-action-primary:hover{background:var(--classic-action-primary-hover);color:var(--stars)}
.classic-action-secondary{background:var(--span-low);border-color:var(--span-half);color:var(--span)}
.classic-action-secondary:hover{background:var(--span-middle);color:var(--stars)}
.classic-action-quiet{color:var(--text-secondary)}
.classic-action-quiet:hover{color:var(--text-default)}
.classic-action-primary:disabled{background:var(--btn-disabled);color:var(--text-secondary);border-color:var(--transparent-5-w)}
.classic-icon-close{background:transparent;color:var(--text-secondary);flex:none;padding:0;min-width:41px;width:41px;height:41px}
.classic-icon-close svg{fill:currentColor;stroke:none;width:20px;height:20px}
.classic-icon-close:hover{background:var(--red-10);color:var(--red)}
.classic-icon-close:focus-visible{outline:2px solid var(--span);outline-offset:2px}
.classic-control-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.classic-toggle.active{background:var(--span-middle);color:var(--span);border-color:var(--span-half)}
.classic-team-choice{border:1px solid var(--transparent-10-w);background:var(--card);color:var(--text-secondary)}
.classic-team-choice[aria-pressed=true]{--classic-team-colour:var(--ct);border-color:var(--classic-team-colour);background:color-mix(in srgb,var(--classic-team-colour) 10%,var(--card));color:var(--classic-team-colour)}
.classic-team-choice[data-team=t][aria-pressed=true]{--classic-team-colour:var(--t)}
.classic-team-choice img{opacity:.65}
.classic-team-choice[aria-pressed=true] img{opacity:1}