:root{--text-color:var(--sp-ink);--text-color2:var(--sp-muted);--blanco:var(--sp-surface);--gris:var(--sp-page);--gris2:var(--sp-soft);--input:var(--sp-soft);--color1:var(--sp-action);--color2:var(--sp-link);--color3:var(--sp-action)}
[data-theme=dark]{--text-color:var(--sp-ink);--text-color2:var(--sp-muted);--blanco:var(--sp-surface);--gris:var(--sp-page);--gris2:var(--sp-soft);--input:var(--sp-soft);--color1:var(--sp-action);--color2:var(--sp-link);--color3:var(--sp-action)}
html body{background:var(--sp-page)!important;color:var(--sp-ink)!important}
html body :is(.cardProdcutSelected,.cardProdcutmasVendido,.cardText,.modalNav,.modal-cart){background:var(--sp-surface)!important;color:var(--sp-ink)!important}
html body :is(.cardText,.cardProdcutSelected,.cardProdcutmasVendido) :is(h4,h5,p,span,div){color:var(--sp-ink)!important}
html body .deFlexTitlesection :is(h2,h3,button){color:var(--sp-ink)!important}
html body :is(header,header nav,.mobile-nav,.navbarDashboard){background:var(--sp-nav)!important;color:var(--sp-on-nav)!important}
html body :is(.navbarDashboard a,.mobile-nav-item,.mobile-nav-item span,.mobile-nav-icon,header .search-icon,.navbarDashboard a svg){color:var(--sp-on-nav)!important}
html body :is(header .nav_toggle span){background:var(--sp-on-nav)!important}
html body header nav :is(.estadoRestaurante,.cartIcon){background:var(--sp-soft)!important;border-color:var(--sp-line)!important;color:var(--sp-ink)!important}
html body header nav :is(.estadoRestaurante span,.estadoRestaurante svg,.cartIcon svg){color:var(--sp-ink)!important}
html body .categoriasInputs input[type=button]{background:var(--sp-surface)!important;color:var(--sp-ink)!important;border:1px solid var(--sp-line)!important}
html body .categoriasInputs input[type=button][style*="background-color:"]{background:var(--sp-action)!important;color:var(--sp-on-action)!important;border-color:var(--sp-action)!important}
html body .theme-toggle-button{background:var(--sp-action)!important;color:var(--sp-on-action)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
html body .theme-toggle-button svg{color:var(--sp-on-action)!important;opacity:1!important;filter:none!important}
html body .profesionales-container{--pr-bg:var(--sp-surface);--pr-soft:var(--sp-soft);--pr-text:var(--sp-ink);--pr-muted:var(--sp-muted);--pr-line:var(--sp-line);--pr-tint:var(--sp-tint);--pr-accent:var(--sp-link);--pr-danger:var(--sp-danger)}
html body .profesionales-container .btn.btn-add{background:var(--sp-action)!important;color:var(--sp-on-action)!important;border-color:var(--sp-action)!important}
html body .profesionales-container .btn.btn-add:hover{filter:brightness(.93)}
html body .profesionales-container input[type=checkbox],html body .modal input[type=checkbox]{accent-color:var(--sp-action)}
html body .modal-horarios,html body .modal-horarios .horariosLista{background:var(--sp-surface)!important;color:var(--sp-ink)!important}
html body .modal-horarios .headerHorarios{background:var(--sp-action)!important;color:var(--sp-on-action)!important}
html body .modal-horarios .headerHorarios :is(h3,svg,button){color:var(--sp-on-action)!important}
html body .modal-horarios .horarioItem{background:var(--sp-soft)!important;border-color:var(--sp-line)!important;color:var(--sp-ink)!important}
html body .modal-horarios .horarioItem :is(.horarioDiaLabel,.horarioHoras,span){color:var(--sp-ink)!important}
html body .modal-horarios .horarioItem.diaActual{background:var(--sp-tint)!important;border-color:var(--sp-link)!important}
html body .modal-horarios .horarioItem .badge{background:var(--sp-action)!important;color:var(--sp-on-action)!important}
html body :is(.modalNav,.modal-cart) :is(h1,h2,h3,p,a,label,span,.nohay){color:var(--sp-ink)!important}
html body .modal-cart button{background:var(--sp-soft)!important;color:var(--sp-ink)!important}
html body .containerSection .table .codigo-badge{background:var(--sp-tint)!important;color:var(--sp-ink)!important}
/* Explicit theme pairs win over legacy dark-theme selectors. */
html[data-theme] body .modal :is(h1,h2,h3,h4,label,legend,p,strong,.close){color:var(--sp-ink)!important}
html[data-theme] body .modal .slots-label,html[data-theme] body .modal .time-group label{color:var(--sp-muted)!important}
html[data-theme] body .modal .prof-title strong{color:var(--sp-link)!important}
html[data-theme] body .modal .modal-content{background:var(--sp-surface)!important;color:var(--sp-ink)!important}
html[data-theme] body .modal fieldset{background:var(--sp-soft)!important;border-color:var(--sp-line)!important}
html[data-theme] body .modal :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){background:var(--sp-soft)!important;color:var(--sp-ink)!important;border-color:var(--sp-line)!important}
html[data-theme] body .containerSection :is(h1,h2,h3,h4,h5,h6,p,label,legend,td,th){color:var(--sp-ink)!important}
html[data-theme] body .containerSection :is(button,.btnPost,.btnSave,.btnAgregar,.btnGuardar,.btn-add) svg{flex-shrink:0}
html body .containerSection :is(h1,h2,h3,h4,label,legend),html body .modal :is(h1,h2,h3,h4,label,legend){overflow-wrap:anywhere;white-space:normal!important;height:auto;line-height:1.45}
html body .containerSection :is(.table td,.table th,.paymentMethodsTable td,.paymentMethodsTable th){white-space:normal!important;overflow-wrap:anywhere;min-width:100px;vertical-align:middle}
html body .containerSection table td:last-child{min-width:150px}
html body .containerSection table :is(button,a){margin:3px;vertical-align:middle}
html body .containerSection :is(.gastosHeader,.evaluacionesHeader,.paymentMethodsHeader,.profesionales-header,.pacientes-header,.deFlexContent,.headerActions,.gastosHeaderActions){gap:14px;flex-wrap:wrap}
html body .containerSection :is(.btnPost,.btnSave,.btnAgregar,.btnGuardar,.btn-add,.btnExportar,.btnLimpiarFiltros){display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;line-height:1.45}
html body .modal :is(.btnPost,.btnSave,.btn-add){color:var(--sp-on-action)!important;background:var(--sp-action)!important}
html body .navbarDashboard a[data-ec-appearance]{display:flex;align-items:center;gap:16px;min-height:48px;padding:12px 20px;text-decoration:none}
@media(max-width:640px){html body .containerSection :is(.filtroItem,.filtroInput,.inputFiltro){min-width:0;max-width:100%}html body .containerSection :is(.gastosHeader,.evaluacionesHeader,.paymentMethodsHeader){align-items:flex-start;flex-direction:column}html body .modal .deFlexBtnsModal>.close{margin-left:auto}html body .modal .deFlexBtnsModal button{font-size:14px;white-space:normal}}

html[data-theme] body .containerSection :is(.aplicar-badge,.badge-no,.badge-activo,.badge-inactivo,.badge-sistema,.estadoActivo,.estadoInactivo,.iconName){background:var(--sp-tint)!important;color:var(--sp-ink)!important;border:1px solid var(--sp-line)}
html[data-theme] body .containerSection .deFlexMore .logo{color:var(--sp-link)!important;background:var(--sp-surface)!important}
html[data-theme] body .containerSection .pwaInfoRow :is(span,strong,b){color:var(--sp-ink)!important}

html[data-theme] body .modal .time-group{width:100%!important;min-width:0!important}
html[data-theme] body .modal .time-group input[type=time]{width:100%!important;min-width:0!important;padding:10px 8px!important;font-size:16px!important}
@media(max-width:480px){html[data-theme] body .modal .time-inputs-row{grid-template-columns:1fr!important;gap:12px!important}}