/* Dark Mode Styles */

:root {
    /* Light Mode Colors */
    --bg-primary: #f5f7fa;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #999999;
    --border-color: #e0e0e0;
    --shadow: rgba(0, 0, 0, 0.08);
    --shadow-hover: rgba(0, 0, 0, 0.12);
    --input-bg: #ffffff;
    --input-border: #e0e0e0;
    --sidebar-gradient: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
}

[data-theme="dark"],
body.dark-mode,
.dark-mode {
    /* Dark Mode Colors - آسمان شب */
    --bg-primary: #000d1a;
    --bg-secondary: #001a2e;
    --bg-card: #001a2e;
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-muted: #808080;
    --border-color: #002d4d;
    --shadow: rgba(0, 0, 0, 0.4);
    --shadow-hover: rgba(0, 0, 0, 0.6);
    --input-bg: #001a2e;
    --input-border: #002d4d;
    --sidebar-gradient: linear-gradient(180deg, #001a2e 0%, #000d1a 100%);
}

/* Apply theme colors */
body {
    background: var(--bg-primary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.main-header {
    background: var(--bg-secondary);
    color: var(--text-primary);
    box-shadow: 0 2px 10px var(--shadow);
}

.main-header h1 {
    color: var(--text-primary);
}

.welcome-text {
    color: var(--text-secondary);
}

.content-area {
    background: var(--bg-primary);
}

/* Cards */
.welcome-card,
.ticket-form-card,
.ticket-card,
.task-card,
.profile-card,
.stat-card,
.chart-card {
    background: var(--bg-card);
    color: var(--text-primary);
    box-shadow: 0 3px 15px var(--shadow);
}

.welcome-card h2,
.ticket-title-section h3,
.task-title-section h3,
.chart-card h2 {
    color: var(--text-primary);
}

.welcome-card p,
.ticket-description,
.task-description {
    color: var(--text-secondary);
}

/* Forms */
.form-group label {
    color: var(--text-primary);
}

.form-group input,
.form-group select,
.form-group textarea {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: var(--text-muted);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

/* Buttons */
.btn-secondary {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 2px solid var(--border-color);
}

.btn-secondary:hover {
    background: var(--border-color);
}

.btn-outline {
    border-color: #667eea;
    color: #667eea;
}

.btn-outline:hover {
    background: #667eea;
    color: white;
}

/* Ticket Meta */
.ticket-meta,
.task-meta {
    color: var(--text-secondary);
}

.meta-label {
    color: var(--text-muted);
}

.meta-value {
    color: var(--text-primary);
}

.ticket-id,
.task-id {
    background: var(--bg-primary);
    color: var(--text-muted);
}

/* Status badges - keep colors but adjust for dark mode */
[data-theme="dark"] .status-open {
    background: rgba(25, 118, 210, 0.2);
    color: #64b5f6;
}

[data-theme="dark"] .status-in-progress {
    background: rgba(245, 124, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] .status-resolved {
    background: rgba(56, 142, 60, 0.2);
    color: #81c784;
}

[data-theme="dark"] .status-closed {
    background: rgba(117, 117, 117, 0.2);
    color: #bdbdbd;
}

[data-theme="dark"] .status-pending {
    background: rgba(245, 124, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] .status-completed {
    background: rgba(56, 142, 60, 0.2);
    color: #81c784;
}

/* Status Badge Dark Mode */
[data-theme="dark"] .status-badge.status-pending {
    background: rgba(245, 124, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] .status-badge.status-in-progress {
    background: rgba(25, 118, 210, 0.2);
    color: #64b5f6;
}

[data-theme="dark"] .status-badge.status-completed {
    background: rgba(56, 142, 60, 0.2);
    color: #81c784;
}

[data-theme="dark"] .btn-start {
    background: rgba(56, 142, 60, 0.2);
    color: #81c784;
}

[data-theme="dark"] .btn-start:hover {
    background: #388e3c;
    color: white;
}

/* Add User Page Dark Mode */
[data-theme="dark"] .add-user-card {
    background: var(--bg-card);
}

[data-theme="dark"] .search-section h2,
[data-theme="dark"] .results-section h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .form-select,
[data-theme="dark"] .form-input {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .user-card {
    background: var(--bg-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .user-card:hover {
    border-color: #667eea;
}

[data-theme="dark"] .user-name {
    color: var(--text-primary);
}

[data-theme="dark"] .user-details {
    color: var(--text-secondary);
}

[data-theme="dark"] .user-detail-label {
    color: var(--text-muted);
}

[data-theme="dark"] .info-card {
    background: var(--bg-primary);
}

[data-theme="dark"] .info-card h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .info-card li {
    color: var(--text-secondary);
}

/* Add User Page - Added Users Table Dark Mode */
[data-theme="dark"] .added-users-section {
    border-top-color: var(--border-color);
}

[data-theme="dark"] .section-header h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .search-added-input {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .search-added-input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .added-users-table-container {
    border-color: var(--border-color);
}

[data-theme="dark"] .added-users-table {
    background: var(--bg-card);
}

[data-theme="dark"] .added-users-table thead {
    background: var(--bg-primary);
}

[data-theme="dark"] .added-users-table th {
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .added-users-table td {
    color: var(--text-secondary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .added-users-table tbody tr:hover {
    background: var(--bg-primary);
}

/* AD Settings Page Dark Mode */
[data-theme="dark"] .settings-card {
    background: var(--bg-card);
}

[data-theme="dark"] .settings-card h2 {
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .form-group label,
[data-theme="dark"] .checkbox-label {
    color: var(--text-primary);
}

[data-theme="dark"] .form-group input[type="text"],
[data-theme="dark"] .form-group input[type="number"],
[data-theme="dark"] .form-group input[type="password"],
[data-theme="dark"] .form-group select {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .form-help {
    color: var(--text-muted);
}

[data-theme="dark"] .connection-info .info-item {
    background: var(--bg-primary);
}

[data-theme="dark"] .info-label {
    color: var(--text-secondary);
}

[data-theme="dark"] .info-value {
    color: var(--text-primary);
}

/* Ticket/Task Footer */
.ticket-footer,
.task-footer {
    border-top-color: var(--border-color);
}

/* Profile */
.profile-header {
    border-bottom-color: var(--border-color);
}

.profile-role {
    color: var(--text-muted);
}

.stat-info p {
    color: var(--text-muted);
}

.stat-info h3 {
    color: var(--text-primary);
}

/* Filter Select */
.filter-select {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

/* Filters Section Dark Mode */
[data-theme="dark"] .filters-section {
    background: var(--bg-card);
    box-shadow: 0 3px 15px var(--shadow);
}

[data-theme="dark"] .filter-group label,
[data-theme="dark"] .search-group label {
    color: var(--text-primary);
}

[data-theme="dark"] .filter-select {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .search-input {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .search-input::placeholder {
    color: var(--text-muted);
}

/* Test Credentials */
.test-credentials {
    background: var(--bg-secondary);
}

.test-title {
    color: #667eea;
}

.credential-item {
    color: var(--text-secondary);
}

.credential-item strong {
    color: var(--text-primary);
}

/* Login Page Dark Mode */
[data-theme="dark"] .login-card {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="dark"] .login-header h1 {
    color: #667eea;
}

[data-theme="dark"] .login-header p {
    color: var(--text-secondary);
}

[data-theme="dark"] .login-footer {
    border-top-color: var(--border-color);
}

/* Sidebar - keep gradient but darker in dark mode */
[data-theme="dark"] .sidebar,
body.dark-mode .sidebar,
.dark-mode .sidebar {
    background: var(--sidebar-gradient);
}

/* PWA Mobile Sidebar Dark Mode */
body.dark-mode .mobile-sidebar,
.dark-mode .mobile-sidebar {
    background: var(--surface-color);
    border-left-color: var(--border-color);
}

body.dark-mode .mobile-sidebar .sidebar-header,
.dark-mode .mobile-sidebar .sidebar-header {
    border-bottom-color: var(--border-color);
}

body.dark-mode .mobile-sidebar .user-info,
body.dark-mode .mobile-sidebar .operator-info,
.dark-mode .mobile-sidebar .user-info,
.dark-mode .mobile-sidebar .operator-info {
    color: var(--text-color);
}

body.dark-mode .mobile-sidebar .user-name,
body.dark-mode .mobile-sidebar .operator-name,
.dark-mode .mobile-sidebar .user-name,
.dark-mode .mobile-sidebar .operator-name {
    color: var(--text-color);
}

body.dark-mode .mobile-sidebar .user-role,
body.dark-mode .mobile-sidebar .operator-role,
.dark-mode .mobile-sidebar .user-role,
.dark-mode .mobile-sidebar .operator-role {
    color: var(--text-secondary);
}

body.dark-mode .mobile-sidebar .nav-item,
.dark-mode .mobile-sidebar .nav-item {
    color: var(--text-color);
}

body.dark-mode .mobile-sidebar .nav-item:hover,
body.dark-mode .mobile-sidebar .nav-item.active,
.dark-mode .mobile-sidebar .nav-item:hover,
.dark-mode .mobile-sidebar .nav-item.active {
    background: var(--secondary-color);
    color: var(--text-color);
}

body.dark-mode .mobile-header,
.dark-mode .mobile-header {
    background: var(--surface-color);
    border-bottom-color: var(--border-color);
}

body.dark-mode .mobile-header .app-title,
.dark-mode .mobile-header .app-title {
    color: var(--text-color);
}

body.dark-mode .mobile-content,
.dark-mode .mobile-content {
    background: var(--bg-color);
}

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

body.dark-mode .stat-card,
.dark-mode .stat-card {
    background: var(--surface-color);
    border-color: var(--border-color);
}

body.dark-mode .ticket-card,
.dark-mode .ticket-card {
    background: var(--surface-color);
    border-color: var(--border-color);
}

body.dark-mode .ticket-card .ticket-title,
.dark-mode .ticket-card .ticket-title {
    color: var(--text-color);
}

body.dark-mode .ticket-card .ticket-meta,
.dark-mode .ticket-card .ticket-meta {
    color: var(--text-secondary);
}

body.dark-mode .overlay,
.dark-mode .overlay {
    background: rgba(0, 0, 0, 0.7);
}

/* File hint */
.file-hint {
    color: var(--text-muted);
}

/* Employee/User info boxes */
.ticket-employee,
.ticket-user {
    background: var(--bg-primary);
}

.employee-label,
.user-label {
    color: var(--text-secondary);
}

.employee-name,
.user-name {
    color: var(--text-primary);
}

/* Recent Tickets Card */
[data-theme="dark"] .recent-tickets-card {
    background: var(--bg-card);
}

[data-theme="dark"] .recent-tickets-card h2 {
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .recent-ticket-item {
    background: var(--bg-primary);
    border-right-color: #667eea;
}

[data-theme="dark"] .recent-ticket-item:hover {
    background: var(--bg-secondary);
}

[data-theme="dark"] .recent-ticket-header h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .recent-ticket-id {
    background: var(--bg-card);
    color: var(--text-muted);
}

[data-theme="dark"] .recent-ticket-category {
    background: var(--bg-card);
    color: var(--text-secondary);
}

[data-theme="dark"] .recent-ticket-date {
    color: var(--text-muted);
}

/* Tickets Table Dark Mode */
[data-theme="dark"] .tickets-table-container {
    background: var(--bg-card);
}

[data-theme="dark"] .tickets-table thead {
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}

[data-theme="dark"] .tickets-table tbody tr {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .tickets-table tbody tr:hover {
    background: var(--bg-primary);
}

[data-theme="dark"] .tickets-table td {
    color: var(--text-primary);
}

[data-theme="dark"] .priority-badge.priority-high {
    background: rgba(211, 47, 47, 0.2);
    color: #ef5350;
}

[data-theme="dark"] .priority-badge.priority-medium {
    background: rgba(245, 124, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] .priority-badge.priority-low {
    background: rgba(56, 142, 60, 0.2);
    color: #81c784;
}

[data-theme="dark"] .btn-view {
    background: rgba(25, 118, 210, 0.2);
    color: #64b5f6;
}

[data-theme="dark"] .btn-view:hover {
    background: #1976d2;
    color: white;
}

[data-theme="dark"] .btn-edit {
    background: rgba(245, 124, 0, 0.2);
    color: #ffb74d;
}

[data-theme="dark"] .btn-edit:hover {
    background: #f57c00;
    color: white;
}

[data-theme="dark"] .btn-delete {
    background: rgba(211, 47, 47, 0.2);
    color: #ef5350;
}

[data-theme="dark"] .btn-assign {
    background: rgba(56, 142, 60, 0.2);
    color: #81c784;
}

[data-theme="dark"] .btn-assign:hover {
    background: #388e3c;
    color: white;
}

[data-theme="dark"] .btn-status {
    background: rgba(56, 142, 60, 0.2);
    color: #81c784;
}

[data-theme="dark"] .btn-status:hover {
    background: #388e3c;
    color: white;
}

[data-theme="dark"] .btn-delete:hover {
    background: #d32f2f;
    color: white;
}

/* File Drop Zone Dark Mode */
[data-theme="dark"] .file-drop-zone {
    background: var(--bg-primary);
    border-color: var(--input-border);
}

[data-theme="dark"] .file-drop-zone:hover {
    background: rgba(102, 126, 234, 0.1);
    border-color: #667eea;
}

[data-theme="dark"] .file-drop-zone.drag-over {
    background: rgba(102, 126, 234, 0.15);
    border-color: #667eea;
}

[data-theme="dark"] .drop-zone-text {
    color: var(--text-primary);
}

[data-theme="dark"] .drop-zone-hint {
    color: var(--text-muted);
}

[data-theme="dark"] .file-selected {
    background: var(--bg-card);
    border-color: #667eea;
}

[data-theme="dark"] .file-name {
    color: var(--text-primary);
}

/* Status Modal Dark Mode */
[data-theme="dark"] .status-modal-content {
    background: var(--bg-card);
}

[data-theme="dark"] .status-modal-header {
    background: linear-gradient(135deg, #001a2e 0%, #000d1a 100%);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .status-modal-body {
    background: var(--bg-card);
}

[data-theme="dark"] .status-modal-info {
    background: var(--bg-primary);
    color: var(--text-secondary);
    border-right-color: #667eea;
}

[data-theme="dark"] .status-modal-info span {
    color: var(--text-primary);
}

[data-theme="dark"] .status-select {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .status-select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .status-modal-footer {
    background: var(--bg-primary);
    border-top-color: var(--border-color);
}

[data-theme="dark"] .btn-cancel-status {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .btn-cancel-status:hover {
    background: var(--border-color);
}

/* SLA Page Dark Mode */
[data-theme="dark"] .alert-section {
    background: transparent;
}

[data-theme="dark"] .alert-card {
    background: var(--bg-card);
    color: var(--text-primary);
    box-shadow: 0 3px 15px var(--shadow);
    border-right-color: #f44336;
}

[data-theme="dark"] .alert-header h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .alert-body {
    color: var(--text-primary);
}

[data-theme="dark"] .violated-ticket-item {
    background: rgba(244, 67, 54, 0.1);
    border-right-color: #f44336;
}

[data-theme="dark"] .violated-ticket-id {
    color: var(--text-primary);
}

[data-theme="dark"] .violated-ticket-details {
    color: var(--text-secondary);
}

[data-theme="dark"] .violated-ticket-time {
    color: #ef5350;
}

[data-theme="dark"] .sla-settings-section {
    background: var(--bg-card);
    color: var(--text-primary);
    box-shadow: 0 3px 15px var(--shadow);
}

[data-theme="dark"] .sla-settings-section h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .sla-table {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="dark"] .sla-table thead {
    background: var(--bg-primary);
}

[data-theme="dark"] .sla-table th {
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .sla-table td {
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .sla-table tbody tr:hover {
    background: var(--bg-primary);
}

[data-theme="dark"] .request-type-badge {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .priority-badge.priority-critical {
    background: rgba(198, 40, 40, 0.2);
    color: #ef5350;
}

[data-theme="dark"] .priority-badge.priority-high {
    background: rgba(230, 81, 0, 0.2);
    color: #ff9800;
}

[data-theme="dark"] .priority-badge.priority-medium {
    background: rgba(21, 101, 192, 0.2);
    color: #64b5f6;
}

[data-theme="dark"] .priority-badge.priority-low {
    background: rgba(46, 125, 50, 0.2);
    color: #81c784;
}

[data-theme="dark"] .status-badge.status-active {
    background: rgba(46, 125, 50, 0.2);
    color: #81c784;
}

[data-theme="dark"] .status-badge.status-inactive {
    background: rgba(198, 40, 40, 0.2);
    color: #ef5350;
}

[data-theme="dark"] .modal {
    background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .modal-content {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="dark"] .modal-header {
    background: var(--bg-card);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .modal-header h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .modal-close {
    color: var(--text-secondary);
}

[data-theme="dark"] .modal-close:hover {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .modal-body {
    background: var(--bg-card);
}

[data-theme="dark"] .form-group label {
    color: var(--text-primary);
}

[data-theme="dark"] .form-control {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .form-control:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .form-group input[type="checkbox"] {
    accent-color: #667eea;
}

[data-theme="dark"] .modal-footer {
    background: var(--bg-card);
    border-top-color: var(--border-color);
}

[data-theme="dark"] .btn-secondary {
    background: var(--bg-primary);
    color: var(--text-primary);
    border: 2px solid var(--border-color);
}

[data-theme="dark"] .btn-secondary:hover {
    background: var(--border-color);
}

/* Reports Page Dark Mode */
[data-theme="dark"] .stat-card {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="dark"] .stat-info h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .stat-info p {
    color: var(--text-secondary);
}

[data-theme="dark"] .chart-card {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="dark"] .chart-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .chart-header h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .table-card {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="dark"] .table-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .table-header h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .reports-table {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="dark"] .reports-table thead {
    background: var(--bg-primary);
}

[data-theme="dark"] .reports-table th {
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .reports-table td {
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .reports-table tbody tr:hover {
    background: var(--bg-primary);
}

[data-theme="dark"] .rating-badge.rating-excellent {
    background: rgba(46, 125, 50, 0.2);
    color: #81c784;
}

[data-theme="dark"] .rating-badge.rating-good {
    background: rgba(21, 101, 192, 0.2);
    color: #64b5f6;
}

[data-theme="dark"] .rating-badge.rating-average {
    background: rgba(230, 81, 0, 0.2);
    color: #ff9800;
}

[data-theme="dark"] .rating-badge.rating-poor {
    background: rgba(198, 40, 40, 0.2);
    color: #ef5350;
}

/* Feedback Pages Dark Mode */
[data-theme="dark"] .feedback-form-card,
[data-theme="dark"] .my-feedback-section,
[data-theme="dark"] .feedback-list-section {
    background: var(--bg-card);
    color: var(--text-primary);
    box-shadow: 0 3px 15px var(--shadow);
}

[data-theme="dark"] .my-feedback-section h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .feedback-item {
    background: var(--bg-primary);
    border-right-color: #667eea;
}

[data-theme="dark"] .feedback-item:hover {
    background: var(--bg-secondary);
    box-shadow: 0 2px 8px var(--shadow);
}

[data-theme="dark"] .feedback-item-title {
    color: var(--text-primary);
}

[data-theme="dark"] .feedback-item-message {
    color: var(--text-secondary);
}

[data-theme="dark"] .feedback-item-user {
    color: var(--text-muted);
}

[data-theme="dark"] .empty-feedback {
    color: var(--text-muted);
}

[data-theme="dark"] .feedback-detail {
    color: var(--text-primary);
}

[data-theme="dark"] .detail-label {
    color: var(--text-primary);
}

[data-theme="dark"] .detail-value {
    color: var(--text-secondary);
}

[data-theme="dark"] .detail-message {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .reply-section {
    border-top-color: var(--border-color);
}

[data-theme="dark"] .reply-section label {
    color: var(--text-primary);
}

[data-theme="dark"] .reply-section textarea {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .reply-section textarea:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

/* Online Operators Dark Mode */
[data-theme="dark"] .filters-section {
    background: var(--bg-card);
    box-shadow: 0 3px 15px var(--shadow);
}

[data-theme="dark"] .filter-select,
[data-theme="dark"] .search-input {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .filter-select:focus,
[data-theme="dark"] .search-input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .operator-card {
    background: var(--bg-card);
    box-shadow: 0 3px 15px var(--shadow);
}

[data-theme="dark"] .operator-card:hover {
    box-shadow: 0 5px 20px var(--shadow-hover);
}

[data-theme="dark"] .operator-info h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .operator-department {
    color: var(--text-secondary);
}

[data-theme="dark"] .btn-message {
    background: rgba(76, 175, 80, 0.2);
    color: #4caf50;
}

[data-theme="dark"] .btn-message:hover {
    background: #4caf50;
    color: white;
}

/* Chat and Notifications Dark Mode */
[data-theme="dark"] .notification-dropdown {
    background: var(--bg-card);
    box-shadow: 0 10px 40px var(--shadow);
}

[data-theme="dark"] .notification-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .notification-header h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .notification-item:hover {
    background: var(--bg-secondary);
}

[data-theme="dark"] .notification-item.unread {
    background: rgba(33, 150, 243, 0.2);
}

[data-theme="dark"] .notification-title {
    color: var(--text-primary);
}

[data-theme="dark"] .notification-message {
    color: var(--text-secondary);
}

[data-theme="dark"] .notification-empty {
    color: var(--text-muted);
}

[data-theme="dark"] .chat-section {
    background: #0b141a;
    background-image: 
        repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,.01) 10px, rgba(255,255,255,.01) 20px);
    box-shadow: 0 3px 15px var(--shadow);
}

[data-theme="dark"] .chat-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .chat-header h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .chat-participants {
    color: var(--text-secondary);
}

[data-theme="dark"] .chat-empty {
    color: var(--text-muted);
}

[data-theme="dark"] .chat-header {
    background: #202c33;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .other-message .message-content {
    background: #262d31;
    color: #e9edef;
}

[data-theme="dark"] .own-message .message-content {
    background: #005c4b;
    color: #e9edef;
}

/* Dark mode for user messages (green) - right side */
[data-theme="dark"] .own-message.user-message .message-content,
[data-theme="dark"] .user-message.own-message .message-content {
    background: #005c4b;
    color: #e9edef;
}

/* Dark mode for operator messages (green) - right side */
[data-theme="dark"] .own-message.operator-message .message-content,
[data-theme="dark"] .operator-message.own-message .message-content {
    background: #005c4b;
    color: #e9edef;
}

/* Dark mode for operator messages (blue) - left side */
[data-theme="dark"] .other-message.operator-message .message-content,
[data-theme="dark"] .operator-message.other-message .message-content {
    background: #1f2c33;
    color: #e9edef;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Dark mode for user messages (blue) - left side */
[data-theme="dark"] .other-message.user-message .message-content,
[data-theme="dark"] .user-message.other-message .message-content {
    background: #1f2c33;
    color: #e9edef;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .message-time {
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .own-message .message-time {
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .other-message .message-time {
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .chat-input-container {
    background: #202c33;
    border-top-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .chat-input-container textarea {
    background: #2a3942;
    color: #e9edef;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .chat-input-container textarea:focus {
    border-color: rgba(5, 94, 84, 0.5);
    box-shadow: 0 0 0 1px rgba(5, 94, 84, 0.3);
}

[data-theme="dark"] .chat-input-container textarea::placeholder {
    color: #8696a0;
}

[data-theme="dark"] .btn-send-message {
    background: #005c4b;
}

[data-theme="dark"] .btn-send-message:hover {
    background: #006d5b;
}

[data-theme="dark"] .chat-empty {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .chat-empty-hint {
    color: rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .message-avatar {
    background: linear-gradient(135deg, #005c4b 0%, #006d5b 100%);
    color: #e9edef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .message-sender {
    color: #667eea;
}

[data-theme="dark"] .chat-input-container {
    border-top-color: var(--border-color);
}

[data-theme="dark"] .chat-input-container textarea {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .chat-input-container textarea:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

/* Ticket Info Card Dark Mode */
[data-theme="dark"] .ticket-info-card {
    background: var(--bg-card);
    box-shadow: 0 3px 15px var(--shadow);
}

[data-theme="dark"] .info-label {
    color: var(--text-muted);
}

[data-theme="dark"] .info-value {
    color: var(--text-primary);
}

[data-theme="dark"] .header-subtitle {
    color: var(--text-secondary);
}

[data-theme="dark"] .filter-select {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

[data-theme="dark"] .filter-select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

/* Online Users Page Dark Mode */
[data-theme="dark"] .online-users-grid {
    background: transparent;
}

[data-theme="dark"] .user-card {
    background: var(--bg-card);
    color: var(--text-primary);
    box-shadow: 0 3px 15px var(--shadow);
}

[data-theme="dark"] .user-card:hover {
    background: var(--bg-secondary);
    box-shadow: 0 5px 20px var(--shadow-hover);
}

[data-theme="dark"] .user-info h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .user-role-badge {
    background: rgba(102, 126, 234, 0.2);
    color: #9fa8da;
}

[data-theme="dark"] .user-department {
    color: var(--text-secondary);
}

[data-theme="dark"] .user-last-seen {
    color: #81c784;
}

[data-theme="dark"] .btn-action.btn-view {
    background: rgba(25, 118, 210, 0.2);
    color: #64b5f6;
}

[data-theme="dark"] .btn-action.btn-view:hover {
    background: #1976d2;
    color: white;
}

[data-theme="dark"] .btn-action.btn-message {
    background: rgba(56, 142, 60, 0.2);
    color: #81c784;
}

[data-theme="dark"] .btn-action.btn-message:hover {
    background: #388e3c;
    color: white;
}

[data-theme="dark"] .online-count {
    color: var(--text-secondary);
}

[data-theme="dark"] .online-count strong {
    color: #81c784;
}