/* Visible configuration radios only; button-group inputs and checkboxes stay native. */
@supports ((appearance:none) or (-webkit-appearance:none)){
 body.fxc-app .fxc-configure-native .form-check input[type=radio]{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:16px;height:16px;min-width:16px;flex:0 0 16px;border:1.5px solid var(--fxc-radio-border,#b5bfd0);border-radius:50%;background-color:var(--cfg-surface,#fff);background-image:none;vertical-align:middle;cursor:pointer;box-shadow:0 1px 2px #24395b08;transition:border-color .14s,background-color .14s,box-shadow .14s}
 html[data-fxc-mode=dark] body.fxc-app .fxc-configure-native .form-check input[type=radio]{--fxc-radio-border:#71809a}
 body.fxc-app .fxc-configure-native .form-check input[type=radio]:checked{border-color:#16845b;background-color:#16845b;background-image:radial-gradient(circle,#fff 0 3px,transparent 3.5px);box-shadow:0 0 0 2px #16845b14}
 body.fxc-app .fxc-configure-native .form-check input[type=radio]:not(:disabled):hover{border-color:#16845b;box-shadow:0 0 0 3px #16845b14}
 body.fxc-app .fxc-configure-native .form-check input[type=radio]:focus-visible{outline:2px solid #16845b;outline-offset:3px}
 body.fxc-app .fxc-configure-native .form-check input[type=radio]:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
 body.fxc-app .fxc-configure-native .form-check input[type=radio]:not(:disabled)+label{cursor:pointer}
}
@media(prefers-reduced-motion:reduce){body.fxc-app .fxc-configure-native .form-check input[type=radio]{transition:none}}
@media(forced-colors:active){body.fxc-app .fxc-configure-native .form-check input[type=radio]{-webkit-appearance:auto;appearance:auto;background-image:none;box-shadow:none;forced-color-adjust:auto}}