/* ==========================================================================
   ACTIVE NETWORKING - PROFESSIONAL DARK MODE
   Comprehensive dark theme applied via prefers-color-scheme: dark
   ========================================================================== */

@media (prefers-color-scheme: dark) {

    /* ======================================================================
       CSS VARIABLE OVERRIDES
       ====================================================================== */

    :root {
        /* Gray scale inversion for app-layout.css */
        --gray-50: #0f172a;
        --gray-100: #1e293b;
        --gray-200: #334155;
        --gray-300: #475569;
        --gray-400: #64748b;
        --gray-500: #94a3b8;
        --gray-600: #cbd5e1;
        --gray-700: #e2e8f0;
        --gray-800: #f1f5f9;
        --gray-900: #f8fafc;

        /* Neutral scale for modern-design-system.css */
        --neutral-50: #0f172a;
        --neutral-100: #1e293b;
        --neutral-200: #334155;
        --neutral-300: #475569;
        --neutral-400: #64748b;
        --neutral-500: #94a3b8;
        --neutral-600: #cbd5e1;
        --neutral-700: #e2e8f0;
        --neutral-800: #f1f5f9;
        --neutral-900: #f8fafc;

        /* globals-modern.css variables */
        --text-color: #f1f5f9;
        --text-muted: #cbd5e1;
        --text-light: #94a3b8;
        --bg-color: #0f172a;
        --bg-white: #1e293b;
        --bg-gray-50: #1e293b;
        --bg-gray-100: #334155;
        --border-color: #334155;
        --border-light: #475569;
        --hover-color: #334155;

        /* Primary colors - slightly brighter for dark bg */
        --primary-50: #172554;
        --primary-100: #1e3a5f;

        /* Shadows - stronger on dark backgrounds */
        --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
        --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
        --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);

        /* Sidebar component variables */
        --sidebar-bg: #1e293b;
        --sidebar-border: #334155;
        --sidebar-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
        --sidebar-text: #e2e8f0;
        --sidebar-text-secondary: #94a3b8;
        --sidebar-active-bg: #1e3a5f;
        --sidebar-active-text: #93c5fd;
        --sidebar-active-border: #3b82f6;
        --sidebar-hover-bg: #334155;
        --sidebar-separator: #334155;

        /* TopNav variables */
        --topnav-bg: #1e293b;
        --topnav-border: #334155;
        --topnav-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
        --topnav-text: #e2e8f0;
        --topnav-text-secondary: #94a3b8;
        --topnav-text-muted: #64748b;
        --topnav-hover-bg: #334155;
        --topnav-active-bg: #1e3a5f;
        --topnav-active-text: #93c5fd;
        --topnav-separator: #334155;
        --topnav-dropdown-bg: #1e293b;
        --topnav-dropdown-border: #334155;
        --topnav-search-bg: #334155;
        --topnav-search-border: #475569;

        /* User profile variables */
        --profile-gray-50: #1e293b;
        --profile-gray-100: #334155;
        --profile-gray-200: #475569;
        --profile-gray-300: #64748b;
        --profile-gray-400: #94a3b8;
        --profile-gray-500: #cbd5e1;
        --profile-gray-600: #e2e8f0;
        --profile-gray-700: #f1f5f9;
        --profile-gray-800: #f8fafc;
        --profile-gray-900: #ffffff;
        --profile-white: #1e293b;
    }

    /* ======================================================================
       BASE ELEMENTS
       ====================================================================== */

    html {
        color-scheme: dark;
        scrollbar-color: #475569 #1e293b;
    }

    body,
    .app-body {
        background-color: #0f172a;
        color: #e2e8f0;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #f1f5f9;
    }

    p {
        color: #cbd5e1;
    }

    a {
        color: #60a5fa;
    }

    a:hover {
        color: #93c5fd;
    }

    ::selection {
        background-color: #1e3a5f;
        color: #e2e8f0;
    }

    ::-moz-selection {
        background-color: #1e3a5f;
        color: #e2e8f0;
    }

    /* Scrollbar */
    ::-webkit-scrollbar-track {
        background: #1e293b;
    }

    ::-webkit-scrollbar-thumb {
        background: #475569;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #64748b;
    }

    /* Focus states */
    *:focus-visible {
        outline-color: #60a5fa;
    }

    /* ======================================================================
       FORMS - Inputs, Textareas, Selects
       ====================================================================== */

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="date"],
    textarea,
    select,
    .input,
    .textarea,
    .select,
    .form-input,
    .form-textarea,
    .form-select {
        background-color: #1e293b;
        border-color: #475569;
        color: #f1f5f9;
    }

    input:focus,
    textarea:focus,
    select:focus,
    .input:focus,
    .textarea:focus,
    .select:focus,
    .form-input:focus,
    .form-textarea:focus,
    .form-select:focus {
        border-color: #60a5fa;
        box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
    }

    input:hover:not(:disabled):not(:focus),
    textarea:hover:not(:disabled):not(:focus),
    select:hover:not(:disabled):not(:focus),
    .input:hover:not(:disabled):not(:focus),
    .textarea:hover:not(:disabled):not(:focus),
    .select:hover:not(:disabled):not(:focus) {
        border-color: #64748b;
    }

    input:disabled,
    textarea:disabled,
    select:disabled,
    .input:disabled,
    .textarea:disabled,
    .select:disabled {
        background-color: #0f172a;
        border-color: #334155;
        color: #64748b;
    }

    ::placeholder {
        color: #64748b;
    }

    .input-label {
        color: #cbd5e1;
    }

    .input-helper-text {
        color: #94a3b8;
    }

    .input-error-message {
        color: #f87171;
    }

    .input-success-message {
        color: #4ade80;
    }

    /* Select dropdown arrow for dark mode */
    .select {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    }

    /* ======================================================================
       APP LAYOUT - Sidebar
       ====================================================================== */

    .sidebar {
        background: #1e293b;
        border-right-color: #334155;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
    }

    .sidebar-header {
        background: linear-gradient(135deg, #1e293b, #1e3a5f);
        border-bottom-color: #334155;
    }

    .sidebar-logo-title {
        color: #f1f5f9;
    }

    .sidebar-logo-subtitle {
        color: #94a3b8;
    }

    .sidebar-logo-text {
        background: linear-gradient(135deg, #60a5fa, #93c5fd);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .nav-section-title {
        color: #64748b;
    }

    .nav-link {
        color: #cbd5e1;
    }

    .nav-link:hover {
        background: #334155;
        color: #f1f5f9;
    }

    .nav-link.active {
        background: linear-gradient(135deg, #1e3a5f, #1e40af);
        color: #ffffff;
    }

    .nav-link.active .nav-link-icon {
        color: #93c5fd;
    }

    .sidebar-footer {
        background: #0f172a;
        border-top-color: #334155;
    }

    .user-info {
        background: #1e293b;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .user-name {
        color: #f1f5f9;
    }

    .sidebar-action-btn {
        border-color: #475569;
        color: #94a3b8;
    }

    .sidebar-action-btn:hover {
        background: #334155;
        color: #f1f5f9;
        border-color: #64748b;
    }

    .sidebar-collapse-btn {
        color: #94a3b8;
    }

    .sidebar-collapse-btn:hover {
        background: #334155;
        color: #f1f5f9;
    }

    .user-menu-btn {
        color: #94a3b8;
    }

    .user-menu-btn:hover {
        background: #334155;
        color: #f1f5f9;
    }

    /* Collapsed sidebar tooltip */
    .sidebar-collapsed .nav-link::after {
        background: #1e293b;
        color: #f1f5f9;
        border: 1px solid #334155;
    }

    /* ======================================================================
       APP LAYOUT - Main Content & Page Header
       ====================================================================== */

    .main-content {
        background: #0f172a;
    }

    .page-header {
        background: #1e293b;
        border-bottom-color: #334155;
    }

    .page-title {
        color: #f1f5f9;
    }

    .page-subtitle {
        color: #94a3b8;
    }

    /* Breadcrumbs */
    .breadcrumb-link {
        color: #60a5fa;
    }

    .breadcrumb-link:hover {
        color: #93c5fd;
    }

    .breadcrumb-current {
        color: #cbd5e1;
    }

    .breadcrumb-item:not(:last-child)::after {
        color: #64748b;
    }

    /* ======================================================================
       CARDS
       ====================================================================== */

    .card {
        background-color: #1e293b;
        border-color: #334155;
        color: #e2e8f0;
    }

    .card:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
    }

    .card-outlined {
        background-color: #1e293b;
        border-color: #475569;
    }

    .card-outlined:hover {
        border-color: #64748b;
    }

    .card-elevated {
        background-color: #1e293b;
        border-color: #334155;
    }

    .card-flat {
        background-color: #1e293b;
    }

    .card-flat:hover {
        background-color: #334155;
    }

    .card-header {
        background: linear-gradient(135deg, #1e293b, #253449);
        border-bottom-color: #334155;
    }

    .card-header-title,
    .card-title {
        color: #f1f5f9;
    }

    .card-header-subtitle,
    .card-subtitle {
        color: #94a3b8;
    }

    .card-content {
        color: #cbd5e1;
    }

    .card-footer {
        background: #0f172a;
        border-top-color: #334155;
    }

    .card-header-border {
        border-bottom-color: #334155;
    }

    .card-footer-border {
        border-top-color: #334155;
    }

    /* ======================================================================
       MODALS
       ====================================================================== */

    .modal-backdrop {
        background-color: rgba(0, 0, 0, 0.75);
    }

    .modal {
        background-color: #1e293b;
        color: #e2e8f0;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
    }

    .modal-header {
        border-bottom-color: #334155;
    }

    .modal-title {
        color: #f1f5f9;
    }

    .modal-close {
        color: #94a3b8;
    }

    .modal-close:hover,
    .modal-close:focus {
        color: #f1f5f9;
        background-color: #334155;
    }

    .modal-footer {
        border-top-color: #334155;
    }

    .modal-danger .modal-header {
        border-bottom-color: #7f1d1d;
    }

    .modal-danger .modal-title {
        color: #f87171;
    }

    .modal-success .modal-title {
        color: #4ade80;
    }

    .modal-warning .modal-title {
        color: #fbbf24;
    }

    .modal-info .modal-title {
        color: #60a5fa;
    }

    .modal-loading .modal-body::before {
        border-color: #475569;
        border-top-color: #60a5fa;
    }

    /* ======================================================================
       TAGS
       ====================================================================== */

    .tag-default {
        background-color: #334155;
        color: #e2e8f0;
        border-color: #475569;
    }

    .tag-default:hover {
        background-color: #475569;
        border-color: #64748b;
    }

    .tag-primary {
        background-color: #1e3a5f;
        color: #93c5fd;
        border-color: #1e40af;
    }

    .tag-primary:hover {
        background-color: #1e40af;
        border-color: #2563eb;
    }

    .tag-success {
        background-color: #14532d;
        color: #86efac;
        border-color: #166534;
    }

    .tag-success:hover {
        background-color: #166534;
        border-color: #15803d;
    }

    .tag-warning {
        background-color: #451a03;
        color: #fcd34d;
        border-color: #78350f;
    }

    .tag-warning:hover {
        background-color: #78350f;
        border-color: #92400e;
    }

    .tag-danger {
        background-color: #450a0a;
        color: #fca5a5;
        border-color: #7f1d1d;
    }

    .tag-danger:hover {
        background-color: #7f1d1d;
        border-color: #991b1b;
    }

    .tag-info {
        background-color: #042f2e;
        color: #5eead4;
        border-color: #134e4a;
    }

    .tag-info:hover {
        background-color: #134e4a;
        border-color: #115e59;
    }

    .tag-dark {
        background-color: #334155;
        color: #f1f5f9;
        border-color: #475569;
    }

    .tag-dark:hover {
        background-color: #475569;
        border-color: #64748b;
    }

    .tag-outlined.tag-primary {
        color: #60a5fa;
        border-color: #60a5fa;
    }

    .tag-outlined.tag-primary:hover {
        background-color: #1e3a5f;
    }

    .tag-outlined.tag-success {
        color: #4ade80;
        border-color: #4ade80;
    }

    .tag-outlined.tag-success:hover {
        background-color: #14532d;
    }

    .tag-outlined.tag-warning {
        color: #fbbf24;
        border-color: #fbbf24;
    }

    .tag-outlined.tag-warning:hover {
        background-color: #451a03;
    }

    .tag-outlined.tag-danger {
        color: #f87171;
        border-color: #f87171;
    }

    .tag-outlined.tag-danger:hover {
        background-color: #450a0a;
    }

    .tag-outlined.tag-info {
        color: #2dd4bf;
        border-color: #2dd4bf;
    }

    .tag-outlined.tag-info:hover {
        background-color: #042f2e;
    }

    .tag-outlined.tag-dark {
        color: #e2e8f0;
        border-color: #e2e8f0;
    }

    .tag-outlined.tag-dark:hover {
        background-color: #334155;
    }

    .tag-input-container {
        background-color: #1e293b;
        border-color: #475569;
        color: #e2e8f0;
    }

    .tag-input-container:focus-within {
        border-color: #60a5fa;
        box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
    }

    .tag-input {
        color: #f1f5f9;
    }

    .tag-input::placeholder {
        color: #64748b;
    }

    .tag-remove:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .tag-loading::after {
        border-color: #475569;
        border-top-color: #60a5fa;
    }

    /* ======================================================================
       BUTTONS
       ====================================================================== */

    .btn-secondary {
        --bg-color: #334155;
        --bg-hover: #475569;
        --bg-active: #64748b;
        --bg-disabled: #1e293b;
        --text-color: #e2e8f0;
        --text-disabled: #64748b;
        --border-color: #475569;
        --border-hover: #64748b;
        --border-active: #94a3b8;
        --border-disabled: #334155;
        background-color: #334155;
        color: #e2e8f0;
        border-color: #475569;
    }

    .btn-secondary:hover:not(:disabled) {
        background-color: #475569;
        border-color: #64748b;
        color: #f1f5f9;
    }

    .btn-ghost {
        --bg-hover: #334155;
        --bg-active: #475569;
        --text-color: #e2e8f0;
        color: #e2e8f0;
    }

    .btn-ghost:hover:not(:disabled) {
        background-color: #334155;
        color: #f1f5f9;
    }

    /* globals-modern.css btn overrides */
    .btn-outline {
        color: #60a5fa;
        border-color: #60a5fa;
    }

    .btn-outline:hover {
        color: #ffffff;
    }

    /* ======================================================================
       ALERTS
       ====================================================================== */

    .alert-success {
        background: rgba(34, 197, 94, 0.1);
        color: #4ade80;
        border-color: rgba(34, 197, 94, 0.2);
    }

    .alert-warning {
        background: rgba(245, 158, 11, 0.1);
        color: #fbbf24;
        border-color: rgba(245, 158, 11, 0.2);
    }

    .alert-error {
        background: rgba(239, 68, 68, 0.1);
        color: #f87171;
        border-color: rgba(239, 68, 68, 0.2);
    }

    .alert-info {
        background: rgba(59, 130, 246, 0.1);
        color: #60a5fa;
        border-color: rgba(59, 130, 246, 0.2);
    }

    /* ======================================================================
       TABLES
       ====================================================================== */

    table {
        border-color: #334155;
    }

    th {
        background-color: #1e293b;
        color: #f1f5f9;
        border-color: #334155;
    }

    td {
        border-color: #334155;
        color: #cbd5e1;
    }

    tr:nth-child(even) {
        background-color: #0f172a;
    }

    tr:hover {
        background-color: #1e293b;
    }

    /* ======================================================================
       PROGRESS BARS
       ====================================================================== */

    .progress {
        background: #334155;
    }

    /* ======================================================================
       LOADING STATES
       ====================================================================== */

    .loading-spinner,
    .spinner {
        border-color: #334155;
        border-top-color: #60a5fa;
    }

    .page-loading {
        color: #94a3b8;
    }

    .page-error {
        color: #94a3b8;
    }

    .page-error h2 {
        color: #f1f5f9;
    }

    /* ======================================================================
       MOBILE MENU
       ====================================================================== */

    .mobile-menu-toggle {
        background: #1e293b;
        border-color: #334155;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    }

    .mobile-menu-toggle:hover {
        background: #334155;
    }

    .mobile-menu-toggle i {
        color: #cbd5e1;
    }

    /* ======================================================================
       AVATARS
       ====================================================================== */

    .avatar {
        background: #334155;
    }

    /* ======================================================================
       BADGES
       ====================================================================== */

    .badge {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    /* ======================================================================
       DASHBOARD-SPECIFIC STYLES
       ====================================================================== */

    .dashboard-header,
    .header-content {
        background: #1e293b;
        border-bottom-color: #334155;
    }

    .widget,
    .widget-card,
    .stat-card,
    .stats-card,
    .metric-card,
    .info-card,
    .summary-card,
    .activity-card,
    .detail-card,
    .content-card,
    .panel,
    .section-card {
        background-color: #1e293b;
        border-color: #334155;
        color: #e2e8f0;
    }

    .widget-header,
    .widget-title {
        color: #f1f5f9;
    }

    .widget-subtitle,
    .widget-description {
        color: #94a3b8;
    }

    /* ======================================================================
       SIDEBAR STYLES (sidebar-styles.css overrides)
       ====================================================================== */

    .sidebar .logo a {
        color: #f1f5f9;
    }

    .logo-text {
        background: linear-gradient(135deg, #60a5fa, #93c5fd);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .sidebar .nav-section .section-title,
    .section-title {
        color: #64748b;
    }

    .sidebar .nav-item a {
        color: #cbd5e1;
    }

    .sidebar .nav-item a:hover {
        background: #334155;
        color: #f1f5f9;
    }

    .sidebar .nav-item a.active,
    .sidebar .nav-item.active a {
        background: linear-gradient(135deg, #1e3a5f, #1e40af);
        color: #ffffff;
    }

    /* ======================================================================
       PROFILE PAGES
       ====================================================================== */

    .profile-card,
    .profile-header,
    .profile-section,
    .profile-info,
    .profile-sidebar {
        background-color: #1e293b;
        border-color: #334155;
        color: #e2e8f0;
    }

    .profile-name {
        color: #f1f5f9;
    }

    .profile-bio,
    .profile-description {
        color: #94a3b8;
    }

    .profile-stat-value {
        color: #f1f5f9;
    }

    .profile-stat-label {
        color: #94a3b8;
    }

    /* ======================================================================
       BUSINESS IDEAS / POMYSLY
       ====================================================================== */

    .idea-card,
    .pomysl-card,
    .business-idea-card {
        background-color: #1e293b;
        border-color: #334155;
        color: #e2e8f0;
    }

    .idea-title,
    .pomysl-title {
        color: #f1f5f9;
    }

    .idea-description,
    .pomysl-description {
        color: #cbd5e1;
    }

    .idea-meta,
    .pomysl-meta {
        color: #94a3b8;
    }

    /* ======================================================================
       PROJECT PAGES
       ====================================================================== */

    .project-card,
    .project-header,
    .project-details,
    .project-section {
        background-color: #1e293b;
        border-color: #334155;
        color: #e2e8f0;
    }

    .project-title {
        color: #f1f5f9;
    }

    .project-description {
        color: #cbd5e1;
    }

    .project-meta {
        color: #94a3b8;
    }

    /* ======================================================================
       SEARCH
       ====================================================================== */

    .search-box,
    .search-container,
    .search-input-wrapper {
        background-color: #1e293b;
        border-color: #475569;
    }

    .search-input {
        background-color: transparent;
        color: #f1f5f9;
    }

    .search-results,
    .search-suggestions {
        background-color: #1e293b;
        border-color: #334155;
    }

    .search-result-item:hover {
        background-color: #334155;
    }

    /* ======================================================================
       LISTS & LIST ITEMS
       ====================================================================== */

    .list-item,
    .list-group-item {
        background-color: #1e293b;
        border-color: #334155;
        color: #e2e8f0;
    }

    .list-item:hover,
    .list-group-item:hover {
        background-color: #334155;
    }

    /* ======================================================================
       TABS & NAVIGATION
       ====================================================================== */

    .tab,
    .tab-item,
    .nav-tab {
        color: #94a3b8;
    }

    .tab:hover,
    .tab-item:hover,
    .nav-tab:hover {
        color: #e2e8f0;
        background-color: #334155;
    }

    .tab.active,
    .tab-item.active,
    .nav-tab.active {
        color: #60a5fa;
        border-color: #60a5fa;
    }

    .tab-content,
    .tab-panel {
        background-color: #1e293b;
        border-color: #334155;
    }

    /* ======================================================================
       DROPDOWNS
       ====================================================================== */

    .dropdown,
    .dropdown-menu,
    .dropdown-content {
        background-color: #1e293b;
        border-color: #334155;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
    }

    .dropdown-item {
        color: #e2e8f0;
    }

    .dropdown-item:hover {
        background-color: #334155;
        color: #f1f5f9;
    }

    .dropdown-divider {
        border-color: #334155;
    }

    /* ======================================================================
       TOOLTIPS & POPOVERS
       ====================================================================== */

    .tooltip,
    .popover {
        background-color: #334155;
        color: #f1f5f9;
        border-color: #475569;
    }

    /* ======================================================================
       NOTIFICATIONS
       ====================================================================== */

    .notification-item {
        border-color: #334155;
    }

    .notification-item:hover {
        background-color: #334155;
    }

    .notification-item.unread {
        background-color: rgba(59, 130, 246, 0.08);
    }

    /* ======================================================================
       EMPTY STATES
       ====================================================================== */

    .empty-state {
        color: #94a3b8;
    }

    .empty-state h2,
    .empty-state h3 {
        color: #cbd5e1;
    }

    /* ======================================================================
       CHARTS & STATS
       ====================================================================== */

    .stat-value,
    .stat-number,
    .metric-value {
        color: #f1f5f9;
    }

    .stat-label,
    .stat-title,
    .metric-label {
        color: #94a3b8;
    }

    .stat-change.positive {
        color: #4ade80;
    }

    .stat-change.negative {
        color: #f87171;
    }

    /* ======================================================================
       GENERIC OVERRIDES FOR HARDCODED COLORS
       These target common patterns across all CSS files
       ====================================================================== */

    /* White/light backgrounds used everywhere */
    [style*="background-color: #ffffff"],
    [style*="background-color: white"],
    [style*="background: #ffffff"],
    [style*="background: white"] {
        background-color: #1e293b !important;
    }

    /* Dark text on light backgrounds */
    [style*="color: #1f2937"],
    [style*="color: #111827"],
    [style*="color: #374151"],
    [style*="color: #1a1a1a"] {
        color: #e2e8f0 !important;
    }

    /* ======================================================================
       SPECIFIC PAGE OVERRIDES
       ====================================================================== */

    /* Onboarding */
    .onboarding-card,
    .onboarding-step,
    .checklist-item {
        background-color: #1e293b;
        border-color: #334155;
        color: #e2e8f0;
    }

    .checklist-item-title {
        color: #f1f5f9;
    }

    .checklist-item-description {
        color: #94a3b8;
    }

    /* Help Center */
    .help-card,
    .help-section,
    .faq-item {
        background-color: #1e293b;
        border-color: #334155;
    }

    .faq-question {
        color: #f1f5f9;
    }

    .faq-answer {
        color: #cbd5e1;
    }

    /* Matching Results */
    .match-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    .match-name {
        color: #f1f5f9;
    }

    .match-info {
        color: #94a3b8;
    }

    .match-score {
        color: #4ade80;
    }

    /* Reviews */
    .review-card,
    .review-item {
        background-color: #1e293b;
        border-color: #334155;
    }

    .review-author {
        color: #f1f5f9;
    }

    .review-text {
        color: #cbd5e1;
    }

    .review-date {
        color: #64748b;
    }

    /* Achievements */
    .achievement-badge,
    .achievement-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    .achievement-title {
        color: #f1f5f9;
    }

    .achievement-description {
        color: #94a3b8;
    }

    /* ======================================================================
       INLINE STYLES IN PHP PAGES - COMMON PATTERNS
       ====================================================================== */

    .content-section,
    .section-content,
    .page-section,
    .main-section {
        background-color: transparent;
    }

    .section-header,
    .section-title {
        color: #f1f5f9;
    }

    .section-description,
    .section-subtitle {
        color: #94a3b8;
    }

    /* ======================================================================
       ACTIONS SIDEBAR (right sidebar - "Akcje" panel from screenshot)
       ====================================================================== */

    .actions-panel,
    .action-card,
    .sidebar-card,
    .sidebar-widget,
    .aside-card,
    .side-panel {
        background-color: #1e293b;
        border-color: #334155;
        color: #e2e8f0;
    }

    .similar-ideas,
    .related-items {
        background-color: #1e293b;
        border-color: #334155;
    }

    .similar-idea-item,
    .related-item {
        border-color: #334155;
        color: #e2e8f0;
    }

    .similar-idea-item:hover,
    .related-item:hover {
        background-color: #334155;
    }

    /* ======================================================================
       INTEREST BAR / PROGRESS INDICATORS
       ====================================================================== */

    .interest-bar,
    .progress-bar {
        background-color: #334155;
    }

    .interest-level,
    .progress-fill {
        background: linear-gradient(90deg, #3b82f6, #60a5fa);
    }

    /* ======================================================================
       DETAIL INFO SECTIONS (Szczegółowe informacje)
       ====================================================================== */

    .detail-section,
    .info-section,
    .detail-grid,
    .info-grid {
        background-color: #1e293b;
        border-color: #334155;
    }

    .detail-label,
    .info-label {
        color: #94a3b8;
    }

    .detail-value,
    .info-value {
        color: #f1f5f9;
    }

    /* ======================================================================
       HR & DIVIDERS
       ====================================================================== */

    hr {
        border-color: #334155;
    }

    .divider {
        background-color: #334155;
    }

    /* ======================================================================
       TOPNAV COMPONENT (prefers-color-scheme override)
       ====================================================================== */

    .topnav-component {
        background: #1e293b;
        border-bottom-color: #334155;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
        color: #e2e8f0;
    }

    .topnav-search-input-wrapper {
        background: #334155;
        border-color: #475569;
    }

    .topnav-search-input {
        color: #f1f5f9;
    }

    .topnav-search-input::placeholder {
        color: #64748b;
    }

    .topnav-notifications-dropdown,
    .topnav-profile-dropdown {
        background: #1e293b;
        border-color: #334155;
    }

    .topnav-notifications-header,
    .topnav-profile-dropdown-header {
        border-bottom-color: #334155;
    }

    .topnav-notifications-footer {
        border-top-color: #334155;
    }

    .topnav-notification-item {
        border-bottom-color: #334155;
    }

    .topnav-notification-item:hover {
        background: #334155;
    }

    .topnav-notification-item.unread {
        background: rgba(59, 130, 246, 0.08);
    }

    .topnav-profile-dropdown-separator {
        background: #334155;
    }

    .topnav-profile-dropdown-item {
        color: #e2e8f0;
    }

    .topnav-profile-dropdown-item:hover {
        background: #334155;
    }

    .topnav-profile-dropdown-item i {
        color: #64748b;
    }

    .topnav-profile-name,
    .topnav-notifications-title,
    .topnav-profile-dropdown-name {
        color: #f1f5f9;
    }

    .topnav-profile-role,
    .topnav-profile-dropdown-email {
        color: #94a3b8;
    }

    .topnav-search-suggestion-type {
        background: #334155;
        color: #94a3b8;
    }

    .topnav-mobile-search-container {
        background: #1e293b;
        border-bottom-color: #334155;
    }

    .topnav-mobile-search-input {
        background: #334155;
        border-color: #475569;
        color: #f1f5f9;
    }

    .topnav-component.loading::after {
        background: rgba(30, 41, 59, 0.8);
    }

    /* ======================================================================
       SIDEBAR COMPONENT (prefers-color-scheme override)
       ====================================================================== */

    .sidebar-component {
        background: #1e293b;
        border-right-color: #334155;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
    }

    .sidebar-component .sidebar-header {
        border-bottom-color: #334155;
    }

    .sidebar-logo-title {
        color: #e2e8f0;
    }

    .sidebar-logo-subtitle {
        color: #94a3b8;
    }

    .sidebar-nav-link {
        color: #cbd5e1;
    }

    .sidebar-nav-link:hover {
        background: #334155;
        color: #f1f5f9;
    }

    .sidebar-nav-link.active {
        background: #1e3a5f;
        color: #93c5fd;
    }

    .sidebar-separator {
        background: #334155;
    }

    .sidebar-user {
        border-top-color: #334155;
    }

    .sidebar-user-info:hover {
        background: #334155;
    }

    .sidebar-user-name {
        color: #e2e8f0;
    }

    .sidebar-user-action {
        border-color: #475569;
        color: #94a3b8;
    }

    .sidebar-user-action:hover {
        background: #334155;
        color: #e2e8f0;
        border-color: #64748b;
    }

    .sidebar-nav-link::after {
        background: #1e293b;
        color: #f1f5f9;
    }

    .sidebar-nav-link::before {
        border-right-color: #1e293b;
    }

    /* ======================================================================
       PROFILE STATUS (online/offline dots)
       ====================================================================== */

    .topnav-profile-status {
        border-color: #1e293b;
    }

    /* ======================================================================
       REPUTATION & ACHIEVEMENTS
       ====================================================================== */

    .reputation-card,
    .reputation-section {
        background-color: #1e293b;
        border-color: #334155;
    }

    /* ======================================================================
       FORMS SPECIFIC (create project, add idea, etc.)
       ====================================================================== */

    .form-card,
    .form-section,
    .form-container {
        background-color: #1e293b;
        border-color: #334155;
    }

    .form-label,
    label {
        color: #cbd5e1;
    }

    /* ======================================================================
       DASHBOARD WIDGETS & GRID
       ====================================================================== */

    .dashboard-grid,
    .dashboard-content {
        background-color: transparent;
    }

    .dashboard-widget {
        background-color: #1e293b;
        border-color: #334155;
    }

    .dashboard-widget-header {
        border-bottom-color: #334155;
    }

    .dashboard-widget-title {
        color: #f1f5f9;
    }

    /* ======================================================================
       OPPORTUNITIES WIDGET
       ====================================================================== */

    .opportunity-card,
    .opportunity-item {
        background-color: #1e293b;
        border-color: #334155;
    }

    .opportunity-title {
        color: #f1f5f9;
    }

    .opportunity-description {
        color: #94a3b8;
    }

    /* ======================================================================
       USER CARDS
       ====================================================================== */

    .user-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    .user-card-name {
        color: #f1f5f9;
    }

    .user-card-info {
        color: #94a3b8;
    }

    /* ======================================================================
       MODERN DESIGN SYSTEM (sidebar gradient overrides)
       ====================================================================== */

    /* Override gradients that use white */
    .sidebar {
        background: #1e293b !important;
    }

    .sidebar-header {
        background: linear-gradient(135deg, #1e293b, #1e3a5f) !important;
    }

    .sidebar-footer {
        background: linear-gradient(135deg, #0f172a, #1e293b) !important;
    }

    .user-profile {
        background: linear-gradient(135deg, #1e3a5f, #172554) !important;
        border-color: #1e40af !important;
    }

    .user-profile:hover {
        background: linear-gradient(135deg, #172554, #1e3a5f) !important;
    }

    .main-content {
        background: #0f172a !important;
    }

    .card-header {
        background: #1e293b !important;
    }

    /* ======================================================================
       IMAGES & MEDIA
       ====================================================================== */

    img {
        opacity: 0.92;
    }

    img:hover {
        opacity: 1;
    }

    /* ======================================================================
       CODE & PRE
       ====================================================================== */

    code,
    pre {
        background-color: #0f172a;
        color: #e2e8f0;
        border-color: #334155;
    }

    /* ======================================================================
       BLOCKQUOTES
       ====================================================================== */

    blockquote {
        border-left-color: #475569;
        background-color: #1e293b;
        color: #cbd5e1;
    }

    /* ======================================================================
       FINANCIAL / FUNDING PAGES
       ====================================================================== */

    .funding-card,
    .investment-card,
    .financial-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    /* ======================================================================
       EXPERT PAGES
       ====================================================================== */

    .expert-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    .expert-name {
        color: #f1f5f9;
    }

    .expert-specialization {
        color: #94a3b8;
    }

    /* ======================================================================
       COMPANY PAGES
       ====================================================================== */

    .company-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    .company-name {
        color: #f1f5f9;
    }

    .company-description {
        color: #94a3b8;
    }

    /* ======================================================================
       LOGIN & REGISTER PAGES
       ====================================================================== */

    .login-container,
    .register-container,
    .auth-container,
    .auth-card {
        background: #1e293b;
        color: #e2e8f0;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    }

    .login-title,
    .register-title,
    .auth-title {
        color: #f1f5f9;
    }

    .login-subtitle,
    .register-subtitle,
    .auth-subtitle {
        color: #94a3b8;
    }

    .login-container input,
    .register-container input,
    .auth-container input {
        background-color: #0f172a;
        border-color: #475569;
        color: #f1f5f9;
    }

    .login-container input:focus,
    .register-container input:focus,
    .auth-container input:focus {
        border-color: #60a5fa;
        box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
    }

    .login-container label,
    .register-container label,
    .auth-container label {
        color: #cbd5e1;
    }

    .login-container a,
    .register-container a,
    .auth-container a {
        color: #60a5fa;
    }

    .login-container .error,
    .register-container .error,
    .error-message,
    .form-error {
        color: #f87171;
    }

    .login-container .success,
    .register-container .success,
    .success-message {
        color: #4ade80;
    }

    .remember-label,
    .checkbox-label {
        color: #94a3b8;
    }

    .social-btn,
    .social-login-btn {
        background-color: #334155;
        border-color: #475569;
        color: #e2e8f0;
    }

    .social-btn:hover,
    .social-login-btn:hover {
        background-color: #475569;
    }

    .divider-text,
    .or-divider {
        color: #64748b;
    }

    /* ======================================================================
       SIDEBAR.PHP INLINE STYLES (mobile menu button)
       ====================================================================== */

    .mobile-menu-btn {
        background: #1e293b;
        border-color: #334155;
    }

    .mobile-menu-btn:hover {
        background: #334155;
    }

    .mobile-menu-btn i {
        color: #e2e8f0;
    }

    /* ======================================================================
       POMYSL-VIEW PAGE SPECIFICS
       ====================================================================== */

    .idea-header {
        background: linear-gradient(135deg, #172554 0%, #1e3a5f 100%) !important;
    }

    .idea-category {
        background: #334155;
        color: #e2e8f0;
    }

    .idea-date {
        color: #94a3b8;
    }

    .idea-creator .creator-name {
        color: #f1f5f9;
    }

    .idea-creator .creator-role {
        color: #94a3b8;
    }

    .stat-item {
        background: #0f172a;
    }

    .skill-tag {
        background: #172554;
        color: #93c5fd;
    }

    .info-item {
        background: #0f172a;
    }

    .participant-item {
        background: #0f172a;
    }

    .participant-name {
        color: #f1f5f9;
    }

    .participant-role {
        color: #94a3b8;
    }

    .similar-idea-item {
        background: #0f172a;
        color: #e2e8f0;
    }

    .similar-idea-item:hover {
        background: #334155;
    }

    .similar-idea-title {
        color: #f1f5f9;
    }

    .similar-idea-meta {
        color: #94a3b8;
    }

    /* ======================================================================
       LANDING PAGE (index.html / styles.css)
       ====================================================================== */

    .live-activity-bar {
        background: #1e293b;
        border-color: #334155;
    }

    .preview-header,
    .hero {
        background: #0f172a;
    }

    .hero-background {
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #172554 100%);
    }

    .feature-card {
        background: #1e293b;
        border-color: #334155;
    }

    .feature-card:hover {
        background: #253449;
    }

    .testimonial-card {
        background: #1e293b;
        border-color: #334155;
    }

    .pricing-card {
        background: #1e293b;
        border-color: #334155;
    }

    .footer {
        background: #0f172a;
        border-color: #334155;
    }

    /* ======================================================================
       WELCOME PAGE
       ====================================================================== */

    .welcome-card,
    .welcome-section {
        background-color: #1e293b;
        border-color: #334155;
    }

    /* ======================================================================
       MANAGE SERVICES PAGE (Zarządzaj usługami)
       ====================================================================== */

    .service-card,
    .services-list,
    .service-item {
        background-color: #1e293b;
        border-color: #334155;
    }

    .service-name,
    .service-title {
        color: #f1f5f9;
    }

    .service-description {
        color: #94a3b8;
    }

    /* ======================================================================
       FORGOT PASSWORD
       ====================================================================== */

    .forgot-password-container {
        background: #1e293b;
        color: #e2e8f0;
    }

    /* ======================================================================
       PREVIEW DASHBOARD STYLES (landing page)
       ====================================================================== */

    .preview-card,
    .preview-widget {
        background-color: #1e293b;
        border-color: #334155;
    }

    .dashboard-preview {
        background-color: #0f172a;
        border-color: #334155;
    }

    /* ======================================================================
       NEEDS & OFFERS
       ====================================================================== */

    .need-card,
    .offer-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    .need-title,
    .offer-title {
        color: #f1f5f9;
    }

    .need-description,
    .offer-description {
        color: #94a3b8;
    }

    /* ======================================================================
       ANALYTICS DASHBOARD
       ====================================================================== */

    .analytics-card,
    .chart-card,
    .data-table {
        background-color: #1e293b;
        border-color: #334155;
    }

    .chart-title {
        color: #f1f5f9;
    }

    /* ======================================================================
       CREATE PROJECT MODAL
       ====================================================================== */

    .create-project-modal,
    .create-project-form {
        background-color: #1e293b;
        border-color: #334155;
    }

    /* ======================================================================
       INVESTOR PAGES
       ====================================================================== */

    .investor-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    .investor-name {
        color: #f1f5f9;
    }

    .investor-info {
        color: #94a3b8;
    }

    /* ======================================================================
       GROUP NETWORKING
       ====================================================================== */

    .group-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    .group-name {
        color: #f1f5f9;
    }

    .group-description {
        color: #94a3b8;
    }

    /* ======================================================================
       FUNDING ROUNDS
       ====================================================================== */

    .funding-round-card {
        background-color: #1e293b;
        border-color: #334155;
    }

    .round-title {
        color: #f1f5f9;
    }

    .round-info {
        color: #94a3b8;
    }

}