/* ========================================================================== */
/* TURNO YA - TEMA DINÁMICO DEL PANEL DEL PROPIETARIO                       */
/* Este archivo se carga después de los estilos aislados de Blazor.          */
/* ========================================================================== */

:root {
    --ty-owner-accent: #FFC400;
    --ty-owner-accent-rgb: 255, 196, 0;
}

/* ========================================================================== */
/* ALCANCE                                                                    */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"] {
    color-scheme: dark;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] {
    color-scheme: light;
    --ty-light-page: #f4f7fb;
    --ty-light-surface: #ffffff;
    --ty-light-surface-soft: #f8fafc;
    --ty-light-surface-muted: #eef3f7;
    --ty-light-border: #d6e0e8;
    --ty-light-border-strong: #bdcbd7;
    --ty-light-text: #17202b;
    --ty-light-text-soft: #526273;
    --ty-light-text-muted: #718096;
    --ty-light-shadow: 0 10px 30px rgba(15, 23, 42, .08);
}

/* ========================================================================== */
/* RAÍCES DE PÁGINA                                                           */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] body,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] #app,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .agenda-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .billing-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .branches-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .business-payments-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .clients-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .income-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .marketing-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .payment-result-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .plan-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .professionals-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .schedule-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .promotions-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .reports-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .reviews-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .assignments-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .categories-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .services-shell,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell {
    background: var(--ty-light-page) !important;
    color: var(--ty-light-text) !important;
}

/* ========================================================================== */
/* SIDEBAR / NAVEGACIÓN                                                       */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) :is(aside, .sidebar, .profile-sidebar) {
    background: #ffffff !important;
    border-color: var(--ty-light-border) !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) nav a {
    color: #425466 !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) nav a:hover {
    background: rgba(var(--ty-owner-accent-rgb), .10) !important;
    color: #17202b !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) nav :is(.active, a.active) {
    background: rgba(var(--ty-owner-accent-rgb), .15) !important;
    color: var(--ty-light-text) !important;
    border-color: var(--ty-owner-accent) !important;
}

/* ========================================================================== */
/* SUPERFICIES, TARJETAS Y PANELES                                             */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .payment-result-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) :is(
    [class*="card"],
    [class*="panel"],
    [class*="widget"],
    [class*="modal"],
    [class*="drawer"],
    [class*="toolbar"],
    [class*="table-wrap"],
    [class*="table-panel"]
) {
    background-color: var(--ty-light-surface) !important;
    border-color: var(--ty-light-border) !important;
    color: var(--ty-light-text) !important;
    box-shadow: var(--ty-light-shadow);
}

/* Evita que tarjetas internas hereden sombras innecesarias. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .preference-card-title,
    .check-card,
    .role-card
) {
    box-shadow: none !important;
}

/* ========================================================================== */
/* CABECERAS Y CONTENIDO                                                       */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .payment-result-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) :is(h1, h2, h3, h4, h5, h6, strong, label) {
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .payment-result-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) :is(p, small, .muted, [class*="subtitle"], [class*="description"], [class*="caption"], [class*="hint"], [class*="help"]) {
    color: var(--ty-light-text-soft) !important;
}

/* ========================================================================== */
/* FORMULARIOS                                                                 */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) :is(input, select, textarea) {
    background: #ffffff !important;
    border-color: var(--ty-light-border-strong) !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) :is(input, select, textarea):focus {
    border-color: var(--ty-owner-accent) !important;
    box-shadow: 0 0 0 3px rgba(var(--ty-owner-accent-rgb), .16) !important;
    outline: none !important;
}

/* ========================================================================== */
/* TABLAS                                                                      */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .plan-shell,
    .professionals-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .categories-shell,
    .services-shell
) table {
    background: #ffffff !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .plan-shell,
    .professionals-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .categories-shell,
    .services-shell
) :is(th, td) {
    border-color: var(--ty-light-border) !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .plan-shell,
    .professionals-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .categories-shell,
    .services-shell
) thead {
    background: var(--ty-light-surface-muted) !important;
}

/* ========================================================================== */
/* COLOR PRINCIPAL / ACCIONES                                                  */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .payment-result-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) :is(
    .primary,
    .primary-button,
    .btn-primary,
    .btn-primary-plan,
    .add-button,
    .save,
    .save-preferences,
    .filter-button,
    .btn-filter
) {
    background: var(--ty-owner-accent) !important;
    border-color: var(--ty-owner-accent) !important;
    color: #101820 !important;
}

