/* Account compliance UI: the terms checkbox and accept screen, the verify-email banner and
   page, the anonymous nav, and the Account section of Settings. A file of its own so the
   feature's styles read in one place and app.css stays untouched. */

.terms-check { display: flex; align-items: flex-start; gap: 0.55rem; font-size: 0.85rem; line-height: 1.4; margin: 0.9rem 0 0.4rem; }
.terms-check input { width: 18px; height: 18px; margin-top: 0.1rem; flex-shrink: 0; accent-color: var(--gl-primary); }
.terms-check a { color: var(--gl-primary); font-weight: 600; }

.verify-banner { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.75rem; background: var(--gl-warning-bg); color: var(--gl-warning-text); padding: 0.6rem 1rem; font-size: 0.85rem; }
.verify-banner strong { flex: 1 1 12rem; font-weight: 600; }
.verify-banner button { background: none; border: none; color: inherit; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; padding: 0; }
.verify-banner-note { flex-basis: 100%; font-size: 0.8rem; }

.terms-gate { max-width: 26rem; margin: 2rem auto 0; }
.terms-gate h2 { margin-top: 0; }
.terms-gate .gl-btn { margin-top: 0.5rem; }

.account-section { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--gl-border); }
.account-section h3 { margin-bottom: 0.4rem; }
.account-block { margin-bottom: 1.25rem; }
.account-block h4 { margin: 0 0 0.35rem; font-size: 0.95rem; }
.account-block p { font-size: 0.85rem; margin: 0 0 0.5rem; }
.account-ok { color: var(--gl-success); font-size: 0.85rem; margin: 0 0 0.5rem; }
.account-danger { border: 1.5px solid var(--gl-danger); border-radius: var(--gl-radius-md); padding: 0.9rem; }
.account-danger h4 { color: var(--gl-danger); }

.anon-nav .anon-nav-signin { color: var(--gl-primary); font-weight: 700; }