/* Feedback follows real classes/ARIA state. Never infer saved state from a click. */
html:not(#ui-x) body :is(button, .pg-btn, .sx-btn, .btn, .xb, .mp-icon-btn) {
    transition: background-color .16s ease, border-color .16s ease, color .16s ease,
        box-shadow .16s ease, translate .12s ease;
}
html:not(#ui-x) body :is(button, .pg-btn, .sx-btn, .btn, .xb, .mp-icon-btn):not(:disabled):not([aria-disabled=true]):active {
    translate: 0 1px;
}
html:not(#ui-x) body :is(button, .pg-btn, .sx-btn, .btn, .xb):focus-visible {
    outline: 2px solid var(--mc-accent, #0a84d6); outline-offset: 3px;
}
html:not(#ui-x) body :is(.sx-seg, .xseg, .xtabs, .ttabs) > button:is(.on, [aria-pressed=true]) {
    background: var(--mc-accent-soft, #e4f2fa) !important;
    color: var(--mc-accent, #0a84d6) !important; border-color: var(--mc-accent, #0a84d6) !important;
}
html:not(#ui-x) body :is(button, .pg-btn, .sx-btn, .btn):disabled {
    cursor: not-allowed;
}
html:not(#ui-x) body #browser-push button.is-selected {
    background: var(--mc-accent, #0a84d6); color: var(--mc-accent-text, #fff) !important;
    border-color: var(--mc-accent, #0a84d6); opacity: 1;
}
html:not(#ui-x) body button[aria-busy=true] { cursor: progress; }
@media (prefers-reduced-motion: reduce) {
    html:not(#ui-x) body :is(button, .pg-btn, .sx-btn, .btn, .xb, .mp-icon-btn) { transition: none; }
    html:not(#ui-x) body button[aria-busy=true] { animation: none; }
}