html[data-turnoya-owner-theme-active="true"] .profile-shell .tabs button.active,
html[data-turnoya-owner-theme-active="true"] .profile-shell .theme-options button.selected {
    border-color: var(--ty-owner-accent) !important;
}

html[data-turnoya-owner-theme-active="true"] .profile-shell .tabs button.active::after {
    background: var(--ty-owner-accent) !important;
}

html[data-turnoya-owner-theme-active="true"] .profile-shell .accent-options button.selected {
    outline-color: var(--ty-owner-accent) !important;
}

/* ========================================================================== */
/* PERFIL DEL PROPIETARIO - AJUSTE FINO DEL MOCKUP                            */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .profile-main,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .profile-content {
    background: var(--ty-light-page) !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell :is(
    .profile-hero,
    .preferences-section,
    .preferences-header,
    .preferences-footer,
    .preference-card,
    .card
) {
    background: #ffffff !important;
    border-color: var(--ty-light-border) !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .preferences-header {
    border-bottom-color: var(--ty-light-border) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .preferences-footer {
    border-top-color: var(--ty-light-border) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .preferences-info {
    background: #eef7ff !important;
    border-color: #b8dcf7 !important;
    color: #245a7d !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .theme-options button,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .reset-preferences,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .outline-button {
    background: #ffffff !important;
    border-color: var(--ty-light-border-strong) !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .theme-options button.selected {
    background: rgba(var(--ty-owner-accent-rgb), .10) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .profile-shell .switch-list label > i {
    background: #cbd5df !important;
}

html[data-turnoya-owner-theme-active="true"] .profile-shell .switch-list input:checked + i {
    background: #10c98b !important;
}

/* ========================================================================== */
/* TEMA OSCURO                                                                */
/* Solo el acento es dinámico; se conserva el diseño oscuro existente.        */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="dark"] .profile-shell .save-preferences {
    background: var(--ty-owner-accent) !important;
    border-color: var(--ty-owner-accent) !important;
}

/* ========================================================================== */
/* TEMA CLARO - CORRECCIÓN DE SUPERFICIES CON GRADIENTES                      */
/* Los módulos originales usan background: linear-gradient(...).               */
/* background-color no elimina esa imagen de fondo; por eso en la primera      */
/* versión algunas tarjetas permanecían oscuras.                               */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-shell,
    .agenda-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .clients-shell,
    .income-shell,
    .marketing-shell,
    .payment-result-shell,
    .plan-shell,
    .professionals-shell,
    .schedule-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .assignments-shell,
    .categories-shell,
    .services-shell,
    .profile-shell
) :is(
    [class*="card"],
    [class*="panel"],
    [class*="widget"],
    [class*="modal"],
    [class*="drawer"],
    [class*="toolbar"],
    [class*="table-wrap"],
    [class*="table-panel"]
) {
    background: var(--ty-light-surface) !important;
}

/* ========================================================================== */
/* DASHBOARD DEL PROPIETARIO - TEMA CLARO                                     */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell {
    background: var(--ty-light-page) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .owner-main,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .owner-center,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .owner-content-grid {
    background: transparent !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .dash-head h1 {
    color: #17202b !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .dash-head p {
    color: var(--ty-light-text-soft) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .head-actions button,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .head-actions select {
    background: #ffffff !important;
    color: var(--ty-light-text) !important;
    border-color: var(--ty-light-border-strong) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04) !important;
}

/* Hero del plan: conserva la identidad amarilla, pero deja de verse negro. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-hero {
    background: linear-gradient(135deg, #fff8df 0%, #fffdf5 55%, #fff6cf 100%) !important;
    border-color: #e8bd29 !important;
    box-shadow: 0 8px 24px rgba(161, 116, 0, .08) !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-hero h2,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-hero strong {
    color: #17202b !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-hero p,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-hero small {
    color: #6b5a20 !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .days-ring {
    background: #ffffff !important;
    border-color: var(--ty-owner-accent) !important;
    color: #17202b !important;
}

/* KPIs y tarjetas principales. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell :is(.kpi, .card) {
    background: #ffffff !important;
    border-color: var(--ty-light-border) !important;
    color: var(--ty-light-text) !important;
    box-shadow: var(--ty-light-shadow) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .kpi :is(strong, span),
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .card :is(h2, h3, h4, strong, label) {
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .kpi :is(small, em),
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .card :is(p, small) {
    color: var(--ty-light-text-soft) !important;
}

/* Gráficas: cambia líneas y fondos auxiliares sin tocar sus colores de datos. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .bars {
    border-bottom-color: #dbe4ec !important;
    background: repeating-linear-gradient(
        to top,
        transparent 0,
        transparent 34px,
        rgba(148, 163, 184, .18) 35px
    ) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .bar-col small,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .schedule-row,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .schedule-row.header {
    color: var(--ty-light-text-soft) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .schedule-row,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .activity-list > div,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-dates,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .usage-grid {
    border-color: var(--ty-light-border) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .donut > div {
    background: #ffffff !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .legend,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .legend div {
    color: var(--ty-light-text) !important;
}

/* Panel lateral de suscripción y planes. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-detail,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plans-card {
    background: #ffffff !important;
    border-color: var(--ty-light-border) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .feature-box {
    background: #f7f4ff !important;
    border-color: #d8caef !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .usage-grid div,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-option,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .exchange-rate-info {
    background: var(--ty-light-surface-soft) !important;
    border-color: var(--ty-light-border) !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-option.current {
    background: #fffaf0 !important;
    border-color: var(--ty-owner-accent) !important;
    box-shadow: 0 0 0 1px rgba(var(--ty-owner-accent-rgb), .08) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-option.unavailable {
    background: #f1f4f7 !important;
    border-color: #d7e0e7 !important;
    opacity: .72;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .currency-selector,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .billing-toggle {
    background: #ffffff !important;
    border-color: var(--ty-light-border-strong) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .currency-selector button,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .billing-toggle button {
    background: #ffffff !important;
    color: var(--ty-light-text) !important;
    border-color: var(--ty-light-border) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .currency-selector button.selected {
    background: #edf5fb !important;
    color: #17202b !important;
    box-shadow: inset 0 -2px var(--ty-owner-accent) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .billing-toggle button.selected {
    background: #efe7fb !important;
    color: #4e2a7d !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .exchange-rate-info strong {
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .exchange-rate-info :is(span, small) {
    color: var(--ty-light-text-soft) !important;
}

/* Mensaje de bloqueo de cambio de plan. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-change-lock {
    background: #fff8df !important;
    border-color: #e6c65a !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-change-lock strong {
    color: #785b00 !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-change-lock span {
    color: #655b39 !important;
}

/* Sidebar: corrige la tarjeta inferior y el botón de salida en tema claro. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-card {
    background: #ffffff !important;
    border-color: var(--ty-light-border) !important;
    color: var(--ty-light-text) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, .05) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .plan-card small {
    color: var(--ty-light-text-soft) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .logout-button {
    background: #ffffff !important;
    border-color: var(--ty-light-border-strong) !important;
    color: var(--ty-light-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell .logout-button:hover {
    background: #fffaf0 !important;
    border-color: var(--ty-owner-accent) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .owner-shell footer {
    color: var(--ty-light-text-soft) !important;
}

/* ========================================================================== */
/* TEMA CLARO GLOBAL UNIFICADO - PANEL DEL PROPIETARIO                       */
/* Versión 2026-09-03                                                        */
/*                                                                            */
/* IMPORTANTE:                                                               */
/* - Este bloque sustituye visualmente los fondos oscuros definidos dentro   */
/*   de los .razor.css aislados, sin modificar esos archivos.                 */
/* - El alcance está limitado a rutas /owner mediante el atributo que coloca */
/*   OwnerThemeHost en <html>.                                                */
/* - Se utiliza background (no background-color) para eliminar gradientes.   */
/* ========================================================================== */

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] {
    --ty-owner-page: #f4f7fb;
    --ty-owner-surface: #ffffff;
    --ty-owner-surface-soft: #f8fafc;
    --ty-owner-surface-muted: #eef3f7;
    --ty-owner-border: #d5e0e8;
    --ty-owner-border-strong: #b9c9d6;
    --ty-owner-text: #142033;
    --ty-owner-text-soft: #536579;
    --ty-owner-text-muted: #748396;
    --ty-owner-shadow: 0 8px 24px rgba(15, 23, 42, .07);
    --ty-owner-overlay: rgba(15, 23, 42, .52);
}

/* -------------------------------------------------------------------------- */
/* 1. PÁGINA Y SHELLS                                                         */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] body,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] #app,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .pro-shell,
    .owner-shell,
    .agenda-shell,
    .professionals-shell,
    .services-shell,
    .clients-shell,
    .income-shell,
    .promotions-shell,
    .reports-shell,
    .reviews-shell,
    .marketing-shell,
    .billing-shell,
    .branches-shell,
    .business-payments-shell,
    .payment-result-shell,
    .plan-shell,
    .schedule-shell,
    .assignments-shell,
    .categories-shell,
    .profile-shell,
    .settings-shell
) {
    background: var(--ty-owner-page) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .pro-main,
    .owner-main,
    .agenda-main,
    .professionals-main,
    .services-main,
    .clients-main,
    .income-main,
    .promotions-main,
    .reports-main,
    .reviews-main,
    .marketing-main,
    .billing-main,
    .profile-main,
    .settings-main,
    .main-content,
    .page-content
) {
    background: transparent !important;
    color: var(--ty-owner-text) !important;
}

/* -------------------------------------------------------------------------- */
/* 2. SIDEBAR / IDENTIDAD / NAVEGACIÓN                                        */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .sidebar,
    .agenda-sidebar,
    .professionals-sidebar,
    .services-sidebar,
    .clients-sidebar,
    .income-sidebar,
    .promotions-sidebar,
    .reports-sidebar,
    .reviews-sidebar,
    .marketing-sidebar,
    .billing-sidebar,
    .profile-sidebar,
    .settings-sidebar
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
    box-shadow: none !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .owner-card,
    .owner-mini,
    .user-card,
    .profile-card,
    .sidebar-profile,
    .role-card,
    .roles-card,
    .plan-card,
    .user-chip
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .05) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] nav a {
    color: #405166 !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] nav a:hover {
    background: rgba(var(--ty-owner-accent-rgb), .10) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] nav a.active,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] nav .active {
    background: color-mix(in srgb, var(--ty-owner-accent) 16%, white) !important;
    border-color: color-mix(in srgb, var(--ty-owner-accent) 45%, white) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(.logout,.logout-button,.client-logout) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border-strong) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(.logout,.logout-button,.client-logout):hover {
    background: #fffaf0 !important;
    border-color: var(--ty-owner-accent) !important;
}

