/* The deletion page controls (moved from the Convex-served page). */
.note {
  background: var(--amber-tint); border-radius: 12px; padding: 0.875rem 1rem; margin: 0 0 1rem;
}
.note p { margin: 0 0 0.5rem; }
.note a { color: #a8322b; font-weight: 600; margin-right: 1rem; display: inline-block; }
.muted { color: var(--muted); font-size: 0.9375rem; }
.card {
  background: var(--surface); border: 1px solid var(--line); border-radius: 16px;
  padding: 1.25rem; margin: 1.5rem 0;
}
button, input { font: inherit; }
button {
  width: 100%; border: 0; border-radius: 12px; padding: 0.8rem 1rem; font-weight: 600;
  cursor: pointer; margin: 0 0 0.625rem;
}
button:disabled { opacity: 0.45; cursor: default; }
.primary { background: var(--petrol); color: var(--on-petrol); }
.provider { background: var(--paper); color: var(--ink); border: 1px solid var(--line); }
.danger { background: #a8322b; color: #fff; }
.link {
  background: none; color: var(--petrol); padding: 0.25rem 0; width: auto; font-weight: 500;
}
label { display: block; font-size: 0.875rem; color: var(--muted); margin: 0 0 0.25rem; }
input {
  width: 100%; padding: 0.7rem 0.8rem; border-radius: 10px; border: 1px solid var(--line);
  background: var(--paper); color: var(--ink); margin: 0 0 0.75rem;
}
.or { text-align: center; color: var(--muted); font-size: 0.875rem; margin: 0.5rem 0 1rem; }
.error { color: #a8322b; min-height: 1.5em; margin: 0.25rem 0 0; }
[hidden] { display: none !important; }