/* Horaê — perfil "barbearia" (theme.perfil = 'barbearia'): visual escuro, metálico, público masculino.
   Carrega DEPOIS de shared.css / agendar.css / painel.css e só vale com body.perfil-barbearia
   (aplicarTema liga a classe). Reaproveita os tokens do app (--bg, --surface, --ink…) remapeados
   pra grafite + aço escuro + ouro velho; onde o CSS original usa #fff/branco fixo, sobrescreve aqui.
   Sem o perfil nada muda pra nenhuma outra cliente. */
body.perfil-barbearia{
  --bg:#121418; --surface:#1b1e24; --surface-2:#252930;
  --ink:#ece7dd; --muted:#9b978c;
  --brand:#c9a35b; --brand-2:#e2c07a; --brand-deep:#ead7a6; --rose:#d3b072;
  --line:rgba(236,231,221,.10); --line-brand:rgba(201,163,91,.38);
  --ok:#5fb27a; --danger:#e0705f; --warn:#d9a441;
  --shadow:0 18px 40px -24px rgba(0,0,0,.8);
  --nv-accent:#c9a35b; --nv-tom:#8b93a1;
  --nv-card:rgba(30,33,40,.94);
  --nv-line:rgba(236,231,221,.10);
  --nv-tint:rgba(139,147,161,.16); --nv-tint-2:rgba(139,147,161,.11);
  --nv-shadow:0 14px 34px -18px rgba(0,0,0,.85);
  --nv-ok-bg:rgba(95,178,122,.16); --nv-warn-bg:rgba(217,164,65,.16);
  --metal:linear-gradient(135deg,#f0dca8 0%,#c9a35b 48%,#9c7b3c 100%); /* ouro velho metálico */
  color:var(--ink);
  background:
    radial-gradient(75% 50% at 100% 0%,rgba(139,147,161,.22),transparent 62%),
    radial-gradient(60% 45% at 0% 100%,rgba(201,163,91,.12),transparent 62%),
    linear-gradient(160deg,#1a1d23 0%,#121418 55%,#0e1013 100%);
  background-attachment:fixed;
  color-scheme:dark;
}
/* títulos e textos que usavam brand-deep como cor escura */
body.perfil-barbearia .head h1,
body.perfil-barbearia .card h2,
body.perfil-barbearia .nv-main .card h2{color:var(--brand-deep)}

/* ativos: ouro metálico com texto escuro (o original era cor escura + texto branco) */
body.perfil-barbearia .steps span.on,
body.perfil-barbearia.nv-cliente .steps span.on,
body.perfil-barbearia .tab.on,
body.perfil-barbearia .wd-chip.on,
body.perfil-barbearia .slot.on,
body.perfil-barbearia.nv-cliente .slot.on,
body.perfil-barbearia .sort-toggle button.on,
body.perfil-barbearia .nv-item.on,
body.perfil-barbearia .btn-brand,
body.perfil-barbearia.nv-cliente .btn-brand{background:var(--metal);border-color:transparent;color:#17130c;box-shadow:0 10px 24px -12px rgba(201,163,91,.7)}
body.perfil-barbearia .wd-day.on small,body.perfil-barbearia .wd-day.on b,
body.perfil-barbearia.nv-cliente .day.on small,body.perfil-barbearia.nv-cliente .day.on b,body.perfil-barbearia.nv-cliente .day.on em{color:#17130c}
body.perfil-barbearia .svc.selected .svc-check,
body.perfil-barbearia.nv-cliente .svc.selected .svc-check{background:var(--metal);border-color:transparent;color:#17130c}

/* superfícies que eram brancas fixas */
body.perfil-barbearia.nv-cliente .svc,
body.perfil-barbearia.nv-cliente .day,
body.perfil-barbearia.nv-cliente .slot,
body.perfil-barbearia.nv-cliente .btn-line,
body.perfil-barbearia.nv-cliente .curso,
body.perfil-barbearia.nv-cliente .formato-card,
body.perfil-barbearia .wd-chip,body.perfil-barbearia .act,
body.perfil-barbearia .cli-search,
body.perfil-barbearia input,body.perfil-barbearia select,body.perfil-barbearia textarea{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
body.perfil-barbearia.nv-cliente .slot{color:var(--brand-deep)}
body.perfil-barbearia.nv-cliente .svc.selected,
body.perfil-barbearia .svc.selected,
body.perfil-barbearia .day.on,
body.perfil-barbearia.nv-cliente .day.on{background:linear-gradient(160deg,rgba(201,163,91,.20),rgba(201,163,91,.08));border-color:var(--brand)}
body.perfil-barbearia.nv-cliente .day.on{background:var(--metal)}
body.perfil-barbearia.nv-cliente .multi-bar{background:rgba(27,30,36,.96);box-shadow:0 18px 40px -16px rgba(0,0,0,.9)}
body.perfil-barbearia .bignum{background:linear-gradient(160deg,var(--surface-2),var(--surface))}
body.perfil-barbearia.nv-cliente .bio-foto{border-color:var(--surface-2)}
body.perfil-barbearia ::placeholder{color:#7d7a72}
body.perfil-barbearia.nv-cliente .btn-line{border-color:var(--line-brand);color:var(--brand-deep)}
body.perfil-barbearia .hero-cta:focus-visible{outline-color:var(--brand-2)}

/* banner "Instale esse app": era degradê de marca com texto branco — no escuro vira cartão com filete ouro */
body.perfil-barbearia #banner-instalar{background:linear-gradient(135deg,#2a2d35,#1b1e24)!important;border:1px solid var(--line-brand);color:var(--ink)!important}
body.perfil-barbearia #banner-instalar-texto{color:var(--muted)!important}
body.perfil-barbearia #banner-instalar .btn-line,
body.perfil-barbearia.nv-cliente #banner-instalar .btn-line{background:transparent!important;border:1.5px solid var(--line-brand)!important;color:var(--brand-deep)!important}
body.perfil-barbearia #btn-fechar-instalar{color:var(--muted)!important}

/* ===== painel (Nova UI): tudo que o painel.css deixava branco fixo ===== */
body.perfil-barbearia .nv-item{color:#c9c5ba}
body.perfil-barbearia .nv-item:hover{background:rgba(236,231,221,.07)}
body.perfil-barbearia .nv-open{background:rgba(236,231,221,.05);border-color:var(--line-brand);color:var(--brand-deep)}
body.perfil-barbearia .nv-open:hover{background:rgba(236,231,221,.10)}
body.perfil-barbearia .nv-art img{box-shadow:0 24px 46px -22px rgba(0,0,0,.9),0 0 0 2px rgba(201,163,91,.55)}
body.perfil-barbearia .nv-quote{background:rgba(236,231,221,.05);border-color:var(--line)}
body.perfil-barbearia .nv-top .ic,
body.perfil-barbearia .nv-sino{background:var(--surface-2);border-color:var(--line);color:var(--brand-deep)}
body.perfil-barbearia .nv-banner,
body.perfil-barbearia .daynav{background:rgba(30,33,40,.9)}
body.perfil-barbearia .nv-feat div{color:#c9c5ba}
body.perfil-barbearia .nv-cta{background:var(--metal);color:#17130c;box-shadow:0 12px 26px -14px rgba(201,163,91,.7)}
body.perfil-barbearia .nv-fone{background:linear-gradient(#2a2d35,var(--surface-2));border-color:var(--brand)}
body.perfil-barbearia .nv-prox button:hover time{background:var(--brand);color:#17130c}
body.perfil-barbearia .agenda-item,
body.perfil-barbearia .wd-sem-dia,
body.perfil-barbearia .client-item,
body.perfil-barbearia .sv-row,
body.perfil-barbearia .top-item,
body.perfil-barbearia .wd-sem-dia .agenda-item,
body.perfil-barbearia .kb-item .agenda-item{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
body.perfil-barbearia .bignum{background:linear-gradient(135deg,var(--surface-2),var(--surface))}
body.perfil-barbearia .nv-cont,
body.perfil-barbearia .nv-modo button.on,
body.perfil-barbearia .nv-mbar button.on{background:var(--metal);color:#17130c}
body.perfil-barbearia .nv-mbar{background:rgba(27,30,36,.96);box-shadow:0 12px 34px -8px rgba(0,0,0,.9);border:1px solid var(--line)}
body.perfil-barbearia .nv-mbar button{color:#b9b5aa}
body.perfil-barbearia .nv-sheet-in{background:var(--surface);color:var(--ink);box-shadow:0 14px 40px -10px rgba(0,0,0,.8)}
body.perfil-barbearia .nv-brand img,
body.perfil-barbearia .nv-mtop img{background:var(--surface-2)}
body.perfil-barbearia .btn-line{background:transparent}
body.perfil-barbearia .login-box,
body.perfil-barbearia .modal,
body.perfil-barbearia dialog{background:var(--surface);color:var(--ink)}