/* Shared first-party Listeo toggle controls across Red Sea Hub account pages.
 * Listeo supplies two actual switch components: switch_1 inputs and labelled
 * slider switches in nested listing sections. Ordinary checkbox/radio inputs
 * are deliberately not selected.
 */
body.rsh-account-skin #dashboard input[type="checkbox"].switch_1 {
    width: 3.5em;
    height: 1.5em;
    border: 1px solid var(--rsh-theme-border, #37666b);
    border-radius: 3em;
    background: var(--rsh-theme-toggle-off, #153e43);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28);
}

body.rsh-account-skin #dashboard input[type="checkbox"].switch_1:after {
    background: var(--rsh-theme-toggle-knob, #f4fff4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

body.rsh-account-skin #dashboard input[type="checkbox"].switch_1:checked {
    border-color: var(--rsh-theme-toggle-on, #79c783);
    background: var(--rsh-theme-toggle-on, #79c783);
}

body.rsh-account-skin #dashboard input[type="checkbox"].switch_1:checked:after {
    background: var(--rsh-theme-toggle-knob, #f4fff4);
}

body.rsh-account-skin #dashboard input[type="checkbox"].switch_1:focus-visible {
    outline: 3px solid rgba(170, 239, 177, 0.76);
    outline-offset: 3px;
}

body.rsh-account-skin #dashboard input[type="checkbox"].switch_1:disabled {
    cursor: not-allowed;
    opacity: 0.52;
}

/* The section toggles used by Booking, Pricing, Opening Hours and the other
 * expandable Add Listing panels. Input state and expansion behaviour remain
 * Listeo-owned; only their visible slider receives the shared palette.
 */
body.rsh-account-skin #dashboard label.switch > input[type="checkbox"] + .slider.round {
    border: 1px solid var(--rsh-theme-border, #37666b);
    background: var(--rsh-theme-toggle-off, #153e43);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28);
}

body.rsh-account-skin #dashboard label.switch > input[type="checkbox"] + .slider.round:before {
    background: var(--rsh-theme-toggle-knob, #f4fff4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

body.rsh-account-skin #dashboard label.switch > input[type="checkbox"]:checked + .slider.round {
    border-color: var(--rsh-theme-toggle-on, #79c783);
    background: var(--rsh-theme-toggle-on, #79c783);
}

body.rsh-account-skin #dashboard label.switch > input[type="checkbox"]:focus-visible + .slider.round {
    outline: 3px solid rgba(170, 239, 177, 0.76);
    outline-offset: 3px;
}

body.rsh-account-skin #dashboard label.switch > input[type="checkbox"]:disabled + .slider.round {
    cursor: not-allowed;
    opacity: 0.52;
}