/* ============================================================
   PERTAMINA SKIN — karakter enterprise formal
   Sidebar navy + top brand bar tiga warna korporat.
   ============================================================ */

/* Brand logo: kotak tegas, merah solid */
.sidebar-brand-logo {
  background: var(--c-primary);
  border-radius: var(--r-sm);
  box-shadow: none;
  font-size: var(--fs-md);
  letter-spacing: -.02em;
}

/* Sidebar navy: brand area sedikit lebih gelap, garis pemisah tegas */
.sidebar-brand {
  background: rgba(0, 0, 0, .18);
  border-bottom: 1px solid var(--c-sidebar-border);
}
.sidebar-brand-name { letter-spacing: .01em; }

/* Nav active: bar merah tegas di kiri + teks putih (klasik korporat) */
.nav-link { border-radius: var(--r-sm); }
.nav-link.is-active {
  position: relative;
  box-shadow: inset 4px 0 0 var(--c-primary);
  font-weight: var(--fw-semibold);
}
.nav-link.is-active .icon { color: #FF6670; }
.app.is-collapsed .nav-link.is-active { box-shadow: inset 0 -3px 0 var(--c-primary); }


/* Header: solid, garis bawah tegas, tanpa blur */
.app-header {
  box-shadow: var(--sh-xs);
}

/* ---------- Karakter korporat: aksen struktural, bukan cuma warna ---------- */

/* Card: header punya garis aksen merah tipis di atas (khas dokumen resmi) */
.card > .card-head {
  background: var(--c-surface-2);
  box-shadow: inset 0 2px 0 var(--c-primary);
}

/* Table header: tegas, garis bawah tebal */
.table thead th {
  background: var(--c-surface-3);
  border-bottom: 2px solid var(--c-border-strong);
  color: var(--c-n-700);
}
[data-theme="dark"] .table thead th { color: var(--c-text-muted); }

/* Stat icon: kotak tegas + aksen kiri merah */
.stat-icon {
  border-radius: var(--r-xs);
  box-shadow: inset 3px 0 0 var(--c-primary);
}

/* KPI value: angka besar tanpa negative tracking (formal, mudah dibaca) */
.stat-value { letter-spacing: 0; }

/* Page title: garis aksen di bawah judul halaman */
.page-head {
  border-bottom: 1px solid var(--c-border);
  padding-bottom: var(--sp-4);
}

/* Button: uppercase kecil, tegas ala tombol aplikasi korporat */
.btn { letter-spacing: .01em; }
.btn-primary, .btn-secondary { text-transform: none; }

/* Badge: sudut hampir kotak, border tipis untuk ketegasan cetak */
.badge { border: 1px solid color-mix(in srgb, currentColor 25%, transparent); }

/* Section heading di sidebar lebih rapat */
.nav-heading { padding-top: var(--sp-5); }