/* ==============================================
   Custom CSS — Koperasi Simpan Pinjam
   ============================================== */

/* Small-box hover */
.small-box { transition: transform .2s, box-shadow .2s; }
.small-box:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(0,0,0,.12); }

/* Card */
.card { border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.07); }
.card-outline { border-top-width: 3px; }

/* Sidebar */
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
    background: linear-gradient(90deg,#007bff,#0056b3);
    box-shadow: 0 2px 6px rgba(0,123,255,.4);
}
.nav-sidebar .nav-item>.nav-link {
    border-radius: 6px;
    margin: 1px 6px;
    transition: background .15s;
}

/* Table */
.table th {
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #6c757d;
    border-top: none;
}
.table td { vertical-align: middle; }

/* Badge */
.badge { font-weight: 500; padding: .35em .65em; }

/* Form */
.form-control:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 .15rem rgba(0,123,255,.15);
}
label.required::after { content: ' *'; color: #dc3545; }

/* Button */
.btn { font-weight: 500; border-radius: 6px; }

/* Preloader */
.preloader { background: rgba(255,255,255,.95); }

/* Print */
@media print {
    .main-sidebar,.main-header,.main-footer,
    .content-header,.no-print,.card-tools { display:none!important; }
    .content-wrapper { margin-left:0!important; }
    .card { box-shadow:none!important; border:1px solid #dee2e6!important; }
}

/* Scrollbar sidebar */
.sidebar::-webkit-scrollbar { width: 5px; }
.sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 3px; }

/* User panel truncate */
.user-panel .info { overflow: hidden; }