/* ---- compte (Supabase) ---- */
#auth{position:fixed;inset:0;z-index:9999;background:var(--bg);overflow-y:auto;display:grid;place-items:center;
  padding:max(24px,env(safe-area-inset-top,0px)) 16px max(24px,env(safe-area-inset-bottom,0px))}
#auth[hidden]{display:none!important}
.au-card{width:100%;max-width:400px;display:grid;gap:16px}
.au-brand{display:grid;justify-items:center;gap:6px;text-align:center}
.au-brand svg{width:64px;height:64px}
.au-brand h1{font:800 30px var(--display);letter-spacing:-.02em}
.au-brand p{margin:0;color:var(--muted);font-size:14px;max-width:30ch}
.au-panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px;display:grid;gap:14px;box-shadow:var(--shadow)}
.au-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--opt);border-radius:99px;padding:4px;gap:4px}
.au-tabs button{border:0;background:transparent;color:var(--muted);font:600 14px var(--body);padding:9px;border-radius:99px;cursor:pointer;min-height:40px}
.au-tabs button[aria-selected="true"]{background:var(--green);color:var(--green-ink)}
.au-f{display:grid;gap:6px}
.au-f label{font:600 13px var(--body);color:var(--ink)}
.au-f input{font:500 16px var(--body);padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);width:100%}
.au-go{width:100%}
.au-msg{font-size:13px;min-height:1.2em;margin:0;text-align:center;color:var(--muted)}
.au-msg.err{color:var(--bad)}
.au-msg.ok{color:var(--good)}
.au-link{border:0;background:none;color:var(--green);font:600 13px var(--body);text-decoration:underline;cursor:pointer;justify-self:center;padding:6px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .au-link{color:var(--green-muted)}}
:root[data-theme="dark"] .au-link{color:var(--green-muted)}
.au-note{font-size:12px;color:var(--muted);text-align:center;margin:0}
.acct{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.acct span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}

#coach-panel{display:none!important}
#f-photo{display:none!important}
