/* Account screens only: no changes to public legal documents or admin forms. */
.account-container.account-workspace,
.account-settings-page {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #e5e5e7;
}
.account-container.account-workspace { max-width: 1200px; padding-top: 0; }
.account-workspace p, .account-workspace summary,
.account-settings-page p, .account-settings-page summary { font-family: Arial, Helvetica, sans-serif; }
.account-workspace .site-tab[aria-selected=true],
.account-workspace .site-tab[aria-selected=true]:hover { background: #ffcf26; color: #171717; }
.account-workspace .page-header { text-align: left; margin-bottom: 24px; }
.account-workspace .page-header h1 { font-size: clamp(1.6rem, 3vw, 2rem); }
.account-workspace .page-header p { color: #b8b8c0; }
.account-workspace .site-tabs { gap: 6px; flex-wrap: wrap; margin-bottom: 26px; }
.account-workspace .site-tabs .site-tab { font: inherit; font-size: .88rem; padding: 12px 15px; }
.account-workspace .account-grid { align-items: start; gap: 20px; }
.account-workspace .card,
.account-workspace .card:hover {
    transform: none; box-shadow: none; background: #202022; border: 1px solid #49494c;
}
.account-workspace .card-title { font-size: 1.15rem; }
.account-workspace .card-info-value { overflow-wrap: anywhere; min-width: 0; }
.account-workspace .avatar-section { justify-content: flex-start; flex-wrap: wrap; gap: 12px; padding: 16px; }
.account-workspace .avatar-image { width: 72px; height: 72px; box-shadow: none; border-width: 2px; }
.account-workspace .avatar-change-btn { background: #ffcc00 !important; color: #171717 !important; box-shadow: none; border-radius: 8px; }
.account-workspace #avatar-remove { font-size: .85rem; padding: 10px 12px; }
.account-workspace #avatar-remove-message { flex-basis: 100%; margin: 0; font-size: .9rem; }
.account-workspace #avatar-remove-message:empty { display: none; }
.account-workspace .account-avatar-note { font-size: .88rem; line-height: 1.55; color: #bebec5; margin: 0 0 10px; }
.account-workspace .account-avatar-details { font-size: .84rem; color: #bebec5; margin-bottom: 22px; }
.account-workspace .account-avatar-details summary { cursor: pointer; }
.account-workspace .account-avatar-details p { font-size: inherit; line-height: 1.55; }
.account-settings-heading { margin-bottom: 22px; }
.account-settings-heading h2 { color: #ffda32; font-size: 1.35rem; margin: 0 0 8px; }
#corp .account-settings-heading h2,
#corp .account-settings-page h2 { font-family: Arial, Helvetica, sans-serif; text-align: left; border: 0; padding: 0; font-size: 1.18rem; margin: 0 0 12px; color: #ffe071; }
.account-settings-heading p { margin: 0; color: #bebec5; font-size: .95rem; }
.account-settings-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.account-settings-link {
    display: flex; align-items: center; gap: 14px; min-width: 0;
    border: 1px solid #4c4c51; border-radius: 12px; background: #222225;
    padding: 20px; color: #f4f4f6; text-decoration: none; text-align: left;
}
.account-settings-link:visited { color: #f4f4f6; }
.account-settings-link:hover { background: #2d2d30; border-color: #ffce28; }
.account-settings-link strong { display: block; font-size: 1rem; color: #ffe071; }
.account-settings-icon { display: grid; place-items: center; flex: 0 0 42px; height: 42px; background: #34312a; border-radius: 10px; font-size: 1.25rem; }
.account-settings-description { display: block; color: #bebec5; font-size: .9rem; line-height: 1.5; margin-top: 5px; }
.account-settings-arrow { margin-left: auto; color: #ffda32; }
.account-settings-link--closure strong { color: #f1b5ac; }
.account-settings-footer { font-size: .88rem; margin-top: 24px; color: #bebec5; }
.account-settings-footer a { color: #ffe071; }
.account-settings-page {
    width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box;
    padding: clamp(18px, 3vw, 32px); border: 1px solid #4c4c51; border-radius: 16px; background: #1c1c1f;
    overflow-wrap: anywhere;
}
.account-settings-page h1 { font-family: inherit; font-size: clamp(1.5rem, 3vw, 2rem); color: #ffda32; margin: 22px 0 12px; line-height: 1.25; }
.account-settings-page h2 { font-family: inherit; font-size: 1.18rem; color: #ffe071; margin: 0 0 12px; }
.account-settings-page h3 { font-family: inherit; font-size: 1rem; color: #eeeef2; margin: 0; }
.account-settings-page p { font-size: .94rem; line-height: 1.65; }
.account-settings-page a { color: #ffe071; }
.account-settings-back { display: inline-block; font-size: .9rem; margin-bottom: 18px; text-decoration: none; }
.account-settings-nav { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 20px; border-bottom: 1px solid #434348; margin-bottom: 24px; }
.account-settings-nav .account-settings-link { padding: 10px 12px; gap: 8px; border-radius: 8px; }
.account-settings-nav .account-settings-icon { flex-basis: auto; height: auto; background: none; font-size: 1rem; }
.account-settings-nav .account-settings-link strong { font-size: .85rem; color: inherit; }
.account-settings-nav a[aria-current=page] { color: #171717; background: #ffcf26; border-color: #ffcf26; }
.account-settings-page > .legal-editor,
.account-settings-page .finance-panel {
    padding: clamp(16px, 2vw, 24px); border-radius: 12px; border: 1px solid #49494e; background: #242427; margin: 20px 0;
}
.account-settings-page .legal-editor { gap: 14px; }
.account-settings-page .legal-editor p { margin: 0; }
.account-settings-page section.legal-editor > form.legal-editor {
    padding: 18px 0 0; border-top: 1px solid #49494e;
}
.account-settings-page :is(.legal-editor,.finance-form) { max-width: none; min-width: 0; }
.account-settings-page :is(.legal-editor,.finance-form) .card-btn { box-sizing: border-box; justify-self: start; min-width: 0; min-height: 44px; max-width: 100%; white-space: normal; font: inherit; font-size: .9rem; border-radius: 8px; padding: 10px 18px; }
.account-settings-page .card-btn.secondary { background: #343438; color: #e5e5e7; border: 1px solid #67676e; }
.account-settings-page .legal-checkbox,
.account-settings-page .finance-check { padding: 14px; border: 1px solid #55555c; border-radius: 8px; background: #1c1c1f; font-size: .92rem; line-height: 1.6; }
.account-settings-page input[type=checkbox] { accent-color: #ffcf26; width: 20px; height: 20px; flex-shrink: 0; }
.account-settings-page .legal-editor textarea { min-height: 8rem; }
.account-settings-page .finance-form input:not([type=checkbox]),
.account-settings-page .finance-form select,
.account-settings-page .finance-form textarea { color: #f5f5f7; background: #171719; border: 1px solid #777780; border-radius: 8px; }
.account-settings-page :is([role=alert],.legal-alert) { color: #ffe6c4; border: 1px solid #ad8240; background: #30281d; border-radius: 8px; padding: 14px 16px; }
.account-settings-page [role=status] { color: #c8ecd4; background: #203329; border: 1px solid #4b775a; border-radius: 8px; padding: 14px 16px; }
.account-settings-details { margin: 18px 0 26px; padding: 14px 18px; background: #242427; border: 1px solid #49494e; border-radius: 10px; }
.account-settings-details summary,
.account-settings-page .finance-panel > summary { cursor: pointer; color: #ffe071; font-weight: 600; }
.account-settings-details p:last-child { margin-bottom: 0; }
.account-settings-page .finance-panel > summary { padding: 3px 0 14px; }
.account-workspace :is(a,button,summary):focus-visible,
.account-settings-page :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid #ffda32; outline-offset: 4px; }
@media (min-width: 700px) { .account-settings-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 768px) {
    .account-workspace .account-profile-card { grid-column: 1; grid-row: 1 / span 2; }
    .account-workspace .account-actions-card { grid-column: 2; margin: 0; }
    .account-workspace .account-actions-card .account-action-link { padding: 14px; }
}
@media (max-width: 600px) {
    .account-workspace .site-tabs .site-tab { flex: 1 1 calc(50% - 8px); border-radius: 8px; text-align: center; }
    .account-workspace .avatar-section { gap: 10px; }
    .account-workspace .avatar-section .card-btn { flex: 1 1 120px; }
    .account-settings-nav .account-settings-link { flex: 1 1 calc(50% - 8px); box-sizing: border-box; }
    .account-settings-page :is(.legal-editor,.finance-form) .card-btn { justify-self: stretch; width: 100%; }
    .account-settings-link { padding: 16px; gap: 10px; }
}
@media (prefers-reduced-motion: reduce) { .account-workspace .acct-panel--active { animation: none; } }