/* FOURMI THINK — Minha conta (conta única). Cor do topo segue o perfil:
   Professor/Aluno/Autônomo verde, Barbeiro marinho, Personal carvão, Minha FOURMI ameixa. Dourado só na ação principal. */
:root{--acc-gold:#d4a853;--acc-cream:#f7f2e6;--acc-ink:#17211d;--acc-muted:#66706b;--acc-line:#e4dfd2;--acc-ok:#2d6a4f;--acc-bad:#a3322a}
.acc-dialog{--acc-top:#06382d;border:0;padding:0;margin:auto auto 0;width:min(100%,520px);max-height:92dvh;border-radius:22px 22px 0 0;background:#fff;color:var(--acc-ink);overflow:auto;font-family:Inter,-apple-system,'Segoe UI',Roboto,sans-serif}
.acc-dialog::backdrop{background:rgba(10,16,14,.55)}
.acc-dialog.is-barber,.acc-entry.is-barber,.acc-at.is-barber{--acc-top:#0d1b2e}
.acc-dialog.is-trainer,.acc-entry.is-trainer,.acc-at.is-trainer{--acc-top:#121916}
.acc-dialog.is-client,.acc-entry.is-client{--acc-top:#2b1f3a}
.acc-dialog.is-other,.acc-entry.is-other,.acc-at.is-other{--acc-top:#252321}
.acc-head{position:relative;background:var(--acc-top);color:var(--acc-cream);padding:22px 20px 20px;display:grid;gap:10px;border-bottom:2px solid var(--acc-gold)}
.acc-eyebrow{margin:0;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.acc-id{display:flex;gap:14px;align-items:center;min-width:0}
.acc-id>div{min-width:0}
.acc-av{flex:0 0 auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--acc-gold);color:var(--acc-top);font:700 20px/1 Literata,Georgia,serif}
.acc-id h2{margin:0;font:700 20px/1.2 Literata,Georgia,serif;overflow-wrap:anywhere}
.acc-handle{margin:2px 0 0;font:600 22px/1.2 Inter,-apple-system,sans-serif;color:var(--acc-gold);overflow-wrap:anywhere}
.acc-all{margin:0;font-size:13.5px;opacity:.9}
.acc-kinds{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.acc-kinds li{font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid rgba(247,242,230,.35)}
.acc-x{position:absolute;z-index:2;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:inherit;display:grid;place-items:center;cursor:pointer}
.acc-x svg,.acc-btn svg,.acc-change-open svg,.acc-entry>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acc-body{padding:18px 20px calc(22px + env(safe-area-inset-bottom,0px));display:grid;gap:16px}
.acc-row{display:flex;gap:10px;flex-wrap:wrap}
.acc-row>*{flex:1 1 0}
.acc-btn{min-height:46px;border-radius:12px;border:1px solid var(--acc-line);background:#fff;color:var(--acc-ink);font:600 14.5px/1 Inter,-apple-system,sans-serif;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:0 14px;cursor:pointer}
.acc-btn.is-gold{background:var(--acc-gold);border-color:var(--acc-gold);color:#1d1606}
.acc-btn.is-solid{background:var(--acc-top);border-color:var(--acc-top);color:var(--acc-cream);width:100%}
.acc-btn.is-ghost{background:transparent}
.acc-btn:disabled{opacity:.45;cursor:not-allowed}
.acc-btn:focus-visible,.acc-change-open:focus-visible,.acc-entry:focus-visible,.acc-chip:focus-visible,.acc-x:focus-visible{outline:3px solid var(--acc-gold);outline-offset:2px}
.acc-change-open{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--acc-line);border-radius:14px;background:var(--acc-cream);padding:12px 14px;color:var(--acc-ink);cursor:pointer}
.acc-change-open span{display:grid;gap:2px;flex:1;min-width:0}
.acc-change-open strong{font-size:15px}
.acc-change-open small{font-size:12.5px;color:var(--acc-muted);line-height:1.4}
.acc-change-open[aria-disabled="true"]{opacity:.7;cursor:default}
.acc-change,.acc-data{display:grid;gap:8px}
.acc-section{margin:4px 0 0;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-muted);font-weight:600}
.acc-lbl{font-size:13px;font-weight:600;color:var(--acc-ink)}
.acc-lbl small{font-weight:400;color:var(--acc-muted)}
.acc-input{min-height:46px;border-radius:12px;border:1px solid var(--acc-line);padding:0 12px;font:16px Inter,-apple-system,sans-serif;color:var(--acc-ink);background:#fff;width:100%;box-sizing:border-box}
.acc-handle-field{display:flex;align-items:center;gap:4px;min-height:46px;border-radius:12px;border:1px solid var(--acc-line);padding:0 12px;background:#fff}
.acc-handle-field span{font-weight:700;color:var(--acc-muted)}
.acc-handle-field input{flex:1;min-width:0;border:0;outline:0;font:16px Inter,-apple-system,sans-serif;background:transparent;color:var(--acc-ink)}
.acc-handle-field:focus-within{border-color:var(--acc-top);box-shadow:0 0 0 3px rgba(212,168,83,.35)}
.acc-handle-field.is-ok{border-color:var(--acc-ok)}
.acc-handle-field.is-invalid,.acc-handle-field.is-reserved,.acc-handle-field.is-taken,.acc-handle-field.is-locked{border-color:var(--acc-bad)}
.acc-state{margin:0;min-height:1.3em;font-size:12.5px;color:var(--acc-muted)}
.acc-state.is-ok{color:var(--acc-ok)}
.acc-state.is-invalid,.acc-state.is-reserved,.acc-state.is-taken,.acc-state.is-locked{color:var(--acc-bad)}
.acc-help,.acc-foot{margin:0;font-size:12.5px;line-height:1.45;color:var(--acc-muted)}
.acc-error{margin:0;min-height:1em;color:var(--acc-bad);font-size:13px}
.acc-foot{border-top:1px solid var(--acc-line);padding-top:12px}
.acc-link{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}

/* Os estilos gerais de dialog/form/input do app não valem aqui. */
.acc-dialog form,.acc-at{margin:0;padding:0}
.acc-at{padding:12px;margin:0 0 14px}
.acc-dialog .acc-handle-field input,.acc-at .acc-handle-field input{padding:0;margin:0;min-height:0;height:auto;border:0;border-radius:0;box-shadow:none;background:transparent;width:auto}
.acc-dialog .acc-input{margin:0}

/* Entrada no Perfil (Barbeiro, Personal, Autônomo) e em Configurações (Aluno) */
.acc-entry{--acc-top:#06382d;display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;text-align:left;border:0;border-radius:18px;background:var(--acc-top);color:var(--acc-cream);padding:14px 16px;margin:0 0 14px;cursor:pointer;box-shadow:0 8px 22px rgba(10,20,16,.16)}
.acc-entry-av{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--acc-gold);color:var(--acc-top);font:700 16px/1 Literata,Georgia,serif}
.acc-entry-copy{display:grid;gap:1px;flex:1;min-width:0}
.acc-entry-copy small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.acc-entry-copy strong{font-size:18px;color:var(--acc-gold);overflow-wrap:anywhere}
.acc-entry-copy em{font-style:normal;font-size:12.5px;opacity:.85}
/* Professor: chip com o @ embaixo do nome */
.acc-chip{display:inline-flex;align-self:flex-start;border:1px solid rgba(212,168,83,.6);background:rgba(212,168,83,.14);color:inherit;border-radius:99px;padding:3px 10px;font:600 13px/1.3 Inter,-apple-system,sans-serif;cursor:pointer;margin:2px 0 4px;max-width:100%;overflow-wrap:anywhere}
/* Minha FOURMI: @ no formulário de dados */
.acc-mf-handle{display:grid;gap:4px}
.acc-mf-handle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;border-radius:12px;border:1px solid var(--acc-line);padding:0 12px;background:#fff}
.acc-mf-handle-row strong{overflow-wrap:anywhere}
.acc-mf-handle small{color:var(--acc-muted);font-size:12px}
/* Personal e Autônomo: busca por @ no Novo cliente */
.acc-at{display:grid;gap:6px;margin:0 0 12px;padding:12px;border-radius:14px;background:var(--acc-cream);border:1px solid var(--acc-line)}
.acc-at .acc-state.is-note{color:var(--acc-ink)}
/* Aluno: @ do amigo no ranking */
.sf-handle{font-weight:500;opacity:.7;font-size:.82em}
@media (prefers-reduced-motion:reduce){.acc-dialog,.acc-entry{transition:none}}
.acc-confirm{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:color-mix(in srgb,currentColor 5%,transparent)}
.acc-confirm p{margin:0}