/* Theme controls and FutDesk surfaces complement the existing dark components. */
.profile-theme-toggle {
    width: 100%; min-height: 44px; display: flex; align-items: center;
    gap: 10px; padding: 12px; margin: 8px 0; border: 1px solid var(--border-color);
    border-radius: 10px; background: var(--primary-light-bg); color: var(--text-main);
    font: inherit; font-size: 13px; text-align: left; cursor: pointer;
}
.profile-theme-toggle i { color: var(--primary); }
.profile-theme-toggle:hover { border-color: var(--primary); }
.profile-theme-toggle:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
body[data-theme="dark"] { background: var(--bg-body); color: var(--text-main); }
body[data-theme="dark"] .consolidacao-card,
body[data-theme="dark"] .profile-dropdown-menu,
body[data-theme="dark"] .modal-box-custom {
    background: var(--bg-card) !important; border-color: var(--border-color) !important;
}
body[data-theme="dark"] .table-header,
body[data-theme="dark"] #container-pagos,
body[data-theme="dark"] .sidebar-toggle-btn,
body[data-theme="dark"] .consolidacao-saldo,
body[data-theme="dark"] [onclick*="container-pagos"] {
    background: #172033 !important; color: var(--text-muted); border-color: var(--border-color) !important;
}
body[data-theme="dark"] .share-member,
body[data-theme="dark"] .divider,
body[data-theme="dark"] .consolidacao-divider { border-color: var(--border-color); }
body[data-theme="dark"] .profile-item:hover { background: #334155; }
body[data-theme="dark"] .profile-trigger:hover { background: #334155 !important; }
body[data-theme="dark"] .avatar-circle { background: #352a57; }
body[data-theme="dark"] .avatar-circle span { color: #ddd6fe !important; }
body[data-theme="dark"] .btn-primary,
body[data-theme="dark"] .btn-new,
body[data-theme="dark"] .btn-copy { background: #4f46e5; color: #fff; }
body[data-theme="dark"] .btn-primary:hover,
body[data-theme="dark"] .btn-new:hover,
body[data-theme="dark"] .btn-copy:hover { background: #4338ca; }
body[data-theme="dark"] .bg-blue { background: #24345a; color: #93c5fd; }
body[data-theme="dark"] .bg-purple { background: #352a57; color: #c4b5fd; }
body[data-theme="dark"] .nav-item.active span { color: #c4b5fd !important; }
body[data-theme="dark"] .profile-info-text,
body[data-theme="dark"] .access-badge { color: var(--text-muted) !important; }
/* Retain readable status colors on the compact payment badges. */
body[data-theme="dark"] span[style*="background:"] { color: #1e293b !important; }
body[data-theme="dark"] span[style*="background: var(--primary-light-bg)"] { color: var(--primary) !important; }

/* The saved preference also applies when returning to login. */
:root[data-theme="dark"] .login-page { background: #0f172a; color: #f1f5f9; }
:root[data-theme="dark"] .login-page .welcome-icon { background: #292344; color: #c4b5fd; border-color: #443b63; }
:root[data-theme="dark"] .login-page .login-box .eyebrow { color: #c4b5fd; }
:root[data-theme="dark"] .login-page .login-box p { color: #b6bfd0; }
:root[data-theme="dark"] .login-page .google-btn { background: #1e293b; color: #f1f5f9; border-color: #475569; }
:root[data-theme="dark"] .login-page .google-btn:hover { background: #292344; border-color: #a78bfa; }
:root[data-theme="dark"] .login-page .login-note,
:root[data-theme="dark"] .login-page footer { color: #a3adc0; }
:root[data-theme="dark"] .login-page .login-box .login-error { color: #fecaca; background: #451c26; }