/* Account: one calm column, the glass of the welcome gate */
.ac-wrap { max-width: 460px; margin: 6vh auto 40px; padding: 28px 26px 22px; border-radius: 18px; border: 1px solid var(--line-2); background: var(--panel); }
.ac-mark { width: 44px; height: 44px; border-radius: 10px; display: grid; place-items: center; font: 600 14px/1 var(--mono, ui-monospace, monospace); color: var(--ink); background: none; border: 0; margin-bottom: 16px; }
/* the logo's mark on the sign-in page (ruling 170), its own tile */
.ac-logo { display: block; width: 44px; height: 44px; }
.ac-wrap h1 { font-size: 22px; font-weight: 600; margin: 0 0 12px; }
.ac-lead { font-size: 14.5px; line-height: 1.55; margin: 0 0 16px; }
.ac-form .lab { display: block; margin-bottom: 6px; }
.ac-row { display: flex; gap: 8px; }
.ac-in { flex: 1; min-width: 0; height: 38px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--line-2); background: var(--bg); color: var(--ink); font: inherit; font-size: 14px; }
.ac-in:focus { outline: none; border-color: var(--blue, #3B82F6); }
.ac-row .btn { height: 38px; }
.ac-msg { min-height: 18px; margin: 8px 0 0; font-size: 12.5px; color: var(--mut); }
.ac-said { font-size: 13px; padding: 8px 12px; border-radius: 9px; border: 1px solid var(--line); margin: 0 0 14px; }
.ac-card { padding: 4px 14px; margin-bottom: 14px; }
.ac-kv { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.ac-kv:last-child { border-bottom: 0; }
.ac-kv span { color: var(--mut); }
.ac-kv b { font-weight: 500; overflow-wrap: anywhere; text-align: right; }
.ac-links { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.ac-fine { margin-top: 18px; }
@media (max-width: 560px) {
  .ac-wrap { margin: 16px 12px 32px; padding: 22px 16px 18px; }
  .ac-row { flex-direction: column; }
}