/**
 * Vigthoria Coder — Dashboard dark mode overrides
 * Applied on top of dashboard.html inline styles via html.vigthoria-dark
 */

html.vigthoria-dark body {
    background: var(--vig-bg-gradient) !important;
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .header {
    background: var(--vig-bg-header) !important;
    backdrop-filter: var(--vig-backdrop);
    border-bottom: 1px solid var(--vig-border-muted) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html.vigthoria-dark .brand-name {
    background: var(--vig-accent-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.vigthoria-dark .app-switcher-btn {
    background: rgba(99, 102, 241, 0.12) !important;
    border-color: var(--vig-border-muted) !important;
    color: var(--vig-accent) !important;
}

html.vigthoria-dark .app-switcher-dropdown,
html.vigthoria-dark .user-dropdown,
html.vigthoria-dark .user-hub-dropdown {
    background: var(--vig-bg-card) !important;
    border: 1px solid var(--vig-border-muted) !important;
    box-shadow: var(--vig-shadow-lg) !important;
}

html.vigthoria-dark .app-item {
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .app-item:hover {
    background: rgba(99, 102, 241, 0.12) !important;
}

html.vigthoria-dark .app-item-info h4 {
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .app-item-info span {
    color: var(--vig-text-muted) !important;
}

html.vigthoria-dark .header-search input {
    background: var(--vig-bg-input) !important;
    border-color: var(--vig-border-muted) !important;
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .header-search input:focus {
    background: rgba(15, 23, 42, 0.95) !important;
    border-color: var(--vig-accent) !important;
    box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.2) !important;
}

html.vigthoria-dark .header-search input::placeholder {
    color: var(--vig-text-muted) !important;
}

html.vigthoria-dark .search-shortcut {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--vig-text-muted) !important;
}

html.vigthoria-dark .notification-btn {
    color: var(--vig-text-secondary) !important;
}

html.vigthoria-dark .notification-btn:hover {
    background: rgba(99, 102, 241, 0.12) !important;
    color: var(--vig-accent) !important;
}

html.vigthoria-dark .user-profile-btn {
    border-color: var(--vig-border-muted) !important;
}

html.vigthoria-dark .user-profile-btn:hover {
    background: rgba(99, 102, 241, 0.08) !important;
    border-color: var(--vig-border) !important;
}

html.vigthoria-dark .user-info .username {
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .user-info .user-role,
html.vigthoria-dark .user-profile-btn i.fa-chevron-down {
    color: var(--vig-text-muted) !important;
}

html.vigthoria-dark .user-dropdown-header {
    border-bottom-color: var(--vig-border-muted) !important;
}

html.vigthoria-dark .user-dropdown-header h4 {
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .user-dropdown-header span {
    color: var(--vig-text-muted) !important;
}

html.vigthoria-dark .user-dropdown-item {
    color: var(--vig-text-secondary) !important;
}

html.vigthoria-dark .user-dropdown-item:hover {
    background: rgba(99, 102, 241, 0.12) !important;
    color: var(--vig-accent) !important;
}

html.vigthoria-dark .user-dropdown-item.hub-item {
    color: var(--vig-accent) !important;
}

html.vigthoria-dark .user-dropdown-divider {
    background: var(--vig-border-muted) !important;
}

html.vigthoria-dark .nav-menu {
    background: rgba(255, 255, 255, 0.04) !important;
}

html.vigthoria-dark .nav-item {
    color: var(--vig-text-secondary) !important;
}

html.vigthoria-dark .nav-item:hover {
    background: rgba(99, 102, 241, 0.12) !important;
    color: var(--vig-accent) !important;
}

html.vigthoria-dark .nav-item.active {
    background: rgba(99, 102, 241, 0.18) !important;
    color: var(--vig-accent) !important;
    box-shadow: inset 0 0 0 1px rgba(129, 140, 248, 0.25) !important;
}

html.vigthoria-dark .hub-section-title,
html.vigthoria-dark .hub-item-title {
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .hub-item-desc {
    color: var(--vig-text-muted) !important;
}

html.vigthoria-dark .option-card,
html.vigthoria-dark .feature-card,
html.vigthoria-dark .app-card,
html.vigthoria-dark .workflow-step,
html.vigthoria-dark .portal-card,
html.vigthoria-dark .settings-card {
    background: var(--vig-bg-card) !important;
    border: 1px solid var(--vig-border-muted) !important;
    box-shadow: var(--vig-shadow-md) !important;
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .option-title,
html.vigthoria-dark .feature-title,
html.vigthoria-dark .app-card h3 {
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .option-description,
html.vigthoria-dark .feature-description,
html.vigthoria-dark .app-card p {
    color: var(--vig-text-secondary) !important;
}

html.vigthoria-dark .getting-started-guide {
    background: rgba(99, 102, 241, 0.08) !important;
    border-color: var(--vig-border) !important;
}

html.vigthoria-dark .guide-header {
    background: rgba(99, 102, 241, 0.15) !important;
}

html.vigthoria-dark .workflow-step {
    background: rgba(15, 23, 42, 0.65) !important;
}

html.vigthoria-dark .workflow-step h3,
html.vigthoria-dark .workflow-step p {
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .section-divider {
    border-color: var(--vig-border-muted) !important;
}

html.vigthoria-dark input,
html.vigthoria-dark select,
html.vigthoria-dark textarea {
    background: var(--vig-bg-input) !important;
    border-color: var(--vig-border-muted) !important;
    color: var(--vig-text-primary) !important;
}

html.vigthoria-dark .modal-content,
html.vigthoria-dark .hosting-modal-content {
    background: var(--vig-bg-card) !important;
    color: var(--vig-text-primary) !important;
    border: 1px solid var(--vig-border-muted) !important;
}

html.vigthoria-dark ::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.5) !important;
}

html.vigthoria-dark ::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.35) !important;
}

html.vigthoria-dark .notification-badge {
    border-color: var(--vig-bg-header) !important;
}