.ts-control { border: none !important; border-radius: 0.25rem; font-size: 0.75rem; background: transparent !important; padding: 4px 8px; min-height: 30px; box-shadow: none !important; }
        .dark .ts-control { color: rgb(203, 213, 225); }
        .dark .ts-dropdown { background-color: rgb(30, 41, 59); color: rgb(203, 213, 225); border-color: rgb(51, 65, 85); }
        .dark .ts-dropdown .option:hover { background-color: rgb(51, 65, 85); color: white; }
        .ts-wrapper.multi .ts-control > div { background: #6366f1; color: white; border-radius: 4px; border: none; padding: 2px 6px; margin: 2px; }
        .ts-dropdown { font-size: 0.75rem; z-index: 50; border-radius: 0.25rem; }
    


        * { font-family: 'Outfit', 'Segoe UI', 'Noto Sans Thai', -apple-system, BlinkMacSystemFont, sans-serif !important; }
        html, body { height: 100%; padding: 0; margin: 0; transition: background-color 0.2s, color 0.2s; }
        #gantt_here { width: 100%; height: 100%; flex-grow: 1; min-height: 200px; }
        
        /* Remove number input spinner arrows */
        input[type="number"]::-webkit-inner-spin-button, 
        input[type="number"]::-webkit-outer-spin-button { 
            -webkit-appearance: none; 
            margin: 0; 
        }
        input[type="number"] {
            -moz-appearance: textfield; /* Firefox */
        }

        ::-webkit-scrollbar { width: 7px; height: 7px; }
        ::-webkit-scrollbar-track { background: transparent; }
        .dark ::-webkit-scrollbar-track { background: #090d16; }
        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
        .dark ::-webkit-scrollbar-thumb { background: #334155; }
        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
        .dark ::-webkit-scrollbar-thumb:hover { background: #475569; }
        
        /* 🏢 Executive Business Gantt Task Bars */
        .gantt_task_line {
            border-radius: 4px !important;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
            transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
            border: 1px solid rgba(0, 0, 0, 0.15) !important;
        }
        .gantt_task_line .gantt_task_progress {
            border-radius: 3px 0 0 3px !important;
        }
        .gantt_task_line .gantt_task_content {
            font-weight: 600 !important;
            font-size: 11px !important;
            letter-spacing: 0.01em !important;
            color: #ffffff !important;
            text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
            padding: 0 8px !important;
        }
        .gantt_task_line:hover {
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.08) !important;
            filter: brightness(1.06) !important;
            z-index: 5 !important;
        }
        
        /* Summary Project Task (Executive Charcoal / Navy Bracket) */
        .gantt_project_task { 
            background: linear-gradient(180deg, #334155 0%, #1e293b 100%) !important; 
            border: 1px solid #0f172a !important; 
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2) !important; 
            border-radius: 3px !important;
        }
        .gantt_project_task .gantt_task_progress {
            background-color: #0f172a !important;
        }
        .dark .gantt_project_task {
            background: linear-gradient(180deg, #475569 0%, #334155 100%) !important;
            border: 1px solid #1e293b !important;
        }

        /* Critical Path Task (Executive Crimson) */
        .gantt_critical_task { 
            background: linear-gradient(180deg, #f43f5e 0%, #e11d48 100%) !important; 
            border: 1px solid #be123c !important; 
            box-shadow: 0 2px 6px rgba(225, 29, 72, 0.3) !important; 
        }
        .gantt_critical_task .gantt_task_progress {
            background-color: #9f1239 !important;
        }
        .gantt_critical_link .gantt_line_wrapper div { background-color: #e11d48 !important; box-shadow: 0 0 4px rgba(225, 29, 72, 0.5); }
        .gantt_critical_link .gantt_link_arrow { border-left-color: #e11d48 !important; border-right-color: #e11d48 !important; }
        
        /* Milestone (Crisp Executive Diamond) */
        .gantt_milestone {
            border: 1px solid #d97706 !important;
            background: #f59e0b !important;
            box-shadow: 0 2px 5px rgba(245, 158, 11, 0.35) !important;
        }
        
        .simulated_delayed_task { 
            background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%) !important; 
            border: 1px solid #b45309 !important; 
            box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3) !important; 
        }
        
        /* Today Line Marker */
        .today-marker { background-color: #ef4444 !important; width: 1.5px !important; z-index: 10; pointer-events: none; }
        .today-marker .gantt_marker_content { 
            position: sticky !important; top: 4px !important;
            display: inline-block; transform: translateX(-50%);
            background-color: #ef4444 !important; color: white !important; 
            padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 700;
            letter-spacing: 0.02em;
            box-shadow: 0 1px 3px rgba(0,0,0,0.2);
            z-index: 11;
        }
        
        body.col-resizing, body.col-resizing * { cursor: col-resize !important; user-select: none !important; }
        .weekend-bg { background-color: #f8fafc !important; }
        .dark .weekend-bg { background-color: #0c1322 !important; opacity: 0.6; }
        .holiday-bg { background-color: #fef2f2 !important; opacity: 0.8; }
        .dark .holiday-bg { background-color: #450a0a !important; opacity: 0.3; }
        
        /* Summary Project Row in Grid */
        .gantt_project_row .gantt_cell, 
        .gantt_project_row .gantt_tree_content { font-weight: 700 !important; color: #1e293b !important; }
        .dark .gantt_project_row .gantt_cell,
        .dark .gantt_project_row .gantt_tree_content { color: #f1f5f9 !important; }
        
        .gantt-inline-input {
            width: calc(100% - 4px); height: 24px; margin: 1px;
            background: transparent; border: 1px solid transparent; border-radius: 4px;
            padding: 0 5px; font-size: inherit; outline: none; transition: all 0.15s ease-in-out;
        }
        .gantt-inline-input:hover { border-color: #cbd5e1; background: #ffffff; }
        .dark .gantt-inline-input:hover { border-color: #475569; background: #1e293b; }
        .gantt-inline-input:focus { background: #ffffff !important; border-color: #2563eb !important; box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15) !important; }
        .dark .gantt-inline-input:focus { background: #1e293b !important; border-color: #3b82f6 !important; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25) !important; }
        
        /* -----------------------------------------
           ENTERPRISE / MS PROJECT STYLE THEME
           ----------------------------------------- */
        
        /* Modals overrides */
        #holidayModal > div, 
        #saveModal > div, 
        #predecessorModal > div, 
        #delaySimulatorModal > div, 
        #newProjectModal > div,
        #workloadModal > div {
            background: #ffffff !important;
            border: 1px solid #cbd5e1 !important;
            outline: none !important;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
            border-radius: 10px !important;
        }
        .dark #holidayModal > div, 
        .dark #saveModal > div, 
        .dark #predecessorModal > div, 
        .dark #delaySimulatorModal > div, 
        .dark #newProjectModal > div,
        .dark #workloadModal > div {
            background: #0f172a !important;
            border: 1px solid #334155 !important;
            outline: none !important;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.6) !important;
        }

        #holidayModal > div > div, 
        #saveModal > div > div, 
        #predecessorModal > div > div, 
        #delaySimulatorModal > div > div, 
        #newProjectModal > div > div,
        #workloadModal > div > div {
            background-color: transparent !important;
            border-color: #e2e8f0 !important;
            outline: none !important;
        }
        .dark #holidayModal > div > div, 
        .dark #saveModal > div > div, 
        .dark #predecessorModal > div > div, 
        .dark #delaySimulatorModal > div > div, 
        .dark #newProjectModal > div > div,
        .dark #workloadModal > div > div {
            border-color: #1e293b !important;
            outline: none !important;
        }
        
        /* DHTMLX Lightbox & Modalbox Premium Overrides */
        .gantt_tooltip {
            background-color: transparent !important;
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
            border-radius: 8px !important;
        }
        /* --------------------------------------
           Modern DHTMLX Lightbox Customization
           -------------------------------------- */
        .gantt_cal_light, .dhtmlx_modal_box, .dhtmlx-modalbox, .dhtmlx-alert, .dhtmlx-confirm {
            border: 1px solid rgba(0, 0, 0, 0.1) !important;
            outline: none !important;
            border-radius: 16px !important;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
            background: rgba(255, 255, 255, 0.95) !important;
            backdrop-filter: blur(12px) !important;
            font-family: 'Outfit', 'Noto Sans Thai', sans-serif !important;
            overflow: hidden !important;
        }
        .dark .gantt_cal_light, .dark .dhtmlx_modal_box, .dark .dhtmlx-modalbox, .dark .dhtmlx-alert, .dark .dhtmlx-confirm {
            background: rgba(15, 23, 42, 0.95) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
        }
        
        /* Lightbox Header */
        .gantt_cal_ltitle {
            background: transparent !important;
            border-bottom: 1px solid #e2e8f0 !important;
            color: #1e293b !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            padding: 16px 20px !important;
            text-align: left !important;
        }
        .dark .gantt_cal_ltitle {
            border-bottom: 1px solid #334155 !important;
            color: #f8fafc !important;
        }

        /* Lightbox Body */
        .gantt_cal_larea {
            border: none !important;
            background: transparent !important;
            padding: 10px 20px !important;
        }
        
        /* Lightbox Field Labels */
        .gantt_cal_lsection {
            background: transparent !important;
            color: #64748b !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            padding: 12px 0 4px 0 !important;
            border: none !important;
        }
        .dark .gantt_cal_lsection {
            color: #94a3b8 !important;
            background: transparent !important;
            border: none !important;
        }

        /* Lightbox Inputs container */
        .gantt_cal_ltext, .gantt_cal_lselect {
            background: #ffffff !important;
            border: 1px solid #cbd5e1 !important;
            border-radius: 8px !important;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
            padding: 4px !important;
            height: auto !important;
        }
        .dark .gantt_cal_ltext, .dark .gantt_cal_lselect {
            background: #1e293b !important;
            border-color: #475569 !important;
            color: #f1f5f9 !important;
        }
        
        /* Input elements themselves */
        .gantt_cal_ltext textarea, .gantt_cal_lselect select {
            border: none !important;
            outline: none !important;
            background: transparent !important;
            color: #334155 !important;
            font-size: 14px !important;
            font-family: inherit !important;
            padding: 8px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }
        .dark .gantt_cal_ltext textarea, .dark .gantt_cal_lselect select {
            color: #f1f5f9 !important;
        }

        /* Buttons Section */
        .gantt_cal_light .gantt_btn_set {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 8px !important;
            font-weight: 600 !important;
            font-size: 13px !important;
            padding: 8px 20px !important;
            border: none !important;
            transition: all 0.2s ease !important;
            text-shadow: none !important;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
            cursor: pointer !important;
            margin: 15px 5px 10px 5px !important;
            float: right !important;
            width: auto !important;
            height: auto !important;
        }
        
        /* Hide DHTMLX default icons inside buttons to use clean text */
        .gantt_btn_set div[class*="_btn"] {
            display: none !important;
        }

        /* Save Button */
        .gantt_save_btn_set { background: #4f46e5 !important; color: white !important; }
        .gantt_save_btn_set:hover { background: #4338ca !important; box-shadow: 0 4px 6px rgba(79, 70, 229, 0.25) !important; }
        
        /* Cancel Button */
        .gantt_cancel_btn_set { background: #e2e8f0 !important; color: #475569 !important; }
        .gantt_cancel_btn_set:hover { background: #cbd5e1 !important; color: #334155 !important; }
        .dark .gantt_cancel_btn_set { background: #334155 !important; color: #cbd5e1 !important; }
        .dark .gantt_cancel_btn_set:hover { background: #475569 !important; color: #f1f5f9 !important; }
        
        /* Delete Button */
        .gantt_delete_btn_set { background: #ef4444 !important; color: white !important; }
        .gantt_delete_btn_set:hover { background: #dc2626 !important; box-shadow: 0 4px 6px rgba(239, 68, 68, 0.25) !important; }
        
        /* Ensure any pop-up backdrop doesn't have an outline */
        .gantt_cal_cover {
            outline: none !important;
            background-color: rgba(15, 23, 42, 0.6) !important;
            backdrop-filter: blur(4px) !important;
        }

        /* DHTMLX Grid & Cell Enterprise Styles */
        .gantt_container {
            background-color: #f4f5f7 !important;
            border-color: #cbd5e1 !important;
            border-radius: 0px !important;
        }
        .dark .gantt_container {
            background-color: #0f172a !important;
            border-color: #334155 !important;
            color: #cbd5e1 !important;
        }
        .gantt_grid_data, .gantt_task {
            background-color: #f4f5f7 !important;
        }
        .dark .gantt_grid_data, .dark .gantt_task {
            background-color: #0f172a !important;
        }
        .gantt_task_row, .gantt_row {
            background-color: #f4f5f7 !important;
            border-bottom: 1px solid #e2e8f0 !important;
            transition: background-color 0.1s ease;
        }
        .dark .gantt_task_row, .dark .gantt_row {
            background-color: #0f172a !important;
            border-bottom: 1px solid #1e293b !important;
        }
        
        .gantt_grid_header, .gantt_scale_bar {
            background-color: #f8fafc !important;
            color: #334155 !important;
            border-color: #cbd5e1 !important;
            font-weight: 600 !important;
        }
        .dark .gantt_grid_header, .dark .gantt_scale_bar {
            background-color: #020617 !important;
            color: #cbd5e1 !important;
            border-color: #1e293b !important;
        }
        
        .gantt_cell {
            border-right: 1px solid #e2e8f0 !important;
            color: #1e293b !important;
        }
        .dark .gantt_cell {
            border-right: 1px solid #1e293b !important;
            color: #f1f5f9 !important;
        }
        
        .gantt_task_cell {
            border-right: 1px solid #f1f5f9 !important;
        }
        .dark .gantt_task_cell {
            border-right: 1px solid #1e293b !important;
        }
        
        .gantt_grid_scale, .gantt_task_scale {
            border-bottom: 1px solid #cbd5e1 !important;
            background-color: #f8fafc !important;
        }
        .dark .gantt_grid_scale, .dark .gantt_task_scale {
            border-bottom: 1px solid #1e293b !important;
            background-color: #020617 !important;
        }
        
        .gantt_task_row.gantt_selected, .gantt_row.gantt_selected {
            background-color: #eff6ff !important;
        }
        .dark .gantt_task_row.gantt_selected, .dark .gantt_row.gantt_selected {
            background-color: #334155 !important;
        }
        
        .gantt_row:hover, .gantt_task_row:hover {
            background-color: #f8fafc !important;
        }
        .dark .gantt_row:hover, .dark .gantt_task_row:hover {
            background-color: #1e293b !important;
        }
        
        .gantt_grid_resize_wrap {
            background-color: #dbeafe !important;
        }
        .dark .gantt_grid_resize_wrap {
            background-color: #1e293b !important;
        }

        .gantt_project_row {
            background-color: #f1f5f9 !important;
        }
        .dark .gantt_project_row {
            background-color: #0f172a !important;
            border-top: 1px solid #1e293b !important;
        }

        /* Container Overrides */
        /* 🌌 Animated Glassmorphism Background Blobs */
        .blob-bg {
            position: fixed;
            border-radius: 50%;
            filter: blur(80px);
            z-index: -1;
            opacity: 0.5;
            animation: blobBounce 20s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);
        }
        .dark .blob-bg { opacity: 0.25; }
        .blob-1 { width: 500px; height: 500px; background: #c7d2fe; top: -100px; left: -100px; animation-delay: 0s; }
        .blob-2 { width: 400px; height: 400px; background: #e0e7ff; bottom: -50px; right: -50px; animation-delay: -5s; }
        .blob-3 { width: 600px; height: 600px; background: #fbcfe8; top: 40%; left: 30%; animation-delay: -10s; }
        .dark .blob-1 { background: #3730a3; }
        .dark .blob-2 { background: #312e81; }
        .dark .blob-3 { background: #831843; }
        
        @keyframes blobBounce {
            0% { transform: translate(0, 0) scale(1); }
            33% { transform: translate(50px, -50px) scale(1.1); }
            66% { transform: translate(-30px, 30px) scale(0.9); }
            100% { transform: translate(0, 0) scale(1); }
        }

        .liquid-glass-gantt, .liquid-glass-histogram, .liquid-glass-filters {
            background-color: rgba(255,255,255,0.85) !important;
            backdrop-filter: blur(12px) !important;
            -webkit-backdrop-filter: blur(12px) !important;
            border: 1px solid rgba(203,213,225, 0.5) !important;
            border-radius: 8px !important;
            box-shadow: 0 4px 20px -2px rgba(0,0,0,0.05) !important;
        }
        .liquid-glass-header { 
            background-color: rgba(255,255,255,0.7) !important;
            backdrop-filter: blur(16px) saturate(180%) !important;
            -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
            border-bottom: 1px solid rgba(203,213,225, 0.5) !important;
            border-top: none !important; border-left: none !important; border-right: none !important; border-radius: 0 !important; 
        }
        .liquid-glass-filters { border-radius: 0 !important; border-top: none !important; border-left: none !important; border-right: none !important; }
        .dark .liquid-glass-gantt, .dark .liquid-glass-histogram, .dark .liquid-glass-filters {
            background-color: rgba(15,23,42,0.85) !important;
            border: 1px solid rgba(51,65,85, 0.5) !important;
            box-shadow: 0 4px 20px -2px rgba(0,0,0,0.3) !important;
        }
        .dark .liquid-glass-header {
            background-color: rgba(15,23,42,0.7) !important;
            border-bottom: 1px solid rgba(51,65,85, 0.5) !important;
        }
        .dark .liquid-glass-filters { background-color: #1e293b !important; }

        /* Legacy iOS Classes reassigned to Enterprise */
        .ios-bg {
            background-color: #f1f5f9 !important;
        }
        .dark .ios-bg {
            background-color: #020617 !important;
        }
        body.presentation-mode #dashboard-tab-view.ios-bg {
            background-color: #f1f5f9 !important;
        }
        .dark.presentation-mode #dashboard-tab-view.ios-bg {
            background-color: #020617 !important;
        }
        .ios-card {
            background-color: #ffffff !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border-radius: 4px !important;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
            border: 1px solid #e2e8f0 !important;
            transition: none !important;
        }
        .dark .ios-card {
            background-color: #0f172a !important;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4) !important;
            border: 1px solid #334155 !important;
        }
        .ios-card-inner {
            background-color: transparent !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border-radius: 0 !important;
            border: none !important;
        }
        .dark .ios-card-inner {
            background-color: transparent !important;
            border: none !important;
        }
        .ios-segmented-control {
            background-color: #e2e8f0 !important;
            border-radius: 4px !important;
            padding: 2px !important;
        }
        .dark .ios-segmented-control {
            background-color: #334155 !important;
        }
        .ios-segmented-button {
            border-radius: 3px !important;
            font-weight: 600 !important;
            transition: none !important;
            border: 1px solid transparent !important;
        }
        .ios-segmented-button.active {
            background-color: #ffffff !important;
            box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
            color: #0f172a !important;
            border: 1px solid #cbd5e1 !important;
        }
        .dark .ios-segmented-button.active {
            background-color: #1e293b !important;
            box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
            color: #f8fafc !important;
            border: 1px solid #475569 !important;
        }
        .ios-glass-input {
            background-color: #ffffff !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border: 1px solid #cbd5e1 !important;
            color: #0f172a !important;
            border-radius: 4px !important;
            transition: border-color 0.15s ease !important;
        }
        .dark .ios-glass-input {
            background-color: #0f172a !important;
            border: 1px solid #334155 !important;
            color: #f8fafc !important;
        }
        .ios-glass-input::placeholder {
            color: #94a3b8 !important;
        }
        .dark .ios-glass-input::placeholder {
            color: #64748b !important;
        }
        .ios-glass-input:focus {
            background-color: #ffffff !important;
            border-color: #2563eb !important;
            box-shadow: 0 0 0 1px #2563eb !important;
            outline: none !important;
        }
        .dark .ios-glass-input:focus {
            background-color: #0f172a !important;
            border-color: #3b82f6 !important;
            box-shadow: 0 0 0 1px #3b82f6 !important;
        }
        .ios-title {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
            font-weight: 600 !important;
            letter-spacing: normal !important;
        }

        /* Histogram internal tables */
        #resource_histogram_container > div:first-child {
            background-color: #f8fafc !important;
            border-bottom: 1px solid #cbd5e1 !important;
        }
        .dark #resource_histogram_container > div:first-child {
            background-color: #1e293b !important;
            border-bottom: 1px solid #334155 !important;
        }
        #resource_histogram_content table {
            background-color: #ffffff !important;
        }
        .dark #resource_histogram_content table {
            background-color: #0f172a !important;
        }
        #resource_histogram_content th {
            background-color: #f8fafc !important;
            border-color: #cbd5e1 !important;
        }
        .dark #resource_histogram_content th {
            background-color: #1e293b !important;
            border-color: #334155 !important;
        }
        #resource_histogram_content td.sticky {
            background-color: #ffffff !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border-color: #e2e8f0 !important;
            box-shadow: 2px 0 5px -2px rgba(0,0,0,0.1) !important;
        }
        .dark #resource_histogram_content td.sticky {
            background-color: #0f172a !important;
            border-color: #334155 !important;
            box-shadow: 2px 0 5px -2px rgba(0,0,0,0.3) !important;
        }
        
        /* Auto-glass replacements to solid */
        #main-header .bg-slate-50, 
        #main-header .bg-indigo-50,
        #filterPanel .bg-white,
        #filterPanel .bg-slate-50,
        #filterPanel .bg-slate-100 {
            background-color: #ffffff !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border: 1px solid #e2e8f0 !important;
        }
        .dark #main-header .bg-slate-50, 
        .dark #main-header .bg-indigo-950\/40,
        .dark #filterPanel .bg-white,
        .dark #filterPanel .bg-slate-900,
        .dark #filterPanel .bg-slate-50 {
            background-color: #1e293b !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border: 1px solid #334155 !important;
        }
        
        @media print {
            * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; color-adjust: exact !important; }
            @page { size: landscape; margin: 10mm; }
            body, html { height: auto !important; overflow: visible !important; background-color: white !important; }
            .no-print { display: none !important; }
            #gantt_here { height: auto !important; width: 100% !important; border: none !important; overflow: visible !important; }
        }

        /* Baseline Styles */
        .baseline {
            position: absolute;
            border-radius: 2px;
            opacity: 0.6;
            margin-top: -7px;
            height: 12px;
            background: #cbd5e1;
            border: 1px solid #94a3b8;
            z-index: 1;
        }
        .dark .baseline {
            background: #475569;
            border: 1px solid #334155;
        }

        /* Context Menu Styles */
        .custom-context-menu {
            position: absolute;
            z-index: 10000;
            background: white;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            padding: 4px 0;
            min-width: 160px;
        }
        .dark .custom-context-menu {
            background: #1e293b;
            border: 1px solid #334155;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
        }
        .custom-context-menu .menu-item {
            padding: 8px 16px;
            font-size: 13px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            color: #334155;
        }
        .dark .custom-context-menu .menu-item {
            color: #cbd5e1;
        }
        .custom-context-menu .menu-item:hover {
            background: #f1f5f9;
        }
        .dark .custom-context-menu .menu-item:hover {
            background: #0f172a;
        }
        .custom-context-menu .menu-item.danger:hover {
            color: #ef4444;
            background: #fee2e2;
        }
        .dark .custom-context-menu .menu-item.danger:hover {
            color: #f87171;
            background: #7f1d1d;
        }

        /* Global Buttons Hover Lift */
        button { transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s !important; }
        button:hover { transform: translateY(-1px) !important; }
        button:active { transform: translateY(1px) !important; }

        /* 📊 Corporate Business Gantt Grid & Scales */
        .gantt_grid_scale, .gantt_task_scale {
            background-color: #f8fafc !important;
            color: #334155 !important;
            font-weight: 600 !important;
            border-bottom: 1px solid #cbd5e1 !important;
        }
        .dark .gantt_grid_scale, .dark .gantt_task_scale {
            background-color: #0b1120 !important;
            color: #94a3b8 !important;
            border-bottom: 1px solid #1e293b !important;
        }
        .gantt_grid_head_cell {
            color: #1e293b !important;
            font-weight: 600 !important;
            letter-spacing: 0.01em !important;
            font-size: 12px !important;
            border-right: 1px solid #e2e8f0 !important;
        }
        .dark .gantt_grid_head_cell {
            color: #e2e8f0 !important;
            border-right: 1px solid #1e293b !important;
        }
        .gantt_scale_cell {
            color: #475569 !important;
            font-weight: 600 !important;
            font-size: 11px !important;
            border-right: 1px solid #e2e8f0 !important;
        }
        .dark .gantt_scale_cell {
            color: #94a3b8 !important;
            border-right: 1px solid #1e293b !important;
        }

        /* 🧼 Clean Business Rows & Cells */
        .gantt_grid_data .gantt_row, .gantt_task_row {
            border-bottom: 1px solid #f1f5f9 !important;
            background-color: #ffffff !important;
        }
        .dark .gantt_grid_data .gantt_row, .dark .gantt_task_row {
            border-bottom: 1px solid #141e33 !important;
            background-color: #0f172a !important;
        }
        .gantt_row.odd, .gantt_task_row.odd {
            background-color: #fafbfc !important;
        }
        .dark .gantt_row.odd, .dark .gantt_task_row.odd {
            background-color: #0d1527 !important;
        }
        .gantt_row:hover, .gantt_task_row:hover {
            background-color: #f1f5f9 !important;
        }
        .dark .gantt_row:hover, .dark .gantt_task_row:hover {
            background-color: #1e293b !important;
        }
        .gantt_row.gantt_selected, .gantt_task_row.gantt_selected {
            background-color: #eff6ff !important;
        }
        .dark .gantt_row.gantt_selected, .dark .gantt_task_row.gantt_selected {
            background-color: #1e3a8a33 !important;
        }
        
        .gantt_layout_cell {
            border-right: 1px solid #e2e8f0 !important;
        }
        .dark .gantt_layout_cell {
            border-right: 1px solid #1e293b !important;
        }

        /* Dark Mode Select Options Fix */
        .dark #resource_histogram_container > div:first-child {
            background-color: #1e293b !important;
            border-bottom: 1px solid #334155 !important;
        }
        #resource_histogram_content table {
            background-color: #ffffff !important;
        }
        .dark #resource_histogram_content table {
            background-color: #0f172a !important;
        }
        #resource_histogram_content th {
            background-color: #f8fafc !important;
            border-color: #cbd5e1 !important;
        }
        .dark #resource_histogram_content th {
            background-color: #1e293b !important;
            border-color: #334155 !important;
        }
        #resource_histogram_content td.sticky {
            background-color: #ffffff !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border-color: #e2e8f0 !important;
            box-shadow: 2px 0 5px -2px rgba(0,0,0,0.1) !important;
        }
        .dark #resource_histogram_content td.sticky {
            background-color: #0f172a !important;
            border-color: #334155 !important;
            box-shadow: 2px 0 5px -2px rgba(0,0,0,0.3) !important;
        }
        
        /* Auto-glass replacements to solid */
        #main-header .bg-slate-50, 
        #main-header .bg-indigo-50,
        #filterPanel .bg-white,
        #filterPanel .bg-slate-50,
        #filterPanel .bg-slate-100 {
            background-color: #ffffff !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border: 1px solid #e2e8f0 !important;
        }
        .dark #main-header .bg-slate-50, 
        .dark #main-header .bg-indigo-950\/40,
        .dark #filterPanel .bg-white,
        .dark #filterPanel .bg-slate-900,
        .dark #filterPanel .bg-slate-50 {
            background-color: #1e293b !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border: 1px solid #334155 !important;
        }
        
        @media print {
            * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; color-adjust: exact !important; }
            @page { size: landscape; margin: 10mm; }
            body, html { height: auto !important; overflow: visible !important; background-color: white !important; }
            .no-print { display: none !important; }
            #gantt_here { height: auto !important; width: 100% !important; border: none !important; overflow: visible !important; }
        }

        /* Baseline Styles */
        .baseline {
            position: absolute;
            border-radius: 2px;
            opacity: 0.6;
            margin-top: -7px;
            height: 12px;
            background: #cbd5e1;
            border: 1px solid #94a3b8;
            z-index: 1;
        }
        .dark .baseline {
            background: #475569;
            border: 1px solid #334155;
        }

        /* Context Menu Styles */
        .custom-context-menu {
            position: absolute;
            z-index: 10000;
            background: white;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            padding: 4px 0;
            min-width: 160px;
        }
        .dark .custom-context-menu {
            background: #1e293b;
            border: 1px solid #334155;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
        }
        .custom-context-menu .menu-item {
            padding: 8px 16px;
            font-size: 13px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            color: #334155;
        }
        .dark .custom-context-menu .menu-item {
            color: #cbd5e1;
        }
        .custom-context-menu .menu-item:hover {
            background: #f1f5f9;
        }
        .dark .custom-context-menu .menu-item:hover {
            background: #0f172a;
        }
        .custom-context-menu .menu-item.danger:hover {
            color: #ef4444;
            background: #fee2e2;
        }
        .dark .custom-context-menu .menu-item.danger:hover {
            color: #f87171;
            background: #7f1d1d;
        }

        /* Global Buttons Hover Lift */
        button { transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s !important; }
        button:hover { transform: translateY(-1px) !important; }
        button:active { transform: translateY(1px) !important; }

        /* 📊 Corporate Business Gantt Grid & Scales */
        .gantt_grid_scale, .gantt_task_scale {
            background-color: #f8fafc !important;
            color: #334155 !important;
            font-weight: 600 !important;
            border-bottom: 1px solid #cbd5e1 !important;
        }
        .dark .gantt_grid_scale, .dark .gantt_task_scale {
            background-color: #0b1120 !important;
            color: #94a3b8 !important;
            border-bottom: 1px solid #1e293b !important;
        }
        .gantt_grid_head_cell {
            color: #1e293b !important;
            font-weight: 600 !important;
            letter-spacing: 0.01em !important;
            font-size: 12px !important;
            border-right: 1px solid #e2e8f0 !important;
        }
        .dark .gantt_grid_head_cell {
            color: #e2e8f0 !important;
            border-right: 1px solid #1e293b !important;
        }
        .gantt_scale_cell {
            color: #475569 !important;
            font-weight: 600 !important;
            font-size: 11px !important;
            border-right: 1px solid #e2e8f0 !important;
        }
        .dark .gantt_scale_cell {
            color: #94a3b8 !important;
            border-right: 1px solid #1e293b !important;
        }

        /* 🧼 Clean Business Rows & Cells */
        .gantt_grid_data .gantt_row, .gantt_task_row {
            border-bottom: 1px solid #f1f5f9 !important;
            background-color: #ffffff !important;
        }
        .dark .gantt_grid_data .gantt_row, .dark .gantt_task_row {
            border-bottom: 1px solid #141e33 !important;
            background-color: #0f172a !important;
        }
        .gantt_row.odd, .gantt_task_row.odd {
            background-color: #fafbfc !important;
        }
        .dark .gantt_row.odd, .dark .gantt_task_row.odd {
            background-color: #0d1527 !important;
        }
        .gantt_row:hover, .gantt_task_row:hover {
            background-color: #f1f5f9 !important;
        }
        .dark .gantt_row:hover, .dark .gantt_task_row:hover {
            background-color: #1e293b !important;
        }
        .gantt_row.gantt_selected, .gantt_task_row.gantt_selected {
            background-color: #eff6ff !important;
        }
        .dark .gantt_row.gantt_selected, .dark .gantt_task_row.gantt_selected {
            background-color: #1e3a8a33 !important;
        }
        
        .gantt_layout_cell {
            border-right: 1px solid #e2e8f0 !important;
        }
        .dark .gantt_layout_cell {
            border-right: 1px solid #1e293b !important;
        }

        /* Dark Mode Select Options Fix */
        .dark select option {
            background-color: #1e293b !important;
            color: #cbd5e1 !important;
        }

        /* -----------------------------------------
           ENTERPRISE PROJECT CONTROL SUITE STYLES
           ----------------------------------------- */
        .epc-sidebar {
            width: 220px;
            background-color: #0d1527;
            color: #94a3b8;
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            border-right: 1px solid #1e293b;
            transition: all 0.2s ease-in-out;
            z-index: 40;
        }
        .epc-sidebar.collapsed {
            width: 60px !important;
        }
        .epc-sidebar.collapsed .epc-nav-item span,
        .epc-sidebar.collapsed .epc-group-header,
        .epc-sidebar.collapsed .text-\[10px\],
        .epc-sidebar.collapsed .min-w-0,
        .epc-sidebar.collapsed .p-3.border-t {
            display: none !important;
        }
        .epc-sidebar.collapsed .epc-schedule-items {
            border-left: none !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }
        .epc-sidebar.collapsed .epc-nav-item {
            justify-content: center !important;
            padding: 10px 0 !important;
            width: 100% !important;
        }
        .epc-sidebar.collapsed .epc-nav-item svg {
            display: block !important;
            width: 18px !important;
            height: 18px !important;
            margin: 0 auto !important;
            flex-shrink: 0 !important;
        }
        .epc-sidebar.collapsed .px-4.py-3\.5 {
            justify-content: center !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .epc-nav-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 14px;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 500;
            color: #94a3b8;
            transition: all 0.15s ease-in-out;
            cursor: pointer;
            user-select: none;
            width: 100%;
            text-align: left;
        }
        .epc-nav-item:hover {
            color: #f1f5f9;
            background-color: #1e293b;
        }
        .epc-nav-item.active {
            color: #ffffff;
            background-color: #2563eb;
            font-weight: 600;
            box-shadow: 0 1px 3px rgba(37, 99, 235, 0.3);
        }
        .epc-subnav-tab {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 16px;
            font-size: 14px;
            font-weight: 600;
            color: #64748b;
            border-bottom: 2px solid transparent;
            transition: all 0.15s ease-in-out;
            cursor: pointer;
            white-space: nowrap;
        }
        .epc-subnav-tab:hover {
            color: #1e293b;
        }
        .dark .epc-subnav-tab:hover {
            color: #f8fafc;
        }
        .epc-subnav-tab.active {
            color: #2563eb;
            border-bottom-color: #2563eb;
        }
        .dark .epc-subnav-tab.active {
            color: #60a5fa;
            border-bottom-color: #60a5fa;
        }
        /* Focus outlines */
        #nav-planning {
            display: none;
        }
        .epc-nav-item:focus-visible,
        .epc-subnav-tab:focus-visible,
        button:focus-visible,
        select:focus-visible,
        input:focus-visible {
            outline: 2px solid #2563eb;
            outline-offset: 2px;
        }
        @media (max-width: 1023px) {
            .epc-sidebar {
                position: fixed;
                inset: 0 auto 0 0;
                transform: translateX(-100%);
                box-shadow: 12px 0 32px rgba(15, 23, 42, 0.24);
            }
            .epc-sidebar.collapsed {
                width: 220px;
                transform: translateX(0);
            }
            #main-header {
                padding: 12px;
            }
            .epc-subnav-tab {
                padding: 10px 14px;
            }
        }
        .epc-card {
            background-color: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
            transition: all 0.15s ease-in-out;
        }
        .epc-card {
            background-color: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
            transition: all 0.15s ease-in-out;
        }
        .dark .epc-card {
            background-color: #0f172a;
            border-color: #1e293b;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        }
        .epc-wbs-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 42px;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.02em;
        }

        /* -----------------------------------------
           PREMIUM GANTT TIMELINE ENHANCEMENTS
           ----------------------------------------- */
        /* Weekend Shading */
        .gantt_task_cell.weekend,
        .gantt_scale_cell.weekend {
            background-color: rgba(241, 245, 249, 0.65) !important;
        }
        .dark .gantt_task_cell.weekend,
        .dark .gantt_scale_cell.weekend {
            background-color: rgba(15, 23, 42, 0.45) !important;
        }

        /* Critical Path Glow & Neon Style */
        .gantt_critical_task {
            box-shadow: 0 0 10px rgba(239, 68, 68, 0.55), 0 0 2px rgba(239, 68, 68, 0.9) !important;
            border: 1px solid #dc2626 !important;
        }

        /* Task Inspector Drawer animations */
        #task-inspector-panel {
            box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
            border-left: 3px solid #2563eb;
        }
        .dark #task-inspector-panel {
            box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.3);
            border-left: 3px solid #3b82f6;
        }