/*!
 * hub-account.css - Account Settings and Account Security pages (.acct-page). Scoped, so no other page changes.
 * Compact cards and type, calm labels, equal-height cards in a row, fixed control heights.
 */
.acct-page { --acct-ink: #1e2a4a; --acct-mute: #6b7689; --acct-line: #e7eaf2; font-size: 13px; color: var(--acct-ink); }

.acct-page .card { border: 1px solid var(--acct-line); border-radius: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); overflow: hidden; }
.acct-page .card-header { padding: 12px 16px; border-bottom: 1px solid var(--acct-line); background: #fff; min-height: 0; }
.acct-page .card-header .card-title { font-size: 15px; font-weight: 600; color: var(--acct-ink); margin: 0; }
.acct-page .card-header .text-muted { font-size: 12px; }
.acct-page .card-body { padding: 16px; }
.acct-page .row > [class*="col-"] > .card { height: 100%; }

.acct-page .form-label { font-size: 12px; font-weight: 600; color: var(--acct-ink); margin-bottom: 6px; }
.acct-page .form-control { height: 40px; font-size: 13px; border-color: #d6dbeb; border-radius: 8px; }
.acct-page .form-text { font-size: 12px; color: var(--acct-mute); }

.acct-page .btn { font-size: 13px; font-weight: 500; padding: 7px 14px; border-radius: 8px; line-height: 1.3; }
.acct-page .btn-sm { font-size: 12px; padding: 5px 10px; }
.acct-page .pill { font-size: 12px; padding: 3px 9px; }

/* profile block */
.acct-page .hub-avatar-lg { width: 52px; height: 52px; font-size: 20px; }
.acct-page .acct-kv-label { font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--acct-mute); }
.acct-page .acct-kv-value { font-size: 13px; font-weight: 500; color: var(--acct-ink); margin-top: 4px; }

/* quick access: left-aligned tiles */
.acct-page .acct-quick .btn { width: 100%; text-align: left; justify-content: flex-start; padding: 9px 12px; }

/* empty states */
.acct-page .hub-empty { padding: 20px 16px; }
.acct-page .hub-empty-title { font-size: 14px; font-weight: 600; }
.acct-page .hub-empty-text { font-size: 12px; }

@media (max-width: 575.98px) {
    .acct-page .card-body { padding: 14px; }
}