/**
 * Minimal Quasar layout utilities for ui-kit-in-SSG (cms#198 RFC U).
 * Full quasar.css is not bundled; ui-kit business widgets need .row/.q-pa-*/.col-* etc.
 */
.row { display: flex; flex-wrap: wrap; }
.column { display: flex; flex-direction: column; }
.no-wrap { flex-wrap: nowrap; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }
.flex-center { display: flex; align-items: center; justify-content: center; }
.col, .col-grow { flex: 1 1 auto; min-width: 0; max-width: 100%; }
.col-auto { flex: 0 0 auto; }
.col-1 { flex: 0 0 auto; width: 8.3333%; max-width: 8.3333%; }
.col-2 { flex: 0 0 auto; width: 16.6667%; max-width: 16.6667%; }
.col-3 { flex: 0 0 auto; width: 25%; max-width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.3333%; max-width: 33.3333%; }
.col-5 { flex: 0 0 auto; width: 41.6667%; max-width: 41.6667%; }
.col-6 { flex: 0 0 auto; width: 50%; max-width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.3333%; max-width: 58.3333%; }
.col-8 { flex: 0 0 auto; width: 66.6667%; max-width: 66.6667%; }
.col-9 { flex: 0 0 auto; width: 75%; max-width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.3333%; max-width: 83.3333%; }
.col-11 { flex: 0 0 auto; width: 91.6667%; max-width: 91.6667%; }
.col-12 { flex: 0 0 auto; width: 100%; max-width: 100%; }
.q-icon svg { width: 1em; height: 1em; flex-shrink: 0; }
.q-pa-none { padding: 0 !important; }
.q-pa-xs { padding: 4px !important; }
.q-pa-sm { padding: 8px !important; }
.q-pa-md { padding: 16px !important; }
.q-pa-lg { padding: 24px !important; }
.q-px-md { padding-left: 16px !important; padding-right: 16px !important; }
.q-py-md { padding-top: 16px !important; padding-bottom: 16px !important; }
.q-pb-none { padding-bottom: 0 !important; }
.q-pt-none { padding-top: 0 !important; }
.q-ma-none { margin: 0 !important; }
.q-mr-sm { margin-right: 8px !important; }
.q-mr-md { margin-right: 16px !important; }
.q-mb-sm { margin-bottom: 8px !important; }
.q-mb-md { margin-bottom: 16px !important; }
.q-mt-md { margin-top: 16px !important; }
.text-subtitle1 { font-size: 1rem; font-weight: 500; line-height: 1.75rem; }
.text-subtitle2 { font-size: 0.875rem; font-weight: 500; line-height: 1.375rem; }
.text-body1 { font-size: 1rem; line-height: 1.5rem; }
.text-body2 { font-size: 0.875rem; line-height: 1.25rem; }
.text-caption { font-size: 0.75rem; line-height: 1.25rem; }
.text-h6 { font-size: 1.25rem; font-weight: 500; line-height: 2rem; }
.text-grey-7 { color: #616161; }
.text-white { color: #fff; }
.bg-primary { background-color: var(--brand-primary, #1976d2) !important; }
.full-width { width: 100% !important; }

/* cms#198 W4 — static-island containing block: fixed footers/FABs/toolbars stay in-stage.
 * Allowlisted display comps expose fixed elements under varied suffixes; keep them
 * pinned to the stage (translateZ containing block + explicit absolute override). */
.site__uikit-stage {
  position: relative;
  transform: translateZ(0);
  contain: layout paint;
}
.site__uikit-stage .fixed,
.site__uikit-stage .fixed-top,
.site__uikit-stage .fixed-bottom,
.site__uikit-stage .fixed-left,
.site__uikit-stage .fixed-right,
.site__uikit-stage [class*="__fab"],
.site__uikit-stage [class*="__footer"],
.site__uikit-stage [class*="__toolbar"],
.site__uikit-stage [class*="__actions"],
.site__uikit-stage [class*="__summary-bar"],
.site__uikit-stage [class*="__card-bottom"] {
  position: absolute !important;
}