/* ===== SpaPets — modo escuro + botão de tema + dashboard ===== */
.theme-toggle{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff55;background:#ffffff26;color:#fff;font-size:19px;line-height:1;cursor:pointer;display:grid;place-items:center;margin-left:auto;margin-right:10px;padding:0;transition:transform .25s,background .2s;-webkit-tap-highlight-color:transparent}
.theme-toggle:hover{background:#ffffff40;transform:rotate(18deg)}
.theme-toggle:active{transform:scale(.9)}
.theme-toggle.floating{position:fixed;top:14px;right:14px;z-index:50;background:var(--teal)}
.navlinks+.theme-toggle{margin-left:12px}
@media(max-width:700px){.topbar .theme-toggle{width:38px;height:38px;font-size:17px;margin-right:0}}
html.theme-anim,html.theme-anim *{transition:background-color .35s,color .35s,border-color .35s!important}

html[data-theme="dark"]{color-scheme:dark;--bg:#0c1718;--card:#132427;--line:#24403f;--ink:#e4f1ef;--muted:#9ab5b0;--dark:#d3e8e4;--deep:#46cfc0;--sh:0 10px 30px rgba(0,0,0,.35)}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .legal h2,html[data-theme="dark"] .check a{color:#46cfc0}
/* superfícies */
html[data-theme="dark"] .service-tile,html[data-theme="dark"] .booking-card,html[data-theme="dark"] .stat,html[data-theme="dark"] .admin-panel,html[data-theme="dark"] .contact-card,html[data-theme="dark"] .bottomnav,html[data-theme="dark"] .spa-calendar-panel,html[data-theme="dark"] .spa-calendar-toggle{background:var(--card);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .appointment,html[data-theme="dark"] .spa-v36-item,html[data-theme="dark"] .spa-metric,html[data-theme="dark"] .spa-batch{background:#0f1f21;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .spa-queue-item{background:#0f1f21;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .spa-queue-item strong{color:var(--ink)}
html[data-theme="dark"] .appointment.is-history{background:#0d1a1c}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .spa-batch-fields input,html[data-theme="dark"] .spa-batch-fields select{background:#0f1f21;color:var(--ink);border-color:#2b4a48}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{background:#122629;border-color:var(--teal)}
html[data-theme="dark"] ::placeholder{color:#6f8c88}
html[data-theme="dark"] input[type="date"],html[data-theme="dark"] input[type="time"]{color-scheme:dark}
html[data-theme="dark"] .soft-button,html[data-theme="dark"] .spa-agenda-slots .soft-button,html[data-theme="dark"] .steps span,html[data-theme="dark"] .appointment .spa-trash{background:#183032;color:#7fe3d7;border-color:#2b4a48}
html[data-theme="dark"] .soft-button:hover{border-color:var(--teal)}
html[data-theme="dark"] .appointment .spa-trash{color:#ff9d93}
html[data-theme="dark"] .appointment .spa-trash:hover{background:#3a1f21}
html[data-theme="dark"] .reject{background:#3a1f21;color:#ff9d93}
html[data-theme="dark"] .status{background:#12312f;color:#7fe3d7}
html[data-theme="dark"] .status.error{background:#3a1f21;color:#ff9d93}
html[data-theme="dark"] .warning{background:#3a2f14;color:#ffd08a}
html[data-theme="dark"] .tag.pending{background:#3a2f14;color:#ffd08a}
html[data-theme="dark"] .tag.confirmed{background:#123428;color:#7ee0a8}
html[data-theme="dark"] .tag.rejected,html[data-theme="dark"] .tag.cancelled{background:#3a1f21;color:#ff9d93}
html[data-theme="dark"] .card-icon,html[data-theme="dark"] .panel-emoji{background:#16393a}
html[data-theme="dark"] .contact-card>span{background:#3a2a16}
html[data-theme="dark"] .tile-arrow{background:#183032;color:#7fe3d7}
html[data-theme="dark"] .service-tile:hover .tile-arrow{background:#fff;color:#17302e}
html[data-theme="dark"] .art-a{background:#16393a}html[data-theme="dark"] .art-b{background:#3a2a16}html[data-theme="dark"] .art-c{background:#1a2c44}html[data-theme="dark"] .art-d{background:#3a1f2b}
/* escolhas do formulário */
html[data-theme="dark"] .spa-service-choice{background:#0f1f21;border-color:#2b4a48;color:var(--ink)}
html[data-theme="dark"] .spa-service-choice:has(input:checked){background:#12312f;border-color:var(--teal)}
html[data-theme="dark"] .spa-taxi-option{background:#12292b}
html[data-theme="dark"] .spa-taxi-option:has(input:checked){background:#16393a}
/* calendário do cliente */
html[data-theme="dark"] .spa-calendar-head button{background:#183032;color:#7fe3d7}
html[data-theme="dark"] .spa-calendar-weekday,html[data-theme="dark"] .spa-calendar-legend,html[data-theme="dark"] .spa-calendar-note{color:var(--muted)}
html[data-theme="dark"] .spa-calendar-toggle{color:var(--ink)}
html[data-theme="dark"] .spa-calendar-day{color:var(--ink)}
html[data-theme="dark"] .spa-calendar-day.is-available{background:#123428;color:#7ee0a8}
html[data-theme="dark"] .spa-calendar-day.is-unavailable{background:#2e1b1d;color:#e59a95}
/* textos fixos que estavam em cinza-azulado */
html[data-theme="dark"] .spa-hint,html[data-theme="dark"] .spa-v36-item small,html[data-theme="dark"] .spa-v36-empty,html[data-theme="dark"] .spa-metric span,html[data-theme="dark"] .spa-queue-item small,html[data-theme="dark"] .spa-v40-hint,html[data-theme="dark"] .spa-batch small{color:var(--muted)}
html[data-theme="dark"] .spa-history-actions summary{color:#7fe3d7}
html[data-theme="dark"] .appointment .spa-more{border-color:var(--line);color:var(--muted)}
/* painel */
html[data-theme="dark"] #admin .spa-app-nav{background:#0f1f21;border-color:var(--line)}
html[data-theme="dark"] #admin .spa-app-navbtn{color:#9ab5b0}
html[data-theme="dark"] #admin .spa-app-navbtn.is-active,html[data-theme="dark"] #admin .spa-app-navbtn[aria-pressed="true"]{color:#fff}
html[data-theme="dark"] .bottomnav button{color:var(--muted)}
html[data-theme="dark"] .top-cta,html[data-theme="dark"] .nav-admin{background:#ffffff;color:#04796f}
html[data-theme="dark"] .photo-sticker{background:#183032;color:#ffa53d}
/* faixa laranja e hero: escurece um pouco para não ofuscar */
html[data-theme="dark"] .orange-zone{filter:brightness(.78) saturate(.95)}
html[data-theme="dark"] .hero-card,html[data-theme="dark"] .hero{filter:brightness(.88)}
html[data-theme="dark"] img.brand{filter:drop-shadow(0 0 0 transparent)}

/* ===== DASHBOARD ===== */
.spa-dash{margin-bottom:22px}
.spa-dash h3{margin:0}
.dash-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dash-top p{margin:2px 0 0;color:var(--muted);font-size:13px}
.dash-seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px}
.dash-seg button{border:0;background:transparent;color:var(--muted);font:700 12px Inter,sans-serif;padding:7px 11px;border-radius:9px;cursor:pointer;transition:background .2s,color .2s}
.dash-seg button.on{background:var(--teal);color:#fff}
.dash-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}
@media(min-width:700px){.dash-kpis{grid-template-columns:repeat(3,1fr)}}
.dash-kpi{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px;position:relative;overflow:hidden}
.dash-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c,var(--teal))}
.dash-kpi span{display:block;font-size:12px;font-weight:700;color:var(--muted)}
.dash-kpi strong{display:block;font:800 28px Manrope,sans-serif;color:var(--ink);margin:2px 0}
.dash-kpi small{font-size:11.5px;color:var(--muted)}
.dash-card{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}
.dash-card h4{margin:0 0 2px;font-size:14px;color:var(--ink)}
.dash-card>p{margin:0 0 12px;font-size:12px;color:var(--muted)}
.dash-bars{display:flex;align-items:flex-end;gap:4px;height:120px;padding-top:6px}
.dash-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.dash-bar{width:100%;max-width:26px;border-radius:7px 7px 3px 3px;background:var(--teal);transform-origin:bottom;animation:dashGrow .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*35ms);min-height:3px;position:relative}
.dash-bar.stack{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:transparent}
.dash-bar.stack i{display:block;width:100%}
.dash-bar.zero{opacity:.25}
.dash-col b{font:700 10px Inter,sans-serif;color:var(--ink);height:12px}
.dash-col em{font:600 9.5px Inter,sans-serif;color:var(--muted);font-style:normal;white-space:nowrap}
.dash-col.today em{color:var(--teal);font-weight:800}
@keyframes dashGrow{from{transform:scaleY(0);opacity:.2}to{transform:none;opacity:1}}
.dash-rank{display:grid;gap:9px}
.dash-row{display:grid;grid-template-columns:minmax(80px,38%) 1fr auto;align-items:center;gap:8px;font-size:13px;color:var(--ink)}
.dash-row .t{background:var(--line);border-radius:99px;height:9px;overflow:hidden}
.dash-row .t i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),#7be3d8);transform-origin:left;animation:dashGrowX .8s cubic-bezier(.2,.8,.2,1) both}
.dash-row b{font-weight:800}
@keyframes dashGrowX{from{transform:scaleX(0)}to{transform:none}}
.dash-status{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--line);margin:4px 0 10px}
.dash-status i{display:block;height:100%;animation:dashGrowX .8s ease both;transform-origin:left}
.dash-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.dash-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--c);margin-right:5px}
.dash-empty{color:var(--muted);font-size:13px;padding:8px 0}
@media(prefers-reduced-motion:reduce){.dash-bar,.dash-row .t i,.dash-status i{animation:none!important}}

/* Início virou Dashboard: esconde os blocos antigos que o dashboard substitui */
.spa-app-page[data-spa-page="inicio"] .stats,.spa-app-page[data-spa-page="inicio"] .warning,.spa-v40-panel>h3:first-child,#spaOverview{display:none!important}
html[data-theme="dark"] .orange-zone .eyebrow,html[data-theme="dark"] .orange-zone .eyebrow *{color:#fff3d9}
html[data-theme="dark"] .species-chip span{background:#0f1f21;border-color:#2b4a48}
html[data-theme="dark"] .species-chip:has(input:checked) span{background:#12312f;color:#7fe3d7;border-color:var(--teal)}
html[data-theme="dark"] .wiz-review{background:#0f1f21;border-color:#2b4a48}
html[data-theme="dark"] .wiz-error{background:#3a1f21;color:#ff9d93}
html[data-theme="dark"] .tile-art.art-a,html[data-theme="dark"] .tile-art.art-c{color:#46cfc0}
html[data-theme="dark"] .wiz-meta b{color:#7fe3d7}