/* -------------------------------------------------------------------------- */
/* 3. ENCABEZADOS / TEXTO                                                     */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .topbar,
    .page-head,
    .page-heading,
    .mobile-topbar
) {
    background: var(--ty-owner-page) !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(h1,h2,h3,h4,h5,h6,strong,label,.title,.heading) {
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    p, small, .muted, .subtitle, .description, .caption, .hint, .help,
    [class*="subtitle"], [class*="description"], [class*="caption"], [class*="hint"]
) {
    color: var(--ty-owner-text-soft) !important;
}

/* -------------------------------------------------------------------------- */
/* 4. SUPERFICIES GENERALES                                                   */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .kpi,
    .kpi-card,
    .kpis article,
    .panel,
    .team-panel,
    .side-card,
    .catalog-card,
    .customers-panel,
    .insight-card,
    .bookings-panel,
    .promotion-panel,
    .reviews-panel,
    .filters-card,
    .filter-card,
    .toolbar,
    .filters,
    .state-card,
    .empty-state,
    .growth-tip,
    .growth-banner,
    .business-stats div,
    .support-row,
    .gateway-state,
    .plan-info-grid > div,
    .plan-feature-item,
    .preferences-shell,
    .preferences-header,
    .preferences-footer,
    .preference-card,
    .setting-section,
    .setting-row,
    .location-box,
    .card
) {
    background: var(--ty-owner-surface) !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
    box-shadow: var(--ty-owner-shadow) !important;
}

