/* WhisperTree — pagine account. Si carica dopo pages.css. */

.account { max-width: 560px; margin: 0 auto; padding: 34px 20px 72px; }

.card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px 22px;
  margin-bottom: 20px;
}
.card h2 { margin: 0 0 6px; font-size: 1.15rem; }
.card .hint { color: var(--ink-soft); font-size: .92rem; margin: 0 0 18px; }

label { display: block; font-weight: 600; font-size: .92rem; margin: 0 0 6px; }
input[type="email"], input[type="password"], input[type="text"], input[type="file"] {
  width: 100%;
  font-family: var(--sans);
  font-size: 1rem;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--cream);
  color: var(--ink);
  margin-bottom: 16px;
}
input:focus { outline: 2px solid var(--sage); outline-offset: 1px; }
input[type="file"] { padding: 10px; }

.btn[disabled], button[disabled] { opacity: .55; cursor: not-allowed; }
button.btn { font: inherit; font-weight: 600; }
.btn.ghost {
  background: none;
  color: var(--brown);
  border: 1px solid var(--line);
}
.btn.ghost:hover { background: var(--surface); color: var(--brown); }
.btn.danger { background: #8C3A2B; }
.btn.danger:hover { background: #74301F; }
.btn-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

.linkish {
  background: none; border: none; padding: 0;
  color: var(--brown); text-decoration: underline;
  font: inherit; cursor: pointer;
}

.msg { border-radius: 12px; padding: 12px 14px; margin: 0 0 16px; font-size: .95rem; }
.msg.err  { background: #F7E2DE; border: 1px solid #C98D80; color: #6E2A1C; }
.msg.ok   { background: #E4EBDC; border: 1px solid #A8BC93; color: #3B4A2C; }
.msg.info { background: var(--surface); border: 1px solid var(--line); color: var(--ink-soft); }

.whoami {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 22px;
}
.whoami .avatar {
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--surface) center/cover no-repeat;
  border: 1px solid var(--line);
  flex: 0 0 auto;
}
.whoami .who-mail { font-size: .95rem; color: var(--ink-soft); word-break: break-all; }
.whoami .who-name { font-family: var(--serif); color: var(--brown); font-size: 1.1rem; }

.danger-zone { border-color: #C98D80; }
.danger-zone h2 { color: #8C3A2B; }

[hidden] { display: none !important; }

.setup-note {
  background: #FFF3CD;
  border: 1px solid #D9B44A;
  border-radius: var(--radius);
  padding: 18px 20px;
  margin-bottom: 22px;
  font-size: .95rem;
}
.setup-note code { background: rgba(0,0,0,.05); padding: 1px 5px; border-radius: 4px; }