/* ============================================================================
   TEMA CLAUDE — LAPIS OVERRIDE
   ============================================================================
   File ini di-load PALING AKHIR di base.html, sesudah app.css dan topbar.css,
   supaya aturan di sini menang pada spesifisitas yang sama.
   Palet --ct-* didefinisikan di app.css (:root).

   CATATAN — topbar sengaja TIDAK ditema di sini.
   Sempat dibuat kertas hangat, lalu dikembalikan ke warna semula atas
   permintaan: topbar memakai gaya bawaan dari topbar.css
   (latar #343a40, kolom pencarian #212529). Jangan tambahkan lagi aturan
   .topbar di file ini — cukup biarkan topbar.css yang mengatur.
   (topbar.css tersimpan sebagai UTF-16 LE / BOM 0xFF 0xFE; kalau suatu saat
   memang perlu diubah, tulis ulang dengan encoding yang sama, jangan pakai
   tool teks biasa.)

   Yang TIDAK diubah di sini: warna status (hijau sukses, merah bahaya,
   kuning peringatan) — maknanya tetap perlu dibedakan.
   ========================================================================= */

/* ── Halaman bertema Claude (opt-in lewat kelas .claude-page) ─────────────
   Sengaja TIDAK mengubah --color-primary global: variabel itu dipakai semua
   halaman (card-header, btn-primary, bg-primary, paginasi DataTables), jadi
   menggantinya akan merecolor seluruh aplikasi. Halaman yang sudah siap
   bertema Claude cukup menambahkan kelas .claude-page pada container-nya.
   Saat ini: Stok Barang. */

/* Header kartu / header halaman */
.claude-page .card-header {
  background: linear-gradient(135deg, var(--ct-accent), var(--ct-accent-strong));
  border-bottom: 1px solid var(--ct-sidebar-border);
}

/* Kartu & permukaan: putih kebiruan → kertas hangat */
.claude-page .card {
  border-color: var(--ct-sidebar-border);
}

/* Tombol primer di dalam halaman bertema */
.claude-page .btn-primary {
  background: var(--ct-accent);
  border-color: var(--ct-accent);
}
.claude-page .btn-primary:hover,
.claude-page .btn-primary:focus,
.claude-page .btn-primary:active {
  background: var(--ct-accent-strong);
  border-color: var(--ct-accent-strong);
}
.claude-page .text-primary {
  color: var(--ct-accent-strong) !important;
}
.claude-page .bg-primary {
  background: var(--ct-accent) !important;
}

/* Kepala tabel: abu kebiruan → kertas hangat */
.claude-page .table > thead th {
  background-color: #f2efe7;
  color: var(--ct-sidebar-text);
  border-bottom-color: var(--ct-sidebar-border);
}

/* Fokus input mengikuti aksen terracotta, bukan biru Bootstrap */
.claude-page .form-control:focus,
.claude-page .form-select:focus {
  border-color: var(--ct-accent);
  box-shadow: 0 0 0 3px rgba(184, 84, 52, 0.14);
}