/* Keep account controls independent of Material's floating labels and dashboard pills. */
.account-module {
    --accent-primary: #2563eb;
    --accent-primary-hover: #1d4ed8;
    --accent-secondary: #2563eb;
    --border-focus: #60a5fa;
    --focus-ring: 0 0 0 3px rgb(59 130 246 / 20%);
    --account-bg: var(--bg-tertiary, #222);
    --account-surface: var(--dash-surface, #252c3c);
    --account-dialog-surface: #252c3c;
    --account-text: var(--dash-text, #fff);
    --account-muted: var(--dash-muted, #a1a1aa);
    --account-border: var(--dash-border, #3f3f46);
    --account-accent: var(--dash-link, #60a5fa);
    --account-hover: var(--dash-link-hover, #9ec5fe);
    --account-primary: #2563eb;
    --account-primary-hover: #1d4ed8;
    --account-danger: #f87171;
    --account-danger-fill: #b91c1c;
    --account-soft: var(--hover-overlay, rgb(255 255 255 / 5%));
    --account-selected: rgb(59 130 246 / 15%);
    --account-success: #34d399;
    --account-warning: #fbbf24;
}
.account-module .account-content { margin: 0 auto; padding: 0; }
.account-module.dashboard-page { display: block; margin: 0 auto; padding: 0; }
.account-module a, .account-module a:visited { color: var(--account-accent) !important; }
.account-module a:is(:hover, :focus, :active) { color: var(--account-hover) !important; }
.account-module a.account-button { color: #fff !important; }
.account-module a.account-button--secondary { color: var(--account-text) !important; }
.account-module .account-nav a { color: var(--account-muted) !important; }
.account-module .account-nav a:is([aria-current], :hover, :focus-visible) { color: var(--account-accent) !important; }
.account-module .account-card.dash-card { padding: 0; margin: 0 auto; border-radius: 16px; }
.account-module .account-card .dash-card__head { padding: 20px 24px; letter-spacing: normal; }
.account-module .account-card .dash-card__head h1 { margin: 0; font-size: 20px; font-weight: 600; }
.account-module .account-card .dash-card__body { padding: 24px; }
.account-module .account-auth-card .account-button:not(.account-button--quiet):not(.account-button--secondary):not(.account-button--danger) { width: 100%; }
.account-module .account-check input:hover { box-shadow: var(--focus-ring) !important; }
.account-module .account-check input:checked { background: var(--account-primary) !important; border-color: var(--account-primary) !important; }
.account-module .account-actions > .account-form { max-width: 100%; }
.account-cabinet .navbar-wrapper { min-width: 0; }
.account-cabinet .navbar-brand { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.account-cabinet #navbarDropdownProfile { display: flex; align-items: center; min-width: 0; }
.account-cabinet #navbarDropdownProfile > .btn { max-width: 16ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 991px) { .account-cabinet .navbar-wrapper { max-width: calc(100% - 56px); } }
@media (max-width: 600px) {
    .account-cabinet .main-panel > .content { padding: 24px 16px; }
    .account-cabinet .main-panel > .content > .container-fluid { padding: 0; }
    .account-module .account-card .dash-card__head, .account-module .account-card .dash-card__body { padding: 20px; }
}
.account-module.dashboard-page > * { animation: none; }