/* Scoped account surfaces share the business workspace's dark design. */
#notice:empty { display: none; }
#notice { position: relative; z-index: 70; padding: 14px 24px; overflow-wrap: anywhere; }
#notice.error { color: var(--danger); background: #321e2a; border-bottom: 1px solid #633849; }
#notice.success { color: var(--success); background: #153a32; border-bottom: 1px solid #27644f; }
.account-page { max-width: 1180px; margin: 0 auto; padding: 32px 24px 64px; }
.account-page .login-brand { margin: 32px auto 24px; text-align: center; max-width: 520px; }
.account-page .login-brand .brand-mark { margin: auto; }
.account-page .login-brand h1 { font-size: 32px; letter-spacing: -.03em; }
.account-page .login-brand p { color: var(--muted); }
.account-page .login { max-width: 460px; margin: 24px auto; }
.account-page form, .account-page .panel { padding: 24px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); margin: 18px 0; }
.account-page h2 { font-size: 21px; margin: 0 0 12px; }
.account-page h3 { font-size: 16px; }
.account-page p { line-height: 1.7; }
.account-page label { display: block; margin: 14px 0; font-size: 14px; font-weight: 600; }
.account-page input,.account-page select { display: block; width: 100%; padding: 11px; border: 1px solid var(--border-bright); border-radius: 7px; margin-top: 6px; font: inherit; background: #0b1b2e; color: var(--ink); }
.account-page button { padding: 11px 16px; font: inherit; cursor: pointer; margin: 6px 6px 6px 0; border-radius: 8px; border: 1px solid transparent; background: var(--teal); color: #062e33; font-weight: 650; }
.account-page button.secondary { background: #1d354c; border-color: var(--border-bright); color: var(--ink); }
.account-page button:disabled { opacity: .5; cursor: wait; }
.account-page .banner { padding: 16px; border: 1px solid #746638; border-radius: 10px; color: #ffe8aa; background: #3c3522; }
.account-page .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.account-page .grid form { margin: 0; }
.account-page .toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.account-page .toolbar p { flex: 1; min-width: 170px; overflow-wrap: anywhere; }
.account-page .table-wrap { max-width: 100%; overflow: auto; }
.account-page table { width: 100%; min-width: 620px; }
.account-page td { overflow-wrap: anywhere; }
.account-page code { font-size: 11px; word-break: break-all; }
.account-page .muted, .account-page small { color: var(--muted); font-size: 12px; }
@media(max-width:720px) { .account-page { padding: 22px 14px 40px; }.account-page .grid { display: block; }.account-page .grid form { margin: 18px 0; }.account-page form,.account-page .panel { padding: 18px; }.account-page .login-brand { margin-top: 12px; }.account-page .login-brand h1 { font-size: 27px; } }