/**
 * Müşteri-Doktor Yönetim Sayfası Stilleri
 */

/* Müşteri listesi öğeleri */
.customer-item {
    padding: 12px 15px;
    border-bottom: 1px solid #e9ecef;
    cursor: pointer;
    transition: all 0.2s ease;
}

.customer-item:hover {
    background-color: #f8f9fa;
}

.customer-item.selected {
    background-color: #e7f3ff;
    border-left: 3px solid #0d6efd;
    padding-left: 12px;
}

.customer-item:last-child {
    border-bottom: none;
}

/* Buton grubu öğeleri için küçük boyut */
.customer-item .btn-group-sm .btn {
    padding: 2px 6px;
    font-size: 12px;
}

/* Doktorlar paneli için scroll */
#doctorsPanel {
    min-height: 400px;
}

/* Arama kutusu */
#searchCustomer,
#searchDoctor {
    border-radius: 20px;
    padding-left: 35px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='M11 2a9 9 0 106.32 15.49l4.58 4.58a1 1 0 001.4-1.42l-4.58-4.58A9 9 0 0011 2zm0 2a7 7 0 110 14 7 7 0 010-14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 18px 18px;
}

/* Sayfalama kontrolleri */
.pagination-controls {
    background-color: #f8f9fa;
}

.pagination-controls .btn-group {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.pagination-controls .btn {
    min-width: 40px;
}

.pagination-controls .btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Responsive düzenlemeler */
@media (max-width: 991px) {
    .col-lg-5, .col-lg-7 {
        margin-bottom: 20px;
    }

    #customersList {
        max-height: 400px !important;
    }
}

/* Kart başlıkları */
.card-header.bg-primary,
.card-header.bg-success {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    color: #fff;
}

.card-header.bg-primary .card-title,
.card-header.bg-success .card-title,
.card-header.bg-primary h5,
.card-header.bg-success h5 {
    color: #fff !important;
}

/* Badge özelleştirmeleri */
.badge.bg-primary-subtle {
    background-color: rgba(13, 110, 253, 0.1);
}

.badge.bg-info-subtle {
    background-color: rgba(13, 202, 240, 0.1);
}

.badge.bg-success-subtle {
    background-color: rgba(25, 135, 84, 0.1);
}

/* Modal başlık renkleri */
.modal-header.bg-primary {
    background-color: #0d6efd !important;
}

.modal-header.bg-success {
    background-color: #198754 !important;
}

/* Tablo hover efekti */
.table-hover tbody tr:hover {
    background-color: #f8f9fa;
    cursor: pointer;
}

/* Boş durum mesajları */
.text-center i[style*="font-size: 48px"],
.text-center i[style*="font-size: 36px"] {
    opacity: 0.3;
}