/* Disney 2026 — alternancia de tema: estilos escuros sem interferir nos dados do Supabase. */
.theme-toggle{flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease}
.theme-toggle:hover{background:#eaf3ff;color:#1669ab;border-color:#b6d8f7}
.theme-toggle svg{width:19px;height:19px}
html[data-theme="dark"]{
  color-scheme:dark;
  color:#e8f0fb;
  background:#0b1424;
  --navy:#eaf2ff;
  --ink:#e8f0fb;
  --muted:#a2b5ca;
  --line:#26374d;
  --surface:#162238;
  --mist:#111d2f;
  --shadow:0 9px 30px rgba(0,0,0,.21);
}
html[data-theme="dark"] body{background:#0b1424;color:#e8f0fb}
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .bottom-nav,
html[data-theme="dark"] .surface,
html[data-theme="dark"] .month-calendar,
html[data-theme="dark"] .editor-dialog,
html[data-theme="dark"] .cloud-dialog{background:#162238;color:#e8f0fb;border-color:#26374d}
html[data-theme="dark"] .topbar{background:rgba(17,28,47,.94);border-color:#26374d}
html[data-theme="dark"] .page-footer,
html[data-theme="dark"] .topbar-title,
html[data-theme="dark"] .brand small,
html[data-theme="dark"] .side-caption,
html[data-theme="dark"] .mini-heading,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .subtext{color:#a1b6cb}
html[data-theme="dark"] .brand strong,
html[data-theme="dark"] .mobile-brand strong,
html[data-theme="dark"] .stat-card strong,
html[data-theme="dark"] .timeline strong,
html[data-theme="dark"] .budget-big,
html[data-theme="dark"] .expense-total,
html[data-theme="dark"] .store-manager-header h2,
html[data-theme="dark"] .store-empty strong,
html[data-theme="dark"] .settings-list p{color:#e9f3ff}
html[data-theme="dark"] .desktop-nav a,
html[data-theme="dark"] .bottom-nav a{color:#a4b8cd}
html[data-theme="dark"] .desktop-nav a.active,
html[data-theme="dark"] .desktop-nav a:hover,
html[data-theme="dark"] .bottom-nav a.active{background:#223e5a;color:#90cfff}
html[data-theme="dark"] .sidebar-foot{border-color:#26374d;color:#9fb5c8}
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .avatar-button,
html[data-theme="dark"] .btn:not(.primary):not(.ghost),
html[data-theme="dark"] .day-pill,
html[data-theme="dark"] .filter-chip,
html[data-theme="dark"] .quick-action,
html[data-theme="dark"] .store-empty,
html[data-theme="dark"] .store-suggestion,
html[data-theme="dark"] .search-input{
  background:#1d3047;
  border-color:#34506a;
  color:#b9ddff;
}
html[data-theme="dark"] .icon-button:hover,
html[data-theme="dark"] .btn:not(.primary):not(.ghost):hover,
html[data-theme="dark"] .store-suggestion:hover{background:#294967;color:#eff9ff}
html[data-theme="dark"] .avatar-button{background:#203a5a;color:#9bd3ff}
html[data-theme="dark"] .pill{background:#213b53;color:#addaff}
html[data-theme="dark"] .pill.success{background:#163e35;color:#94e0ba}
html[data-theme="dark"] .pill.warning{background:#48341b;color:#fbd290}
html[data-theme="dark"] .pill.neutral{background:#29384a;color:#bdccdc}
html[data-theme="dark"] .btn.primary{background:#247abf;border-color:#247abf;color:#fff}
html[data-theme="dark"] .btn.primary:hover{background:#2f8ed5}
html[data-theme="dark"] .hero{background:linear-gradient(113deg,#102a51,#174372 63%,#19568c);box-shadow:0 18px 38px #0005}
html[data-theme="dark"] .hero .btn{background:#eaf4ff;color:#14518c;border-color:#eaf4ff}
html[data-theme="dark"] .hero .btn.ghost{background:#ffffff19;color:#fff;border-color:#ffffff50}
html[data-theme="dark"] .day-pill{color:#a6bdd5}
html[data-theme="dark"] .day-pill.selected{background:linear-gradient(140deg,#297ebd,#164c80);color:white;border-color:#328dd1}
html[data-theme="dark"] .date-date,
html[data-theme="dark"] .timeline .time{color:#9ecbef}
html[data-theme="dark"] .timeline small,
html[data-theme="dark"] .stat-card span,
html[data-theme="dark"] .destination-card small,
html[data-theme="dark"] .progress-desc,
html[data-theme="dark"] .restaurant-card p,
html[data-theme="dark"] .store-address,
html[data-theme="dark"] .store-note,
html[data-theme="dark"] .booking-row p,
html[data-theme="dark"] .quick-action small,
html[data-theme="dark"] .shopping-day p,
html[data-theme="dark"] .utility-card p,
html[data-theme="dark"] .checkbox-card .task-note{color:#abc0d4}
html[data-theme="dark"] .timeline .dot{border-color:#17283f;box-shadow:0 0 0 2px #3d6b85}
html[data-theme="dark"] .timeline .event-actions button,
html[data-theme="dark"] .rank-actions button:hover{background:#253b54;color:#afd8fd}
html[data-theme="dark"] .daily-note,
html[data-theme="dark"] .inline-alert{background:#382d1b;border-color:#6d522b;color:#f2d5a0}
html[data-theme="dark"] .meal-box{background:#1b3049;border-color:#2c4a65}
html[data-theme="dark"] .meal-box .meal-label{color:#90c9ee}
html[data-theme="dark"] .meal-box p{color:#d6e6f5}
html[data-theme="dark"] .info-strip{background:#1a3954;color:#bedcf5}
html[data-theme="dark"] .progress{background:#2a3b51}
html[data-theme="dark"] .filter-chip.active{border-color:#569ad2;background:#22466b;color:#c4e7ff}
html[data-theme="dark"] .park-card-header{background:linear-gradient(115deg,#1c354f,#162238)}
html[data-theme="dark"] .park-ranking li{border-top-color:#2a3d52}
html[data-theme="dark"] .rank-num{background:#254767;color:#b4e0ff}
html[data-theme="dark"] .park-footer{background:#1b2c41;border-color:#2b4056}
html[data-theme="dark"] .park-footer p{color:#aec2d6}
html[data-theme="dark"] .budget-ring:after{background:#162238}
html[data-theme="dark"] .budget-ring strong{color:#aaddf5}
html[data-theme="dark"] .budget-emoji,
html[data-theme="dark"] .icon-emoji{background:#233d57}
html[data-theme="dark"] .checkbox-card:has(input:checked){background:#192b40}
html[data-theme="dark"] .checkbox-card .task-title.checked{color:#8ea2b8}
html[data-theme="dark"] .shopping-tags span{background:#20374f;border-color:#34516a;color:#c2d9ed}
html[data-theme="dark"] .download-box{background:linear-gradient(110deg,#1b334f,#1c3c4d);border-color:#36536b}
html[data-theme="dark"] .empty{background:#1a2b40;border-color:#39536c;color:#acc1d4}
html[data-theme="dark"] .more-item svg{color:#89c6f5}
html[data-theme="dark"] .month-calendar summary span,
html[data-theme="dark"] .calendar-grid>b{color:#a0b7cc}
html[data-theme="dark"] .month-day{background:#1e3349;border-color:#29465f;color:#b8d0e7}
html[data-theme="dark"] .month-day.active{background:#254b6a;border-color:#5da8e3;color:#d8f1ff}
html[data-theme="dark"] .month-day.unavailable{background:#18273b;border-color:#18273b;color:#627b92}
html[data-theme="dark"] .store-manager,
html[data-theme="dark"] .restaurant-manager{background:linear-gradient(145deg,#19293c,#162238)}
html[data-theme="dark"] .store-manager-header p,
html[data-theme="dark"] .store-empty p{color:#a9bfd4}
html[data-theme="dark"] .store-manager-stats span{background:#20374e;border-color:#314e69;color:#b8d9ed}
html[data-theme="dark"] .custom-store-card,
html[data-theme="dark"] .custom-restaurant-card{border-color:#30445b}
html[data-theme="dark"] .store-icon{background:#25415d}
html[data-theme="dark"] .store-status.scheduled{background:#163c35;color:#a3e4c3}
html[data-theme="dark"] .store-status.unscheduled{background:#49341e;color:#ffd28d}
html[data-theme="dark"] .timeline .store-on-timeline{background:#1a393a}
html[data-theme="dark"] .timeline .restaurant-on-timeline{background:#1a3547}
html[data-theme="dark"] .restaurant-manager .store-icon,
html[data-theme="dark"] .restaurant-icon{background:#24433f}
html[data-theme="dark"] .restaurant-custom-tags .restaurant-price small{color:#a1bcca}
html[data-theme="dark"] .editor-dialog{background:#162238;color:#e8f0fb}
html[data-theme="dark"] .form-field label{color:#bdcee0}
html[data-theme="dark"] .form-field input,
html[data-theme="dark"] .form-field select,
html[data-theme="dark"] .form-field textarea{background:#101d30;border-color:#3a5169;color:#eff8ff}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#829ab0}
html[data-theme="dark"] .cloud-pill,
html[data-theme="dark"] .cloud-sidebar-button{background:#1c3450;border-color:#35536f;color:#b8e0ff}
html[data-theme="dark"] .cloud-pill:hover,
html[data-theme="dark"] .cloud-sidebar-button:hover{background:#284768}
html[data-theme="dark"] .cloud-head{border-bottom-color:#293d53}
html[data-theme="dark"] .cloud-head h2,
html[data-theme="dark"] .cloud-body strong{color:#e9f3ff}
html[data-theme="dark"] .cloud-close{background:#263b53;color:#dbeafb}
html[data-theme="dark"] .cloud-body p,
html[data-theme="dark"] .cloud-muted,
html[data-theme="dark"] .cloud-small-note{color:#adbed0!important}
html[data-theme="dark"] .cloud-body label{color:#d2e6f6}
html[data-theme="dark"] .cloud-body input{background:#101d30;border-color:#3a5169;color:#f0f8ff}
html[data-theme="dark"] .cloud-google-btn{background:#223a53;border-color:#45617d;color:#eaf5ff}
html[data-theme="dark"] .cloud-google-btn:hover{background:#2a4868}
html[data-theme="dark"] .cloud-tag{background:#1a4135;color:#9ee9c2}
html[data-theme="dark"] .cloud-warn{background:#3b301e;color:#f6d4a0!important}
html[data-theme="dark"] .cloud-plain-link{color:#88ceff}
html[data-theme="dark"] .weather-panel{background:linear-gradient(135deg,#1a344b,#172a40 65%,#172238);border-color:#30536d;color:#eaf4ff}
html[data-theme="dark"] .weather-panel-title small,
html[data-theme="dark"] .weather-loading,
html[data-theme="dark"] .weather-condition span,
html[data-theme="dark"] .weather-temps span,
html[data-theme="dark"] .weather-metrics span,
html[data-theme="dark"] .weather-hour span,
html[data-theme="dark"] .weather-hour small,
html[data-theme="dark"] .weather-footer,
html[data-theme="dark"] .weather-unavailable p{color:#a9c1d7}
html[data-theme="dark"] .weather-condition strong,
html[data-theme="dark"] .weather-temps strong,
html[data-theme="dark"] .weather-metrics strong,
html[data-theme="dark"] .weather-hour b,
html[data-theme="dark"] .weather-unavailable strong{color:#e2f3ff}
html[data-theme="dark"] .weather-metrics>div{background:#1c3a53;border-color:#35536d}
html[data-theme="dark"] .weather-hour{background:#24425d}
html[data-theme="dark"] .weather-tip{color:#8bdbfa}
html[data-theme="dark"] .weather-caution{background:#45341b;color:#f4cf91}
html[data-theme="dark"] .weather-footer{border-top-color:#34536c}
html[data-theme="dark"] .weather-footer a{color:#8ad0ff}
@media(max-width:800px){
  .top-actions{gap:7px}
  .theme-toggle{width:37px;height:37px}
}
@media(max-width:400px){
  .topbar{padding-left:12px;padding-right:12px}
  .top-actions{gap:5px}
  .top-actions .avatar-button{display:none}
  .theme-toggle{width:37px;height:37px}
}
@media print{
  .theme-toggle{display:none!important}
  html[data-theme="dark"]{color-scheme:light;background:white;color:#17324c}
  html[data-theme="dark"] body{background:white;color:#17324c}
}
