/* ============================================================
   OJS — Pilar Theme
   Tipografi & gaya komponen disamakan dengan PilarPOS
   (font Inter, kartu, tombol, badge, tabel, form, sidebar).
   Warna TETAP ungu — palet tidak diubah.
   Dimuat paling akhir di tiap layout agar menimpa aturan bawaan.
   ============================================================ */

:root{
  --font-app: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --gold: #f59e0b;
  --gold-2: #fbbf24;
  --gold-ink: #b45309;
  --gold-soft: #fef3c7;
}

/* ---------- Tipografi (Inter, ala PilarPOS) ---------- */
body, .card, .card-header, .card-title, .card-body, .card-footer,
.navbar, .dropdown-menu, .dropdown-item, .table, .list-group-item,
.badge, .btn, .form-control, .form-select, .input-group-text, .nav-link,
.sidebar, .sidebar-brand, .sidebar-link, .topbar, .page-content,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
label, input, button, select, textarea, a{
  font-family: var(--font-app) !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  letter-spacing: -.3px;
  font-weight: 800;
}
body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ---------- Kartu (card) ala PilarPOS ---------- */
.card{
  border: 1px solid #ede9fe !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(109,40,217,.10), 0 1px 3px rgba(15,23,42,.06) !important;
  transition: box-shadow .2s ease, transform .2s ease;
}
.card:hover{
  box-shadow: 0 8px 28px rgba(109,40,217,.14), 0 2px 6px rgba(15,23,42,.06) !important;
}
.card-header{ background: #fff; font-weight: 700; box-shadow: inset 3px 0 0 var(--gold); }
.card-header:first-child{ border-radius: 13px 13px 0 0 !important; }
.card-footer:last-child{ border-radius: 0 0 13px 13px !important; }

/* kartu kustom (publik & widget) */
.pcard, .pub-card, .widget, .hm-art{ border-radius: 14px !important; }

/* ---------- Tombol ---------- */
.btn{ border-radius: 10px !important; font-weight: 700 !important; }
.btn-primary{
  background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(109,40,217,.3) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  background: linear-gradient(135deg, #6d28d9, #5b21b6) !important;
  box-shadow: 0 6px 18px rgba(109,40,217,.4) !important;
}
.btn-outline-primary{ border-color: #c084fc !important; color: #7c3aed !important; }
.btn-outline-primary:hover{ background: #7c3aed !important; border-color: #7c3aed !important; color: #fff !important; }
.btn-outline-secondary{ border-color: #ede9fe !important; color: #6b7280 !important; }
.btn-outline-secondary:hover{ background: #faf5ff !important; border-color: #d8b4fe !important; color: #7c3aed !important; }

/* ---------- Badge (pill) ---------- */
.badge{
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: .34em .72em !important;
}

/* ---------- Form ---------- */
.form-control, .form-select{ border-radius: 10px !important; }
.form-control:focus, .form-select:focus{
  border-color: #c084fc !important;
  box-shadow: 0 0 0 .18rem rgba(168,85,247,.15) !important;
}
.form-check-input:checked{ background-color: #7c3aed !important; border-color: #7c3aed !important; }
.form-check-input:focus{ box-shadow: 0 0 0 .18rem rgba(168,85,247,.2) !important; }
.input-group-text{ border-radius: 10px !important; }

/* ---------- Tabel ---------- */
.table th{
  font-size: .72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #6b7280 !important;
}
.table td{ vertical-align: middle; }
.table-hover tbody tr:hover td{ background: #faf5ff; }

/* ---------- Aksen emas (kombinasi ungu–emas, seragam dgn halaman publik) ---------- */
a:hover{ color: var(--gold-ink); }
.table thead th{ border-bottom-color: rgba(245,158,11,.4) !important; }
.auth-logo-icon{ box-shadow: 0 8px 24px rgba(109,40,217,.35), 0 0 0 4px rgba(245,158,11,.30) !important; }

/* ---------- Halaman konten ---------- */
.page-content{ padding: 1.75rem 1.75rem; }

/* ---------- Sidebar (sentuhan PilarPOS: link membulat + aksen aktif) ---------- */
.sidebar-link{ border-radius: 10px; }