/* Elementos internos que no deben parecer tarjetas flotantes. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .setting-row,
    .plan-feature-item,
    .support-row,
    .preference-card-title,
    .check-card,
    .role-card
) {
    box-shadow: none !important;
}

/* -------------------------------------------------------------------------- */
/* 5. KPI: evita texto oscuro sobre fondos oscuros heredados                  */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .kpi,
    .kpi-card,
    .kpis article
) {
    background: #ffffff !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .kpi,
    .kpi-card,
    .kpis article
) :is(strong,b,h3,h4) {
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .kpi,
    .kpi-card,
    .kpis article
) :is(span,small,em,p) {
    color: var(--ty-owner-text-soft) !important;
}

/* -------------------------------------------------------------------------- */
/* 6. FORMULARIOS / FILTROS                                                   */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea,
    .search-box,
    .category-select,
    .multi-dropdown > summary
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border-strong) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(input,select,textarea)::placeholder {
    color: #8795a6 !important;
    opacity: 1;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(input,select,textarea):focus {
    border-color: var(--ty-owner-accent) !important;
    box-shadow: 0 0 0 3px rgba(var(--ty-owner-accent-rgb), .15) !important;
    outline: none !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] option {
    background: #ffffff !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .filters,
    .toolbar,
    .filters-card,
    .assignments-toolbar
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
}

/* Dropdowns propios. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .multi-dropdown-menu,
    .catalog-empty,
    .specialty-empty
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .multi-dropdown-menu label:hover,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .multi-dropdown-menu label.selected {
    background: #f2f6fa !important;
}

/* -------------------------------------------------------------------------- */
/* 7. TABLAS / LISTADOS                                                       */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] table,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .table-wrap,
    .table-panel,
    .customers-panel,
    .bookings-panel,
    .team-panel,
    .reviews-panel
) {
    background: #ffffff !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] thead,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] thead tr,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] th {
    background: var(--ty-owner-surface-muted) !important;
    color: var(--ty-owner-text) !important;
    border-color: var(--ty-owner-border) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] tbody,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] tbody tr,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] td {
    background: #ffffff !important;
    color: var(--ty-owner-text) !important;
    border-color: var(--ty-owner-border) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] tbody tr:hover td {
    background: #f8fbfd !important;
}

