/* Dark Theme CSS für MedRech 2.0 */

body[data-theme="dark"] {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Navigation */
body[data-theme="dark"] .navbar {
    background-color: #2d2d2d !important;
    border-bottom: 1px solid #404040;
}

body[data-theme="dark"] .navbar-brand,
body[data-theme="dark"] .nav-link {
    color: #e0e0e0 !important;
}

body[data-theme="dark"] .nav-link:hover {
    color: #ffffff !important;
}

body[data-theme="dark"] .dropdown-menu {
    background-color: #2d2d2d;
    border-color: #404040;
}

body[data-theme="dark"] .dropdown-item {
    color: #e0e0e0;
}

body[data-theme="dark"] .dropdown-item:hover {
    background-color: #404040;
    color: #ffffff;
}

body[data-theme="dark"] .dropdown-divider {
    border-color: #404040;
}

/* Cards */
body[data-theme="dark"] .card {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

body[data-theme="dark"] .card-header {
    background-color: #252525;
    border-color: #404040;
    color: #e0e0e0;
}

/* Tables */
body[data-theme="dark"] .table {
    color: #e0e0e0;
}

body[data-theme="dark"] .table thead th {
    background-color: #252525;
    border-color: #404040;
    color: #e0e0e0;
}

body[data-theme="dark"] .table tbody tr {
    background-color: #2d2d2d;
    border-color: #404040;
}

body[data-theme="dark"] .table tbody tr:hover {
    background-color: #353535;
}

/* Forms */
body[data-theme="dark"] .form-control,
body[data-theme="dark"] .form-select {
    background-color: #353535;
    border-color: #404040;
    color: #e0e0e0;
}

body[data-theme="dark"] .form-control:focus,
body[data-theme="dark"] .form-select:focus {
    background-color: #404040;
    border-color: #0d6efd;
    color: #ffffff;
}

body[data-theme="dark"] .form-label {
    color: #e0e0e0;
}

body[data-theme="dark"] .form-text {
    color: #b0b0b0;
}

/* Buttons */
body[data-theme="dark"] .btn-secondary {
    background-color: #404040;
    border-color: #404040;
    color: #e0e0e0;
}

body[data-theme="dark"] .btn-secondary:hover {
    background-color: #505050;
    border-color: #505050;
}

body[data-theme="dark"] .btn-outline-secondary {
    color: #e0e0e0;
    border-color: #404040;
}

body[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: #404040;
    color: #ffffff;
}

/* Alerts */
body[data-theme="dark"] .alert {
    border-color: #404040;
}

body[data-theme="dark"] .alert-info {
    background-color: #1e3a4f;
    color: #a8c7e7;
    border-color: #2e5a7f;
}

body[data-theme="dark"] .alert-success {
    background-color: #1e3f2f;
    color: #a8d7a8;
    border-color: #2e5f4f;
}

body[data-theme="dark"] .alert-warning {
    background-color: #4f3f1e;
    color: #e7d7a8;
    border-color: #7f5f2e;
}

body[data-theme="dark"] .alert-danger {
    background-color: #4f1e1e;
    color: #e7a8a8;
    border-color: #7f2e2e;
}

/* Modal */
body[data-theme="dark"] .modal-content {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

body[data-theme="dark"] .modal-header {
    background-color: #252525;
    border-color: #404040;
}

body[data-theme="dark"] .modal-footer {
    border-color: #404040;
}

body[data-theme="dark"] .btn-close {
    filter: invert(1);
}

/* Footer */
body[data-theme="dark"] footer {
    background-color: #2d2d2d !important;
    border-top: 1px solid #404040;
    color: #b0b0b0 !important;
}

body[data-theme="dark"] footer a {
    color: #b0b0b0 !important;
}

body[data-theme="dark"] footer a:hover {
    color: #ffffff !important;
}

/* Badges */
body[data-theme="dark"] .badge {
    color: #ffffff;
}

body[data-theme="dark"] .badge.bg-light {
    background-color: #404040 !important;
    color: #e0e0e0;
}

/* Text Colors */
body[data-theme="dark"] .text-muted {
    color: #b0b0b0 !important;
}

body[data-theme="dark"] .text-dark {
    color: #e0e0e0 !important;
}

body[data-theme="dark"] .bg-light {
    background-color: #2d2d2d !important;
}

/* Links */
body[data-theme="dark"] a {
    color: #6ea8fe;
}

body[data-theme="dark"] a:hover {
    color: #9ec5fe;
}

/* Pagination */
body[data-theme="dark"] .pagination .page-link {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

body[data-theme="dark"] .pagination .page-link:hover {
    background-color: #404040;
    color: #ffffff;
}

body[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* Select2 (wenn verwendet) */
body[data-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
    background-color: #353535;
    border-color: #404040;
    color: #e0e0e0;
}

body[data-theme="dark"] .select2-dropdown {
    background-color: #2d2d2d;
    border-color: #404040;
}

body[data-theme="dark"] .select2-results__option {
    color: #e0e0e0;
}

body[data-theme="dark"] .select2-results__option--highlighted {
    background-color: #0d6efd !important;
}

/* Login Page spezifisch */
body[data-theme="dark"] .login-card {
    background-color: #2d2d2d;
    border-color: #404040;
}

body[data-theme="dark"] .login-header {
    background: linear-gradient(135deg, #1e3a4f 0%, #2d2d4f 100%);
}

/* Scrollbar (für Webkit Browser) */
body[data-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
}

body[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #1a1a1a;
}

body[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #404040;
    border-radius: 6px;
}

body[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #505050;
}

/* Input Placeholder */
body[data-theme="dark"] ::placeholder {
    color: #808080;
}