/**
 * assets/css/panel.css
 * IO Dijital – Üye ve Admin Panel Stilleri
 * Encoding: UTF-8
 */

/* ─── Genel Panel Stili ───────────────────────────────────────── */
body {
    background-color: #f4f6fb;
    font-family: 'Red Hat Display', system-ui, sans-serif;
}

/* Kart başlığı */
.card-header {
    font-size: 1rem;
    border-bottom: 1px solid #e9ecef;
}

/* ─── İstatistik Kartları ──────────────────────────────────────── */
.card.border-0 {
    border-radius: 12px;
    transition: box-shadow .2s;
}
.card.border-0:hover {
    box-shadow: 0 4px 20px rgba(2,2,136,.12) !important;
}

/* ─── Tablo Düzeni ───────────────────────────────────────────── */
.table thead th {
    font-size: .85rem;
    letter-spacing: .03em;
    color: #6c757d;
}

.table tbody td {
    vertical-align: middle;
    font-size: .9rem;
}

/* ─── Badge Düzenlemeleri ────────────────────────────────────── */
.badge {
    font-size: .78rem;
    padding: .35em .65em;
    border-radius: 6px;
}

/* ─── Küçük Butonlar ─────────────────────────────────────────── */
.btn-xs {
    font-size: .78rem;
    padding: .2rem .5rem;
}

/* ─── Accordion (SSS) Animasyon ──────────────────────────────── */
.accordion-panel {
    overflow: hidden;
    transition: max-height .3s ease, padding .3s ease;
    padding: 0;
    max-height: 0;
}
.accordion-panel:not([hidden]) {
    max-height: 600px;
    padding: 12px 0;
}
.accordion-trigger[aria-expanded="true"] img {
    transform: rotate(45deg);
    transition: transform .25s ease;
}
.accordion-trigger img {
    transition: transform .25s ease;
}

/* ─── Flash Mesaj ────────────────────────────────────────────── */
.alert {
    border-radius: 8px;
}

/* ─── Form Güzelleştirme ─────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
    border-color: #020288;
    box-shadow: 0 0 0 .2rem rgba(2,2,136,.15);
}

/* ─── Sayfalama ──────────────────────────────────────────────── */
.pagination .page-link {
    color: #020288;
}
.pagination .page-item.active .page-link {
    background-color: #020288;
    border-color: #020288;
}

/* ─── Responsive Küçük Ekran ─────────────────────────────────── */
@media (max-width: 576px) {
    .table-responsive {
        font-size: .82rem;
    }
    .d-flex.gap-2 {
        flex-wrap: wrap;
    }
}