/* -------------------------------------------------------------------------- */
/* 8. AGENDA GENERAL                                                          */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .calendar-card,
    .calendar-head,
    .professional-date,
    .schedule-column-title,
    .schedule-body,
    .hour-slot,
    .booking-summary,
    .form-section
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .calendar-head {
    background: var(--ty-owner-surface-soft) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .hour-slot:hover {
    background: #f5f9fc !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(.day-title-button,.professional-title) {
    color: var(--ty-owner-text) !important;
}

/* Se conservan los colores semánticos de las reservas. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .booking-block {
    box-shadow: 0 2px 7px rgba(15,23,42,.12) !important;
}

/* -------------------------------------------------------------------------- */
/* 9. PROFESIONALES                                                           */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .confirmation-option,
    .photo-preview,
    .photo-recommendations,
    .confirmation-banner,
    .category-chip,
    .quick
) {
    background: var(--ty-owner-surface-soft) !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .confirmation-option.confirmed {
    background: #edf9f2 !important;
    border-color: #9fd9b8 !important;
}

/* -------------------------------------------------------------------------- */
/* 10. SERVICIOS                                                              */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .service-card,
    .service-card footer,
    .image-picker,
    .check-card,
    .checks label,
    .assignments-toolbar,
    .assignment-professional,
    .assignments-state,
    .assignments-modal-footer
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

/* La cabecera/imagen del servicio puede mantener un bloque de marca suave. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .service-image {
    background: linear-gradient(135deg,#f7fafc,#eef4f8) !important;
    border-color: var(--ty-owner-border) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .assignment-professional.selected {
    background: #fff9e6 !important;
    border-color: var(--ty-owner-accent) !important;
}

/* -------------------------------------------------------------------------- */
/* 11. MODALES - TODOS LOS MÓDULOS OWNER                                      */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .modal-card,
    .owner-modal,
    .professional-modal,
    .service-modal,
    .confirm-modal,
    .assignments-modal,
    .booking-modal,
    .booking-detail-modal,
    .customer-modal,
    .detail-modal,
    .plan-gate-modal,
    .pro-rating-modal
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border-strong) !important;
    color: var(--ty-owner-text) !important;
    box-shadow: 0 24px 70px rgba(15,23,42,.22) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .modal-card header,
    .modal-card footer,
    .owner-modal header,
    .owner-modal footer,
    .professional-modal header,
    .service-modal > header,
    .modal-footer,
    .booking-modal-head,
    .booking-modal-footer,
    .assignments-modal-footer
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .modal-close,
    .professional-modal header > button,
    .owner-modal header button,
    .plan-gate-close,
    .pro-rating-close
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border-strong) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .modal-state,
    .assignments-state,
    .booking-summary,
    .detail-grid article
) {
    background: var(--ty-owner-surface-soft) !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

/* Backdrop sigue oscuro por accesibilidad/jerarquía modal. */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .backdrop,
    .modal-backdrop,
    .mobile-menu-backdrop
) {
    background: var(--ty-owner-overlay) !important;
}

