/*
 * Supplemental utilities — patches Tailwind classes used by templates added
 * after 2026-04-26 (integration-partner pages, the /integrations/ hub, and the
 * /add-ons/ modules hub) that are absent from the compiled assets/dist/theme.css
 * (last built 2026-04-26, before those templates existed and were scanned).
 *
 * All values are Tailwind v3 defaults; this sheet is purely ADDITIVE — every
 * rule targets a class that otherwise has no definition, so it cannot alter
 * existing pages. Safe to remove once theme.css is rebuilt from assets/src/.
 *
 * @package sn1per-2026
 */
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mb-12{margin-bottom:3rem}
.mb-16{margin-bottom:4rem}
.mt-5{margin-top:1.25rem}
.pb-4{padding-bottom:1rem}
.pb-10{padding-bottom:2.5rem}
.p-10{padding:2.5rem}
.gap-1\.5{gap:.375rem}
.items-baseline{align-items:baseline}
.shrink-0{flex-shrink:0}
.underline-offset-2{text-underline-offset:2px}
.decoration-slate-700{text-decoration-color:rgb(51 65 85)}
.bg-surface-900\/60{background-color:rgb(10 15 22 / .6)}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}
.hover\:text-brand-300:hover{color:rgb(169 217 108)}
@media (min-width:640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:items-center{align-items:center}
  .sm\:justify-between{justify-content:space-between}
}
@media (min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/*
 * Sn1per Community Edition page (template-sn1per-community.php, 2026-06-14).
 * Classes used by section-community-* that the 2026-04-26 theme.css build does
 * not contain. Additive only.
 */
.pb-5{padding-bottom:1.25rem}
.min-w-0{min-width:0}
.gap-2\.5{gap:.625rem}
.min-w-\[720px\]{min-width:720px}
.col-span-1{grid-column:span 1/span 1}
.col-span-2{grid-column:span 2/span 2}
/*
 * Cascade repair: this sheet re-declares `.sm:grid-cols-2` above (for the hub
 * pages), and because it loads AFTER theme.css that later declaration was
 * overriding theme.css's `.lg:grid-cols-4` / `.lg:grid-cols-2` at >=1024px —
 * silently collapsing every `sm:grid-cols-2 lg:grid-cols-4` grid (community
 * features, enterprise-features, modules, capabilities) to 2 columns. Re-stating
 * the lg variants here (after the sm block) restores the intended column counts.
 */
@media (min-width:1024px){
  .lg\:col-span-1{grid-column:span 1/span 1}
  .lg\:col-span-2{grid-column:span 2/span 2}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}