/*
 * Missing-utility patch for the prebuilt bundle.
 *
 * public/css/app.css is NOT compiled from this project's markup — it is a fixed
 * bundle produced from a snapshot of the views. Any class added to a Blade file
 * afterwards is simply absent, and an absent utility fails SILENTLY: no error,
 * no warning, the element just renders wrong. That is how the proposal form
 * ended up one-fifth of its intended width (md:col-span-3 was never in there).
 *
 * Everything below was found by auditing all 150 Blade files against the bundle
 * and verifying each class was genuinely missing. Values follow Tailwind's
 * default scale (1 unit = 0.25rem) so they behave exactly as the markup expects.
 *
 * Loaded AFTER app.css. If the bundle is ever rebuilt from current markup, this
 * file becomes redundant — check before deleting it.
 */

/* ── position ─────────────────────────────────────────────────────────────── */
.left-0   { left: 0; }
.top-full { top: 100%; }          /* blog dropdown sat over its trigger without this */

/* ── sizing ───────────────────────────────────────────────────────────────── */
.w-auto    { width: auto; }
.max-w-7xl { max-width: 80rem; }
.max-h-44  { max-height: 11rem; }  /* keeps the long checkbox list scrollable */
.max-h-52  { max-height: 13rem; }
.h-14\.5   { height: 3.625rem; }

/* ── spacing ──────────────────────────────────────────────────────────────── */
.py-9  { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.pt-9  { padding-top: 2.25rem; }
.pt-12 { padding-top: 3rem; }
.pb-9  { padding-bottom: 2.25rem; }
.mt-7  { margin-top: 1.75rem; }
.my-6  { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.mt-px { margin-top: 1px; }

/* ── responsive ───────────────────────────────────────────────────────────── */
@media (min-width: 640px) {
    .sm\:flex-row { flex-direction: row; }
    .sm\:p-4      { padding: 1rem; }
    .sm\:p-5      { padding: 1.25rem; }
    .sm\:px-9     { padding-left: 2.25rem; padding-right: 2.25rem; }
    .sm\:px-10    { padding-left: 2.5rem; padding-right: 2.5rem; }
    .sm\:py-6     { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .sm\:py-8     { padding-top: 2rem; padding-bottom: 2rem; }
    .sm\:py-10    { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .sm\:w-14     { width: 3.5rem; }
}

@media (min-width: 1280px) {
    .xl\:w-52 { width: 13rem; }
}