.navbar-dark .dropdown-menu {
    background-color: #212529 !important;
}

.navbar-dark .dropdown-item {
    color: rgba(255,255,255,.55);
}

.navbar-dark .dropdown-item:hover {
    color: rgba(255,255,255,.75);
    background-color: #343a40;
}

/* Dropdown menü genişliklerini artır */
.navbar .dropdown-menu {
    min-width: 250px !important;
    width: auto !important;
}
      
/* İçerik uzunsa otomatik genişlet */
.navbar .dropdown-menu .nav-link {
    white-space: nowrap;
    padding: 0.5rem 1.5rem;
 }
     
/* Badge'lerin düzgün görünmesi için */
.navbar .dropdown-menu .badge {
    margin-left: 0.5rem;
}


/* İşlemler menüsü için özel stiller - Ultra spesifik seçicilerle */
body .table .dropdown .dropdown-menu {
    background-color: #212529 !important; /* Siyah arka plan */
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
}

/* İşlemler menüsü için normal durumdaki metin rengi */
body .table .dropdown .dropdown-menu .dropdown-item {
    color: #ffffff !important; /* Beyaz yazı */
}

/* İşlemler menüsü için özel hover efekti */
body .table .dropdown .dropdown-menu .dropdown-item:hover,
body .table .dropdown .dropdown-menu .dropdown-item:focus {
    color: #ffd700 !important; /* Hover'da sarı yazı */
    background-color: #343a40 !important; /* Koyu gri arkaplan */
    text-decoration: none;
}

/* Dropdown menüdeki ikonlar için stil */
.dropdown-item i {
    width: 18px;
    text-align: center;
    margin-right: 5px;
    color: inherit;
}

/* Responsive dropdown menü stilleri */
@media (max-width: 768px) {
    .table .dropdown-menu {
        position: static !important;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none; 
    }
    
    .table .dropdown-menu .dropdown-item {
        padding: 0.5rem 1rem;
    }
}

.receipt-detail {
    padding: 20px;
}

/* Dark Mode stiller dark_mode.css dosyasına taşındı */

/* ========================================
   SBORNSITE UYGULAMASI STİLLERİ
   ======================================== */

/* Custom styles from sbornSITE app */
.table th {
    background-color: #f8f9fa;
}

/* Custom form styles */
.form-control:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.receipt-detail-container {
    max-width: 100%;
    overflow-x: auto;
}

.table-responsive {
    max-height: 400px;
    overflow-y: auto;
}

.table th {
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
}

/* Footer styling for service tables */
#selected-services-table tfoot th {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background-color: #343a40 !important;
    color: white !important;
}

/* Service selection styles */
.service-selection-container {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.5rem;
}

.service-checkbox {
    display: block;
    margin-bottom: 0.5rem;
}

#selected-services-table {
    margin-top: 1rem;
}

.highlight-totals {
    animation: highlight-row 1s ease;
}

@keyframes highlight-row {
    0% { background-color: rgba(255, 193, 7, 0.3); }
    100% { background-color: inherit; }
}

/* Mobile responsive service table */
@media (max-width: 767.98px) {
    #selected-services-table {
        font-size: 0.875rem;
    }
    
    #selected-services-table th,
    #selected-services-table td {
        padding: 0.5rem 0.25rem;
    }
    
    .service-name {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .service-checkbox label {
        font-size: 0.9rem;
    }
}

/* Django Messages - Geliştirilmiş Alert Stilleri */
.alert {
    border: none !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    position: relative !important;
    border-left: 4px solid transparent !important;
}

/* Success Messages - Yeşil */
.alert-success {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%) !important;
    color: #155724 !important;
    border-left-color: #28a745 !important;
}

.alert-success::before {
    content: '✓';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 18px;
    color: #28a745;
}

.alert-success .alert-content {
    margin-left: 25px;
}

/* Error Messages - Kırmızı - Daha güçlü seçicilerle */
.alert-error, .alert-danger, .alert.alert-error, .alert.alert-danger {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%) !important;
    color: #721c24 !important;
    border-left-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.alert-error::before, .alert-danger::before, .alert.alert-error::before, .alert.alert-danger::before {
    content: '✕';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 18px;
    color: #dc3545;
}

.alert-error .alert-content, .alert-danger .alert-content, .alert.alert-error .alert-content, .alert.alert-danger .alert-content {
    margin-left: 25px;
}

/* Warning Messages - Sarı */
.alert-warning, .alert.alert-warning {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%) !important;
    color: #856404 !important;
    border-left-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.alert-warning::before, .alert.alert-warning::before {
    content: '⚠';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 18px;
    color: #ffc107;
}

.alert-warning .alert-content, .alert.alert-warning .alert-content {
    margin-left: 25px;
}

/* Info Messages - Mavi */
.alert-info, .alert.alert-info {
    background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%) !important;
    color: #0c5460 !important;
    border-left-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.alert-info::before, .alert.alert-info::before {
    content: 'ℹ';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 18px;
    color: #17a2b8;
}

.alert-info .alert-content, .alert.alert-info .alert-content {
    margin-left: 25px;
}

/* Kapatma butonu */
.alert .btn-close {
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
    font-size: 12px !important;
    opacity: 0.7 !important;
}

.alert .btn-close:hover {
    opacity: 1 !important;
}

/* Mesaj animasyonu */
.alert.fade.show {
    animation: slideInFromTop 0.5s ease-out;
}

@keyframes slideInFromTop {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive mesaj stilleri */
@media (max-width: 768px) {
    .alert {
        padding: 12px 15px !important;
        margin-bottom: 15px !important;
        font-size: 14px !important;
    }
    
    .alert::before {
        left: 12px !important;
        font-size: 16px !important;
    }
    
    .alert .alert-content {
        margin-left: 22px !important;
    }
}

/* Debug ve Bootstrap Override için çok güçlü seçiciler */
body .container .alert-error,
body .container .alert-danger,
body .modal .alert-error,
body .modal .alert-danger,
body .tab-content .alert-error,
body .tab-content .alert-danger {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%) !important;
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #dc3545 !important;
    border-left: 4px solid #dc3545 !important;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3) !important;
}

/* Test için geçici ultra görünür stil */
.test-error-style {
    background: red !important;
    color: white !important;
    border: 3px solid darkred !important;
    padding: 20px !important;
}