/* Dark Mode Styles - Professional Eye-Soothing Theme */

/* Dark Mode Toggle Button */
.dark-mode-toggle {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.3s ease;
    margin-left: auto;
    margin-right: 15px;
    height: fit-content;
    align-self: center;
}

.dark-mode-toggle:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
}

/* Ensure navbar-top is flex to position button */
.navbar-top {
    display: flex;
    align-items: center;
}

/* Dark Mode Root Variables */
body.dark-mode {
    --bg-primary: #1a1d23;
    --bg-secondary: #242831;
    --bg-tertiary: #2d3139;
    --bg-card: #2d3139;
    --bg-hover: #363b45;
    
    --text-primary: #e4e6eb;
    --text-secondary: #b8bbc2;
    --text-muted: #8a8d96;
    
    --border-color: #3a3f4a;
    --border-light: #4a4f5a;
    
    --input-bg: #242831;
    --input-border: #3a3f4a;
    --input-focus: #4a7c9e;
    
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
    
    --primary-color: #4a9eff;
    --success-color: #4caf50;
    --warning-color: #ff9800;
    --danger-color: #f44336;
}

/* Main Background */
body.dark-mode {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Main Content Area */
body.dark-mode .main-content {
    background-color: var(--bg-primary);
}

/* Pages */
body.dark-mode .page {
    background-color: var(--bg-primary);
}

/* Headers */
body.dark-mode header {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
}

body.dark-mode header h2 {
    color: var(--text-primary);
}

/* Cards */
body.dark-mode .card,
body.dark-mode .stats-card,
body.dark-mode .product-category-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    box-shadow: var(--shadow-md);
}

body.dark-mode .stats-card h3 {
    color: var(--text-secondary);
}

body.dark-mode .stats-card .stat-value {
    color: var(--text-primary);
}

/* Tables */
body.dark-mode table {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
}

body.dark-mode thead {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

body.dark-mode thead th {
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-light);
}

body.dark-mode tbody tr {
    background: var(--bg-card);
    border-bottom: 1px solid var(--border-color);
}

body.dark-mode tbody tr:hover {
    background: var(--bg-hover);
}

body.dark-mode tbody td {
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
}

/* Keep bold elements bold */
body.dark-mode tbody td strong,
body.dark-mode tbody strong {
    font-weight: 700 !important;
    color: var(--text-primary) !important;
}

/* Forms */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="number"],
body.dark-mode input[type="date"],
body.dark-mode input[type="time"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="url"],
body.dark-mode textarea,
body.dark-mode select {
    background: var(--input-bg);
    color: var(--text-primary);
    border: 1px solid var(--input-border);
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    border-color: var(--input-focus);
    background: var(--bg-tertiary);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: var(--text-muted);
}

body.dark-mode label {
    color: var(--text-secondary);
}

/* Form Sections */
body.dark-mode .form-section {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .form-section h3 {
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-color);
}

body.dark-mode .form-section h4 {
    color: var(--text-primary) !important;
}

body.dark-mode .section-header-inline {
    background: transparent !important;
}

body.dark-mode .section-header-inline h3 {
    color: var(--text-primary) !important;
}

/* Form Grid */
body.dark-mode .form-grid {
    background: transparent !important;
}

body.dark-mode .form-group {
    background: transparent !important;
}

/* Modals */
body.dark-mode .modal {
    background: rgba(0, 0, 0, 0.7);
}

body.dark-mode .modal-content {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
}

body.dark-mode .modal-header {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-color);
}

body.dark-mode .modal-header h2 {
    color: var(--text-primary) !important;
}

body.dark-mode .modal-body {
    background: var(--bg-secondary) !important;
}

body.dark-mode .close {
    color: var(--text-secondary);
}

body.dark-mode .close:hover {
    color: var(--text-primary);
}

/* Modal Left and Right Panels */
body.dark-mode .modal-left-panel,
body.dark-mode .modal-right-panel {
    background: var(--bg-secondary) !important;
}

/* Modal Panels */
body.dark-mode .modal-panels {
    background: var(--bg-secondary) !important;
}

/* Buttons */
body.dark-mode .btn-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

body.dark-mode .btn-primary:hover {
    background: #3a8eef;
}

body.dark-mode .btn-success {
    background: var(--success-color);
}

body.dark-mode .btn-success:hover {
    background: #45a049;
}

body.dark-mode .btn-danger {
    background: var(--danger-color);
}

body.dark-mode .btn-danger:hover {
    background: #e53935;
}

body.dark-mode .btn-secondary {
    background: #5a5f6b;
    color: var(--text-primary);
}

body.dark-mode .btn-secondary:hover {
    background: #6a6f7b;
}

body.dark-mode .btn-add-action {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-light);
}

body.dark-mode .btn-add-action:hover {
    background: var(--bg-hover);
}

