/* ============================================================
   dash.sewakost.com — Custom Styles
   ============================================================ */

/* Font dasar */
body,
.nav-sidebar .nav-link p,
.brand-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ============================================================
   Sidebar
   ============================================================ */

/* Brand link lebih rapat */
.brand-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Sidebar sub-menu indent lebih kecil */
.nav-sidebar .nav-treeview > .nav-item > .nav-link {
    padding-left: 1.8rem;
}

/* ============================================================
   Cards & Layout
   ============================================================ */

/* Shadow ringan untuk card */
.card {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

/* Small box hover effect */
.small-box:hover {
    transform: translateY(-2px);
    transition: transform 0.2s ease;
}

/* ============================================================
   Tabel
   ============================================================ */

/* Header tabel lebih menonjol */
.table thead th {
    background-color: #f8f9fa;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-top: none;
}

/* ============================================================
   Utilities
   ============================================================ */

/* Badge rupiah */
.badge-rupiah {
    background-color: #e8f5e9;
    color: #2e7d32;
    font-size: 0.9em;
    font-weight: 600;
}

/* Teks muted lebih soft */
.text-light-secondary {
    color: #ced4da !important;
}

/* Pastikan disabled nav-link tidak terlihat clickable */
.nav-link.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 576px) {
    .content-header h1 {
        font-size: 1.2rem;
    }
}