/* =========================================================================
   e-Portal 627 — Corporate Polish
   Penyesuaian visual ringan di atas tema Metronic (TIDAK mengubah warna brand).
   Tujuan: tampilan lebih rapi, modern, dan korporat. Aman & non-destruktif.
   ========================================================================= */

:root{
    --portal-radius: 0.85rem;
    --portal-shadow: 0 4px 18px rgba(24, 40, 72, 0.06);
    --portal-shadow-hover: 0 8px 28px rgba(24, 40, 72, 0.10);
    --portal-border: #eef1f6;
}

/* ---- Tipografi sedikit lebih tegas/rapi ---- */
body, .fw-normal { letter-spacing: .1px; }
.card-title, h1,h2,h3,h4,h5 { letter-spacing: -.2px; }

/* ---- Card: radius & shadow lebih lembut/konsisten ---- */
.card{
    border: 1px solid var(--portal-border) !important;
    border-radius: var(--portal-radius) !important;
    box-shadow: var(--portal-shadow) !important;
    transition: box-shadow .2s ease, transform .2s ease;
}
.card.card-hover-lift:hover{
    box-shadow: var(--portal-shadow-hover) !important;
    transform: translateY(-2px);
}

/* ---- Tombol: sedikit lebih solid & smooth ---- */
.btn{ border-radius: .65rem; font-weight: 600; transition: all .15s ease; }
.btn:active{ transform: translateY(1px); }

/* ---- Sidebar: indikator item aktif lebih jelas (aksen kiri) ---- */
.aside .menu .menu-item .menu-link.active{
    position: relative;
    border-radius: .65rem;
}
.aside .menu .menu-item .menu-link.active::before{
    content:"";
    position:absolute; left:0; top:18%; bottom:18%;
    width:3px; border-radius:3px;
    background: var(--bs-primary, #009EF7);
}

/* ---- Header: garis bawah halus agar 'naik kelas' ---- */
.header{ border-bottom: 1px solid var(--portal-border); }

/* ---- Tabel: header lebih tegas, baris lebih lega ---- */
.table thead th{
    text-transform: uppercase;
    font-size: .72rem;
    letter-spacing: .5px;
    color: #7a8699;
}
.table tbody td{ vertical-align: middle; }

/* ---- Badge status (semantik) tetap konsisten ---- */
.badge{ font-weight: 600; letter-spacing:.2px; }

/* ---- Halaman Login: kartu lebih elegan ---- */
.bg-body .card, form.form .card{ box-shadow: var(--portal-shadow-hover) !important; }

/* ---- Scrollbar halus (webkit) ---- */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:#cfd6e2; border-radius:10px; }
::-webkit-scrollbar-thumb:hover{ background:#b7c0d0; }

/* ---- Loading skeleton util (opsional dipakai di halaman) ---- */
.portal-skeleton{
    background: linear-gradient(90deg,#eef1f6 25%,#e3e8f0 37%,#eef1f6 63%);
    background-size: 400% 100%;
    animation: portalShimmer 1.2s ease-in-out infinite;
    border-radius: 8px;
}
@keyframes portalShimmer{ 0%{background-position:100% 0} 100%{background-position:0 0} }