/* Minimal production utilities used by the current PHP templates.
   This replaces the browser Tailwind CDN script, so the console no longer
   shows the production warning while preserving the classes already in use. */
.block{display:block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.max-w-7xl{max-width:80rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mx-1{margin-left:.25rem;margin-right:.25rem}
.ml-1{margin-left:.25rem}
.mr-1{margin-right:.25rem}
.mt-3{margin-top:.75rem}
.mb-0\.5{margin-bottom:.125rem}
.mb-1{margin-bottom:.25rem}
.mb-4{margin-bottom:1rem}
.p-1{padding:.25rem}
.p-1\.5{padding:.375rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pt-3{padding-top:.75rem}
.pb-4{padding-bottom:1rem}
.w-5{width:1.25rem}
.h-5{height:1.25rem}
.w-full{width:100%}
.min-w-\[110px\]{min-width:110px}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.justify-center{justify-content:center}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-4{gap:1rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}
.rounded-sm{border-radius:.125rem}
.rounded-lg{border-radius:.5rem}
.rounded-full{border-radius:9999px}
.border{border-width:1px;border-style:solid}
.border-transparent{border-color:transparent}
.bg-amber-100{background-color:#fef3c7}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.object-contain{object-fit:contain}
.text-center{text-align:center}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.font-medium{font-weight:500}
.font-bold{font-weight:700}
.text-\[8px\]{font-size:8px}
.text-\[10px\]{font-size:10px}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-amber-700{color:#b45309}
.text-blue-600{color:#2563eb}
.text-blue-700{color:#1d4ed8}
.text-gray-300{color:#d1d5db}
.text-gray-400{color:#9ca3af}
.text-gray-500{color:#6b7280}
.text-green-700{color:#15803d}
.text-indigo-400{color:#818cf8}
.text-indigo-600{color:#4f46e5}
.text-red-500{color:#ef4444}
.text-yellow-500{color:#eab308}
.opacity-30{opacity:.3}
.opacity-40{opacity:.4}
.cursor-default{cursor:default}
.pointer-events-none{pointer-events:none}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.duration-200{transition-duration:.2s}
.hover\:bg-blue-50:hover{background-color:#eff6ff}
.hover\:bg-red-50:hover{background-color:#fef2f2}
.hover\:border-blue-100:hover{border-color:#dbeafe}
.hover\:scale-110:hover{transform:scale(1.1)}
.hover\:shadow:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
@media (min-width:768px){
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}