/* ==========================================================================
   Utility Kompatibilitas (Tailwind-scale)
   --------------------------------------------------------------------------
   Bootstrap 4 hanya punya spacing integer 0-5 dan tidak punya gap utility.
   Blade project ini memakai skala Tailwind (basis .25rem), jadi kelas desimal
   dan gap-* di bawah ini didefinisikan manual supaya spasi presisi (2/6/10/14px)
   tanpa perlu mengubah ratusan file blade.

   Sengaja TANPA !important: beberapa view memasang style="gap: ..." /
   margin-top inline dengan nilai sengaja berbeda (mis. gap 10px pada .gap-2),
   dan inline style memang harus menang. Ini juga menjaga border-radius inline
   pada .rounded-3.
   ========================================================================== */

/* --- Spacing desimal: 0.5 = 2px --- */
.p-0\.5  { padding: .125rem; }
.pt-0\.5 { padding-top: .125rem; }
.pr-0\.5 { padding-right: .125rem; }
.pb-0\.5 { padding-bottom: .125rem; }
.pl-0\.5 { padding-left: .125rem; }
.px-0\.5 { padding-left: .125rem; padding-right: .125rem; }
.py-0\.5 { padding-top: .125rem; padding-bottom: .125rem; }
.m-0\.5  { margin: .125rem; }
.mt-0\.5 { margin-top: .125rem; }
.mr-0\.5 { margin-right: .125rem; }
.mb-0\.5 { margin-bottom: .125rem; }
.ml-0\.5 { margin-left: .125rem; }
.mx-0\.5 { margin-left: .125rem; margin-right: .125rem; }
.my-0\.5 { margin-top: .125rem; margin-bottom: .125rem; }

/* --- Spacing desimal: 1.5 = 6px --- */
.p-1\.5  { padding: .375rem; }
.pt-1\.5 { padding-top: .375rem; }
.pr-1\.5 { padding-right: .375rem; }
.pb-1\.5 { padding-bottom: .375rem; }
.pl-1\.5 { padding-left: .375rem; }
.px-1\.5 { padding-left: .375rem; padding-right: .375rem; }
.py-1\.5 { padding-top: .375rem; padding-bottom: .375rem; }
.m-1\.5  { margin: .375rem; }
.mt-1\.5 { margin-top: .375rem; }
.mr-1\.5 { margin-right: .375rem; }
.mb-1\.5 { margin-bottom: .375rem; }
.ml-1\.5 { margin-left: .375rem; }
.mx-1\.5 { margin-left: .375rem; margin-right: .375rem; }
.my-1\.5 { margin-top: .375rem; margin-bottom: .375rem; }

/* --- Spacing desimal: 2.5 = 10px --- */
.p-2\.5  { padding: .625rem; }
.pt-2\.5 { padding-top: .625rem; }
.pr-2\.5 { padding-right: .625rem; }
.pb-2\.5 { padding-bottom: .625rem; }
.pl-2\.5 { padding-left: .625rem; }
.px-2\.5 { padding-left: .625rem; padding-right: .625rem; }
.py-2\.5 { padding-top: .625rem; padding-bottom: .625rem; }
.m-2\.5  { margin: .625rem; }
.mt-2\.5 { margin-top: .625rem; }
.mr-2\.5 { margin-right: .625rem; }
.mb-2\.5 { margin-bottom: .625rem; }
.ml-2\.5 { margin-left: .625rem; }
.mx-2\.5 { margin-left: .625rem; margin-right: .625rem; }
.my-2\.5 { margin-top: .625rem; margin-bottom: .625rem; }

/* --- Spacing desimal: 3.5 = 14px --- */
.p-3\.5  { padding: .875rem; }
.pt-3\.5 { padding-top: .875rem; }
.pr-3\.5 { padding-right: .875rem; }
.pb-3\.5 { padding-bottom: .875rem; }
.pl-3\.5 { padding-left: .875rem; }
.px-3\.5 { padding-left: .875rem; padding-right: .875rem; }
.py-3\.5 { padding-top: .875rem; padding-bottom: .875rem; }
.m-3\.5  { margin: .875rem; }
.mt-3\.5 { margin-top: .875rem; }
.mr-3\.5 { margin-right: .875rem; }
.mb-3\.5 { margin-bottom: .875rem; }
.ml-3\.5 { margin-left: .875rem; }
.mx-3\.5 { margin-left: .875rem; margin-right: .875rem; }
.my-3\.5 { margin-top: .875rem; margin-bottom: .875rem; }

/* --- Flex gap (Tailwind scale) --- */
.gap-0   { gap: 0; }
.gap-1   { gap: .25rem; }
.gap-1\.5 { gap: .375rem; }
.gap-2   { gap: .5rem; }
.gap-2\.5 { gap: .625rem; }
.gap-3   { gap: .75rem; }
.gap-4   { gap: 1rem; }
.gap-5   { gap: 1.25rem; }

/* --- Font weight tambahan (Bootstrap 4 tak punya semibold/medium) --- */
.font-weight-semibold { font-weight: 600 !important; }
.font-weight-medium   { font-weight: 500 !important; }
.font-weight-500      { font-weight: 500 !important; }
.font-weight-600      { font-weight: 600 !important; }

/* --- Alias lain yang dipakai blade tapi tak ada di Bootstrap 4 --- */
.font-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
.font-mono      { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.text-underline { text-decoration: underline !important; }
.ms-auto { margin-left: auto !important; }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04) !important; }
.shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(15, 23, 42, 0.06) !important; }

/* --- Utilitas kecil lain --- */
.d-grid { display: grid !important; }
.rounded-3 { border-radius: 14px; }
.display-6 { font-size: 1.75rem; font-weight: 300; line-height: 1.2; }
/* Nilai literal (bukan token tema) supaya file ini tetap benar di layout
   yang tidak memuat apderis-theme.css (mis. layouts/homepage). */
.text-slate-950 { color: #020617; }
.text-slate-900 { color: #0f172a; }
.text-slate-800 { color: #1e293b; }
.text-slate-700 { color: #334155; }
.text-slate-600 { color: #475569; }
.text-slate-500 { color: #64748b; }
.text-slate-400 { color: #94a3b8; }
.text-slate-300 { color: #cbd5e1; }