/* ============================================================================
   PO SYSTEM - TEMA KANTORAN v2 (OFFICE THEME UPGRADE)
   ----------------------------------------------------------------------------
   Override tampilan saja. TIDAK menyentuh logika / alur data / query PHP.
   Warna tetap identitas asli: aksen biru #2563eb, netral abu-abu, dark mode.
   Dimuat di semua halaman melalui <link rel="stylesheet"> setelah Tailwind CDN.
   ============================================================================ */

/* 1. Ganti semua gradasi menjadi warna solid agar terlihat kantoran ---------- */
[class*="bg-gradient"] {
  background-image: none !important;
  background-color: #2563eb !important;
}

/* 2. Font & gaya tulisan: bersih, tidak miring, tidak terlalu tebal --------- */
.italic { font-style: normal !important; }
.font-black { font-weight: 700 !important; }

[class*="text-[8px]"]  { font-size: 10px !important; }
[class*="text-[9px]"]  { font-size: 11px !important; }
[class*="text-[10px]"] { font-size: 11.5px !important; }
[class*="text-[11px]"] { font-size: 12px !important; }

/* 3. Radius seragam agar tampilan rapi & proporsional ------------------------ */
[class*="rounded-["],
.rounded-[2.5rem] { border-radius: 14px !important; }
.rounded-3xl { border-radius: 16px !important; }
.rounded-2xl { border-radius: 12px !important; }
.rounded-b-3xl {
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}

/* 4. Latar halaman sedikit abu-abu agar kartu & garis terlihat jelas --------- */
html:not(.dark) body { background-color: #eceef2 !important; }
html.dark body { background-color: #1f2937 !important; }

/* 5. Border lebih tegas & terlihat ------------------------------------------ */
html:not(.dark) .border-gray-50,
html:not(.dark) .border-gray-100 { border-color: #e3e6eb !important; }
html:not(.dark) .border-gray-200,
html:not(.dark) .border-gray-300 { border-color: #cdd2da !important; }

html:not(.dark) .divide-gray-50 > :not([hidden]) ~ :not([hidden]),
html:not(.dark) .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
html:not(.dark) .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: #e3e6eb !important;
}

html.dark .border-gray-50,
html.dark .border-gray-100 { border-color: #384152 !important; }
html.dark .border-gray-200,
html.dark .border-gray-300 { border-color: #556171 !important; }
html.dark .divide-gray-50 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: #384152 !important;
}

/* Input/select/textarea: garis selalu terlihat (bukan semu) ------------------ */
html:not(.dark) input,
html:not(.dark) select,
html:not(.dark) textarea { border-color: #cdd2da !important; }
html.dark input,
html.dark select,
html.dark textarea { border-color: #4b5563 !important; }
input:focus,
select:focus,
textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
  outline: none !important;
}

/* 6. Bayangan lembut, bukan bayangan tebal (kartu & modal) ------------------- */
.shadow-sm,
.shadow,
.shadow-md,
.shadow-lg,
.shadow-xl,
.shadow-2xl,
[class*="shadow-blue-"],
[class*="shadow-red-"],
[class*="shadow-green-"],
[class*="shadow-amber-"],
[class*="shadow-gray-"] {
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06) !important;
}
.shadow-inner { box-shadow: none !important; }

/* Sedikit ke dalam pada modal agar terlihat "mengambang" di atas kartu ------ */
[class*="z-[250]"] [class*="rounded-"],
[class*="z-[200]"] [class*="rounded-"],
[class*="z-[100]"] > div[class*="rounded-2xl"][class*="w-full"] {
  box-shadow: 0 20px 40px -12px rgba(16, 24, 40, 0.18) !important;
}

/* 7. Hover baris tabel: aksen biru halus, khas aplikasi kantor --------------- */
html:not(.dark) tbody tr:hover { background-color: rgba(37, 99, 235, 0.045) !important; }
html.dark tbody tr:hover { background-color: rgba(37, 99, 235, 0.12) !important; }

/* 8. Scrollbar tipis & reflektif (WebKit/Chromium) --------------------------- */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: #c3c9d1;
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
html.dark *::-webkit-scrollbar-thumb { background: #4b5563; background-clip: padding-box; border: 2px solid transparent; }
*::-webkit-scrollbar-thumb:hover { background: #a9b0ba; background-clip: padding-box; border: 2px solid transparent; }

/* 9. Fokus keyboard (aksesibilitas saat tab) --------------------------------- */
button:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

/* 10. Matikan animasi berlebihan (shimmer/float/bounce/pulse) ---------------- */
[class*="animate-"] { animation: none !important; }
.animate-shimmer {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  background-image: none !important;
}

/* ============================================================================
   END - Seluruh perubahan di atas bersifat presentasi semata.
   ============================================================================ */