/* Dark palette. Scoped overrides also cover dialogs, tables and mobile navigation. */
:root[data-theme="dark"]{color-scheme:dark;--ink:#F3F0FA;--muted:#C4BDCF;--line:#5C506E;--white:#191522;--lavender:#302442;--klikou-bg:#120F19;--shadow:0 18px 50px #0005}

:root[data-theme="dark"] html,:root[data-theme="dark"] body{background:#261D35}
:root[data-theme="dark"] .brand-mark{color:#F3F0FA}
:root[data-theme="dark"] .brand-name{color:#CDBBFF}
:root[data-theme="dark"] .brand-tagline{color:#C4BDCF}
:root[data-theme="dark"] .brand-panel{background:linear-gradient(145deg,var(--lavender),#191522)}
:root[data-theme="dark"] .brand-benefits span{background:#191522}
:root[data-theme="dark"] .auth-card{background:#191522}
:root[data-theme="dark"] .tabs{background:#261D35}
:root[data-theme="dark"] .tab.active{background:#191522;color:#CDBBFF}
:root[data-theme="dark"] input:not(.toggle-switch),:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#191522}
:root[data-theme="dark"] .btn.primary{color:#F3F0FA}
:root[data-theme="dark"] .btn.secondary{color:#CDBBFF}
:root[data-theme="dark"] .card{background:#191522}
:root[data-theme="dark"] .step-badge,:root[data-theme="dark"] .eyebrow{color:#CDBBFF}
:root[data-theme="dark"] .sidebar{background:#191522}
:root[data-theme="dark"] .nav-item{color:#C4BDCF}
:root[data-theme="dark"] .nav-item.active{color:#CDBBFF}
:root[data-theme="dark"] .topbar{background:#191522}
:root[data-theme="dark"] .hero-card{color:#F3F0FA}
:root[data-theme="dark"] .hero-card p{color:#CDBBFF}
:root[data-theme="dark"] .hero-card .eyebrow{background:#191522;color:#F3F0FA}
:root[data-theme="dark"] .hero-mark{background:#191522}
:root[data-theme="dark"] .stat-card{background:#191522}
:root[data-theme="dark"] .checklist button{background:#191522}
:root[data-theme="dark"] .checklist button>span{color:#CDBBFF}
:root[data-theme="dark"] .palette b{background:#191522}
:root[data-theme="dark"] .item-card{background:#191522}
:root[data-theme="dark"] .avatar{color:#CDBBFF}
:root[data-theme="dark"] .tag{background:#261D35;color:#C4BDCF}
:root[data-theme="dark"] .tag.green{background:#17362C;color:#8EE0B2}
:root[data-theme="dark"] .empty-icon{color:#CDBBFF}
:root[data-theme="dark"] .switch-row{background:#261D35}
:root[data-theme="dark"] .toast{color:#F3F0FA}
:root[data-theme="dark"] .segmented{background:#261D35}
:root[data-theme="dark"] .segmented button.active{background:#191522;color:#CDBBFF}
:root[data-theme="dark"] .icon-btn.bordered{background:#191522}
:root[data-theme="dark"] .summary-chip{background:#191522}
:root[data-theme="dark"] .agenda-board{background:#191522}
:root[data-theme="dark"] .day-row{border-bottom:1px solid #5C506E}
:root[data-theme="dark"] .day-time{border-right:1px solid #5C506E}
:root[data-theme="dark"] .appointment-card{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .appointment-card.cancelled{border-left-color:#5C506E}
:root[data-theme="dark"] .status-pill{color:#CDBBFF}
:root[data-theme="dark"] .status-pill.confirmed{background:#17362C;color:#8EE0B2}
:root[data-theme="dark"] .status-pill.pending{background:#3C3120;color:#FFE0A3}
:root[data-theme="dark"] .status-pill.cancelled{background:#211B2D;color:#C4BDCF}
:root[data-theme="dark"] .week-day{border-right:1px solid #5C506E}
:root[data-theme="dark"] .week-head{border-bottom:1px solid #5C506E;background:#191522}
:root[data-theme="dark"] .item-card-actions{border-top:1px solid #5C506E}
:root[data-theme="dark"] .working-day{background:#261D35}
:root[data-theme="dark"] .appointment-preview{color:#CDBBFF}
:root[data-theme="dark"] .clients-table-wrap{background:#191522}
:root[data-theme="dark"] .clients-table th,:root[data-theme="dark"] .clients-table td{border-bottom:1px solid #5C506E}
:root[data-theme="dark"] .clients-table th{background:#261D35}
:root[data-theme="dark"] .clients-table tbody tr:hover{background:#261D35}
:root[data-theme="dark"] .detail-box{background:#261D35}
:root[data-theme="dark"] .detail-note{background:#191522}
:root[data-theme="dark"] .btn.success{background:#17362C;color:#8EE0B2}
:root[data-theme="dark"] .btn.danger{background:#40252D;color:#FFB4AB}
:root[data-theme="dark"] .btn.warning{background:#3C3120;color:#FFE0A3}
:root[data-theme="dark"] .finance-stat{background:#191522}
:root[data-theme="dark"] .finance-stat.accent{color:#F3F0FA}
:root[data-theme="dark"] .finance-stat.accent span,:root[data-theme="dark"] .finance-stat.accent small{color:#CDBBFF}
:root[data-theme="dark"] .movement-row,:root[data-theme="dark"] .commission-row{border:1px solid #5C506E}
:root[data-theme="dark"] .movement-value.out{color:#FFB4AB}
:root[data-theme="dark"] .movement-value.in{color:#8EE0B2}
:root[data-theme="dark"] .slot-btn{background:#191522;color:#CDBBFF}
:root[data-theme="dark"] .coupon-success{color:#8EE0B2}
:root[data-theme="dark"] .link-btn{color:#CDBBFF}
:root[data-theme="dark"] .sidebar-brand .brand-mark::after,:root[data-theme="dark"] .onboarding-card .brand-mark::after,:root[data-theme="dark"] .brand-panel .brand-mark::after,:root[data-theme="dark"] .mobile-brand .brand-mark::after{background:linear-gradient(90deg,#40252D,#40252D)}
:root[data-theme="dark"] .brand-name{color:#CDBBFF}
:root[data-theme="dark"] .brand-tagline{color:#CDBBFF}
:root[data-theme="dark"] .hero-card{background:#191522}
:root[data-theme="dark"] .hero-mark{background:linear-gradient(135deg,#5b27ea,#302442);color:#F3F0FA}
:root[data-theme="dark"] .nav-item.active{background:#261D35;color:#CDBBFF}
@media(max-width:720px){:root[data-theme="dark"] html,:root[data-theme="dark"] body{background:#191522}
:root[data-theme="dark"] .workspace{background:#191522}
:root[data-theme="dark"] .topbar{background:#191522;border-bottom:1px solid #5C506E}
:root[data-theme="dark"] .hero-card{background:#191522}
:root[data-theme="dark"] .stat-card{border:1px solid #5C506E;background:#191522}
:root[data-theme="dark"] .checklist button{background:#191522}
:root[data-theme="dark"] .mobile-bottom-nav{background:#191522;border-top:1px solid #5C506E}
:root[data-theme="dark"] .mobile-nav-item{color:#C4BDCF}
:root[data-theme="dark"] .mobile-nav-item.active{color:#CDBBFF;background:#261D35}
:root[data-theme="dark"] .auth-shell{background:#191522}
:root[data-theme="dark"] .center-shell{background:#191522}}
:root[data-theme="dark"] .dashboard-greeting{color:#CDBBFF}
:root[data-theme="dark"] .dashboard-avatar{background:linear-gradient(135deg,#4F2BD9,#302442);color:#F3F0FA}
:root[data-theme="dark"] .dashboard-calendar{background:#191522;border:1px solid #5C506E}
:root[data-theme="dark"] .dashboard-day{background:#261D35;color:#C4BDCF}
:root[data-theme="dark"] .dashboard-day.active{color:#F3F0FA}
:root[data-theme="dark"] .dashboard-appointment-row{border:1px solid #5C506E;background:#191522}
:root[data-theme="dark"] .dashboard-appointment-row:hover{border-color:#5C506E}
:root[data-theme="dark"] .dashboard-time strong{color:#CDBBFF}
:root[data-theme="dark"] .dashboard-empty{border:1px dashed #5C506E}
:root[data-theme="dark"] .dashboard-setup-card{background:#261D35}
:root[data-theme="dark"] .mobile-bell{background:#261D35;color:#CDBBFF}
:root[data-theme="dark"] .mobile-bell span{background:#40252D;border:2px solid #5C506E}
:root[data-theme="dark"] .mobile-profile{color:#F3F0FA}
@media(max-width:720px){:root[data-theme="dark"] .dashboard-day{background:#261D35}
:root[data-theme="dark"] .dashboard-setup-card{background:#191522!important}
:root[data-theme="dark"] .modal::backdrop{background:#191522}
:root[data-theme="dark"] .modal-head{background:#191522;border-bottom:1px solid #5C506E}
:root[data-theme="dark"] .settings-grid .card{border:1px solid #5C506E}}
:root[data-theme="dark"] .slot-btn:focus,:root[data-theme="dark"] .slot-btn:hover{background:#261D35;border-color:#5C506E}
:root[data-theme="dark"] .more-grid button{border:1px solid #5C506E;background:#191522}
:root[data-theme="dark"] .more-grid button>span{background:#261D35;color:#CDBBFF}
:root[data-theme="dark"] .more-grid button>b{color:#C4BDCF}
:root[data-theme="dark"] .more-grid .more-danger>span{background:#40252D;color:#FFB4AB}
:root[data-theme="dark"] .service-app-price{color:#CDBBFF}
:root[data-theme="dark"] .service-app-footer{border-top:1px solid #5C506E}
:root[data-theme="dark"] .service-app-icon{background:linear-gradient(135deg,#261D35,#40252D);color:#CDBBFF}
:root[data-theme="dark"] .appointment-app-step{background:#191522}
:root[data-theme="dark"] .appointment-step-title>span{background:#261D35;color:#CDBBFF}
@media(max-width:720px){:root[data-theme="dark"] .agenda-mobile-day{background:#261D35;color:#C4BDCF}
:root[data-theme="dark"] .agenda-mobile-day.active{color:#F3F0FA}
:root[data-theme="dark"] #agendaProfessionalFilter{background:#191522}
:root[data-theme="dark"] #blockTimeBtn{background:#261D35;border-color:#5C506E}
:root[data-theme="dark"] #newAppointmentBtn::after{color:#F3F0FA}
:root[data-theme="dark"] .day-time{color:#C4BDCF}
:root[data-theme="dark"] .day-content{border-left:1px solid #5C506E}
:root[data-theme="dark"] .appointment-card{border:1px solid #5C506E;border-left:4px solid #5C506E;background:#191522}
:root[data-theme="dark"] .client-search-wrap input{background:#261D35;border-color:#5C506E}
:root[data-theme="dark"] .client-mobile-card{background:#191522;border:1px solid #5C506E}
:root[data-theme="dark"] .client-mobile-avatar{background:linear-gradient(135deg,#5A28E8,#40252D);color:#F3F0FA}
:root[data-theme="dark"] .client-mobile-main span{color:#C4BDCF}
:root[data-theme="dark"] .client-mobile-main small{color:#C4BDCF}
:root[data-theme="dark"] .client-mobile-next span{color:#C4BDCF}
:root[data-theme="dark"] .client-mobile-next strong{color:#CDBBFF}
:root[data-theme="dark"] .client-mobile-next small{color:#C4BDCF}
:root[data-theme="dark"] .appointment-app-step{border-bottom:1px solid #5C506E}}
:root[data-theme="dark"] .professional-app-avatar{background:linear-gradient(135deg,#5A28E8,#40252D);color:#F3F0FA}
:root[data-theme="dark"] .professional-app-info span{color:#C4BDCF}
:root[data-theme="dark"] .professional-app-info small{color:#C4BDCF}
:root[data-theme="dark"] .professional-app-details>div{background:#261D35;border:1px solid #5C506E}
:root[data-theme="dark"] .professional-app-details span{color:#C4BDCF}
:root[data-theme="dark"] .professional-schedule-btn{border-top:1px solid #5C506E;color:#CDBBFF}
:root[data-theme="dark"] .klikou-logo{background:#191522}
:root[data-theme="dark"] .service-image-preview{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .professional-image-preview{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .professional-edit-btn{border:1px solid #5C506E;background:#191522;color:#CDBBFF}
:root[data-theme="dark"] .professional-card-actions .professional-schedule-btn{border:1px solid #5C506E;color:#CDBBFF}
:root[data-theme="dark"] .btn.danger{background:#40252D;color:#FFB4AB;border:1px solid #5C506E}
:root[data-theme="dark"] .automation-preview{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .automation-preview strong{color:#CDBBFF}
:root[data-theme="dark"] .automation-preview span{color:#C4BDCF}
:root[data-theme="dark"] .automation-preview small{color:#C4BDCF}
:root[data-theme="dark"] .template-box{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .template-box code{color:#CDBBFF}
:root[data-theme="dark"] .template-box span{color:#C4BDCF}
:root[data-theme="dark"] .wa-connect-icon{background:linear-gradient(135deg,#4F2BD9,#302442);color:#F3F0FA}
:root[data-theme="dark"] .whatsapp-connect-card small{color:#C4BDCF}
:root[data-theme="dark"] .wa-connected-info>div{background:#261D35;border:1px solid #5C506E}
:root[data-theme="dark"] .wa-connected-info span{color:#C4BDCF}
:root[data-theme="dark"] .subscription-title-row p,:root[data-theme="dark"] .subscription-addon p{color:#C4BDCF}
:root[data-theme="dark"] .subscription-price strong{color:#CDBBFF}
:root[data-theme="dark"] .subscription-addon-price strong{color:#CDBBFF}
:root[data-theme="dark"] .subscription-price span,:root[data-theme="dark"] .subscription-addon-price span{color:#C4BDCF}
:root[data-theme="dark"] .subscription-features span{background:#261D35;border:1px solid #5C506E}
:root[data-theme="dark"] .subscription-total-box{background:#261D35;border:1px solid #5C506E}
:root[data-theme="dark"] .subscription-total-box span{color:#C4BDCF}
:root[data-theme="dark"] .subscription-total-box strong{color:#CDBBFF}
:root[data-theme="dark"] .subscription-addon small{color:#C4BDCF}
:root[data-theme="dark"] .subscription-pix-box{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .subscription-pix-qr{background:#191522;border:1px solid #5C506E}
:root[data-theme="dark"] .notification-badge{background:#40252D;border:2px solid #5C506E}
:root[data-theme="dark"] .notification-item{border:1px solid #5C506E;background:#191522}
:root[data-theme="dark"] .notification-item.unread{background:#261D35;border-color:#5C506E}
:root[data-theme="dark"] .notification-item small{color:#C4BDCF}
:root[data-theme="dark"] .feature-lock-card{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .warning-box{background:#3C3120;border:1px solid #5C506E}
:root[data-theme="dark"] .admin-account-row{border:1px solid #5C506E}
:root[data-theme="dark"] .admin-account-row small{color:#C4BDCF}
:root[data-theme="dark"] .monthly-report-grid>div{background:#261D35}
:root[data-theme="dark"] .verified-client-badge{border:1px solid #5C506E;background:#17362C;color:#8EE0B2}
:root[data-theme="dark"] .sidebar-support{color:#CDBBFF}
@media(max-width:720px){:root[data-theme="dark"] .mobile-support-card{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .mobile-support-card .mobile-support-icon{background:#261D35;color:#CDBBFF}
:root[data-theme="dark"] .mobile-support-card>b{color:#C4BDCF}}
:root[data-theme="dark"] .whatsapp-brand-icon{background:#17362C!important;color:#F3F0FA!important}
:root[data-theme="dark"] .whatsapp-automation-item{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .birthday-offer-box{border-top:1px solid #5C506E}
:root[data-theme="dark"] .whatsapp-commercial-feature{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .commercial-lock-note{background:#261D35}
:root[data-theme="dark"] .commercial-stat{background:#261D35}
:root[data-theme="dark"] .commercial-stat strong{color:#CDBBFF}
:root[data-theme="dark"] .inactive-client-summary span{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .inactive-client-summary strong{color:#CDBBFF}
:root[data-theme="dark"] .inactive-client-card{border:1px solid #5C506E;background:#191522}
:root[data-theme="dark"] .inactive-client-status>strong{color:#CDBBFF}
:root[data-theme="dark"] .google-auth-btn{background:#191522}
:root[data-theme="dark"] .google-auth-btn:hover{border-color:#5C506E}
:root[data-theme="dark"] .auth-eyebrow{color:#CDBBFF}
:root[data-theme="dark"] .google-auth-primary{border:1px solid #5C506E;background:#191522}
:root[data-theme="dark"] .google-auth-arrow{color:#CDBBFF}
:root[data-theme="dark"] .auth-legal{color:#C4BDCF}
:root[data-theme="dark"] .auth-legal a{color:#CDBBFF}
:root[data-theme="dark"] .onboarding-shell{background:radial-gradient(circle at 15% 10%,#302442,transparent 30%),linear-gradient(145deg,#261D35,#191522)}
:root[data-theme="dark"] .onboarding-identity{border:1px solid #5C506E;background:#261D35}
:root[data-theme="dark"] .onboarding-avatar{color:#CDBBFF}
:root[data-theme="dark"] .onboarding-connected{color:#8EE0B2;background:#17362C}
:root[data-theme="dark"] .onboarding-next strong{color:#CDBBFF}
:root[data-theme="dark"] .trial-ending{color:#CDBBFF}
:root[data-theme="dark"] .trial-banner{background:#261D35;color:#CDBBFF}
:root[data-theme="dark"] .client-mobile-avatar{background:#261D35;color:#CDBBFF}
:root[data-theme="dark"] .business-cover-controls:focus-within label.btn{outline:2px solid #5C506E}
@media(max-width:720px){:root[data-theme="dark"] .mobile-nav-item{color:#CDBBFF}
:root[data-theme="dark"] .mobile-nav-item.active{color:#CDBBFF;background:#261D35}
:root[data-theme="dark"] .mobile-nav-item:focus-visible{outline:2px solid #5C506E}}
:root[data-theme="dark"] .theme-toggle,:root[data-theme="dark"] .mobile-bell,:root[data-theme="dark"] .notification-btn{background:#261D35;color:#CDBBFF}
:root[data-theme="dark"] .theme-toggle:focus-visible,:root[data-theme="dark"] .mobile-bell:focus-visible,:root[data-theme="dark"] .notification-btn:focus-visible{outline:3px solid #5C506E}
:root[data-theme="dark"] .business-profile-preview{background:#261D35}
:root[data-theme="dark"] .brand-color-example{color:#F3F0FA}
:root[data-theme="dark"] .more-grid button>span.more-menu-icon{background:#261D35;color:#CDBBFF}
:root[data-theme="dark"] .more-grid .more-danger>span.more-menu-icon{background:#40252D;color:#FFB4AB}
:root[data-theme="dark"] .more-grid .more-danger strong{color:#FFB4AB}
@media(max-width:720px){:root[data-theme="dark"] .more-grid button:not(.more-danger) strong{color:#CDBBFF}
:root[data-theme="dark"] .mobile-support-card .mobile-support-icon{color:#CDBBFF;background:#261D35}}
:root[data-theme="dark"] body{background:#120F19;color:#F3F0FA}
:root[data-theme="dark"] input:not(.toggle-switch),:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background-color:#211B2D;color:#F3F0FA;border-color:#5C506E;color-scheme:dark}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#B8AEC6;opacity:1}
/* Keep the shared switch geometry and checked positions in both themes. */
:root[data-theme="dark"] input.toggle-switch[type="checkbox"]{
  border-color:#5C506E;
  background-color:#756687;
  background-image:radial-gradient(circle closest-side,#fff 99%,transparent 100%);
  background-size:20px 20px;
  background-position:3px center;
  background-repeat:no-repeat;
}
:root[data-theme="dark"] input.toggle-switch[type="checkbox"]:checked{
  background-color:#7954E8;
  border-color:#7954E8;
  background-position:calc(100% - 3px) center;
}
@media(forced-colors:active){
  :root[data-theme="dark"] input.toggle-switch[type="checkbox"]{background:none;box-shadow:none}
}
:root[data-theme="dark"] input[type="checkbox"]{accent-color:#9770FF}
:root[data-theme="dark"] .klikou-logo,:root[data-theme="dark"] .topbar-mobile-logo{content:url('/assets/klikou-logo-white.svg')}
:root[data-theme="dark"] .btn.primary,:root[data-theme="dark"] .hero-card,:root[data-theme="dark"] .btn.primary svg{color:#fff;background-color:#4F2BD9}
:root[data-theme="dark"] .hero-card h1,:root[data-theme="dark"] .hero-card h2,:root[data-theme="dark"] .hero-card h3,:root[data-theme="dark"] .hero-card p{color:#fff}
:root[data-theme="dark"] .nav-item.active,:root[data-theme="dark"] .more-grid button:not(.more-danger) strong,:root[data-theme="dark"] .link-btn,:root[data-theme="dark"] .mobile-nav-item.active{color:#CDBBFF}
:root[data-theme="dark"] .stat-value,:root[data-theme="dark"] table,:root[data-theme="dark"] td,:root[data-theme="dark"] th{color:#F3F0FA}
:root[data-theme="dark"] dialog{background:#191522;color:#F3F0FA;border:1px solid #5C506E}
:root[data-theme="dark"] dialog::backdrop{background:#0009}
:root[data-theme="dark"] button:disabled,:root[data-theme="dark"] input:disabled,:root[data-theme="dark"] select:disabled{opacity:.7;color:#C4BDCF}
:root[data-theme="dark"] .theme-toggle,:root[data-theme="dark"] .mobile-bell{background:#302442;color:#CDBBFF}
.public-booking .btn.primary,.public-booking .slot-btn:hover,.public-booking .slot-btn:focus,.public-booking .public-category-chips button.active{color:var(--public-brand-on);background:var(--public-brand)}
.public-booking .public-reserve-pill,.public-booking .public-social-btn,.public-booking .public-back,.public-booking .public-business-location svg,.public-booking .slot-btn{color:var(--public-brand-text)}
:root[data-theme="dark"] .notification-badge,:root[data-theme="dark"] .mobile-bell span{background:#FF8A7A;border-color:#191522}