/* Dark Mode Styles für das gesamte Ticket-System */

/* Dark Mode Basis-Styles */
body.dark-mode {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    color: #e0e0e0;
}

/* Navigation Dark Mode */
body.dark-mode .navbar {
    background: rgba(26, 26, 46, 0.95);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-mode .navbar-brand {
    color: #64b5f6 !important;
}

body.dark-mode .nav-link {
    color: #e0e0e0 !important;
}

body.dark-mode .nav-link:hover {
    background: rgba(100, 181, 246, 0.2);
    color: #64b5f6 !important;
}

body.dark-mode .nav-link.active {
    background: #64b5f6;
    color: #1a1a2e !important;
}

body.dark-mode .navbar-text {
    color: #e0e0e0 !important;
}

/* Karten und Container Dark Mode */
body.dark-mode .dashboard-card,
body.dark-mode .settings-card,
body.dark-mode .content-card,
body.dark-mode .ticket-detail-card {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
}

/* Stats-Cards Dark Mode */
body.dark-mode .stats-card {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
}

body.dark-mode .stats-card:hover {
    background: rgba(26, 26, 46, 0.98);
    border: 1px solid rgba(100, 181, 246, 0.3);
}

body.dark-mode .stats-number {
    color: #e0e0e0;
}

body.dark-mode .stats-label {
    color: #b0b0b0;
}

/* Dark Mode für alle neuen Elemente */
body.dark-mode .content-card {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
}

body.dark-mode .card-title {
    color: #e0e0e0;
}

body.dark-mode .table {
    color: #e0e0e0;
}

body.dark-mode .table th {
    background: rgba(255, 255, 255, 0.05);
    color: #e0e0e0;
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .table td {
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .table-hover tbody tr:hover {
    background: rgba(255, 255, 255, 0.05);
}

body.dark-mode .btn-group .btn {
    border-color: rgba(255, 255, 255, 0.2);
}

body.dark-mode .modal-content {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-mode .modal-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .modal-footer {
    border-top-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .modal-title {
    color: #e0e0e0;
}

/* Dark Mode für Dropdown-Menüs */
body.dark-mode .dropdown-menu {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-mode .dropdown-item {
    color: #e0e0e0;
}

body.dark-mode .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
}

body.dark-mode .dropdown-divider {
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .card-title {
    color: #e0e0e0;
}

/* Ticket-Karten Dark Mode */
body.dark-mode .ticket-card {
    background: rgba(255, 255, 255, 0.05);
    border-left-color: #64b5f6;
    color: #e0e0e0;
}

body.dark-mode .ticket-card:hover {
    background: rgba(255, 255, 255, 0.1);
}

body.dark-mode .ticket-number {
    color: #64b5f6;
}

body.dark-mode .ticket-subject {
    color: #e0e0e0;
}

body.dark-mode .ticket-meta {
    color: #b0b0b0;
}

/* Status-Badges Dark Mode */
body.dark-mode .status-open {
    background: rgba(76, 175, 80, 0.2);
    color: #4caf50;
}

body.dark-mode .status-customer_reply {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
}

body.dark-mode .status-admin_reply {
    background: rgba(100, 181, 246, 0.2);
    color: #64b5f6;
}

body.dark-mode .status-closed {
    background: rgba(244, 67, 54, 0.2);
    color: #f44336;
}

/* Formulare Dark Mode */
body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #e0e0e0;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background: rgba(255, 255, 255, 0.15);
    border-color: #64b5f6;
    box-shadow: 0 0 0 0.2rem rgba(100, 181, 246, 0.25);
}

body.dark-mode .form-check-input:checked {
    background-color: #64b5f6;
    border-color: #64b5f6;
}

body.dark-mode .form-label {
    color: #e0e0e0;
}

/* Buttons Dark Mode */
body.dark-mode .btn-secondary {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #e0e0e0;
}

body.dark-mode .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #e0e0e0;
}

body.dark-mode .btn-primary {
    background: linear-gradient(135deg, #64b5f6, #1976d2);
    border: none;
}

body.dark-mode .btn-primary:hover {
    background: linear-gradient(135deg, #42a5f5, #1565c0);
}

body.dark-mode .btn-outline-primary {
    border-color: #64b5f6;
    color: #64b5f6;
}

body.dark-mode .btn-outline-primary:hover {
    background: #64b5f6;
    color: #1a1a2e;
}

body.dark-mode .btn-outline-secondary {
    border-color: rgba(255, 255, 255, 0.3);
    color: #e0e0e0;
}

body.dark-mode .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
}

/* Tabellen Dark Mode */
body.dark-mode .table {
    background: rgba(26, 26, 46, 0.95);
    color: #e0e0e0;
}

body.dark-mode .table th {
    background: rgba(100, 181, 246, 0.2);
    color: #e0e0e0;
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .table td {
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .table-hover tbody tr:hover {
    background: rgba(255, 255, 255, 0.05);
}

/* Alerts Dark Mode */
body.dark-mode .alert {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #e0e0e0;
}

body.dark-mode .alert-success {
    background: rgba(76, 175, 80, 0.2);
    border-color: #4caf50;
}

body.dark-mode .alert-danger {
    background: rgba(244, 67, 54, 0.2);
    border-color: #f44336;
}

body.dark-mode .alert-warning {
    background: rgba(255, 193, 7, 0.2);
    border-color: #ffc107;
}

body.dark-mode .alert-info {
    background: rgba(100, 181, 246, 0.2);
    border-color: #64b5f6;
}

/* Modals Dark Mode */
body.dark-mode .modal-content {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
}

body.dark-mode .modal-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .modal-footer {
    border-top-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .modal-title {
    color: #e0e0e0;
}

/* Nachrichten-Verlauf Dark Mode */
body.dark-mode .message-thread {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-mode .message-item {
    background: rgba(255, 255, 255, 0.05);
    border-left-color: #64b5f6;
}

body.dark-mode .message-author {
    color: #64b5f6;
}

body.dark-mode .message-time {
    color: #b0b0b0;
}

body.dark-mode .message-content {
    color: #e0e0e0;
}

/* Such-Bereich Dark Mode */
body.dark-mode .search-section {
    background: rgba(255, 255, 255, 0.05);
    border-left-color: #64b5f6;
}

body.dark-mode .search-container {
    color: #e0e0e0;
}

/* Anhänge Dark Mode */
body.dark-mode .attachments-section {
    background: rgba(255, 255, 255, 0.05);
    border-left-color: #64b5f6;
}

body.dark-mode .attachment-item {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .attachment-item:hover {
    border-color: #64b5f6;
    background: rgba(255, 255, 255, 0.1);
}

body.dark-mode .attachment-name {
    color: #e0e0e0;
}

body.dark-mode .attachment-size {
    color: #b0b0b0;
}

/* Bewertungs-System Dark Mode */
body.dark-mode .rating-section {
    background: rgba(255, 255, 255, 0.05);
    border-left-color: #ffc107;
}

body.dark-mode .current-rating {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

/* Upload-Bereich Dark Mode */
body.dark-mode .upload-area {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
}

body.dark-mode .upload-area:hover {
    background: rgba(100, 181, 246, 0.1);
    border-color: #64b5f6;
}

body.dark-mode .file-item {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .file-name {
    color: #e0e0e0;
}

body.dark-mode .file-size {
    color: #b0b0b0;
}

/* Text-Highlighting Dark Mode */
body.dark-mode .search-highlight {
    background: #ffc107;
    color: #1a1a2e;
}

/* Scrollbar Dark Mode */
body.dark-mode ::-webkit-scrollbar {
    width: 8px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: rgba(100, 181, 246, 0.5);
    border-radius: 4px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 181, 246, 0.7);
}

/* Placeholder Dark Mode */
body.dark-mode ::placeholder {
    color: #b0b0b0;
}

/* Links Dark Mode */
body.dark-mode a {
    color: #64b5f6;
}

body.dark-mode a:hover {
    color: #42a5f5;
}

/* Text-Farben Dark Mode */
body.dark-mode .text-muted {
    color: #b0b0b0 !important;
}

body.dark-mode .text-primary {
    color: #64b5f6 !important;
}

body.dark-mode .text-success {
    color: #4caf50 !important;
}

body.dark-mode .text-warning {
    color: #ffc107 !important;
}

body.dark-mode .text-danger {
    color: #f44336 !important;
}

/* Keine Tickets Nachricht Dark Mode */
body.dark-mode .no-tickets {
    color: #b0b0b0;
}

body.dark-mode .no-tickets i {
    color: rgba(255, 255, 255, 0.2);
}