/**
 * Global switch styling: OFF = red, ON = green (flat, no 3D bevels).
 * Role permission tiles: off-white / light grey instead of pure white.
 */
:root {
    --digibank-switch-off: #dc2626;
    --digibank-switch-off-border: #991b1b;
    --digibank-switch-on: #16a34a;
    --digibank-switch-on-border: #15803d;
    --digibank-permission-card-bg: #eef1f5;
    --digibank-permission-card-border: #e2e8f0;
}

/* ——— Role permission grid cards (roles create / edit) ——— */
body.digibank-neo-ui .form-check.role-permission-switch {
    background: var(--digibank-permission-card-bg) !important;
    border: 1px solid var(--digibank-permission-card-border) !important;
    box-shadow: none !important;
}

body.digibank-neo-ui.dark-theme .layout .form-check.role-permission-switch {
    background: #e8ecf1 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: none !important;
}

/* ——— Bootstrap form-switch (checkbox) ——— */
body.digibank-neo-ui .form-check.form-switch .form-check-input {
    cursor: pointer;
    border: 1px solid var(--digibank-switch-off-border) !important;
    background-color: var(--digibank-switch-off) !important;
    box-shadow: none !important;
    filter: none !important;
}

body.digibank-neo-ui .form-check.form-switch .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.28) !important;
    border-color: var(--digibank-switch-off-border) !important;
}

body.digibank-neo-ui .form-check.form-switch .form-check-input:checked {
    background-color: var(--digibank-switch-on) !important;
    border-color: var(--digibank-switch-on-border) !important;
    box-shadow: none !important;
}

body.digibank-neo-ui .form-check.form-switch .form-check-input:checked:focus {
    box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.3) !important;
    border-color: var(--digibank-switch-on-border) !important;
}

body.digibank-neo-ui .form-check.form-switch .form-check-input:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

body.digibank-neo-ui .site-table .table tbody tr td .form-switch input.form-check-input:checked,
body.digibank-neo-ui .site-datatable .data-table tbody tr td .form-switch input.form-check-input:checked {
    background-color: var(--digibank-switch-on) !important;
    border-color: var(--digibank-switch-on-border) !important;
    box-shadow: none !important;
}

body.digibank-neo-ui .site-table .table tbody tr td .form-switch input.form-check-input:not(:checked),
body.digibank-neo-ui .site-datatable .data-table tbody tr td .form-switch input.form-check-input:not(:checked) {
    background-color: var(--digibank-switch-off) !important;
    border-color: var(--digibank-switch-off-border) !important;
    box-shadow: none !important;
}

/* ——— Segment switches (.switch-field) ——— */
body.digibank-neo-ui .switch-field label {
    background: #fb7185 !important;
    color: #fff !important;
    text-shadow: none !important;
    border-color: var(--digibank-switch-off-border) !important;
    box-shadow: none !important;
}

body.digibank-neo-ui .switch-field label:hover {
    filter: brightness(1.04);
}

body.digibank-neo-ui .switch-field input:checked + label {
    background: var(--digibank-switch-on) !important;
    color: #fff !important;
    border-color: var(--digibank-switch-on-border) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.digibank-neo-ui .switch-field input:checked + label:last-of-type {
    background: var(--digibank-switch-off) !important;
    color: #fff !important;
    border-color: var(--digibank-switch-off-border) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.digibank-neo-ui .switch-field.same-type input:checked + label:last-of-type {
    background: var(--digibank-switch-off) !important;
    border-color: var(--digibank-switch-off-border) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.digibank-neo-ui.dark-theme .layout .switch-field label {
    background: #7f1d1d !important;
    color: #fecaca !important;
    text-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.35) !important;
    box-shadow: none !important;
}

body.digibank-neo-ui.dark-theme .layout .switch-field input:checked + label {
    background: var(--digibank-switch-on) !important;
    color: #fff !important;
    border-color: var(--digibank-switch-on-border) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.digibank-neo-ui.dark-theme .layout .switch-field input:checked + label:last-of-type {
    background: var(--digibank-switch-off) !important;
    color: #fff !important;
    border-color: var(--digibank-switch-off-border) !important;
    box-shadow: none !important;
}

body.digibank-neo-ui.dark-theme .layout .switch-field.same-type input:checked + label:last-of-type {
    background: var(--digibank-switch-off) !important;
    border-color: var(--digibank-switch-off-border) !important;
    color: #fff !important;
    box-shadow: none !important;
}