/*
  TW-Lite: Minimal "Tailwind-like" utility layer.
  Purpose: allow modern utility-class markup without shipping full Tailwind build.
  NOTE: This is intentionally small and only includes classes used by SZLN Test UI.
*/

:root{
  --tw-slate-50:#f8fafc;
  --tw-slate-100:#f1f5f9;
  --tw-slate-200:#e2e8f0;
  --tw-slate-300:#cbd5e1;
  --tw-slate-500:#64748b;
  --tw-slate-600:#475569;
  --tw-slate-900:#0f172a;
}

.tw{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--tw-slate-900)}

.tw-m-0{margin:0}.tw-mt-0{margin-top:0}.tw-mt-1{margin-top:.25rem}.tw-mt-2{margin-top:.5rem}.tw-mt-4{margin-top:1rem}.tw-mb-6{margin-bottom:1.5rem}
.tw-p-4{padding:1rem}.tw-p-6{padding:1.5rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-5{padding-left:1.25rem;padding-right:1.25rem}
.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}
.tw-w-full{width:100%}

.tw-text-xs{font-size:.75rem;line-height:1rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-2xl{font-size:1.5rem;line-height:2rem}
.tw-font-medium{font-weight:500}.tw-font-semibold{font-weight:600}.tw-font-bold{font-weight:700}
.tw-text-white{color:#fff}.tw-text-slate-500{color:var(--tw-slate-500)}.tw-text-slate-600{color:var(--tw-slate-600)}

.tw-bg-white{background:#fff}.tw-bg-slate-900{background:var(--tw-slate-900)}
.tw-border{border:1px solid var(--tw-slate-200)}.tw-border-slate-200{border-color:var(--tw-slate-200)}.tw-border-slate-300{border-color:var(--tw-slate-300)}.tw-border-slate-900{border-color:var(--tw-slate-900)}

.tw-rounded-lg{border-radius:.5rem}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-2xl{border-radius:1rem}.tw-rounded-full{border-radius:9999px}
.tw-shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,.06),0 1px 1px rgba(15,23,42,.04)}

.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}
.tw-items-center{align-items:center}.tw-items-start{align-items:flex-start}
.tw-justify-between{justify-content:space-between}.tw-justify-end{justify-content:flex-end}
.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-gap-4{gap:1rem}.tw-flex-wrap{flex-wrap:wrap}

.tw-grid{display:grid}
.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.tw-gap-6{gap:1.5rem}.tw-gap-4{gap:1rem}.tw-gap-3{gap:.75rem}

.tw-space-y-6 > * + *{margin-top:1.5rem}

.tw-ring-2{box-shadow:0 0 0 2px rgba(15,23,42,.18)}
.tw-ring-slate-900\/10{box-shadow:0 0 0 6px rgba(15,23,42,.10)}

@media (min-width: 768px){
  .md\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width: 1024px){
  .lg\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:tw-col-span-2{grid-column:span 2 / span 2}
}