[data-mode=dark] .connection-status-indicator {
    background-color: #2d2d2d;
    border: 1px solid #535353;
}

[data-mode=dark] .connection-status-text {
    color: #fffc;
}


[data-mode=dark] .bg-white {
    background-color: rgb(44 44 44);
}

[data-mode=dark] .border-gray-200 {
    border-color: #535353;
}

/* ============================================ */
/* Power BI Dashboard - Dark Mode */
/* ============================================ */

[data-mode=dark] .powerbi-card {
    background: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-mode=dark] .powerbi-header {
    background: #1e1e1e;
    border-bottom-color: #535353;
}

[data-mode=dark] .powerbi-header-text h3 {
    color: #f3f4f6;
}

[data-mode=dark] .powerbi-header-text p {
    color: #9ca3af;
}

[data-mode=dark] .powerbi-btn {
    background: #2d2d2d;
    border-color: #535353;
    color: #d1d5db;
}

[data-mode=dark] .powerbi-btn:hover:not(:disabled) {
    border-color: #60a5fa;
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

[data-mode=dark] .powerbi-btn.primary {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
}

[data-mode=dark] .powerbi-btn.primary:hover:not(:disabled) {
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
}

[data-mode=dark] .powerbi-content {
    background: #1a1a1a;
}

[data-mode=dark] .powerbi-loading {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

[data-mode=dark] .powerbi-loading .loading-spinner {
    border-color: #535353;
    border-top-color: #f2c811;
}

[data-mode=dark] .powerbi-loading .loading-text h4 {
    color: #f3f4f6;
}

[data-mode=dark] .powerbi-loading .loading-text p {
    color: #9ca3af;
}

[data-mode=dark] .powerbi-error {
    background: rgba(127, 29, 29, 0.2);
}

[data-mode=dark] .powerbi-error .error-icon {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

[data-mode=dark] .powerbi-error .error-text h4 {
    color: #fca5a5;
}

[data-mode=dark] .powerbi-error .error-text p {
    color: #f87171;
}

[data-mode=dark] .powerbi-footer {
    background: #1e1e1e;
    border-top-color: #535353;
    color: #6b7280;
}

/* ============================================ */
/* Signature Generator - Dark Mode */
/* ============================================ */

[data-mode=dark] .signature-card {
    background: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-mode=dark] .signature-header {
    border-bottom-color: #535353;
}

[data-mode=dark] .signature-header-text h3 {
    color: #f3f4f6;
}

[data-mode=dark] .signature-header-text p {
    color: #9ca3af;
}

[data-mode=dark] .signature-info-card {
    background: #2d2d2d;
    border-color: #535353;
}

[data-mode=dark] .signature-info-card:hover {
    border-color: #60a5fa;
    box-shadow: 0 2px 8px rgba(96, 165, 250, 0.1);
}

[data-mode=dark] .signature-info-card label {
    color: #9ca3af;
}

[data-mode=dark] .signature-info-card .value {
    color: #f3f4f6;
}

[data-mode=dark] .signature-preview-header h4 {
    color: #f3f4f6;
}

[data-mode=dark] .signature-preview-header h4 i {
    color: #60a5fa;
}

[data-mode=dark] .signature-copy-button {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

[data-mode=dark] .signature-copy-button:hover {
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
}

[data-mode=dark] .signature-copy-button.copied {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
}

[data-mode=dark] .signature-preview {
    background: #1a1a1a;
    border-color: #535353;
}

[data-mode=dark] .signature-preview::before {
    background: linear-gradient(90deg, #2563eb, #1d4ed8);
}

[data-mode=dark] .signature-help-text {
    background: rgba(37, 99, 235, 0.15);
    color: #93c5fd;
}

/* ============================================ */
/* Profile Dropdown - Dark Mode Fixes */
/* ============================================ */

[data-mode=dark] .profile ul {
    background-color: #1e1e1e !important;
    border-color: #535353 !important;
}

[data-mode=dark] .profile ul li a {
    color: #d1d5db !important;
}

[data-mode=dark] .profile ul li a:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #f3f4f6 !important;
}

[data-mode=dark] .profile ul li a svg {
    color: #9ca3af;
}

[data-mode=dark] .profile ul li a:hover svg {
    color: #f3f4f6;
}

/* Divider line in dropdown */
[data-mode=dark] .profile ul li.block.h-px {
    background-color: #535353 !important;
}

/* Profile button text */
[data-mode=dark] .profile button span {
    color: #f3f4f6;
}

/* Dropdown arrow icon */
[data-mode=dark] .profile button svg {
    color: #9ca3af;
}

/* ============================================ */
/* Two-Step Verification - Dark Mode Fixes */
/* ============================================ */

/* Method indicator badge (Μέθοδος: Email OTP) */
[data-mode=dark] .loginform .inline-flex.bg-gray-100 {
    background-color: #2d2d2d !important;
    border-color: #535353 !important;
    color: #d1d5db !important;
}

[data-mode=dark] .loginform .inline-flex.bg-gray-100 span {
    color: #d1d5db !important;
}

[data-mode=dark] .loginform .inline-flex.bg-gray-100 strong {
    color: #f3f4f6 !important;
}

/* Code expiration timer (Ο κωδικός λήγει σε) */
[data-mode=dark] .loginform .text-gray-700.bg-gray-100 {
    background-color: #2d2d2d !important;
    border-color: #535353 !important;
    color: #9ca3af !important;
}

[data-mode=dark] .loginform .text-gray-700.bg-gray-100 strong {
    color: #f3f4f6 !important;
}

/* OTP input boxes */
[data-mode=dark] .loginform .otp-group input.form-control {
    background-color: #2d2d2d !important;
    border-color: #535353 !important;
    color: #f3f4f6 !important;
}

[data-mode=dark] .loginform .otp-group input.form-control:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2) !important;
}

/* Error state for OTP inputs */
[data-mode=dark] .loginform .otp-group input.border-red-300 {
    border-color: #ef4444 !important;
}

/* Warning/Error messages already use dark: classes in Tailwind, but ensure they work */
[data-mode=dark] .loginform .bg-yellow-50 {
    background-color: rgba(234, 179, 8, 0.1) !important;
    border-color: #a16207 !important;
}

[data-mode=dark] .loginform .bg-red-50 {
    background-color: rgba(239, 68, 68, 0.1) !important;
    border-color: #b91c1c !important;
}

/* Action buttons (Καθαρισμός, Απόρριψη, Επαναποστολή) */
[data-mode=dark] .loginform button.text-red-600.border-red-600 {
    color: #f87171 !important;
    border-color: #f87171 !important;
}

[data-mode=dark] .loginform button.text-red-600.border-red-600:hover:not(:disabled) {
    background-color: rgba(248, 113, 113, 0.1) !important;
}

[data-mode=dark] .loginform button.text-blue-600.border-blue-600 {
    color: #60a5fa !important;
    border-color: #60a5fa !important;
}

[data-mode=dark] .loginform button.text-blue-600.border-blue-600:hover:not(:disabled) {
    background-color: rgba(96, 165, 250, 0.1) !important;
}

/* ============================================ */
/* Confluence Page - Dark Mode Fixes */
/* ============================================ */

[data-mode=dark] .confluence-card {
    background: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-mode=dark] .confluence-header {
    background: #1e1e1e;
    border-bottom-color: #535353;
}

[data-mode=dark] .confluence-header-text h3 {
    color: #f3f4f6;
}

[data-mode=dark] .confluence-header-text p {
    color: #9ca3af;
}

[data-mode=dark] .confluence-btn {
    background: #2d2d2d;
    border-color: #535353;
    color: #d1d5db;
}

[data-mode=dark] .confluence-btn:hover:not(:disabled) {
    border-color: #60a5fa;
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

[data-mode=dark] .confluence-btn.primary {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

[data-mode=dark] .confluence-btn.primary:hover:not(:disabled) {
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
}

[data-mode=dark] .confluence-content {
    background: #1a1a1a;
}

[data-mode=dark] .confluence-stats {
    background: #2d2d2d;
}

[data-mode=dark] .confluence-stats .stat-item {
    color: #9ca3af;
}

[data-mode=dark] .confluence-stats .stat-item i {
    color: #60a5fa;
}

[data-mode=dark] .confluence-stats .stat-item strong {
    color: #f3f4f6;
}

[data-mode=dark] .treelist-wrapper {
    border-color: #535353;
}

/* Confluence links - Dark Mode */
[data-mode=dark] .confluence-link {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
}

[data-mode=dark] .confluence-link:hover {
    background: #2563eb;
    color: white;
}

/* Title cell - Dark Mode */
[data-mode=dark] .title-cell i {
    color: #9ca3af;
}

/* Parent badge - Dark Mode */
[data-mode=dark] .parent-badge {
    background: #374151;
    color: #d1d5db;
}

[data-mode=dark] .root-badge {
    background: rgba(96, 165, 250, 0.2);
    color: #93c5fd;
}

/* Status badges - Dark Mode */
[data-mode=dark] .status-badge.status-current {
    background: rgba(16, 185, 129, 0.2);
    color: #6ee7b7;
}

[data-mode=dark] .status-badge.status-draft {
    background: rgba(245, 158, 11, 0.2);
    color: #fcd34d;
}

[data-mode=dark] .status-badge.status-archived {
    background: #374151;
    color: #9ca3af;
}

[data-mode=dark] .status-badge.status-default {
    background: #374151;
    color: #d1d5db;
}

/* Type badge - Dark Mode */
[data-mode=dark] .type-badge {
    background: #374151;
    color: #9ca3af;
}

/* Error state - Dark Mode */
[data-mode=dark] .confluence-error .error-icon {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

[data-mode=dark] .confluence-error .error-text h4 {
    color: #fca5a5;
}

[data-mode=dark] .confluence-error .error-text p {
    color: #f87171;
}

/* Empty state - Dark Mode */
[data-mode=dark] .confluence-empty .empty-icon {
    background: #374151;
    color: #6b7280;
}

[data-mode=dark] .confluence-empty .empty-text h4 {
    color: #f3f4f6;
}

[data-mode=dark] .confluence-empty .empty-text p {
    color: #9ca3af;
}

/* Footer - Dark Mode */
[data-mode=dark] .confluence-footer {
    background: #1e1e1e;
    border-top-color: #535353;
    color: #6b7280;
}

[data-mode=dark] .confluence-footer .footer-info i {
    color: #60a5fa;
}

/* TreeList - Dark Mode (keep existing styles) */
[data-mode=dark] .dxbl-tree-list {
    background-color: #1e1e1e !important;
    border-color: #535353 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-header-row {
    background-color: #2d2d2d !important;
    border-color: #535353 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-header-row th {
    background-color: #2d2d2d !important;
    color: #f3f4f6 !important;
    border-color: #535353 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-table tbody tr {
    background-color: #1e1e1e !important;
    border-color: #535353 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-table tbody tr:hover {
    background-color: #2d2d2d !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-table tbody tr td {
    color: #d1d5db !important;
    border-color: #535353 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-expand-btn {
    color: #9ca3af !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-expand-btn:hover {
    color: #f3f4f6 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-filter-row {
    background-color: #2d2d2d !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-filter-row input {
    background-color: #1e1e1e !important;
    border-color: #535353 !important;
    color: #f3f4f6 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-filter-row input::placeholder {
    color: #6b7280 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-empty-data-text {
    color: #9ca3af !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-tree-list-table tbody tr.dxbl-selected {
    background-color: rgba(96, 165, 250, 0.15) !important;
}

/* TreeList pager (if used) */
[data-mode=dark] .dxbl-tree-list .dxbl-pager {
    background-color: #2d2d2d !important;
    border-color: #535353 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-pager-page-item {
    color: #d1d5db !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-pager-page-item:hover {
    background-color: #374151 !important;
}

[data-mode=dark] .dxbl-tree-list .dxbl-pager-page-item.dxbl-active {
    background-color: #60a5fa !important;
    color: #ffffff !important;
}

/* ============================================ */
/* Password Manager - Dark Mode */
/* ============================================ */

[data-mode=dark] .password-card {
    background: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);
    border-color: #535353;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-mode=dark] .password-header h1 {
    color: #f3f4f6;
}

[data-mode=dark] .password-header p {
    color: #9ca3af;
}

[data-mode=dark] .password-form .form-group label {
    color: #d1d5db;
}

[data-mode=dark] .password-form .form-group label i {
    color: #60a5fa;
}

[data-mode=dark] .password-form .password-input {
    background: #1a1a1a;
    border-color: #535353;
    color: #f3f4f6;
}

[data-mode=dark] .password-form .password-input::placeholder {
    color: #6b7280;
}

[data-mode=dark] .password-form .password-input:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
}

[data-mode=dark] .password-form .input-icon {
    color: #6b7280;
}

[data-mode=dark] .show-password-toggle label {
    color: #9ca3af;
}

[data-mode=dark] .show-password-toggle label:hover {
    color: #60a5fa;
}

[data-mode=dark] .error-message {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #f87171;
}

[data-mode=dark] .success-message {
    background: rgba(22, 163, 74, 0.1);
    border-color: rgba(22, 163, 74, 0.3);
    color: #4ade80;
}

[data-mode=dark] .submit-btn {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

[data-mode=dark] .submit-btn:hover:not(:disabled) {
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
}

[data-mode=dark] .password-footer {
    border-top-color: #535353;
}

[data-mode=dark] .back-link {
    color: #9ca3af;
}

[data-mode=dark] .back-link:hover {
    color: #60a5fa;
}