/* Profile page (/me) — form layout + save confirmation banner. */

form.profile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  max-width: 760px;
}
form.profile .full { grid-column: 1 / -1; }
form.profile label {
  display: flex; flex-direction: column;
  gap: 0.25rem;
  font-size: 0.9rem;
}
form.profile input, form.profile select, form.profile textarea {
  padding: 0.4rem 0.55rem;
  border: 1px solid var(--line);
  border-radius: 5px;
  font-size: 0.95rem;
  font-family: inherit;
}
form.profile fieldset {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0.75rem;
}
form.profile fieldset legend {
  font-size: 0.85rem;
  color: var(--muted);
  padding: 0 0.3rem;
}
form.profile fieldset label {
  flex-direction: row;
  gap: 0.4rem;
  padding: 0.15rem 0;
  align-items: center;
}
form.profile small.muted { font-size: 0.75rem; }

/* Save confirmation — shown when ?saved=1 lands on /me after a POST. */
.saved-banner {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  margin: 0.5rem 0 1rem;
  background: #dcfce7;
  color: var(--good);
  border: 1px solid #86efac;
  border-radius: 6px;
  font-size: 0.9rem;
}

/* Danger zone on /me — distinct visual separation from the save form. */
.danger-zone {
  margin: 3rem 0 1.5rem;
  padding: 1rem 1.25rem;
  border: 1px solid #fecaca;
  background: #fef2f2;
  border-radius: 6px;
  max-width: 760px;
}
.danger-zone h2 { margin: 0 0 0.3rem; font-size: 1rem; color: var(--bad); }
.danger-zone p { margin: 0.3rem 0; font-size: 0.9rem; }

.btn-danger-link {
  display: inline-block;
  color: var(--bad);
  font-weight: 500;
}
.btn-danger-link:hover { text-decoration: underline; }

/* Account-deletion confirmation page (/me/delete). */
.danger-wrap { max-width: 680px; margin: 1.5rem auto 4rem; }
.danger-wrap h1 { color: var(--bad); }
.danger-body { background: var(--card); border: 1px solid var(--line); border-radius: 6px; padding: 1rem 1.25rem; margin: 1rem 0; }
.danger-body ul { margin: 0.4rem 0 0.8rem 1.2rem; padding: 0; font-size: 0.9rem; }
.danger-body li { margin: 0.2rem 0; }
.danger-error {
  background: #fef2f2; color: var(--bad);
  border: 1px solid #fecaca;
  padding: 0.5rem 0.8rem; border-radius: 6px;
  margin: 0.8rem 0;
  font-size: 0.9rem;
}
.danger-form { background: #fef2f2; border: 1px solid #fecaca; border-radius: 6px; padding: 1rem 1.25rem; }
.danger-form input[type=text] {
  font-family: ui-monospace, monospace;
  font-size: 1rem;
  margin-top: 0.4rem;
  width: 100%;
  max-width: 280px;
  padding: 0.5rem 0.7rem;
  border: 1px solid var(--line);
  border-radius: 5px;
}
.danger-actions { margin-top: 1rem; display: flex; gap: 0.5rem; flex-wrap: wrap; }
.btn-danger {
  background: var(--bad); color: #fff;
  border: 0; padding: 0.55rem 1rem;
  border-radius: 6px; font-size: 0.95rem; font-weight: 500;
  cursor: pointer;
}
.btn-danger:hover { background: #7f1d1d; }