/*
 * Host-side compatibility for account pages rendered by HubitIdentity.
 * Older package versions use fixed light colors in hubit-profile.css; keep the
 * Maestro File shell authoritative for dark mode until every host is upgraded.
 */
[data-theme="dark"] .hubit-profile-page {
    color: var(--text-primary) !important;
    color-scheme: dark;
}

[data-theme="dark"] .hubit-profile-page :is(h1, h2, .hubit-avatar-editor__label) {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .hubit-profile-page :is(
    .hubit-profile-page__header p,
    .hubit-profile-card__header p,
    .form-label,
    .form-floating label,
    .text-muted,
    .input-readonly-hint,
    .hubit-avatar-editor__hint,
    .hubit-avatar-editor__dropzone-hint
) {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .hubit-profile-card {
    border-color: var(--border-color) !important;
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-lg);
}

[data-theme="dark"] .hubit-profile-card__header,
[data-theme="dark"] .hubit-avatar-editor {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .hubit-profile-card__icon {
    background: var(--primary-subtle) !important;
    color: var(--primary-foreground) !important;
}

[data-theme="dark"] .hubit-profile-page :is(.form-control, .form-select) {
    border-color: var(--border-color) !important;
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .hubit-profile-page :is(.form-control, .form-select):focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent) !important;
}

[data-theme="dark"] .hubit-profile-page .form-control[readonly],
[data-theme="dark"] .hubit-profile-page :is(.form-control, .form-select):disabled {
    background: var(--bg-hover) !important;
    color: var(--text-secondary) !important;
    opacity: 1;
}

[data-theme="dark"] .hubit-profile-page .form-select option {
    background: var(--bg-surface);
    color: var(--text-primary);
}

[data-theme="dark"] .hubit-profile-page .btn-outline-secondary {
    border-color: var(--border-color) !important;
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .hubit-profile-page .btn-outline-secondary:hover {
    border-color: var(--primary) !important;
    background: var(--bg-hover) !important;
    color: var(--primary-foreground) !important;
}

[data-theme="dark"] .hubit-profile-page .hubit-pwd-toggle-btn {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .hubit-profile-page .hubit-pwd-toggle-btn:hover,
[data-theme="dark"] .hubit-profile-page .hubit-pwd-toggle-btn:focus-visible {
    background: var(--bg-hover);
    color: var(--text-primary) !important;
}

[data-theme="dark"] .hubit-profile-page .alert-danger {
    border: 1px solid color-mix(in srgb, var(--color-danger) 42%, transparent);
    background: var(--danger-subtle) !important;
    color: color-mix(in srgb, var(--color-danger) 72%, var(--text-primary)) !important;
}

[data-theme="dark"] .hubit-profile-page .alert-success {
    border: 1px solid color-mix(in srgb, var(--color-success) 42%, transparent);
    background: var(--success-subtle) !important;
    color: color-mix(in srgb, var(--color-success) 72%, var(--text-primary)) !important;
}

[data-theme="dark"] .hubit-avatar-editor__dropzone {
    border-color: var(--border-color) !important;
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .hubit-avatar-editor__preview-badge {
    border-color: var(--bg-surface) !important;
}