/* Base partilhada das páginas de conta. Mesma paleta da home. */
:root {
  color-scheme: dark;
  --bg:#0a0f14; --panel:#111a22; --line:#1e2a35; --txt:#e6eef5;
  --muted:#9fb3c8; --acc:#35d07f; --acc2:#4ea1ff; --erro:#ff6b6b;
}
* { box-sizing: border-box; }
body {
  margin:0; background:var(--bg); color:var(--txt); line-height:1.6;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
a { color:var(--acc2); text-decoration:none; }
a:hover { text-decoration:underline; }

.wrap { max-width:26rem; margin:0 auto; padding:3rem 1.25rem 4rem; }
.wrap.larga { max-width:56rem; }

.marca { display:flex; align-items:center; gap:.6rem; font-weight:600; margin-bottom:2rem; color:var(--txt); }
.marca img { border-radius:50%; }

h1 { font-size:1.6rem; letter-spacing:-.02em; margin:0 0 .4rem; }
.sub { color:var(--muted); margin:0 0 2rem; }

.cartao { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:1.6rem; }

label { display:block; font-size:.9rem; color:var(--muted); margin:1rem 0 .35rem; }
input, select {
  width:100%; padding:.7rem .85rem; border-radius:10px; font-size:1rem;
  background:#0c141b; border:1px solid var(--line); color:var(--txt);
}
input:focus, select:focus { outline:2px solid var(--acc2); outline-offset:1px; border-color:transparent; }
.dica { font-size:.82rem; color:var(--muted); margin-top:.35rem; }

button {
  width:100%; margin-top:1.5rem; padding:.8rem 1rem; border:0; border-radius:10px;
  background:var(--acc); color:#04120a; font-weight:700; font-size:1rem; cursor:pointer;
}
button:hover { filter:brightness(1.08); }
button:disabled { opacity:.6; cursor:progress; }
button.secundario { background:transparent; color:var(--txt); border:1px solid var(--line); font-weight:600; }
button.perigo { background:transparent; color:var(--erro); border:1px solid var(--line); font-weight:600; }
button.linha { width:auto; margin:0; padding:.4rem .8rem; font-size:.85rem; }

.aviso { margin-top:1.2rem; padding:.85rem 1rem; border-radius:10px; font-size:.92rem; display:none; }
.aviso.erro { display:block; background:rgba(255,107,107,.12); border:1px solid rgba(255,107,107,.35); color:#ffc9c9; }
.aviso.ok   { display:block; background:rgba(53,208,127,.12); border:1px solid rgba(53,208,127,.35); color:#b6f2d3; }

.rodape-link { text-align:center; margin-top:1.5rem; color:var(--muted); font-size:.92rem; }

table { width:100%; border-collapse:collapse; margin-top:1rem; }
th, td { text-align:left; padding:.7rem .5rem; border-bottom:1px solid var(--line); font-size:.92rem; }
th { color:var(--muted); font-weight:600; font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; }
.etiqueta { display:inline-block; font-size:.78rem; padding:.1rem .55rem; border-radius:999px;
  border:1px solid var(--line); color:var(--muted); }
.etiqueta.owner { color:var(--acc); border-color:rgba(53,208,127,.4); }

.vazio { color:var(--muted); padding:2rem 0; text-align:center; }
@media (max-width:640px){ .wrap { padding-top:2rem; } table { font-size:.85rem; } }