/* -------------------------------------------------------------------------- */
/* 12. CONFIGURACIÓN                                                          */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .settings-tabs,
    .setting-section,
    .location-box,
    .settings-state
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .settings-tabs button {
    background: transparent !important;
    color: var(--ty-owner-text-soft) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .settings-tabs button.active {
    background: color-mix(in srgb, var(--ty-owner-accent) 12%, white) !important;
    border-color: var(--ty-owner-accent) !important;
    color: var(--ty-owner-text) !important;
}

/* -------------------------------------------------------------------------- */
/* 13. PAGOS / FACTURACIÓN                                                    */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .plan-hero-card,
    .gateway-hero,
    .gateway-security-strip,
    .payment-card,
    .plan-gate-current-plan,
    .plan-gate-upgrade,
    .plan-gate-later
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .gateway-hero.unavailable,
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .plan-gate-later {
    background: #f5f7fa !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .terminal-screen {
    background: #eef3f7 !important;
    color: var(--ty-owner-text) !important;
}

/* -------------------------------------------------------------------------- */
/* 14. PERFIL / PREFERENCIAS                                                  */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .profile-hero,
    .preferences-section,
    .preferences-shell,
    .preferences-header,
    .preferences-footer,
    .preference-card
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .preferences-info {
    background: #eef7ff !important;
    border-color: #b9dcf5 !important;
    color: #245a7d !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .theme-options button,
    .reset-preferences,
    .outline-button
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border-strong) !important;
    color: var(--ty-owner-text) !important;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] .theme-options button.selected {
    background: color-mix(in srgb, var(--ty-owner-accent) 10%, white) !important;
    border-color: var(--ty-owner-accent) !important;
}

/* -------------------------------------------------------------------------- */
/* 15. BOTONES                                                                */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    .secondary-button,
    .export,
    .export-button,
    .period,
    .icon-btn,
    .row-actions button,
    .actions button,
    .pager button,
    .pagination button,
    .table-footer button,
    .calendar-head button,
    .mobile-toggle,
    .menu-button,
    .hamburger-button,
    .mobile-menu-close
) {
    background: #ffffff !important;
    border-color: var(--ty-owner-border-strong) !important;
    color: var(--ty-owner-text) !important;
}

/* Acciones primarias conservan el color principal configurado. */
html[data-turnoya-owner-theme-active="true"] :is(
    .primary,
    .primary-button,
    .btn-primary,
    .btn-primary-plan,
    .add-button,
    .new-booking,
    .page-new-booking,
    .save,
    .save-preferences,
    .filter-button,
    .btn-filter,
    .rating-save-button
) {
    background: var(--ty-owner-accent) !important;
    border-color: var(--ty-owner-accent) !important;
    color: #101820 !important;
}

/* -------------------------------------------------------------------------- */
/* 16. BORDES Y SEPARADORES                                                   */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
    hr,
    .divider,
    .separator
) {
    border-color: var(--ty-owner-border) !important;
}

/* -------------------------------------------------------------------------- */
/* 17. SCROLLBARS                                                             */
/* -------------------------------------------------------------------------- */
html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] * {
    scrollbar-color: #b7c5d1 #eef3f7;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] *::-webkit-scrollbar-track {
    background: #eef3f7;
}

html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] *::-webkit-scrollbar-thumb {
    background: #b7c5d1;
    border-radius: 999px;
}

/* -------------------------------------------------------------------------- */
/* 18. RESPONSIVE / MENÚ MÓVIL                                                */
/* -------------------------------------------------------------------------- */
@media (max-width: 900px) {
    html[data-turnoya-owner-theme-active="true"][data-turnoya-theme="light"] :is(
        .sidebar,
        .agenda-sidebar,
        .professionals-sidebar,
        .services-sidebar,
        .clients-sidebar,
        .income-sidebar,
        .promotions-sidebar,
        .reports-sidebar,
        .reviews-sidebar,
        .marketing-sidebar,
        .billing-sidebar,
        .profile-sidebar,
        .settings-sidebar
    ) {
        background: #ffffff !important;
        box-shadow: 18px 0 45px rgba(15,23,42,.18) !important;
    }
}