/* Página de agendamento (o que o cliente vê), área do cliente e as telas do
   painel que alimentam a página. Usa os mesmos tokens de base.css. */


/* ---------- página: capa, cabeçalho, menu ---------- */
.scr.tela-inicio .scr-body{padding:0 0 12px;gap:0}
.pc-cover{position:relative}
.pc-fotos{position:relative;height:var(--alto,236px);overflow:hidden;background:var(--sunken)}
.pc-trilho{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pc-trilho::-webkit-scrollbar{display:none}
.pc-trilho img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.pc-pontos{position:absolute;left:0;right:0;bottom:48px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.pc-pontos i{width:6px;height:6px;border-radius:3px;background:rgb(255 255 255 / .55);transition:width .2s,background .2s}
.pc-pontos i.on{width:16px;background:#fff}
/* sem foto ainda: fundo com as listras do poste, na cor da marca */
.pc-fotos.vazia{background:repeating-linear-gradient(135deg,rgb(255 255 255 / .05) 0 14px,transparent 14px 28px),radial-gradient(130% 100% at 85% 0%,color-mix(in oklab, var(--accent) 60%, #1C1A2B),#1C1A2B 72%)}
.pc-conta{position:absolute;top:54px;right:14px;z-index:3;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;box-shadow:0 4px 14px rgb(0 0 0 / .25)}
.pc-conta.txt{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;background:rgb(255 255 255 / .94);color:#14121C;font-size:12.5px;font-weight:700}
.pc-cab{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin:-40px 14px 0;padding:14px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.pc-cab-t{min-width:0;flex:1}
.pc-nome{display:block;font:700 20px/1.15 var(--font-display);letter-spacing:-.02em}
.pc-nota{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:13px}
.pc-novo{display:inline-flex;height:22px;align-items:center;padding:0 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:11.5px;font-weight:700}
.pc-status{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--muted)}
.pc-status i{width:7px;height:7px;border-radius:50%;background:var(--faint)}
.pc-status.on{color:var(--ok);font-weight:600}
.pc-status.on i{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.pc-sobre{margin:14px 18px 0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.pc-menu{position:sticky;top:0;z-index:4;display:flex;gap:6px;overflow-x:auto;margin-top:12px;padding:10px 14px;background:color-mix(in oklab, var(--paper) 90%, transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);scrollbar-width:none}
.pc-menu::-webkit-scrollbar{display:none}
.pc-menu button{flex:none;height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:12.5px;font-weight:600}
.pc-menu button:hover{border-color:var(--accent-mid);color:var(--accent-text)}

/* ---------- seções ---------- */
.pc-sec{padding:18px 18px 4px;scroll-margin-top:58px}
.pc-sec-h h2{font:700 17px/1.2 var(--font-display);letter-spacing:-.01em}
.pc-sub{margin:4px 0 12px;font-size:12.5px;color:var(--muted)}
.pc-carrossel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;margin:12px -18px 0;padding:0 18px 6px;scrollbar-width:none}
.pc-carrossel::-webkit-scrollbar{display:none}
.pc-card{flex:0 0 146px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:inherit;text-align:left}
.pc-card:hover{border-color:var(--accent-mid)}
.pc-card b{font-size:14px;line-height:1.25;margin-bottom:6px}
.pc-card small{margin-top:auto;font-size:12px;color:var(--muted)}
.pc-card .pc-bt{margin-top:10px;align-self:stretch}
.pc-preco{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-bt{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:9px;border:0;background:var(--accent-fill);color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap}
.pc-bt.ghost{background:var(--sunken);color:var(--ink-2)}
.pc-bt.perigo{background:#C21B0B}
.pc-planos{display:flex;flex-direction:column;gap:10px}
.pc-plano{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;border:1px solid color-mix(in oklab, var(--accent) 26%, var(--line));background:linear-gradient(160deg,var(--accent-soft),var(--surface) 70%)}
.pc-plano.sel{box-shadow:inset 0 0 0 1px var(--accent-text)}
.pc-plano-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.pc-plano-t b{font-size:15px}
.pc-plano-t span{font-size:12.5px;color:var(--muted);white-space:nowrap}
.pc-plano-t strong{font-size:19px;color:var(--ink);font-variant-numeric:tabular-nums}
.pc-plano p{font-size:13px;color:var(--ink-2)}
.pc-cat{margin:16px 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pc-sec .pc-cat:first-of-type{margin-top:12px}
.pc-lista{display:flex;flex-direction:column;gap:8px}
.pc-serv{display:flex;align-items:center;gap:10px;padding:11px 11px 11px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.pc-serv-t{flex:1;min-width:0}
.pc-serv-t b{display:block;font-size:14px;line-height:1.3}
.pc-serv-t small{font-size:12px;color:var(--muted)}
.pc-desc{display:block;margin:2px 0 1px;font-size:12px;line-height:1.35;color:var(--ink-2)}
.pc-prof{flex:0 0 128px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 10px 12px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-align:center}
.pc-prof .av{margin-bottom:6px}
.pc-prof b{font-size:14px}
.pc-prof small{font-size:12px;color:var(--muted)}
.pc-prof .pc-bt{margin-top:10px;width:100%}
.pc-pnota{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted)}
.estrelas{display:inline-flex;gap:1px;vertical-align:middle}
.estrelas svg{fill:var(--line-2)}
.estrelas svg.on{fill:#F5B301}
.pc-aval-res{display:flex;align-items:center;gap:16px;margin-top:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.pc-aval-n{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:86px}
.pc-aval-n > b{font:700 32px/1 var(--font-display);font-variant-numeric:tabular-nums}
.pc-aval-n small{font-size:11.5px;color:var(--muted)}
.pc-dist{flex:1;display:flex;flex-direction:column;gap:4px}
.pc-dist div{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.pc-dist i{flex:1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.pc-dist i b{display:block;height:100%;background:#F5B301}
.pc-avals{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.pc-aval{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.pc-aval p{font-size:13.5px;line-height:1.5}
.pc-aval small{font-size:12px;color:var(--muted)}
.pc-vazio{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px;padding:22px 16px;border-radius:16px;border:1.5px dashed var(--line-2);color:var(--muted);text-align:center}
.pc-vazio b{color:var(--ink);font-size:14px}
.pc-vazio p{font-size:12.5px}
.pc-vazio .btn{margin-top:8px}
.pc-info{display:flex;flex-direction:column;gap:16px;margin-top:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.pc-info-i{display:flex;gap:12px}
.pc-info-i > .ic{color:var(--accent-text);margin-top:1px}
.pc-info-i > div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.pc-info-i b{font-size:13.5px}
.pc-link{padding:0;border:0;background:none;color:var(--accent-text);font-size:12.5px;font-weight:700;text-decoration:none;cursor:pointer}
.pc-link:hover{text-decoration:underline}
.pc-horas{align-self:stretch;gap:3px !important;font-size:12.5px}
.pc-horas div{display:flex;justify-content:space-between;align-self:stretch;color:var(--ink-2)}
.pc-horas div.hoje{color:var(--ink);font-weight:700}

/* ---------- fluxos: agendar, assinar, entrar ---------- */
.pc-topo{display:flex;align-items:center;gap:6px;margin:-8px -6px 2px}
.pc-voltar{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:none;color:var(--ink-2)}
.pc-voltar:hover{background:var(--sunken)}
.pc-topo-n{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.pc-topo-n b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-topo .pc-conta{position:static;box-shadow:none}
.pc-topo .pc-conta.txt{background:var(--sunken);color:var(--ink)}
.pc-conta-vazio{width:34px;flex:none}
.pub-t small{font:500 13px var(--font-ui);color:var(--muted)}
.pc-quem{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.pc-quem b{display:block;font-size:14px}
.pc-quem small{font-size:12.5px;color:var(--muted)}
.pc-ok{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:8px}
.pc-ok p{font-size:14px;line-height:1.55;color:var(--ink-2)}
.pc-ok .pub-n{font-size:24px}
.pc-como{counter-reset:passo;display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--ink-2)}
.pc-como li{display:flex;align-items:flex-start;gap:10px}
.pc-como li::before{counter-increment:passo;content:counter(passo);flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font-size:11.5px;font-weight:700}
.pc-login{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.pc-login .field{align-self:stretch}
.pc-fixo{display:flex;align-items:center;background:var(--sunken);color:var(--ink-2)}
.pc-codigo{height:56px;font-size:26px;font-weight:700;letter-spacing:.6em;text-align:center;font-variant-numeric:tabular-nums}
.pc-erro{color:var(--bad);font-size:12.5px;font-weight:600}
.pc-notas{display:flex;justify-content:center;gap:4px;padding:6px 0}
.pc-notas button{padding:2px;border:0;background:none;border-radius:8px}
.pc-notas svg{fill:var(--line-2);transition:transform .12s,fill .12s}
.pc-notas button[aria-pressed="true"] svg{fill:#F5B301}
.pc-notas button:hover svg{transform:scale(1.08)}

/* ---------- área do cliente ---------- */
.scr.tela-conta .scr-foot{padding:6px 6px 20px}
.pc-abas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.pc-abas button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:10.5px;font-weight:600;line-height:1.15;text-align:center}
.pc-abas button[aria-current="page"]{color:var(--accent-text);background:var(--accent-soft)}
.pc-h4{margin:6px 0 -6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pc-ag{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.pc-ag-d{display:flex;flex-direction:column;align-items:center;min-width:56px}
.pc-ag-d b{font-size:11.5px;font-weight:700;color:var(--muted)}
.pc-ag-d span{font:700 16px/1.2 var(--font-display);font-variant-numeric:tabular-nums}
.pc-ag-t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.pc-ag-t b{font-size:14px}
.pc-ag-t small{font-size:12px;color:var(--muted)}
.pc-ag-c{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;font-size:12.5px;font-weight:600}
.pc-avaliou{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted)}
.pc-aviso{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:var(--warn-soft);color:var(--ink-2);font-size:13px}
.pc-aviso .ic{color:var(--warn);margin-top:1px}
.pc-perfil{display:flex;justify-content:center;padding:4px 0 6px}
.pc-foto,.pro-foto{position:relative;flex:none;display:block;padding:0;border:0;border-radius:50%;background:none}
/* o avatar é inline-grid: só com imagem, a linha de base cai na borda e o botão ganha uns pixels embaixo */
.pc-foto > .av,.pro-foto > .av{display:grid}
.li-acoes{display:flex;gap:6px;flex:none}
.pc-foto .lapis,.pro-foto .lapis{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink-2);box-shadow:0 0 0 1px var(--line),var(--shadow-sm)}
.pro-foto .lapis{width:22px;height:22px;right:-3px;bottom:-3px}
.pc-lugar{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.pc-lugar > div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.pc-lugar b{font-size:15px}
.pc-lugar small{font-size:12.5px;color:var(--muted)}
.pc-lugar .chip{margin-top:4px}
.pc-lugar-a{display:flex;gap:8px}
.pc-lugar-a .btn{flex:1}
.pc-mitem{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;text-align:center}
.pc-mitem .ic{color:var(--muted)}
.pc-mitem.perigo .ic{color:var(--bad)}
.pc-mitem.perigo{color:var(--bad)}

/* ---------- painel: página de agendamento ---------- */
.falta-ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--sunken);color:var(--muted)}
.falta-ic.ok{background:var(--ok-soft);color:var(--ok)}
.pg-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pg-nums > *{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:inherit;text-align:left}
.pg-nums b{font:700 22px/1.1 var(--font-display);font-variant-numeric:tabular-nums}
.pg-nums span{font-size:12px;color:var(--muted);line-height:1.3}
.pg-nums button:hover{border-color:var(--accent-mid)}
.panel.destaque{border-color:var(--accent-mid);box-shadow:0 0 0 3px var(--accent-soft)}

/* ---------- painel: meu estabelecimento ---------- */
.fotos-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.foto-item{position:relative;margin:0;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--sunken)}
.foto-item img{display:block;width:100%;height:100%;object-fit:cover}
.foto-acoes{position:absolute;top:6px;right:6px;display:flex;gap:4px}
.foto-acoes .icon-btn{width:30px;height:30px;border-radius:8px;background:rgb(10 8 18 / .58);color:#fff}
.foto-acoes .icon-btn:hover{background:rgb(10 8 18 / .78);color:#fff}
.foto-item figcaption{position:absolute;left:8px;bottom:8px;padding:2px 9px;border-radius:999px;background:rgb(10 8 18 / .62);color:#fff;font-size:11px;font-weight:700}
.foto-add{aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:12px;border:1.5px dashed var(--line-2);background:var(--raised);color:var(--muted);font-size:12.5px;font-weight:600}
.foto-add:hover{border-color:var(--accent-mid);color:var(--accent-text)}
.semana{display:flex;flex-direction:column;gap:6px}
.dia-h{display:grid;grid-template-columns:140px 120px auto 120px 1fr;align-items:center;gap:10px}
.dia-h .chip{justify-self:start}
.dia-t{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600}
.dia-t input{width:18px;height:18px;accent-color:var(--accent-fill)}
.dia-h .input{height:38px}
.dia-h.fechado .input{opacity:.45}
.prev-pub{overflow:hidden;background:var(--paper)}
.prev-pub .pc-cab{margin:-32px 12px 0;padding:12px}
.prev-pub .pc-sobre{margin:12px 16px}
.prev-pub .pc-lista{margin-top:12px}
.logo-edit{flex:none}

/* ---------- celular de verdade: a página ocupa a tela ---------- */
@media (max-width:760px){
  .phone .scr{overflow:visible}
  .pc-fotos{border-radius:18px 18px 0 0}
  .pc-conta{top:14px}
  .pc-menu{top:56px}
  #phone{scroll-margin-top:68px} /* ao trocar de tela, o topo do celular fica abaixo do cabeçalho do painel */
  .panel.destaque .li{flex-wrap:wrap}
  .panel.destaque .li-t{flex:1 1 calc(100% - 50px)}
  .panel.destaque .li .icon-btn{margin-left:auto}
  .phone .scr-foot{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:6;border-radius:0 0 18px 18px}
  .pg-nums{gap:8px}
  .pg-nums > *{padding:12px}
  .dia-h{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}
  .dia-h .dia-t{grid-column:1 / -1}
  .dia-h .chip{display:none}
}

/* ---------- celular de demonstração: o entalhe ---------- */
.phone::before{pointer-events:none}
@media (min-width:761px){
  .phone .scr{position:relative}
  .phone .scr::before{content:"";position:absolute;top:0;left:0;right:0;height:50px;z-index:5;background:var(--paper);opacity:0;transition:opacity .15s;pointer-events:none}
  .phone .scr.rolou::before{opacity:1}
  .phone .pc-menu{top:50px}
}

/* ---------- checkout da mensalidade do clube ---------- */
.ck-ou{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.ck-ou::before,.ck-ou::after{content:"";flex:1;height:1px;background:var(--line)}
.ck-alt{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px dashed var(--line-2)}
.ck-alt > b{font-size:13.5px}
.ck-alt > small{margin-top:-6px;font-size:12px;line-height:1.45;color:var(--muted)}
.ck-resumo{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.ck-linha{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-size:13.5px}
.ck-linha + .ck-linha{border-top:1px solid var(--line)}
.ck-linha > span{min-width:0}
.ck-linha b{display:block;font-size:14.5px}
.ck-linha > span small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.ck-linha strong{font:700 15px var(--font-display);white-space:nowrap;font-variant-numeric:tabular-nums}
.ck-linha strong small{font:500 12px var(--font-ui);color:var(--muted)}
.ck-linha.tot{background:var(--raised)}
.ck-linha.tot strong{font-size:18px}
.ck-linha.sub{padding-top:10px;padding-bottom:10px;font-size:12.5px;color:var(--muted)}
.ck-mets{display:flex;flex-direction:column;gap:8px}
.ck-met{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s, box-shadow .15s}
.ck-met > .ic{flex:none;color:var(--muted)}
.ck-met > span{flex:1;min-width:0}
.ck-met b{display:block;font-size:14px}
.ck-met small{font-size:12px;color:var(--muted)}
.ck-radio{width:18px;height:18px;flex:none;border-radius:50%;border:2px solid var(--line-2);transition:border .15s}
.ck-met.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 16%, transparent)}
.ck-met.on > .ic{color:var(--accent-text)}
.ck-met.on .ck-radio{border:5px solid var(--accent-fill)}
.ck-exp{display:flex;gap:8px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.ck-exp .ic{flex:none;margin-top:2px}
.ck-pix{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-align:center}
.ck-qr{width:172px;height:172px;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.ck-qr svg{display:block;width:100%;height:100%}
.ck-pix-t b{display:block;font-size:14px}
.ck-pix-t small{font-size:12px;color:var(--muted)}
.ck-copia{display:flex;align-items:center;gap:8px;width:100%;padding:6px 6px 6px 12px;border-radius:12px;border:1px dashed var(--line-2);background:var(--raised)}
.ck-copia code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:var(--ink-2);text-align:left}
.ck-pix .ck-exp{text-align:left}
.ck-cartao{display:flex;flex-direction:column;gap:12px}
.ck-num{position:relative}
.ck-num .input{padding-right:96px;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.ck-band{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.ck-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.ck-seg{display:flex;gap:8px;padding:10px 12px;border-radius:12px;background:var(--sunken);font-size:11.5px;line-height:1.5;color:var(--muted)}
.ck-seg .ic{flex:none;margin-top:1px;color:var(--ok)}
.ck-recibo{width:100%;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:14px}
.ck-recibo > div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--line);font-size:13px}
.ck-recibo > div:first-child{border-top:0}
.ck-recibo dt{color:var(--muted)}
.ck-recibo dd{font-weight:650;text-align:right}
.ic.gira{animation:gira .9s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

/* ---------- revisão visual de 30/09/2026: alvos de toque de 40 px na página do cliente ---------- */
@media (max-width:760px){
  .pc-bt,.pc-menu button{min-height:40px}
  .pc-voltar{width:40px;height:40px}
  .pc-conta.txt{height:40px}
  .pc-link{display:inline-flex;align-items:center;min-height:40px}
}

/* ---------- segunda conferência visual (01/10/2026) ---------- */
.pc-prof .pc-bt{margin-top:auto}

/* ---------- no ar: o link público da barbearia ----------
   Só a página, ocupando a tela (no computador, numa coluna no meio). Sem a moldura do celular: é o celular de verdade. */
.so-pagina .app,.so-pagina .tabbar,.so-pagina .site{display:none}
.so-pagina{height:auto;min-height:100%;overflow-y:auto;background:var(--paper)}
.pagina-publica{display:flex;justify-content:center;min-height:100dvh}
.so-pagina .phone{width:100%;max-width:520px;height:auto;min-height:100dvh;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.so-pagina .phone::before,.so-pagina .phone .scr::before{display:none}
.so-pagina .phone .scr{height:auto;min-height:100dvh;border-radius:0;overflow:visible}
.so-pagina .phone .scr-body{padding:22px 16px;overflow:visible}
.so-pagina .phone .scr.tela-inicio .scr-body{padding:0 0 12px}
.so-pagina .phone .pc-fotos{border-radius:0}
.so-pagina .phone .pc-menu{top:0}
.so-pagina .phone .scr-foot{position:sticky;bottom:0;z-index:6;border-radius:0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.so-pagina #phone{scroll-margin-top:0}
@media (min-width:761px){ .so-pagina .phone{border-left:1px solid var(--line);border-right:1px solid var(--line)} }
.pp-falha{align-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;text-align:center}
.pp-falha p{margin:0;color:var(--muted)}