:root{--blue-deep:#0b2f5b;--blue-soft:#e6f2ff;--blue-mid:#2b7bd8;}
.bg-soft{background:linear-gradient(180deg,var(--blue-soft) 0%,#ffffff 45%,#ffffff 100%);}
.bg-primary-deep{background-color:var(--blue-deep)!important;}
.text-primary-deep{color:var(--blue-deep)!important;}
.bg-primary-soft{background-color:var(--blue-soft)!important;}
.border-primary-soft{border-color:#cfe7ff!important;}
.card{border-radius:16px;box-shadow:0 8px 20px rgba(11,47,91,.08);border:1px solid #e9f3ff;}
.btn-primary{background-color:var(--blue-mid);border-color:var(--blue-mid);}
.btn-primary:hover{filter:brightness(.95);}
.table thead th{background:#f3f8ff;}
.badge{border-radius:999px;}

/* Interactive + responsive helpers */
.sidebar-link{color:#fff; text-decoration:none;}
.sidebar-link:hover{opacity:.9; text-decoration:underline;}
.kpi-card{transition:transform .15s ease, box-shadow .15s ease;}
.kpi-card:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(11,47,91,.12);}
.card-header-soft{background:rgba(230,242,255,.7); border-bottom:1px solid #e9f3ff;}
@media (max-width: 576px){
  .container{padding-left:14px;padding-right:14px;}
  .table{font-size:.9rem;}
  .btn{font-size:.9rem;}
  .navbar-brand{font-size:1rem;}
}

/* Hybrid Sidebar (desktop fixed, mobile offcanvas) */
.layout-shell{min-height:100vh;}
.sidebar{
  width:260px;
  background:linear-gradient(180deg,#0b2f5b 0%, #0a3f7a 100%);
  color:#fff;
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
}
.sidebar .nav-link{border-radius:12px; padding:.55rem .75rem;}
.sidebar .nav-link.active{background:rgba(255,255,255,.14);}
.main-content{min-width:0;}
.sidebar-offcanvas .list-group-item{border:0;border-radius:10px;margin:.25rem .25rem;}

/* Dropdown aksi untuk HP */
@media (max-width: 767.98px){
  .action-inline{display:none !important;}
  .action-dd{display:inline-block !important;}
}
@media (min-width: 768px){
  .action-inline{display:inline-flex !important;}
  .action-dd{display:none !important;}
}