/* Filter Section */
body.dark-mode .filter-section {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

body.dark-mode .filter-input {
    background: var(--input-bg);
    color: var(--text-primary);
    border: 1px solid var(--input-border);
}

body.dark-mode .filter-input::placeholder {
    color: var(--text-muted);
}

/* Phase Tabs */
body.dark-mode .phase-tabs-panel {
    background: var(--bg-secondary) !important;
}

body.dark-mode .phase-tabs {
    background: var(--bg-tertiary) !important;
    border-bottom: 1px solid var(--border-color);
}

body.dark-mode .phase-tab-btn {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .phase-tab-btn.active {
    background: var(--primary-color) !important;
    color: white !important;
    border-color: var(--primary-color) !important;
}

body.dark-mode .phase-tab-btn:hover:not(.active) {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* Phase Content Area */
body.dark-mode .phase-content {
    background: var(--bg-secondary) !important;
}

body.dark-mode .phase-form-container {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color);
}

/* Phase Badges */
body.dark-mode .phase-badge {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
}

body.dark-mode .phase-badge.active {
    background: rgba(74, 158, 255, 0.2);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

body.dark-mode .phase-badge.completed {
    background: rgba(76, 175, 80, 0.2);
    border-color: var(--success-color);
    color: var(--success-color);
}

/* Actions Section */
body.dark-mode .actions-section {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .actions-section-header {
    background: transparent !important;
    border-bottom: 1px solid var(--border-color);
}

body.dark-mode .actions-section-header h4 {
    color: var(--text-primary) !important;
}

body.dark-mode .actions-list {
    background: var(--bg-card) !important;
}

body.dark-mode .actions-list p {
    color: var(--text-muted) !important;
}

body.dark-mode .actions-table {
    background: var(--bg-card) !important;
}

body.dark-mode .actions-table th {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-bottom: 2px solid var(--border-light);
}

body.dark-mode .actions-table td {
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-color);
}

body.dark-mode .action-row {
    background: var(--bg-card) !important;
}

body.dark-mode .action-row:hover {
    background: var(--bg-hover) !important;
}

body.dark-mode .action-description-cell {
    color: var(--text-primary) !important;
}

/* Sub-category Tags */
body.dark-mode .sub-category-tag {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

/* Category Cards */
body.dark-mode .category-card-header {
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
}

body.dark-mode .category-card-header h4 {
    color: var(--text-primary);
}

body.dark-mode .category-card-body {
    background: var(--bg-card);
}

/* Import Cards */
body.dark-mode .import-info-card,
body.dark-mode .import-action-card,
body.dark-mode .import-guide {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .import-info-card h3,
body.dark-mode .import-action-card h3,
body.dark-mode .import-guide h3 {
    color: var(--text-primary) !important;
}

body.dark-mode .import-info-card p,
body.dark-mode .import-action-card p {
    color: var(--text-secondary) !important;
}

/* Color Preview */
body.dark-mode .color-preview {
    border: 2px solid var(--border-light);
}

/* Status Badges - Keep their colors but adjust for dark background */
body.dark-mode .status-badge {
    border: 1px solid var(--border-color);
}

/* Scrollbars */
body.dark-mode ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--bg-tertiary);
    border-radius: 6px;
    border: 2px solid var(--bg-secondary);
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--bg-hover);
}

/* File Upload */
body.dark-mode input[type="file"] {
    color: var(--text-primary);
    background: var(--input-bg);
    border-color: var(--input-border);
}

/* Team Board (if exists) */
body.dark-mode .team-board-container {
    background: var(--bg-primary);
}

body.dark-mode .team-column {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
}

body.dark-mode .team-column-header {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-light);
}

body.dark-mode .team-card {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .team-card:hover {
    background: var(--bg-hover);
    border-color: var(--border-light);
}

/* Auto-save Indicator */
body.dark-mode .auto-save-indicator {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

body.dark-mode .auto-save-indicator.saving {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

body.dark-mode .auto-save-indicator.error {
    border-color: var(--danger-color);
    color: var(--danger-color);
}

/* Phase Not Started */
body.dark-mode .phase-not-started {
    background: var(--bg-card) !important;
    border: 2px dashed var(--border-color) !important;
    color: var(--text-secondary) !important;
}

body.dark-mode .phase-not-started p {
    color: var(--text-secondary) !important;
}

body.dark-mode .phase-not-started:hover {
    border-color: var(--border-light) !important;
    background: var(--bg-hover) !important;
}

/* Phase Form Groups */
body.dark-mode .phase-form-group {
    background: transparent !important;
}

body.dark-mode .phase-form-group label {
    color: var(--text-secondary) !important;
}

/* Table Container */
body.dark-mode .table-container {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
}

/* Notifications (if using custom notifications) */
body.dark-mode .notification {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
}

body.dark-mode .notification.success {
    background: rgba(76, 175, 80, 0.2);
    border-color: var(--success-color);
    color: var(--success-color);
}

body.dark-mode .notification.error {
    background: rgba(244, 67, 54, 0.2);
    border-color: var(--danger-color);
    color: var(--danger-color);
}

body.dark-mode .notification.warning {
    background: rgba(255, 152, 0, 0.2);
    border-color: var(--warning-color);
    color: var(--warning-color);
}

/* Links */
body.dark-mode a {
    color: var(--primary-color);
}

body.dark-mode a:hover {
    color: #3a8eef;
}

/* Disabled Inputs */
body.dark-mode input:disabled,
body.dark-mode select:disabled,
body.dark-mode textarea:disabled {
    background: var(--bg-tertiary);
    color: var(--text-muted);
    opacity: 0.6;
}

/* File Management */
body.dark-mode .file-item {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .file-item:hover {
    background: var(--bg-hover);
}

body.dark-mode .folder-item {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
}

body.dark-mode .folder-item:hover {
    background: var(--bg-hover);
}

/* Code/Monospace Text */
body.dark-mode code,
body.dark-mode pre {
    background: var(--bg-tertiary);
    color: #90cdf4;
    border: 1px solid var(--border-color);
}

/* Selection */
body.dark-mode ::selection {
    background: rgba(74, 158, 255, 0.3);
    color: var(--text-primary);
}

/* Placeholder Text */
body.dark-mode ::placeholder {
    color: var(--text-muted);
    opacity: 1;
}

/* HR Dividers */
body.dark-mode hr {
    border-color: var(--border-color);
}

/* Smooth Transition */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark-mode * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Import Section Overrides */
body.dark-mode .import-info-card[style*="gradient"] {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%) !important;
}

body.dark-mode .import-action-card {
    background: var(--bg-card) !important;
}

/* Ensure text readability on dark backgrounds */
body.dark-mode .import-info-card *,
body.dark-mode .import-action-card * {
    color: var(--text-primary) !important;
}

body.dark-mode .import-info-card h3,
body.dark-mode .import-info-card h4 {
    color: white !important;
}

/* Special handling for already dark navbar (keep it as is) */
body.dark-mode .navbar {
    /* Navbar stays as is - already dark blue */
}

/* Phase Form Containers */
body.dark-mode .phase-form-container {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
}

body.dark-mode .phase-input {
    background: var(--input-bg);
    color: var(--text-primary);
    border: 1px solid var(--input-border);
}

/* Action DateTime Cell */
body.dark-mode .action-datetime-cell {
    color: var(--text-primary);
}

body.dark-mode .action-datetime-cell strong {
    color: var(--text-primary);
}

/* Product Modal and Tables */
body.dark-mode .products-table-wrapper {
    background: var(--bg-card) !important;
}

body.dark-mode .products-table-wrapper table {
    background: var(--bg-card) !important;
}

body.dark-mode .products-table-wrapper thead {
    background: var(--bg-tertiary) !important;
}

body.dark-mode .products-table-wrapper th {
    color: var(--text-primary) !important;
    background: var(--bg-tertiary) !important;
}

body.dark-mode .products-table-wrapper td {
    color: var(--text-primary) !important;
    background: var(--bg-card) !important;
}

/* Sub-category Input */
body.dark-mode .sub-category-input {
    background: var(--input-bg);
    color: var(--text-primary);
    border: 1px solid var(--input-border);
}

/* Header Actions */
body.dark-mode .header-actions button {
    /* Buttons keep their colors for visibility */
}

/* Small text and muted elements */
body.dark-mode small,
body.dark-mode .text-muted {
    color: var(--text-muted);
}

/* Ensure good contrast for important text */
body.dark-mode strong {
    color: var(--text-primary) !important;
    font-weight: 700 !important;
}

/* Ensure bold styling in tables */
body.dark-mode table strong {
    color: var(--text-primary) !important;
    font-weight: 700 !important;
}

body.dark-mode td strong {
    color: var(--text-primary) !important;
    font-weight: 700 !important;
}

/* Profile Picture (if exists) */
body.dark-mode .profile-picture {
    border: 2px solid var(--border-light);
}

/* Override any white backgrounds in modals */
body.dark-mode .modal-content *,
body.dark-mode .modal-body *,
body.dark-mode .modal-left-panel *,
body.dark-mode .modal-right-panel * {
    background-color: inherit;
}

/* But restore specific backgrounds that need them */
body.dark-mode .modal-content input,
body.dark-mode .modal-content select,
body.dark-mode .modal-content textarea {
    background: var(--input-bg) !important;
}

body.dark-mode .modal-content button {
    /* Buttons keep their colors */
    background-color: revert;
}

body.dark-mode .modal-content .form-section {
    background: var(--bg-card) !important;
}

body.dark-mode .modal-content table {
    background: var(--bg-card) !important;
}

/* File Dosyalar Section */
body.dark-mode #projectFilesPanel {
    background: var(--bg-secondary) !important;
}

body.dark-mode .file-view-toggle {
    background: var(--bg-tertiary) !important;
}

body.dark-mode .file-view-toggle button {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .file-view-toggle button.active {
    background: var(--primary-color) !important;
    color: white !important;
}

/* Ensure all headings in modals are visible */
body.dark-mode .modal h1,
body.dark-mode .modal h2,
body.dark-mode .modal h3,
body.dark-mode .modal h4,
body.dark-mode .modal h5 {
    color: var(--text-primary) !important;
}

/* Ensure all paragraphs in modals are visible */
body.dark-mode .modal p {
    color: var(--text-secondary);
}

/* Action buttons in sections */
body.dark-mode .btn-add-inline-small {
    background: var(--primary-color) !important;
    color: white !important;
}

/* Phase Action Buttons - Fix white "+ Ekle" buttons */
body.dark-mode .actions-section button[type="button"] {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .actions-section button[type="button"]:hover {
    background: var(--bg-hover) !important;
}

/* Specific styling for + Ekle button */
body.dark-mode button[onclick*="addTakenAction"],
body.dark-mode button[onclick*="addPlannedAction"] {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

/* Excel import buttons (Şablon and Excel) */
body.dark-mode button[onclick*="downloadActionsExcelTemplate"] {
    background: var(--success-color) !important;
    color: white !important;
}

body.dark-mode button[id*="ActionsBtn"] {
    background: #17a2b8 !important;
    color: white !important;
}

/* Phase End/Delete Buttons at bottom - Keep bright colors for visibility */
body.dark-mode button[onclick*="stopPhase"] {
    background: var(--success-color) !important;
    color: white !important;
}

body.dark-mode button[onclick*="deletePhaseCompletely"] {
    background: var(--danger-color) !important;
    color: white !important;
}

body.dark-mode button[onclick*="reopenPhase"] {
    background: var(--warning-color) !important;
    color: white !important;
}

/* Generic white buttons in phase sections */
body.dark-mode .phase-content button,
body.dark-mode .phase-form-container button {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

/* But preserve colored action buttons */
body.dark-mode .phase-content .btn-primary,
body.dark-mode .phase-content .btn-success,
body.dark-mode .phase-content .btn-danger,
body.dark-mode .phase-content .btn-secondary {
    background-color: revert !important;
    color: white !important;
}

/* Ensure all semantic button classes keep their colors in dark mode */
body.dark-mode .btn-primary {
    background: var(--primary-color) !important;
    color: white !important;
}

body.dark-mode .btn-success {
    background: var(--success-color) !important;
    color: white !important;
}

body.dark-mode .btn-danger {
    background: var(--danger-color) !important;
    color: white !important;
}

body.dark-mode .btn-secondary {
    background: #5a5f6b !important;
    color: white !important;
}

/* Specific overrides for stubborn white backgrounds */
body.dark-mode div[style*="background: white"],
body.dark-mode div[style*="background:white"],
body.dark-mode div[style*="background-color: white"],
body.dark-mode div[style*="background-color:white"] {
    background: var(--bg-card) !important;
}

body.dark-mode div[style*="background: #fff"],
body.dark-mode div[style*="background:#fff"],
body.dark-mode div[style*="background-color: #fff"],
body.dark-mode div[style*="background-color:#fff"] {
    background: var(--bg-card) !important;
}

/* All divs in modal default to dark */
body.dark-mode .modal div {
    color: var(--text-primary);
}

/* Make sure any gradient backgrounds are darkened */
body.dark-mode [style*="linear-gradient"] {
    opacity: 0.9;
    filter: brightness(0.7) !important;
}

/* Bottom phase control buttons */
body.dark-mode .phase-control-buttons {
    background: var(--bg-tertiary) !important;
}

body.dark-mode .phase-control-buttons button {
    /* These buttons keep their warning/danger colors */
}

/* Make all white/light gray buttons in dark sections dark */
body.dark-mode button:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-secondary):not(.dark-mode-toggle) {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode button:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-secondary):hover {
    background: var(--bg-hover) !important;
}

/* Ensure action buttons in headers stay visible */
body.dark-mode .actions-section-header button {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Fix the white "+ Ekle" button specifically */
body.dark-mode .btn-add-action {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .btn-add-action:hover {
    background: var(--bg-hover) !important;
}

/* Override for Excel buttons (keep green/blue) */
body.dark-mode .btn-add-action[style*="background: #28a745"],
body.dark-mode .btn-add-action[style*="background:#28a745"] {
    background: var(--success-color) !important;
    color: white !important;
}

body.dark-mode .btn-add-action[style*="background: #17a2b8"],
body.dark-mode .btn-add-action[style*="background:#17a2b8"] {
    background: #17a2b8 !important;
    color: white !important;
}

/* Phase control button classes */
body.dark-mode .btn-end-phase {
    background: var(--success-color) !important;
    color: white !important;
}

body.dark-mode .btn-delete-phase {
    background: var(--danger-color) !important;
    color: white !important;
}

body.dark-mode .btn-reopen-phase {
    background: var(--warning-color) !important;
    color: white !important;
}

/* Modal Footer Buttons */
body.dark-mode .modal-footer {
    background: var(--bg-tertiary) !important;
    border-top: 1px solid var(--border-color);
}

body.dark-mode .form-actions {
    background: transparent !important;
}

/* Kaydet, Kapat, Sil buttons in modal footers */
body.dark-mode .form-actions button,
body.dark-mode .modal-footer button {
    /* Let buttons keep their semantic colors */
}

/* But fix any plain white buttons */
body.dark-mode button:not([class*="btn-"]):not([onclick]) {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

/* Searchable Select Dark Mode */
body.dark-mode .searchable-select-wrapper .search-input {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .searchable-select-wrapper .search-input.has-value {
    color: var(--text-primary);
}

body.dark-mode .searchable-select-wrapper .search-input:focus {
    border-color: #4a9eff;
    box-shadow: 0 0 0 0.2rem rgba(74, 158, 255, 0.25);
}

body.dark-mode .searchable-select-wrapper .search-input.placeholder {
    color: var(--text-secondary);
}

body.dark-mode .searchable-select-wrapper .clear-button {
    color: var(--text-secondary);
}

body.dark-mode .searchable-select-wrapper .clear-button:hover {
    color: #ff6b6b;
}

body.dark-mode .searchable-select-wrapper .dropdown-arrow {
    color: var(--text-secondary);
}

body.dark-mode .searchable-select-dropdown {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
}

body.dark-mode .searchable-select-dropdown .dropdown-option {
    color: var(--text-primary);
}

body.dark-mode .searchable-select-dropdown .dropdown-option:hover {
    background-color: var(--bg-tertiary);
}

body.dark-mode .searchable-select-dropdown .dropdown-option.highlighted {
    background-color: var(--bg-tertiary);
}

body.dark-mode .searchable-select-dropdown .dropdown-option.selected {
    background-color: #4a9eff;
    color: white;
}

body.dark-mode .searchable-select-dropdown .dropdown-option.highlighted.selected {
    background-color: #357abd;
    color: white;
}

body.dark-mode .searchable-select-dropdown .dropdown-option.no-results {
    color: var(--text-secondary);
}

/* AI Chat Dark Mode */
body.dark-mode #ai-chatPage.active {
    background: var(--bg-primary);
}

body.dark-mode .ai-chat-main {
    background: var(--bg-primary);
}

body.dark-mode .ai-chat-header {
    background: var(--bg-primary);
    border-bottom-color: var(--border-color);
}

body.dark-mode .ai-sidebar-toggle {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}
body.dark-mode .ai-sidebar-toggle:hover {
    background: var(--bg-tertiary, #374151);
    border-color: var(--text-secondary);
}

body.dark-mode .ai-chat-header-info h3 {
    color: var(--text-primary);
}

body.dark-mode .ai-chat-header-sub {
    color: var(--text-secondary);
}

body.dark-mode .ai-model-selector label {
    color: var(--text-secondary);
}

body.dark-mode .ai-model-select {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .ai-model-select:hover {
    border-color: var(--text-secondary);
}

body.dark-mode .ai-model-select:focus {
    border-color: #3b82f6;
}

body.dark-mode .ai-reasoning-selector label {
    color: var(--text-secondary);
}

body.dark-mode .ai-reasoning-info {
    color: var(--text-secondary);
}

body.dark-mode .ai-reasoning-info:hover,
body.dark-mode .ai-reasoning-info:focus {
    color: #60a5fa;
}

body.dark-mode .ai-reasoning-info-tooltip {
    background: #0f172a;
    color: #e2e8f0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

body.dark-mode .ai-reasoning-info-tooltip::before {
    background: #0f172a;
}

body.dark-mode .ai-message.assistant .ai-msg-content {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

body.dark-mode .ai-msg-content h1,
body.dark-mode .ai-msg-content h2,
body.dark-mode .ai-msg-content h3,
body.dark-mode .ai-msg-content h4,
body.dark-mode .ai-msg-content h5,
body.dark-mode .ai-msg-content h6 {
    color: var(--text-primary);
}

body.dark-mode .ai-msg-content blockquote {
    border-left-color: var(--border-color);
    color: var(--text-secondary);
    background: rgba(148, 163, 184, 0.12);
}

body.dark-mode .ai-msg-content hr {
    border-top-color: var(--border-color);
}

body.dark-mode .ai-msg-content a {
    color: #60a5fa;
}

body.dark-mode .ai-msg-content a:hover {
    color: #93c5fd;
}

body.dark-mode .ai-msg-avatar {
    background: var(--bg-secondary);
}

body.dark-mode .ai-msg-label {
    color: var(--text-secondary);
}

body.dark-mode .ai-chat-input-area {
    background: var(--bg-primary);
    border-top-color: var(--border-color);
}

body.dark-mode .ai-chat-input-wrapper {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

body.dark-mode .ai-chat-input {
    color: var(--text-primary);
}

body.dark-mode .ai-empty-state h3 {
    color: var(--text-primary);
}

body.dark-mode .ai-empty-state p {
    color: var(--text-secondary);
}

body.dark-mode .ai-suggestion-btn {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

body.dark-mode .ai-suggestion-btn:hover {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

body.dark-mode .ai-table-wrap {
    border-color: var(--border-color);
}

body.dark-mode .ai-msg-content th,
body.dark-mode .ai-msg-content td,
body.dark-mode .ai-table td,
body.dark-mode .ai-table th {
    border-color: var(--border-color);
}

body.dark-mode .ai-msg-content thead th,
body.dark-mode .ai-msg-content thead td,
body.dark-mode .ai-table thead th,
body.dark-mode .ai-table thead td,
body.dark-mode .ai-table tr:first-child td {
    background: var(--bg-secondary);
}

body.dark-mode .ai-msg-content code,
body.dark-mode .ai-msg-content code.ai-inline-code {
    background: rgba(255, 255, 255, 0.1);
}

body.dark-mode .ai-msg-content pre code {
    background: transparent;
}

body.dark-mode .ai-voice-btn {
    color: var(--text-secondary);
}

body.dark-mode .ai-voice-btn:hover {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

body.dark-mode .ai-voice-btn.recording {
    color: #f87171;
}

body.dark-mode .ai-tts-btn {
    color: var(--text-secondary);
}

body.dark-mode .ai-tts-btn:hover {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

body.dark-mode .ai-tts-btn.loading {
    color: #fbbf24;
}

body.dark-mode .ai-tts-btn.playing {
    color: #60a5fa;
}

body.dark-mode .ai-tts-cost {
    color: var(--text-secondary);
}

body.dark-mode .ai-voice-mode-badge {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.12);
}

body.dark-mode .ai-voice-mode-badge:hover {
    background: rgba(96, 165, 250, 0.2);
}

body.dark-mode .ai-voice-response-badge {
    color: #a78bfa;
    background: rgba(167, 139, 250, 0.12);
}

body.dark-mode .ai-voice-prompt-popup {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-secondary);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

body.dark-mode .ai-voice-prompt-title {
    color: var(--text-primary);
}

body.dark-mode .ai-voice-prompt-content {
    color: var(--text-secondary);
}

body.dark-mode .ai-wave-bars span {
    background: #f87171;
}

body.dark-mode .ai-wave-label {
    color: #f87171;
}

body.dark-mode .voice-settings-card {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

body.dark-mode .voice-settings-card h3 {
    color: var(--text-primary);
}

body.dark-mode .voice-settings-desc {
    color: var(--text-secondary);
}

body.dark-mode .voice-option-inner {
    border-color: var(--border-color);
}

body.dark-mode .voice-option input:checked + .voice-option-inner {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
}

body.dark-mode .voice-option:hover .voice-option-inner {
    border-color: var(--text-secondary);
}

body.dark-mode .voice-option-name {
    color: var(--text-primary);
}

body.dark-mode .voice-option-desc {
    color: var(--text-secondary);
}

body.dark-mode .voice-model-inner {
    border-color: var(--border-color);
}

body.dark-mode .voice-model-option input:checked + .voice-model-inner {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
}

body.dark-mode .voice-model-option:hover .voice-model-inner {
    border-color: var(--text-secondary);
}

body.dark-mode .voice-model-name {
    color: var(--text-primary);
}

body.dark-mode .voice-model-tag {
    color: var(--text-secondary);
    background: var(--bg-primary);
}

body.dark-mode .voice-model-desc {
    color: var(--text-secondary);
}

body.dark-mode .voice-speed-label {
    color: var(--text-secondary);
}

body.dark-mode .voice-speed-control input[type="range"] {
    background: var(--border-color);
}

body.dark-mode .voice-speed-value {
    color: #60a5fa;
}

body.dark-mode .voice-save-status {
    color: #4ade80;
}

body.dark-mode .ai-shortcuts-btn {
    color: var(--text-secondary);
}

body.dark-mode .ai-shortcuts-btn:hover {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

body.dark-mode .ai-shortcuts-dropdown {
    background: var(--bg-primary);
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px var(--border-color);
}

body.dark-mode .ai-shortcuts-header {
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

body.dark-mode .ai-shortcuts-add-btn {
    border-color: var(--border-color);
    color: var(--text-secondary);
}

body.dark-mode .ai-shortcuts-add-btn:hover {
    background: #3b82f6;
    border-color: #3b82f6;
    color: white;
}

body.dark-mode .ai-shortcut-item:hover {
    background: var(--bg-secondary);
}

body.dark-mode .ai-shortcut-label {
    color: var(--text-primary);
}

body.dark-mode .ai-shortcut-prompt {
    color: var(--text-secondary);
}

body.dark-mode .ai-shortcut-form {
    border-bottom-color: var(--border-color);
}

body.dark-mode .ai-shortcut-form-emoji,
body.dark-mode .ai-shortcut-form-label,
body.dark-mode .ai-shortcut-form-prompt {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .ai-shortcut-form-cancel {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

body.dark-mode .ai-shortcut-form-cancel:hover {
    background: var(--bg-tertiary);
}

body.dark-mode .ai-token-badge {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-secondary);
}

body.dark-mode .ai-token-separator {
    color: var(--border-color);
}

body.dark-mode .ai-token-cost {
    color: var(--text-secondary);
}

body.dark-mode .ai-session-token-display {
    color: var(--text-secondary);
    background: rgba(255, 255, 255, 0.05);
}

/* Progress strip — Dark Mode */
body.dark-mode .ai-progress-strip {
    background: rgba(255, 255, 255, 0.04);
    border-left-color: var(--border-color);
    color: var(--text-secondary);
}

body.dark-mode .ai-progress-tool-label {
    color: var(--text-primary);
}

body.dark-mode .ai-progress-tool-status {
    color: var(--text-secondary);
}

body.dark-mode .ai-progress-tool-done .ai-progress-icon,
body.dark-mode .ai-progress-tool-done .ai-progress-tool-status {
    color: #4ade80;
}

body.dark-mode .ai-progress-tool-error .ai-progress-icon,
body.dark-mode .ai-progress-tool-error .ai-progress-tool-status,
body.dark-mode .ai-progress-error {
    color: #f87171;
}

body.dark-mode .ai-progress-spinner {
    border-color: rgba(255, 255, 255, 0.15);
    border-top-color: #60a5fa;
}

body.dark-mode .ai-progress-stage-thinking .ai-progress-text,
body.dark-mode .ai-progress-stage-writing .ai-progress-text {
    color: var(--text-primary);
}

body.dark-mode .ai-progress-stage-rate_limit .ai-progress-text {
    color: #fbbf24;
}

/* Fuar Table - Dark Mode */
body.dark-mode .fuar-table-wrap {
    background: var(--bg-card);
}
body.dark-mode .fuar-table thead { background: var(--bg-tertiary); }
body.dark-mode .fuar-table th { color: var(--text-secondary); border-bottom-color: var(--border-light); }
body.dark-mode .fuar-table td { border-bottom-color: var(--border-color); color: var(--text-primary); }
body.dark-mode .fuar-table tbody tr:hover { background: var(--bg-hover); }
@media (max-width: 768px) {
    body.dark-mode .fuar-table th:last-child,
    body.dark-mode .fuar-table td:last-child { background: var(--bg-card); box-shadow: -3px 0 6px rgba(0,0,0,0.2); }
    body.dark-mode .fuar-table thead th:last-child { background: var(--bg-tertiary); }
    body.dark-mode .fuar-table tbody tr:hover td:last-child { background: var(--bg-hover); }
}
body.dark-mode .fuar-stat-card { background: var(--bg-card); }
body.dark-mode .fuar-stat-card .stat-value { color: var(--text-primary); }
body.dark-mode .fuar-stat-card .stat-label { color: var(--text-muted); }

/* ============================================================ */
/* HR (İnsan Kaynakları) — dark mode                             */
/* ============================================================ */

body.dark-mode .hr-search-input,
body.dark-mode .hr-filter-select {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode #hrActiveTable tbody tr.employee-row:hover,
body.dark-mode #hrArchivedTable tbody tr.employee-row:hover {
    background-color: var(--bg-hover);
}
body.dark-mode .employee-row-action {
    background: transparent;
    border-color: var(--border-color);
    color: var(--text-primary);
}
body.dark-mode .employee-row-action:hover {
    background: var(--bg-hover);
    border-color: var(--border-light);
}
body.dark-mode .employee-empty-row { color: var(--text-muted); }
body.dark-mode .employee-row-avatar { background: var(--bg-tertiary); }
body.dark-mode .yaka-badge-mavi {
    background: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
    border-color: rgba(59, 130, 246, 0.3);
}
body.dark-mode .yaka-badge-beyaz {
    background: rgba(148, 163, 184, 0.15);
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, 0.3);
}

body.dark-mode .employee-left-panel,
body.dark-mode .employee-right-panel {
    border-color: var(--border-color);
}

body.dark-mode .employee-photo-row { border-bottom-color: var(--border-color); }
body.dark-mode .employee-photo-preview {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
}
body.dark-mode .employee-section-title {
    color: var(--text-secondary);
    border-bottom-color: var(--border-color);
}

body.dark-mode .employee-doc-group {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
}
body.dark-mode .employee-doc-group-title { color: var(--text-secondary); }
body.dark-mode .employee-doc-row {
    background: var(--bg-card);
    border-color: var(--border-color);
}
body.dark-mode .employee-doc-name { color: var(--text-primary); }
body.dark-mode .employee-doc-meta { color: var(--text-muted); }

body.dark-mode .hr-settings-section {
    background: var(--bg-card);
    border-color: var(--border-color);
}
body.dark-mode .hr-settings-section-header h3 { color: var(--text-primary); }
body.dark-mode .hr-inactive-badge {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
}

/* ---- Görev Tanımı (dark mode) ---- */
body.dark-mode .gorev-tanimi-tabs { border-bottom-color: var(--border-color); }
body.dark-mode .gorev-tanimi-tab { color: var(--text-secondary); }
body.dark-mode .gorev-tanimi-tab:hover { color: var(--accent-blue, #74c0fc); }
body.dark-mode .gorev-tanimi-tab.active {
    color: var(--accent-blue, #74c0fc);
    border-bottom-color: var(--accent-blue, #74c0fc);
}
body.dark-mode .gorev-tanimi-meta {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
}
body.dark-mode .gorev-tanimi-label { color: var(--text-primary); }
body.dark-mode .gorev-tanimi-textarea {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}
body.dark-mode .gorev-tanimi-textarea:focus {
    border-color: var(--accent-blue, #74c0fc);
    box-shadow: 0 0 0 3px rgba(116, 192, 252, 0.18);
}
body.dark-mode .gorev-tanimi-hint { color: var(--text-secondary); }
body.dark-mode .gorev-tanimi-hint code {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}
body.dark-mode .gorev-tanimi-preview-wrap,
body.dark-mode .gorev-tanimi-preview-readonly {
    background: var(--bg-card);
    border-color: var(--border-color);
}
body.dark-mode .gorev-tanimi-preview-title {
    background: var(--bg-secondary);
    color: var(--text-secondary);
    border-bottom-color: var(--border-color);
}
body.dark-mode .gorev-tanimi-preview { color: var(--text-primary); }
body.dark-mode .gorev-tanimi-history-empty { color: var(--text-secondary); }
body.dark-mode .gorev-tanimi-history-item {
    background: var(--bg-card);
    border-color: var(--border-color);
}
body.dark-mode .gorev-tanimi-history-editor { color: var(--text-primary); }
body.dark-mode .gorev-tanimi-history-date { color: var(--text-secondary); }
body.dark-mode .gorev-tanimi-history-snippet {
    background: var(--bg-secondary);
    color: var(--text-secondary);
}
body.dark-mode .gorev-tanimi-empty {
    background: transparent !important;
    color: var(--text-secondary) !important;
    border: 1px dashed var(--border-color) !important;
}
body.dark-mode .gorev-tanimi-empty:hover {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--text-secondary) !important;
}
body.dark-mode .gorev-tanimi-filled {
    background: rgba(116, 192, 252, 0.15) !important;
    color: var(--accent-blue, #74c0fc) !important;
    border: 1px solid rgba(116, 192, 252, 0.4) !important;
}
body.dark-mode .gorev-tanimi-filled:hover {
    background: rgba(116, 192, 252, 0.25) !important;
    border-color: var(--accent-blue, #74c0fc) !important;
}

/* ---- Org Chart (dark mode) ---- */
body.dark-mode .org-chart-header-stats {
    color: var(--text-secondary);
}
body.dark-mode .org-chart-container {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    box-shadow: none;
}
body.dark-mode .org-chart-empty { color: var(--text-secondary); }

body.dark-mode .org-node {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
body.dark-mode .org-node:hover {
    border-color: var(--border-color-hover, #6c757d);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
body.dark-mode .org-node-virtual {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
}
body.dark-mode .org-node-title { color: var(--text-primary); }

/* Department header */
body.dark-mode .org-node-dept {
    background: var(--bg-tertiary);
}
body.dark-mode .org-node-dept-name { color: var(--text-primary); }
body.dark-mode .org-headcount-badge {
    background: var(--accent-primary, #0d6efd);
}

/* Rows (leader + members) */
body.dark-mode .org-row {
    background: var(--bg-secondary);
}
body.dark-mode .org-row-leader {
    background: rgba(13, 110, 253, 0.18);
    border-color: rgba(13, 110, 253, 0.45);
}
body.dark-mode .org-row-leader.org-row-vacant {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
}
body.dark-mode .org-row-photo { background: var(--bg-tertiary); }
body.dark-mode .org-row-photo-placeholder {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
}
body.dark-mode .org-row-leader .org-row-photo-placeholder {
    background: var(--accent-primary, #0d6efd);
    color: #fff;
}
body.dark-mode .org-row-name { color: var(--text-primary); }
body.dark-mode .org-row-leader .org-row-name { color: #6ea8fe; }
body.dark-mode .org-row-vacant .org-row-name { color: var(--text-muted, #6c757d); }
body.dark-mode .org-row-title { color: var(--text-secondary); }
body.dark-mode .org-row-leader .org-row-title { color: #9ec5fe; }

body.dark-mode .org-node-match {
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.45) !important;
}

/* Connector lines (dark mode) */
body.dark-mode .org-chart-svg-host svg path.link,
body.dark-mode .org-chart-svg-host svg .link {
    stroke: #adb5bd;
}

/* CEO Settings — dark mode */
body.dark-mode .ceo-derived-card {
    background: linear-gradient(135deg, #1a2a40 0%, #1e3a5f 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
body.dark-mode .ceo-setting-card,
body.dark-mode .ceo-summary-card {
    background: var(--bg-card, #1e1e1e);
    border-color: var(--border-color, #333);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
body.dark-mode .ceo-setting-label,
body.dark-mode .ceo-summary-card h3,
body.dark-mode .ceo-summary-total td {
    color: #8ab4e8;
}
body.dark-mode .ceo-setting-desc {
    color: var(--text-secondary, #b0b0b0);
}
body.dark-mode .ceo-input-prefix,
body.dark-mode .ceo-input-suffix {
    color: var(--text-secondary, #b0b0b0);
}
body.dark-mode .ceo-setting-input {
    background: var(--bg-input, #2a2a2a);
    border-color: var(--border-color, #333);
    color: var(--text-primary, #e0e0e0);
}
body.dark-mode .ceo-setting-input:focus {
    border-color: #8ab4e8;
    box-shadow: 0 0 0 3px rgba(138, 180, 232, 0.18);
}
body.dark-mode .ceo-setting-meta {
    color: var(--text-muted, #888);
}
body.dark-mode .ceo-summary-table td {
    color: var(--text-primary, #e0e0e0);
    border-bottom-color: var(--border-color, #333);
}
body.dark-mode .ceo-summary-subtotal td {
    border-top-color: var(--border-color, #333);
}
body.dark-mode .ceo-summary-total td {
    background: linear-gradient(90deg, rgba(138, 180, 232, 0.10), transparent);
}

/* CEO Paneli Dashboard — dark mode */

/* Slim top toolbar refresh button (replaces the standard page <header>) */
body.dark-mode .ceo-panel-refresh-fab {
    background: var(--bg-card, #1e1e1e);
    color: var(--text-primary, #e8e8e8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
body.dark-mode .ceo-panel-refresh-fab:hover {
    background: var(--bg-hover, #2a2a2a);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

/* New tile-based CEO Paneli */
body.dark-mode .ceo-panel-card {
    background: var(--bg-card, #1e1e1e);
    border-color: var(--border-color, #333);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
body.dark-mode .ceo-panel-card-header h3,
body.dark-mode .ceo-panel-card-header h4 {
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-card-hint,
body.dark-mode .ceo-panel-footer,
body.dark-mode .ceo-muted {
    color: #8a8a8a;
}

/* Coğrafi Dağılım — live world map (dark) */
body.dark-mode .ceo-map-chart {
    background: #14181f;
}
body.dark-mode .ceo-map-stats,
body.dark-mode .ceo-map-legend {
    color: #95a3b3;
}
body.dark-mode .ceo-map-stat-num {
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-map-loading { color: #8a8a8a; }
body.dark-mode .ceo-map-error   { color: #ff8a8a; }
body.dark-mode .ceo-action-item {
    background: var(--bg-tertiary, #2a2a2a);
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-action-item:hover {
    background: #333a44;
}
body.dark-mode .ceo-action-value {
    color: #b0b0b0;
}
body.dark-mode .ceo-panel-loading {
    color: var(--text-secondary, #b0b0b0);
}
body.dark-mode .tag-real { background: #1e3d2a; color: #7ed99e; }
body.dark-mode .tag-mock { background: #3d2f10; color: #e8c46a; }

/* CEO Paneli — runway card mount slot (dark) */
body.dark-mode .ceo-runway-unavailable {
    background: var(--bg-card, #1e1e1e);
    border-color: var(--border-color, #333);
    color: #95a3b3;
}

/* Proje Sorumluları (dark) — same color logic as silence rows on the
   teklif activity card: subtle tinted card on a dark backdrop. */
body.dark-mode .ceo-pm-tile {
    background: var(--bg-tertiary, #2a2a2a);
    border-color: var(--border-color, #333);
}
body.dark-mode .ceo-pm-tile:hover {
    background: #333a44;
    border-color: #44505e;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}
body.dark-mode .ceo-pm-tile-unassigned {
    background: #3a2f1a;
    border-color: #5a4520;
}
body.dark-mode .ceo-pm-tile-unassigned:hover {
    background: #4a3a22;
    border-color: #75582a;
}
body.dark-mode .ceo-pm-avatar {
    border-color: #1e1e1e;
    background: #2a2a2a;
}
body.dark-mode .ceo-pm-name {
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-pm-count {
    color: #95a3b3;
}
body.dark-mode .ceo-pm-count strong {
    color: #9bb6e0;
}
/* Pending indicator stays red on dark — the warning hue is recognized
   on both themes, just slightly lifted for contrast on dark backdrop. */
body.dark-mode .ceo-pm-count-pending,
body.dark-mode .ceo-pm-count-pending-label {
    color: #ff6b6b !important;
}
body.dark-mode .ceo-pm-count-sep {
    color: #44505e;
}

/* Teklif Aktivitesi & İletişim Sağlığı (dark) */
body.dark-mode .ceo-tact-compact {
    background: var(--bg-card, #1e1e1e);
    border-color: var(--border-color, #333);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
body.dark-mode .ceo-tact-header h3 {
    color: var(--text-primary, #e8e8e8);
}
/* .ceo-tact-row keeps its category color in dark mode (white text on the
   category background reads fine on both themes — same as Teklif Ekip
   Yönetimi cards). Just tune the shadow for the darker backdrop. */
body.dark-mode .ceo-tact-row {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
body.dark-mode .ceo-tact-row:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

/* New stacked-bar status distribution. The bar segments themselves use
   the category color (set inline) which already reads on both themes;
   only the chrome (track, hover, legend text) needs dark-mode tuning. */
body.dark-mode .ceo-tact-stack-total:hover {
    background: var(--bg-tertiary, #2a2a2a);
}
body.dark-mode .ceo-tact-stack-total-label {
    color: #95a3b3;
}
body.dark-mode .ceo-tact-stack-bar {
    background: rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
body.dark-mode .ceo-tact-stack-seg + .ceo-tact-stack-seg {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2);
}
body.dark-mode .ceo-tact-stack-empty {
    background: var(--bg-tertiary, #2a2a2a);
    border-color: #3a3a3a;
    color: #95a3b3;
}
body.dark-mode .ceo-tact-legend-row:hover {
    background: var(--bg-tertiary, #2a2a2a);
}
body.dark-mode .ceo-tact-legend-label {
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-tact-legend-count {
    color: var(--text-primary, #f0f0f0);
}
body.dark-mode .ceo-tact-legend-pct {
    color: #95a3b3;
}
body.dark-mode .ceo-tact-legend-dot {
    border-color: rgba(255, 255, 255, 0.18);
}
body.dark-mode .ceo-tact-col + .ceo-tact-col {
    border-left-color: #333;
}
@media (max-width: 720px) {
    body.dark-mode .ceo-tact-col + .ceo-tact-col {
        border-top-color: #333;
    }
}
body.dark-mode .ceo-tact-col-head {
    border-bottom-color: #333;
}
body.dark-mode .ceo-tact-col-head strong {
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-tact-col-head small {
    color: #95a3b3;
}
body.dark-mode .ceo-tact-col-head small strong {
    color: #ff8a8a;
}
body.dark-mode .ceo-silence-row {
    background: var(--bg-tertiary, #2a2a2a);
    border-color: #3a3a3a;
}
body.dark-mode .ceo-silence-row:hover {
    background: #333a44;
}
body.dark-mode .ceo-silence-num {
    color: var(--text-primary, #f0f0f0);
}
body.dark-mode .ceo-silence-range {
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-silence-chip {
    background: var(--bg-tertiary, #2a2a2a);
    border-color: #3a3a3a;
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-silence-chip:hover {
    background: #333a44;
}
body.dark-mode .ceo-silence-chip small {
    color: #8a8a8a;
}
body.dark-mode .ceo-hero {
    background: linear-gradient(135deg, #1a2a40 0%, #1e3a5f 100%);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
}
body.dark-mode .ceo-hero-trailing {
    /* Mirror the light-mode third-stop accent, scaled to the dark palette */
    background: linear-gradient(135deg, #1a2a40 0%, #1e3a5f 70%, #244a78 100%);
}
body.dark-mode .ceo-hero-window,
body.dark-mode .ceo-hero-pill {
    background: rgba(255, 255, 255, 0.08);
}
body.dark-mode .ceo-runway-card-trailing,
body.dark-mode .ceo-detail-section-trailing {
    border-left-color: #4a7bb8;
}
body.dark-mode .ceo-supp-card,
body.dark-mode .ceo-actions-card,
body.dark-mode .ceo-detail-section,
body.dark-mode .ceo-runway-card {
    background: var(--bg-card, #1e1e1e);
    border-color: var(--border-color, #333);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Unified runway column — dark mode mirror.
   The col owns the chrome; inner panes are transparent and divided by
   a single border-top on the supp-row. */
body.dark-mode .ceo-runway-row > .ceo-runway-col {
    background: var(--bg-card, #1e1e1e);
    border-color: var(--border-color, #333);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
body.dark-mode .ceo-runway-row > .ceo-runway-col > .ceo-runway-card,
body.dark-mode .ceo-runway-row > .ceo-runway-col > .ceo-supp-row,
body.dark-mode .ceo-runway-row > .ceo-runway-col > .ceo-supp-row .ceo-supp-card {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
body.dark-mode .ceo-runway-row > .ceo-runway-col > .ceo-supp-row {
    border-top: 1px solid var(--border-color, #333);
}
body.dark-mode .ceo-runway-card h3 {
    color: #8ab4e8;
}
body.dark-mode .ceo-runway-sub,
body.dark-mode .ceo-runway-controls,
body.dark-mode .ceo-runway-footnote,
body.dark-mode .ceo-runway-kpi-label {
    color: var(--text-secondary, #b0b0b0);
}
body.dark-mode .ceo-runway-kpi {
    background: var(--bg-tertiary, #2a2a2a);
    border-left-color: #8ab4e8;
}
body.dark-mode .ceo-runway-year {
    background: var(--bg-tertiary, #2a2a2a);
    border-color: var(--border-color, #444);
    color: var(--text-primary, #e0e0e0);
}
body.dark-mode .ceo-kpi-pos { color: #4ade80; }
body.dark-mode .ceo-kpi-neg { color: #ff6b6b; }
body.dark-mode .ceo-kpi-neutral { color: var(--text-secondary, #b0b0b0); }
body.dark-mode .ceo-supp-label,
body.dark-mode .ceo-actions-card h3,
body.dark-mode .ceo-detail-section h3 {
    color: #8ab4e8;
}
body.dark-mode .ceo-supp-label small,
body.dark-mode .ceo-supp-meta,
body.dark-mode .ceo-action-detail,
body.dark-mode .ceo-table td small,
body.dark-mode .ceo-footer-note {
    color: var(--text-secondary, #b0b0b0);
}
body.dark-mode .ceo-supp-value,
body.dark-mode .ceo-action-title,
body.dark-mode .ceo-table td {
    color: var(--text-primary, #e0e0e0);
}
body.dark-mode .ceo-supp-formula {
    color: var(--text-muted, #888);
    border-top-color: var(--border-color, #333);
}
body.dark-mode .ceo-action-item        { background: var(--bg-tertiary, #2a2a2a); }
body.dark-mode .ceo-action-high        { background: rgba(220, 53, 69, 0.12); }
body.dark-mode .ceo-action-med         { background: rgba(253, 126, 20, 0.10); }
body.dark-mode .ceo-empty-action       { background: rgba(25, 135, 84, 0.10); color: #4ade80; }
body.dark-mode .ceo-table th           { background: var(--bg-tertiary, #2a2a2a); color: var(--text-secondary, #b0b0b0); border-bottom-color: var(--border-color, #333); }
body.dark-mode .ceo-table td           { border-bottom-color: var(--border-color, #333); }
body.dark-mode .ceo-table tbody tr:hover { background: var(--bg-hover, #252525); }
body.dark-mode .ceo-row-excluded td    { background: rgba(255, 255, 255, 0.02); }
body.dark-mode .ceo-warning-pill       { background: rgba(255, 193, 7, 0.18); color: #ffd166; }
body.dark-mode .ceo-warning-stale      { background: rgba(253, 126, 20, 0.18); color: #ffb27a; }
body.dark-mode .ceo-badge-ok           { background: rgba(25, 135, 84, 0.20); color: #4ade80; }
body.dark-mode .ceo-badge-stale        { background: rgba(253, 126, 20, 0.20); color: #ffb27a; }
body.dark-mode .ceo-badge-missing      { background: rgba(255, 193, 7, 0.20); color: #ffd166; }
body.dark-mode .ceo-faz-alindi         { background: rgba(25, 135, 84, 0.22); color: #6ee7b7; border-color: rgba(110, 231, 183, 0.35); }
body.dark-mode .ceo-faz-beklenen       { background: rgba(59, 130, 246, 0.22); color: #93c5fd; border-color: rgba(147, 197, 253, 0.35); }
body.dark-mode .ceo-row-beklenen td    { background: rgba(59, 130, 246, 0.07); }
body.dark-mode .ceo-row-beklenen.ceo-row-excluded td { background: rgba(59, 130, 246, 0.04); }
body.dark-mode .ceo-table tbody tr.ceo-row-beklenen:hover td { background: rgba(59, 130, 246, 0.14); }
body.dark-mode .ceo-dim                { color: var(--text-muted, #6c757d); }
body.dark-mode .ceo-warn-pill          { background: rgba(255, 193, 7, 0.18); color: #ffd166; border-color: rgba(255, 193, 7, 0.32); }
body.dark-mode .ceo-warn-pill:hover    { background: rgba(255, 193, 7, 0.28); }
body.dark-mode .ceo-flow-value         { color: var(--text-primary, #e6e6e6); }
body.dark-mode .ceo-flow-neg           { color: #f87171; }
body.dark-mode .ceo-flow-pos           { color: #4ade80; }
body.dark-mode .ceo-flow-done-label    { color: #4ade80; }
body.dark-mode .ceo-flow-surplus       { color: #22c55e; }
body.dark-mode .ceo-flow-start-row td  { background: rgba(59, 130, 246, 0.12) !important; border-bottom-color: rgba(59, 130, 246, 0.4) !important; }
body.dark-mode .ceo-flow-start-label   { color: #93c5fd; }

/* ============================================================================
   CEO Paneli — Haftalık Aktif Teklif Raporu (dark mode)
   ============================================================================ */
body.dark-mode .ceo-report-title { color: var(--text-primary, #e8e8e8); }
body.dark-mode .ceo-report-icon-btn {
    background: var(--bg-tertiary, #2a2a2a);
    border-color: var(--border-color, #3a3a3a);
    color: var(--text-secondary, #b0b0b0);
}
body.dark-mode .ceo-report-icon-btn:hover {
    background: var(--bg-hover, #333);
    border-color: #4a4a4a;
}
body.dark-mode .ceo-report-meta { color: #9ca3af; }
body.dark-mode .ceo-report-meta strong { color: var(--text-primary, #e8e8e8); }
body.dark-mode .ceo-report-meta-label { color: #6b7280; }

/* Inline report body (markdown render) */
body.dark-mode .ceo-report-body {
    color: var(--text-primary, #e8e8e8);
    border-top-color: var(--border-color, #333);
}
body.dark-mode .ceo-report-body-empty {
    border-top-color: var(--border-color, #3a3a3a);
}
body.dark-mode .ceo-report-empty-body { color: #6b7280; }
body.dark-mode .ceo-report-body h2,
body.dark-mode .ceo-report-body h3 { color: var(--text-primary, #f4f4f5); }

/* Docked table-title bar (light theme uses #1f2937). On dark we go
   with a slightly lighter slate so the bar still reads as elevated
   above the surrounding card surface. */
body.dark-mode .ceo-report-body h2:has(+ .ceo-report-table-wrap) {
    background: #2d3a4d;
    color: #e8edf4;
}

/* Clickable row hover bg — light-mode uses a pale blue (#e0eeff); on
   dark we go with a dimmer blue tinted to match the surrounding card
   instead of jumping out as a bright slab. */
body.dark-mode .ceo-report-body table tr.ceo-row-clickable:hover td {
    background: rgba(99, 162, 255, 0.12);
}
body.dark-mode .ceo-report-meta-pill {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.10);
    color: #cbd5e1;
}
body.dark-mode .ceo-report-cost {
    background: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.35);
    color: #fcd34d;
}

/* Settings modal */
body.dark-mode .ceo-report-settings-hint { color: #9ca3af; }
body.dark-mode .ceo-report-settings-select {
    background-color: var(--input-bg, #2a2a2a);
    border-color: var(--border-color, #3a3a3a);
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-report-settings-select:focus {
    border-color: #6080a8;
    box-shadow: 0 0 0 2px rgba(96, 128, 168, 0.25);
}
body.dark-mode .ceo-report-settings-help { color: #6b7280; }
body.dark-mode .ceo-report-settings-help strong,
body.dark-mode .ceo-report-settings-help em { color: #cbd5e1; }

body.dark-mode .ceo-report-inline-status {
    background: rgba(59, 130, 246, 0.10);
    border-color: rgba(59, 130, 246, 0.30);
    color: #93c5fd;
}
body.dark-mode .ceo-report-inline-status-error {
    background: rgba(220, 53, 69, 0.12);
    border-color: rgba(220, 53, 69, 0.32);
    color: #fca5a5;
}

/* Report viewer modal — markdown body */
body.dark-mode .ceo-report-modal-meta {
    color: #9ca3af;
    border-bottom-color: var(--border-color, #333);
}
body.dark-mode .ceo-report-modal-meta strong { color: var(--text-primary, #e8e8e8); }
body.dark-mode .ceo-report-modal-content-body { color: var(--text-primary, #e8e8e8); }
body.dark-mode .ceo-report-modal-content-body h2,
body.dark-mode .ceo-report-modal-content-body h3 { color: var(--text-primary, #f4f4f5); }
body.dark-mode .ceo-report-table-wrap {
    border-color: var(--border-color, #333);
}
body.dark-mode .ceo-report-table th,
body.dark-mode .ceo-report-table td {
    border-color: var(--border-color, #333);
    color: var(--text-primary, #e8e8e8);
    background: transparent;
}
body.dark-mode .ceo-report-table th {
    background: var(--bg-tertiary, #2a2a2a);
    color: var(--text-secondary, #cbd5e1);
}
body.dark-mode .ceo-report-table tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.02);
}

/* History modal */
body.dark-mode .ceo-report-history-hint,
body.dark-mode .ceo-report-history-loading,
body.dark-mode .ceo-report-history-empty { color: #6b7280; }
body.dark-mode .ceo-report-history-item {
    background: var(--bg-tertiary, #2a2a2a);
    border-color: var(--border-color, #3a3a3a);
    color: var(--text-primary, #e8e8e8);
}
body.dark-mode .ceo-report-history-item:hover:not(:disabled) {
    background: var(--bg-hover, #333);
    border-color: #4a4a4a;
}
body.dark-mode .ceo-report-history-row1 { color: var(--text-primary, #e8e8e8); }
body.dark-mode .ceo-report-history-row2 { color: #9ca3af; }
body.dark-mode .ceo-report-history-error {
    background: rgba(220, 53, 69, 0.14);
    color: #fca5a5;
}
body.dark-mode .ceo-report-status-badge.ready    { background: rgba(25, 135, 84, 0.22); color: #4ade80; }
body.dark-mode .ceo-report-status-badge.failed   { background: rgba(220, 53, 69, 0.20); color: #fca5a5; }
body.dark-mode .ceo-report-status-badge.generating { background: rgba(255, 193, 7, 0.18); color: #ffd166; }

/* ============================================================================
   WIKI MODULE — Dark Mode
   ============================================================================ */
body.dark-mode .wiki-app { background: #1a1d23; }

body.dark-mode .wiki-loading { color: #b8bbc2; }
body.dark-mode .wiki-loading-spinner { border-color: #363b45; border-top-color: #818cf8; }

body.dark-mode .wiki-sidebar {
    background: #242831; border-right-color: #363b45;
}
body.dark-mode .wiki-sidebar-header h2 {
    background: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
body.dark-mode .wiki-sidebar-toggle {
    background: #2d3139; border-color: #363b45; color: #b8bbc2;
}
body.dark-mode .wiki-sidebar-toggle:hover { background: #363b45; color: #e4e6eb; }

body.dark-mode .wiki-search-input {
    background: #1a1d23; border-color: #363b45; color: #e4e6eb;
}
body.dark-mode .wiki-search-input:focus {
    border-color: #818cf8; background: #242831;
    box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.18);
}
body.dark-mode .wiki-search-results,
body.dark-mode .wiki-hero-search-results,
body.dark-mode .wiki-home-search-results {
    background: #242831; border-color: #363b45;
    box-shadow: 0 12px 36px rgba(0,0,0,0.55);
}

/* Rich rows */
body.dark-mode .wiki-search-result.rich { color: #e4e6eb; }
body.dark-mode .wiki-search-result.rich:hover,
body.dark-mode .wiki-search-result.rich.keyboard-active { background: #2d3139; }
body.dark-mode .wiki-search-result-title { color: #e4e6eb; }
body.dark-mode .wiki-search-result-title mark,
body.dark-mode .wiki-search-result-snippet mark {
    background: #facc15; color: #1a1d23;
}
body.dark-mode .wiki-search-result-snippet { color: #8a8d96; }
body.dark-mode .wiki-search-snippet-empty { color: #6b7280; }
body.dark-mode .wiki-search-result-space {
    color: #c7d2fe; background: #312e81;
}
body.dark-mode .wiki-search-result-date { color: #6b7280; }
body.dark-mode .wiki-search-source {
    background: #422006; color: #fde68a;
}
body.dark-mode .wiki-search-more {
    background: #1f2229; border-color: #363b45; color: #cbd5e1;
}
body.dark-mode .wiki-search-more:hover {
    background: #312e81; border-color: #818cf8; color: #e0e7ff;
}

body.dark-mode .wiki-search-empty { color: #8a8d96; }
body.dark-mode .wiki-search-empty em { color: #e4e6eb; }

/* Wiki home card (dark-mode tweaks — gradient + glass tones stay readable) */
body.dark-mode .wiki-home-card {
    background: linear-gradient(135deg, #3a4262 0%, #3f5189 100%);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
body.dark-mode .wiki-home-title,
body.dark-mode .wiki-home-name { color: #f1f5ff; }
body.dark-mode .wiki-home-subtitle { color: rgba(241, 245, 255, 0.88); }
body.dark-mode .wiki-home-search-box {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.22);
}
body.dark-mode .wiki-home-search-box:hover,
body.dark-mode .wiki-home-search-box:focus-within {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.38);
}
body.dark-mode .wiki-home-search-input { color: #f1f5ff; }
body.dark-mode .wiki-home-search-input::placeholder {
    color: rgba(241, 245, 255, 0.55);
}

/* Legacy hero (no longer rendered but kept harmless) */
body.dark-mode .wiki-hero { background: transparent; }
body.dark-mode .wiki-hero-title { color: #e0e7ff; }

/* Full search results page */
body.dark-mode .wiki-search-page {
    background: #242831; border-color: #363b45;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
body.dark-mode .wiki-search-page-title { color: #e4e6eb; }
body.dark-mode .wiki-search-page-count {
    background: #312e81; color: #c7d2fe;
}
body.dark-mode .wiki-search-page-query { color: #8a8d96; }
body.dark-mode .wiki-search-page-query strong { color: #e4e6eb; }
body.dark-mode .wiki-search-page-results .wiki-search-result.rich {
    border-color: #363b45;
}
body.dark-mode .wiki-search-page-results .wiki-search-result.rich:hover {
    border-color: #818cf8; background: #2d3139;
}

body.dark-mode .wiki-space-header:hover { background: #2d3139; }
body.dark-mode .wiki-space.active > .wiki-space-header { background: rgba(129, 140, 248, 0.18); }
body.dark-mode .wiki-space.active > .wiki-space-header .wiki-space-name { color: #a5b4fc; }
body.dark-mode .wiki-space-title { color: #e4e6eb; }
body.dark-mode .wiki-space-title:hover .wiki-space-name { color: #a5b4fc; }
body.dark-mode .wiki-space-chevron-btn { color: #8a8d96; }
body.dark-mode .wiki-space-chevron-btn:hover { color: #a5b4fc; background: rgba(255,255,255,0.05); }
body.dark-mode .wiki-space-chevron { color: inherit; }
body.dark-mode .wiki-space-view-desc {
    background: #2d3139; color: #cbd5e1; border-left-color: #818cf8;
}

body.dark-mode .wiki-tree-row:hover { background: #2d3139; }
body.dark-mode .wiki-tree-node.active > .wiki-tree-row { background: rgba(129, 140, 248, 0.18); }
body.dark-mode .wiki-tree-node.active > .wiki-tree-row .wiki-tree-link { color: #a5b4fc; }
body.dark-mode .wiki-tree-link { color: #cbd5e1; }
body.dark-mode .wiki-tree-type-dot {
    /* Dark inset ring instead of the light one used in light mode, so the
       dot stays crisp against the dark sidebar background. */
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45) inset;
}
/* Inherited chain icon needs slightly less de-emphasis in dark mode,
   otherwise it disappears against the dark sidebar. */
body.dark-mode .wiki-tree-product-link.inherited {
    opacity: 0.55;
}

/* Widget inserter popover */
body.dark-mode .wiki-widget-menu {
    background: #1f242c;
    border-color: #353b46;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
}
body.dark-mode .wiki-widget-menu-header { color: #94a3b8; }
body.dark-mode .wiki-widget-menu-item { color: #e2e8f0; }
body.dark-mode .wiki-widget-menu-item:hover,
body.dark-mode .wiki-widget-menu-item:focus-visible {
    background: rgba(129, 140, 248, 0.15);
}
body.dark-mode .wiki-widget-menu-label { color: #f1f5f9; }
body.dark-mode .wiki-widget-menu-token {
    background: rgba(129, 140, 248, 0.2);
    color: #c7d2fe;
}
body.dark-mode .wiki-widget-menu-hint { color: #94a3b8; }
body.dark-mode .wiki-tree-toggle { color: #8a8d96; }
body.dark-mode .wiki-tree-action {
    background: #2d3139; border-color: #363b45; color: #a5b4fc;
}
body.dark-mode .wiki-tree-action:hover { background: rgba(129, 140, 248, 0.2); border-color: #818cf8; }
body.dark-mode .wiki-tree-empty { color: #8a8d96; }

body.dark-mode .wiki-add-root-page {
    border-color: #363b45; color: #8a8d96;
}
body.dark-mode .wiki-add-root-page:hover {
    background: #2d3139; border-color: #4b5563; color: #cbd5e1;
}

body.dark-mode .wiki-admin-bar { border-top-color: #363b45; }
body.dark-mode .wiki-add-space-btn {
    background: #1f2230;
    border-color: #3a3f4a;
    color: #a5b4fc;
}
body.dark-mode .wiki-add-space-btn:hover {
    background: #2d3139;
    border-color: #818cf8;
}

body.dark-mode .wiki-breadcrumb { color: #8a8d96; }
body.dark-mode .wiki-breadcrumb a { color: #a5b4fc; }
body.dark-mode .wiki-crumb-current { color: #e4e6eb; }
body.dark-mode .wiki-crumb-sep { color: #4b5563; }

/* Wiki Kullanıcı Atama — pending changes */
body.dark-mode .wgm-row-picker.is-dirty {
    background: rgba(251, 191, 36, 0.12);
    border-color: #f59e0b;
    color: #fde68a;
}
body.dark-mode .wgm-pending-pill {
    background: rgba(251, 191, 36, 0.18);
    color: #fde68a;
}

body.dark-mode .wiki-main { background: #1a1d23; }
body.dark-mode .wiki-page-header {
    background: linear-gradient(180deg, #1e2330 0%, #1a1f2b 100%);
    border-bottom-color: #2d3548;
    box-shadow: 0 1px 0 rgba(0,0,0,0.3);
}
body.dark-mode .wiki-page-title { color: #e4e6eb; }
body.dark-mode .wiki-page-meta { color: #8a8d96; }

body.dark-mode .wiki-btn-primary { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; }
body.dark-mode .wiki-btn-secondary {
    background: #2d3139; color: #cbd5e1; border-color: #363b45;
}
body.dark-mode .wiki-btn-secondary:hover { background: #363b45; }
body.dark-mode .wiki-btn-danger {
    background: #2d3139; color: #fca5a5; border-color: rgba(220, 53, 69, 0.4);
}
body.dark-mode .wiki-btn-danger:hover { background: rgba(220, 53, 69, 0.15); }

body.dark-mode .wiki-content {
    color: #cbd5e1;
    background: transparent;
    border: 0;
    box-shadow: none;
}
body.dark-mode .wiki-section {
    background: #242831;
    border-color: #363b45;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
body.dark-mode .wiki-section-heading { color: #8a8d96; }
body.dark-mode .wiki-content h1,
body.dark-mode .wiki-content h2,
body.dark-mode .wiki-content h3 { color: #e4e6eb; }
body.dark-mode .wiki-content h2 { border-bottom-color: #363b45; }
body.dark-mode .wiki-content code { background: #1a1d23; color: #f9a8d4; }
body.dark-mode .wiki-content pre { background: #0f172a; color: #e2e8f0; }
body.dark-mode .wiki-content blockquote {
    background: #2d3139; border-left-color: #818cf8; color: #cbd5e1;
}
body.dark-mode .wiki-content th, body.dark-mode .wiki-content td { border-color: #363b45; }
body.dark-mode .wiki-content th { background: #2d3139; color: #e4e6eb; }
body.dark-mode .wiki-content a { color: #a5b4fc; }
body.dark-mode .wiki-content hr { border-top-color: #363b45; }
body.dark-mode .wiki-empty-page { color: #8a8d96; }

body.dark-mode .wiki-children-section { border-top-color: #363b45; }
body.dark-mode .wiki-children-heading { color: #b8bbc2; }
body.dark-mode .wiki-children-count { color: #6b7280; }
body.dark-mode .wiki-child-card {
    background: #242831;
    border-color: #363b45;
}
body.dark-mode .wiki-child-card::after { color: #4b5563; }
body.dark-mode .wiki-child-card:hover {
    background: #2d3139;
    border-color: #818cf8;
    box-shadow: 0 2px 8px rgba(129, 140, 248, 0.18);
}
body.dark-mode .wiki-child-card:hover::after { color: #a5b4fc; }
body.dark-mode .wiki-child-card-icon {
    background: #1a1d23;
}
body.dark-mode .wiki-child-card-title { color: #e4e6eb; }

body.dark-mode .wiki-welcome-lead { color: #b8bbc2; }
body.dark-mode .wiki-welcome-card {
    background: #242831; border-color: #363b45;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
body.dark-mode .wiki-welcome-card:hover {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}
body.dark-mode .wiki-welcome-card-name { color: #e4e6eb; }
body.dark-mode .wiki-welcome-card-desc { color: #8a8d96; }

body.dark-mode .wiki-home-btn:hover { background: #2d3139; }

body.dark-mode .wiki-welcome-card-add {
    background: #1f2230;
    border-color: #3a3f4a;
    border-top-color: #4338ca !important;
}
body.dark-mode .wiki-welcome-card-add .wiki-welcome-card-icon { color: #a5b4fc; }
body.dark-mode .wiki-welcome-card-add .wiki-welcome-card-name { color: #a5b4fc; }
body.dark-mode .wiki-welcome-card-add:hover {
    background: #2d3139;
    border-color: #818cf8 !important;
    border-top-color: #818cf8 !important;
}

body.dark-mode .wiki-editor-title-input {
    background: #2d3139; border-color: #363b45; color: #e4e6eb;
}
body.dark-mode .wiki-editor-title-input:focus { border-color: #818cf8; }
body.dark-mode .wiki-editor-hint { color: #8a8d96; }

body.dark-mode .EasyMDEContainer .CodeMirror {
    background: #2d3139; color: #e4e6eb; border-color: #363b45;
}
body.dark-mode .EasyMDEContainer .CodeMirror-cursor { border-color: #e4e6eb; }
body.dark-mode .EasyMDEContainer .editor-toolbar {
    background: #2d3139; border-color: #363b45;
}
body.dark-mode .EasyMDEContainer .editor-toolbar a {
    color: #cbd5e1 !important;
}
body.dark-mode .EasyMDEContainer .editor-toolbar a:hover {
    background: #363b45; border-color: #4b5563;
}
body.dark-mode .EasyMDEContainer .editor-preview,
body.dark-mode .EasyMDEContainer .editor-preview-side {
    background: #1a1d23; color: #cbd5e1; border-color: #363b45;
}

body.dark-mode .wiki-modal-dialog { background: #242831; }
body.dark-mode .wiki-modal-header { border-bottom-color: #363b45; }
body.dark-mode .wiki-modal-header h3 { color: #e4e6eb; }
body.dark-mode .wiki-modal-close { color: #8a8d96; }

body.dark-mode .wiki-toast { background: #1a1d23; box-shadow: 0 8px 20px rgba(0,0,0,0.5); }

/* Reorder arrows + context menu + picker — dark */
body.dark-mode .wiki-space-action,
body.dark-mode .wiki-tree-row .wiki-move-up,
body.dark-mode .wiki-tree-row .wiki-move-down,
body.dark-mode .wiki-tree-row [data-page-menu] {
    color: #8a8d96;
}
body.dark-mode .wiki-space-action:hover:not(:disabled),
body.dark-mode .wiki-tree-row .wiki-move-up:hover:not(:disabled),
body.dark-mode .wiki-tree-row .wiki-move-down:hover:not(:disabled),
body.dark-mode .wiki-tree-row [data-page-menu]:hover {
    background: rgba(255,255,255,0.08);
    color: #e4e6eb;
}

body.dark-mode .wiki-context-menu {
    background: #242831;
    border-color: #363b45;
    box-shadow: 0 10px 30px rgba(0,0,0,0.55);
}
body.dark-mode .wiki-context-menu button { color: #e4e6eb; }
body.dark-mode .wiki-context-menu button:hover { background: #2d3139; }

body.dark-mode .wiki-picker-hint { color: #8a8d96; }
body.dark-mode .wiki-picker-tree {
    background: #1a1d23;
    border-color: #363b45;
}
body.dark-mode .wiki-pick-space + .wiki-pick-space { border-top-color: #363b45; }
body.dark-mode .wiki-pick-node { color: #e4e6eb; }
body.dark-mode .wiki-pick-node:hover { background: #2d3139; }
body.dark-mode .wiki-pick-node.selected { background: #1e3a8a; color: #dbeafe; }
body.dark-mode .wiki-pick-node.current { color: #6b7280; }
body.dark-mode .wiki-pick-meta { color: #6b7280; }

body.dark-mode .wiki-btn-secondary {
    background: #2d3139; color: #cbd5e1;
}
body.dark-mode .wiki-btn-secondary:hover { background: #363b45; }
body.dark-mode .wiki-btn-primary:disabled { background: #363b45; color: #6b7280; }

/* Space → Product button (admin-only, in toolbar on space views) — dark */
body.dark-mode .wiki-space-product-btn {
    background: #242831;
    border-color: #4b5563;
    color: #9ca3af;
}
body.dark-mode .wiki-space-product-btn:hover {
    background: #2d3139;
    border-color: #6b7280;
    color: #d1d5db;
}
body.dark-mode .wiki-space-product-btn.is-linked {
    background: linear-gradient(135deg, #1e293b 0%, #312e81 100%);
    border-color: #4338ca;
    color: #c7d2fe;
}
body.dark-mode .wiki-space-product-btn.is-linked:hover {
    background: linear-gradient(135deg, #1e3a8a 0%, #3730a3 100%);
    border-color: #6366f1;
}

/* Space → Product picker form — dark */
body.dark-mode .wiki-spp-label { color: #cbd5e1; }
body.dark-mode .wiki-spp-optional { color: #6b7280; }
body.dark-mode .wiki-spp-select {
    background: #1a1d23;
    border-color: #363b45;
    color: #e4e6eb;
}
body.dark-mode .wiki-spp-select:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}
body.dark-mode .wiki-spp-select:disabled {
    background: #16181d;
    color: #4b5563;
}
body.dark-mode .wiki-picker-hint code {
    background: #1a1d23;
    color: #a5b4fc;
}

/* Page type pill + editor dropdown — dark */
body.dark-mode .wiki-page-type-pill {
    background: color-mix(in srgb, var(--pt-color) 18%, #16181d);
    border-color: color-mix(in srgb, var(--pt-color) 40%, #16181d);
    color: color-mix(in srgb, var(--pt-color) 85%, white);
}
body.dark-mode .wiki-editor-page-type {
    background: #1a1d23;
    border-color: #363b45;
    color: #e4e6eb;
}
body.dark-mode .wiki-editor-page-type:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}

/* {{ilgili-projeler}} widget — dark */
body.dark-mode .wiki-related-projects {
    background: #1a1d23;
    border-color: #363b45;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
body.dark-mode .wrp-header {
    background: linear-gradient(135deg, #242831 0%, #1e1b4b 100%);
    border-bottom-color: #363b45;
}
body.dark-mode .wrp-title { color: #e4e6eb; }
body.dark-mode .wrp-meta  { color: #94a3b8; }
body.dark-mode .wrp-row {
    border-bottom-color: #2d3139;
    color: #e4e6eb;
}
body.dark-mode .wrp-row:hover { background: #242831; }
body.dark-mode .wrp-colhead {
    background: #16181d;
    border-bottom-color: #363b45;
    color: #94a3b8;
}
body.dark-mode .wrp-code {
    background: #1e1b4b;
    color: #c7d2fe;
}
body.dark-mode .wrp-name     { color: #e4e6eb; }
body.dark-mode .wrp-customer { color: #94a3b8; }
body.dark-mode .wrp-date     { color: #6b7280; }
body.dark-mode .wrp-status-completed   { background: #052e16; color: #86efac; }
body.dark-mode .wrp-status-in-progress { background: #1e3a8a; color: #93c5fd; }
body.dark-mode .wrp-status-waiting     { background: #451a03; color: #fcd34d; }
body.dark-mode .wrp-status-planned     { background: #2e1065; color: #c4b5fd; }
body.dark-mode .wrp-status-cancelled   { background: #450a0a; color: #fca5a5; }
body.dark-mode .wrp-status-default     { background: #2d3139; color: #94a3b8; }

body.dark-mode .wiki-related-projects.is-empty .wrp-empty,
body.dark-mode .wiki-related-projects.is-warning .wrp-empty,
body.dark-mode .wiki-related-projects.is-error .wrp-empty {
    color: #9ca3af;
}
body.dark-mode .wiki-related-projects.is-warning {
    background: #1c1917;
    border-color: #78350f;
}
body.dark-mode .wiki-related-projects.is-warning .wrp-header {
    background: linear-gradient(135deg, #292524 0%, #451a03 100%);
    border-bottom-color: #78350f;
}
body.dark-mode .wiki-related-projects.is-error {
    border-color: #7f1d1d;
}
body.dark-mode .wiki-related-projects.is-error .wrp-header {
    background: linear-gradient(135deg, #292524 0%, #450a0a 100%);
    border-bottom-color: #7f1d1d;
}
body.dark-mode .wrp-skel {
    background: linear-gradient(90deg, #242831 0%, #363b45 50%, #242831 100%);
    background-size: 200% 100%;
}

/* {{tum-X}} pages-by-type widget — dark */
body.dark-mode .wiki-pages-by-type {
    background: #1a1d23;
    border-color: #363b45;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
body.dark-mode .wpbt-header {
    background: linear-gradient(135deg, #242831 0%, #064e3b 100%);
    border-bottom-color: #363b45;
}
body.dark-mode .wpbt-title { color: #e4e6eb; }
body.dark-mode .wpbt-meta  { color: #94a3b8; }
body.dark-mode .wpbt-colhead {
    background: #16181d;
    border-bottom-color: #363b45;
    color: #94a3b8;
}
body.dark-mode .wpbt-row {
    border-bottom-color: #2d3139;
    color: #e4e6eb;
}
body.dark-mode .wpbt-row:hover { background: #242831; }
body.dark-mode .wpbt-space {
    background: color-mix(in srgb, var(--wpbt-color) 20%, #16181d);
    border-color: color-mix(in srgb, var(--wpbt-color) 40%, #16181d);
    color: color-mix(in srgb, var(--wpbt-color) 85%, white);
}
body.dark-mode .wpbt-page-title { color: #e4e6eb; }
body.dark-mode .wpbt-date       { color: #6b7280; }
body.dark-mode .wiki-pages-by-type.is-empty .wpbt-empty,
body.dark-mode .wiki-pages-by-type.is-error .wpbt-empty {
    color: #9ca3af;
}
body.dark-mode .wiki-pages-by-type.is-error { border-color: #7f1d1d; }
body.dark-mode .wiki-pages-by-type.is-error .wpbt-header {
    background: linear-gradient(135deg, #292524 0%, #450a0a 100%);
    border-bottom-color: #7f1d1d;
}
body.dark-mode .wpbt-skel {
    background: linear-gradient(90deg, #242831 0%, #363b45 50%, #242831 100%);
    background-size: 200% 100%;
}

/* Inline wikilinks + backlinks — dark */
body.dark-mode .wiki-link {
    background: #1e293b;
    color: #93c5fd !important;
    border-color: #334155;
}
body.dark-mode .wiki-link:hover {
    background: #1e3a8a;
    border-color: #3b82f6;
}
body.dark-mode .wiki-link.broken {
    background: #3f1d1d;
    color: #fca5a5 !important;
    border-color: #7f1d1d;
}
/* Parent/child disambiguation labels — dark */
body.dark-mode .wiki-link-parent,
body.dark-mode .wiki-backlink-parent {
    color: #6b7280;
}
body.dark-mode .wiki-picker-search {
    background: #1a1d23;
    color: #e4e6eb;
    border-color: #363b45;
}
body.dark-mode .wiki-picker-search:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}
body.dark-mode .wiki-backlinks {
    background: #1f2229;
    border-color: #363b45;
    border-left-color: #818cf8;
}
body.dark-mode .wiki-backlinks-title { color: #cbd5e1; }
body.dark-mode .wiki-backlinks-count { background: #818cf8; color: #fff; }
body.dark-mode .wiki-backlinks-list {
    background: #242831;
    border-color: #363b45;
}
body.dark-mode .wiki-backlinks-list li + li { border-top-color: #2d3139; }
body.dark-mode .wiki-backlinks-list a { color: #e4e6eb; }
body.dark-mode .wiki-backlinks-list a:hover { background: #1e3a8a; }
body.dark-mode .wiki-backlink-space {
    color: #94a3b8;
    background: #2d3139;
}

/* ============================================================
   FILE-MGMT HUB + WIKI FILE MANAGER — dark mode
   ============================================================ */
body.dark-mode .fm-hub { background: #242831; border-color: #363b45; }
body.dark-mode .fm-hub-tab { background: #1a1d23; }
body.dark-mode .fm-hub-tab:hover { background: #2d3139; }
body.dark-mode .fm-hub-tab.active { background: #2d3139; border-color: #6366f1; }
body.dark-mode .fm-hub-tab-title { color: #e4e6eb; }
body.dark-mode .fm-hub-tab-meta { color: #94a3b8; }

body.dark-mode .wfm-frame { background: #1a1d23; border-color: #363b45; }
body.dark-mode .wfm-stat { background: #242831; border-color: #363b45; }
body.dark-mode .wfm-stat-ai { background: #1f2937; border-color: rgba(99, 102, 241, 0.35); }
body.dark-mode .wfm-stat-ai .wfm-stat-value { color: #a5b4fc; }
body.dark-mode .wfm-stat-ai .wfm-stat-label { color: #818cf8; }
/* View toggle (segmented pill) — dark mode */
body.dark-mode .pfm-view-toggle { background: #1a1d23; border-color: #363b45; }
body.dark-mode .pfm-view-btn { color: #94a3b8; }
body.dark-mode .pfm-view-btn:hover { color: #e4e6eb; background: rgba(255, 255, 255, 0.04); }
body.dark-mode .pfm-view-btn.active { background: #2d3139; color: #a5b4fc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
body.dark-mode .wfm-stat-value { color: #e4e6eb; }
body.dark-mode .wfm-stat-label { color: #94a3b8; }
body.dark-mode .wfm-stat-orphans { background: #3f2d10; border-color: #92400e; }
body.dark-mode .wfm-stat-orphans .wfm-stat-value { color: #fbbf24; }

body.dark-mode .wfm-search,
body.dark-mode .wfm-select {
    background: #1a1d23; color: #e4e6eb; border-color: #363b45;
}
body.dark-mode .wfm-search:focus,
body.dark-mode .wfm-select:focus { border-color: #6366f1; }
body.dark-mode .wfm-result-count { color: #94a3b8; }

body.dark-mode .wfm-table-wrap { background: #242831; border-color: #363b45; }
body.dark-mode .wfm-table thead th { background: #1a1d23; color: #cbd5e1; border-bottom-color: #363b45; }
body.dark-mode .wfm-table tbody td { border-bottom-color: #2d3139; }
body.dark-mode .wfm-table tbody tr:hover { background: #2d3139; }
body.dark-mode .wfm-table tbody tr.selected { background: #1e3a8a; }
body.dark-mode .wfm-name-cell { color: #e4e6eb; }
body.dark-mode .wfm-page-cell:hover { background: #1e3a8a; }
body.dark-mode .wfm-page-space { color: #6b7280; }
body.dark-mode .wfm-page-title { color: #a5b4fc; }

body.dark-mode .wfm-preview { background: #242831; border-color: #363b45; }
body.dark-mode .wfm-preview-stage { background: #1a1d23; }
body.dark-mode .wfm-preview-name { color: #e4e6eb; }
body.dark-mode .wfm-preview-row { border-bottom-color: #2d3139; }
body.dark-mode .wfm-preview-row span { color: #94a3b8; }
body.dark-mode .wfm-preview-row strong { color: #e4e6eb; }
body.dark-mode .wfm-btn-secondary { background: #1a1d23; color: #a5b4fc; border-color: #4f46e5; }
body.dark-mode .wfm-btn-secondary:hover { background: #1e3a8a; }
body.dark-mode .wfm-btn-danger { background: #1a1d23; color: #f87171; border-color: #7f1d1d; }
body.dark-mode .wfm-btn-danger:hover { background: #3f1d1d; }

/* ============================================================
   ATTACHMENTS — dark mode (file cards, images, lightbox)
   ============================================================ */
body.dark-mode .wiki-img-wrap {
    background: #1a1d23;
    border-color: #363b45;
}
body.dark-mode .wiki-img-wrap:hover {
    border-color: #4b5563;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

body.dark-mode .wiki-file-card {
    background: #242831;
    border-color: #363b45;
    color: #e4e6eb !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
body.dark-mode .wiki-file-card:hover {
    border-color: #6366f1;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.25);
}
body.dark-mode .wiki-file-card-name { color: #e4e6eb; }
body.dark-mode .wiki-file-card-meta { color: #8a8d96; }
body.dark-mode .wiki-file-card-date { color: #cbd5e1; }
body.dark-mode .wiki-file-card-action { color: #6b7280; }
body.dark-mode .wiki-file-card:hover .wiki-file-card-action {
    background: #312e81;
    color: #a5b4fc;
}

/* Lightbox already looks good on dark backgrounds, just nudge the close button */
body.dark-mode .wiki-lightbox-close {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
}

/* Document Indexing Badges — dark mode */
body.dark-mode .doc-idx-badge {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: #cbd5e1;
}
body.dark-mode .doc-idx-badge[data-status="indexed"]     { background: rgba(34, 197, 94, 0.12); border-color: rgba(34, 197, 94, 0.35); color: #86efac; }
body.dark-mode .doc-idx-badge[data-status="partial"]     { background: rgba(234, 179, 8, 0.12); border-color: rgba(234, 179, 8, 0.35); color: #fde68a; }
body.dark-mode .doc-idx-badge[data-status="processing"]  { background: rgba(59, 130, 246, 0.14); border-color: rgba(59, 130, 246, 0.35); color: #93c5fd; }
body.dark-mode .doc-idx-badge[data-status="failed"]      { background: rgba(220, 38, 38, 0.14); border-color: rgba(220, 38, 38, 0.35); color: #fca5a5; }
body.dark-mode .doc-idx-badge[data-status="unsupported"] { background: rgba(148, 163, 184, 0.10); border-color: rgba(148, 163, 184, 0.25); color: #cbd5e1; }
body.dark-mode .doc-idx-badge[data-status="pending"]     { background: rgba(148, 163, 184, 0.10); border-color: rgba(148, 163, 184, 0.25); color: #cbd5e1; }

body.dark-mode .wfm-ai-reindex {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: #94a3b8;
}
body.dark-mode .wfm-ai-reindex:hover {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.5);
    color: #bfdbfe;
}

/* AI chat — document source cards */
body.dark-mode .ai-doc-sources {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.10);
}
body.dark-mode .ai-doc-sources-header { color: #94a3b8; }
body.dark-mode .ai-doc-source-card {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.10);
}
body.dark-mode .ai-doc-source-card:hover {
    background: rgba(59, 130, 246, 0.14);
    border-color: rgba(59, 130, 246, 0.45);
}
body.dark-mode .ai-doc-source-title { color: #e2e8f0; }
body.dark-mode .ai-doc-source-meta  { color: #94a3b8; }
body.dark-mode .ai-doc-source-open  { color: #94a3b8; }
body.dark-mode .ai-doc-source-card:hover .ai-doc-source-open { color: #93c5fd; }

/* PFM source / tag badges in dark mode */
body.dark-mode .pfm-source-general { background: rgba(34, 211, 238, 0.14); color: #a5f3fc; border-color: rgba(34, 211, 238, 0.35); }
body.dark-mode .pfm-source-action  { background: rgba(168, 85, 247, 0.16); color: #e9d5ff; border-color: rgba(168, 85, 247, 0.35); }
body.dark-mode .pfm-tag-badge[data-tag="teklif"]        { background: rgba(59, 130, 246, 0.16); color: #bfdbfe; border-color: rgba(59, 130, 246, 0.35); }
body.dark-mode .pfm-tag-badge[data-tag="cizim"]         { background: rgba(34, 197, 94, 0.16); color: #bbf7d0; border-color: rgba(34, 197, 94, 0.35); }
body.dark-mode .pfm-tag-badge[data-tag="fiyat_analizi"] { background: rgba(234, 179, 8, 0.16); color: #fde68a; border-color: rgba(234, 179, 8, 0.35); }
body.dark-mode .pfm-tag-badge                            { background: rgba(234, 179, 8, 0.14); color: #fde68a; border-color: rgba(234, 179, 8, 0.30); }

/* Selected project chip — dark mode */
body.dark-mode .pfm-selected-project-chip {
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.10) 0%, rgba(67, 56, 202, 0.10) 100%);
    border-color: rgba(99, 102, 241, 0.35);
    color: #e2e8f0;
}
body.dark-mode .pfm-chip-code {
    background: rgba(15, 23, 42, 0.85);
    border-color: rgba(99, 102, 241, 0.45);
    color: #bfdbfe;
}
body.dark-mode .pfm-chip-customer { color: #c4b5fd; }
body.dark-mode .pfm-chip-name     { color: #cbd5e1; }
body.dark-mode .pfm-chip-dot      { color: #64748b; }
body.dark-mode .pfm-chip-count {
    background: rgba(15, 23, 42, 0.85);
    border-color: rgba(148, 163, 184, 0.30);
    color: #e2e8f0;
}
body.dark-mode .pfm-chip-link {
    color: #93c5fd;
}
body.dark-mode .pfm-chip-link:hover {
    background: rgba(147, 197, 253, 0.12);
}
body.dark-mode .pfm-chip-clear {
    background: rgba(15, 23, 42, 0.85);
    border-color: rgba(148, 163, 184, 0.30);
    color: #cbd5e1;
}
body.dark-mode .pfm-chip-clear:hover {
    background: rgba(248, 113, 113, 0.20);
    border-color: rgba(248, 113, 113, 0.50);
    color: #fecaca;
}

/* Project picker (combobox) — dark mode */
body.dark-mode .pfm-project-picker .pfm-pp-input {
    background: rgba(15, 23, 42, 0.85);
    border-color: rgba(148, 163, 184, 0.30);
    color: #e2e8f0;
}
body.dark-mode .pfm-project-picker .pfm-pp-input::placeholder { color: #64748b; }
body.dark-mode .pfm-project-picker .pfm-pp-input:focus {
    border-color: rgba(129, 140, 248, 0.70);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}
body.dark-mode .pfm-project-picker .pfm-pp-caret { color: #64748b; }
body.dark-mode .pfm-project-picker .pfm-pp-clear {
    background: rgba(30, 41, 59, 0.9);
    border-color: rgba(148, 163, 184, 0.30);
    color: #cbd5e1;
}
body.dark-mode .pfm-project-picker .pfm-pp-clear:hover {
    background: rgba(248, 113, 113, 0.20);
    border-color: rgba(248, 113, 113, 0.50);
    color: #fecaca;
}
body.dark-mode .pfm-project-picker .pfm-pp-dropdown {
    background: #0f172a;
    border-color: rgba(148, 163, 184, 0.30);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
}
body.dark-mode .pfm-pp-option:hover,
body.dark-mode .pfm-pp-option.highlighted {
    background: rgba(99, 102, 241, 0.18);
    border-color: rgba(99, 102, 241, 0.40);
}
body.dark-mode .pfm-pp-code {
    background: rgba(99, 102, 241, 0.18);
    border-color: rgba(99, 102, 241, 0.40);
    color: #bfdbfe;
}
body.dark-mode .pfm-pp-customer { color: #c4b5fd; }
body.dark-mode .pfm-pp-name     { color: #cbd5e1; }
body.dark-mode .pfm-pp-count {
    background: rgba(30, 41, 59, 0.7);
    border-color: rgba(148, 163, 184, 0.25);
    color: #cbd5e1;
}
body.dark-mode .pfm-pp-empty,
body.dark-mode .pfm-pp-more { color: #64748b; }
body.dark-mode .pfm-pp-more { border-top-color: rgba(148, 163, 184, 0.20); }

/* Selection toolbar — dark mode */
body.dark-mode .pfm-selection-bar {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(148, 163, 184, 0.25);
}
body.dark-mode .pfm-sel-btn {
    background: rgba(30, 41, 59, 0.7);
    border-color: rgba(148, 163, 184, 0.30);
    color: #cbd5e1;
}
body.dark-mode .pfm-sel-btn:hover {
    background: rgba(99, 102, 241, 0.18);
    border-color: rgba(99, 102, 241, 0.45);
    color: #c7d2fe;
}
body.dark-mode .pfm-sel-btn-accent {
    background: rgba(99, 102, 241, 0.18);
    border-color: rgba(99, 102, 241, 0.45);
    color: #c7d2fe;
}
body.dark-mode .pfm-sel-btn-accent:hover {
    background: rgba(99, 102, 241, 0.30);
}
body.dark-mode .pfm-sel-pick {
    background-color: rgba(30, 41, 59, 0.7);
    border-color: rgba(148, 163, 184, 0.30);
    color: #cbd5e1;
    /* Re-color the caret SVG for dark background */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23cbd5e1' d='M0 0l5 6 5-6z'/></svg>");
}
body.dark-mode .pfm-sel-pick:hover {
    background-color: rgba(99, 102, 241, 0.18);
    border-color: rgba(99, 102, 241, 0.45);
    color: #c7d2fe;
}
body.dark-mode .pfm-sel-pick option {
    background: #1e293b;
    color: #cbd5e1;
}
body.dark-mode .pfm-sel-count { color: #cbd5e1; }
body.dark-mode .pfm-sel-link  { color: #fca5a5; }
body.dark-mode .pfm-sel-link:hover { background: rgba(239, 68, 68, 0.12); }

body.dark-mode .pfm-sel-action:disabled {
    background: rgba(30, 41, 59, 0.7);
    color: #64748b;
}

body.dark-mode .pfm-batch-progress {
    background: rgba(6, 78, 59, 0.30);
    border-color: rgba(16, 185, 129, 0.45);
}
body.dark-mode .pfm-batch-text { color: #a7f3d0; }
body.dark-mode .pfm-batch-cancel {
    background: rgba(30, 41, 59, 0.7);
    border-color: rgba(248, 113, 113, 0.50);
    color: #fecaca;
}
body.dark-mode .pfm-batch-cancel:hover {
    background: rgba(239, 68, 68, 0.20);
    border-color: rgba(239, 68, 68, 0.70);
}

body.dark-mode .wfm-row.is-checked {
    background-color: rgba(99, 102, 241, 0.18) !important;
}
body.dark-mode .pfm-row-spinner {
    border-color: rgba(99, 102, 241, 0.35);
    border-top-color: #818cf8;
}

/* AI breakdown bar + chips — dark mode */
body.dark-mode .pfm-ai-bar { background: rgba(30, 41, 59, 0.7); }
body.dark-mode .pfm-ai-chip {
    background: rgba(30, 41, 59, 0.7);
    color: #cbd5e1;
}
body.dark-mode .pfm-ai-chip.chip-indexed     { background: rgba(16, 185, 129, 0.18); color: #a7f3d0; }
body.dark-mode .pfm-ai-chip.chip-processing  { background: rgba(59, 130, 246, 0.18); color: #bfdbfe; }
body.dark-mode .pfm-ai-chip.chip-failed      { background: rgba(239, 68, 68, 0.18);  color: #fecaca; }
body.dark-mode .pfm-ai-chip.chip-pending     { background: rgba(148, 163, 184, 0.16); color: #cbd5e1; }
body.dark-mode .pfm-ai-chip.chip-unsupported { background: rgba(148, 163, 184, 0.12); color: #94a3b8; }
body.dark-mode .pfm-ai-chip.chip-skipped     { background: rgba(167, 139, 250, 0.18); color: #ddd6fe; }

/* ----- AI INDEX MAINTENANCE — dark overrides ----- */
body.dark-mode .fm-hub-admin-btn {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}
body.dark-mode .fm-hub-admin-btn:hover {
    background: #334155;
    border-color: #475569;
    color: #f1f5f9;
}
body.dark-mode .ai-maint-dialog {
    background: #1e293b;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}
body.dark-mode .ai-maint-header {
    border-bottom-color: #334155;
}
body.dark-mode .ai-maint-header h3 { color: #f1f5f9; }
body.dark-mode .ai-maint-close { color: #94a3b8; }
body.dark-mode .ai-maint-close:hover { background: #334155; color: #f1f5f9; }
body.dark-mode .ai-maint-intro { color: #cbd5e1; }
body.dark-mode .ai-maint-note  { color: #64748b; }
body.dark-mode .ai-maint-loading { color: #64748b; }
body.dark-mode .ai-maint-error {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.4);
    color: #fecaca;
}
body.dark-mode .ai-maint-table th,
body.dark-mode .ai-maint-table td { border-bottom-color: #334155; }
body.dark-mode .ai-maint-table thead th {
    background: #0f172a;
    color: #94a3b8;
}
body.dark-mode .ai-maint-table tfoot th {
    background: #0f172a;
    color: #f1f5f9;
    border-top-color: #334155;
}
body.dark-mode .ai-maint-table tr.is-dim td { color: #64748b; }
body.dark-mode .ai-maint-empty-title { color: #f1f5f9; }
body.dark-mode .ai-maint-empty-sub   { color: #94a3b8; }
body.dark-mode .ai-maint-actions {
    background: #0f172a;
    border-top-color: #334155;
}
body.dark-mode .ai-maint-btn-secondary {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}
body.dark-mode .ai-maint-btn-secondary:hover {
    background: #334155;
    color: #f1f5f9;
}
body.dark-mode .ai-maint-btn-primary:disabled {
    background: #334155;
    border-color: #334155;
    color: #64748b;
}

/* ----- AI stat tile % chip + done pill — dark overrides ----- */
body.dark-mode .pfm-ai-pct.pct-done {
    background: rgba(34, 197, 94, 0.18);
    color: #86efac;
    border-color: rgba(34, 197, 94, 0.4);
}
body.dark-mode .pfm-ai-pct.pct-high {
    background: rgba(59, 130, 246, 0.18);
    color: #93c5fd;
    border-color: rgba(59, 130, 246, 0.4);
}
body.dark-mode .pfm-ai-pct.pct-mid {
    background: rgba(245, 158, 11, 0.16);
    color: #fcd34d;
    border-color: rgba(245, 158, 11, 0.4);
}
body.dark-mode .pfm-ai-pct.pct-low {
    background: rgba(239, 68, 68, 0.18);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.4);
}
body.dark-mode .pfm-ai-pct.pct-neutral {
    background: rgba(148, 163, 184, 0.16);
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, 0.35);
}
body.dark-mode .wfm-stat-ai.is-complete {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), #1e293b) !important;
    border-color: rgba(34, 197, 94, 0.45) !important;
}