/*
 * Catering QR — Özel CSS
 * Cuba tema üzerine küçük düzenlemeler
 */

/* ── Yükleme sayfası geçişi ── */
.loader-wrapper {
    background: #1e2840;
}

/* ── Sidebar aktif item ── */
.sidebar-links .sidebar-list.active > a.sidebar-link {
    background: linear-gradient(90deg, rgba(61,106,232,0.15) 0%, transparent 100%);
    border-left: 3px solid #3d6ae8;
    color: #3d6ae8;
}

/* ── Widget kartları özellendirme ── */
.widget-1 .card-body .widget-round.primary  .bg-round { background: linear-gradient(180deg, #3d6ae8, #1e2840); }
.widget-1 .card-body .widget-round.secondary .bg-round { background: linear-gradient(180deg, #6c5dd3, #3d6ae8); }
.widget-1 .card-body .widget-round.success  .bg-round { background: linear-gradient(180deg, #28a745, #1e7e34); }
.widget-1 .card-body .widget-round.warning  .bg-round { background: linear-gradient(180deg, #ffc107, #e0a800); }

/* ── Tablo hover rengi ── */
.table-hover tbody tr:hover {
    background-color: rgba(61, 106, 232, 0.05);
}

/* ── Badge özelleştirme ── */
.badge-light-primary { background: rgba(61,106,232,0.12); color: #3d6ae8; }
.badge-light-success { background: rgba(40,167,69,0.12);  color: #28a745; }
.badge-light-warning { background: rgba(255,193,7,0.12);  color: #e0a800; }
.badge-light-danger  { background: rgba(220,53,69,0.12);  color: #dc3545; }

/* ── Card no-border header ── */
.card-no-border { border-bottom: none !important; padding-bottom: 0 !important; }

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

/* ── Form action butonları ── */
.btn-action-group { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.btn-action-group .btn { padding: 4px 10px; font-size: 12px; }

/* ── Son aktivite listesi ── */
.recent-activity { list-style: none; padding: 0; }
.recent-activity li {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}
.recent-activity li:last-child { border-bottom: none; }

/* ── QR görsel kutusu ── */
.qr-box {
    display: inline-block;
    padding: 12px;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
}
.qr-box img { max-width: 200px; display: block; }