/* =========================
   GLOBAL
========================= */

body {
    font-family: "Segoe UI", Tahoma, sans-serif;
    background-color: #f5f7fa;
}

.page-wrapper {
    padding: 20px 25px 40px;
}


/* =========================
   HEADER
========================= */

.header-home {
    margin-bottom: 20px;
}

.logo-header {
    height: 48px;
    width: auto;
}


/* =========================
   BUTTON
========================= */

.btn {
    border-radius: 8px;
    font-size: 14px;
}


/* =========================
   FILTER CARD
========================= */

.card {
    border-radius: 12px;
}

.card-body label {
    font-weight: 600;
    font-size: 13px;
}


/* =========================
   TABLE
========================= */

.table th,
.table td {
    vertical-align: middle;
    font-size: 13px;
}

.table th {
    white-space: nowrap;
}

.table-success th {
    background-color: #e6f4ea;
    color: #198754;
}


/* =========================
   PRINT MODE
========================= */

@media print {
    body {
        background: #fff;
    }
    .no-print {
        display: none !important;
    }
    .page-wrapper {
        padding: 0;
    }
    table {
        font-size: 12px;
    }
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {
    .logo-header {
        height: 36px;
    }
    h4 {
        font-size: 18px;
    }
    /* Scroll horizontal untuk tabel di HP */
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /* smooth scroll di iOS */
    }
    table {
        min-width: 700px;
        /* pastikan tabel tetap lebar agar scroll muncul */
    }
}