/* ON/OFF común de Extranet. Referencia: configuración SMS.
   label > OFF + checkbox + lever + ON. No duplicar estas reglas en JS/JS-ini. */
.gaolos-switch label { display:inline-flex; align-items:center; cursor:pointer; margin:0; white-space:nowrap; }
.gaolos-switch input[type=checkbox] { position:absolute; opacity:0; width:1px; height:1px; }
.gaolos-switch .lever { display:inline-block; position:relative; width:40px; height:15px; margin:0 16px; background:#818181; border-radius:15px; transition:background .3s ease; }
.gaolos-switch .lever:after { content:""; position:absolute; width:21px; height:21px; left:-5px; top:-3px; background:#f1f1f1; border-radius:21px; box-shadow:0 1px 3px 1px rgba(0,0,0,.4); transition:left .3s ease,background .3s ease; }
.gaolos-switch input:checked + .lever { background:#84c7c1; }
.gaolos-switch input:checked + .lever:after { left:24px; background:#26a69a; }
.gaolos-switch input:focus + .lever:after { box-shadow:0 0 0 4px rgba(38,166,154,.2),0 1px 3px 1px rgba(0,0,0,.4); }
.gaolos-switch .gaolos-switch-off { color:#9aa4ad; font-weight:400; }
.gaolos-switch .gaolos-switch-on { color:#26a69a; font-weight:700; }
.gaolos-switch input:disabled ~ .lever { opacity:.55; cursor:not-allowed; }
.gaolos-switch input:disabled ~ .gaolos-switch-on { color:#9aa4ad; cursor:not-allowed; }
.gaolos-switch input:disabled + .lever { background:#818181; }
.gaolos-switch input:disabled + .lever:after { background:#f1f1f1; }
.gaolos-switch label:has(input:disabled) { cursor:not-allowed; }
.gaolos-switch label:has(input:disabled) * { cursor:not-allowed; }