/* ── OutSystems Platform Grid & Base ───────────────────
   These styles are normally injected by the OutSystems
   platform at runtime based on app settings. Since we
   render static .visual.html files outside the platform,
   we must provide them explicitly.

   Source: _Basic.css + <AppName>.extra.css
──────────────────────────────────────────────────────── */

/* ── Scroll host ─────────────────────────────────────── */
.active-screen {
  overflow-y: auto;
  height: 100vh;
}

/* ── Base resets ─────────────────────────────────────── */
body {
  margin: 0;
  padding: 0;
}

.OSFillParent {
  display: block;
  width: 100%;
}

.OSInline {
  display: inline-block;
  vertical-align: top;
}

div[class*="ThemeGrid_Width"] {
  vertical-align: top;
}

[class*="ThemeGrid_Width"] {
  display: inline-block;
  box-sizing: border-box;
}

.ThemeGrid_Container {
  box-sizing: border-box;
  max-width: 1280px;
  padding-left: 5%;
  padding-right: 5%;
}

/* ── 12-Column Grid ──────────────────────────────────── */
.ThemeGrid_Width1  { width: 6.5359477124183%; }
.ThemeGrid_Width2  { width: 15.0326797385621%; }
.ThemeGrid_Width3  { width: 23.5294117647059%; }
.ThemeGrid_Width4  { width: 32.0261437908497%; }
.ThemeGrid_Width5  { width: 40.5228758169935%; }
.ThemeGrid_Width6  { width: 49.0196078431373%; }
.ThemeGrid_Width7  { width: 57.516339869281%; }
.ThemeGrid_Width8  { width: 66.0130718954248%; }
.ThemeGrid_Width9  { width: 74.5098039215686%; }
.ThemeGrid_Width10 { width: 83.0065359477124%; }
.ThemeGrid_Width11 { width: 91.5032679738562%; }
.ThemeGrid_Width12 { width: 100%; }

/* ── Gutter & Margins ────────────────────────────────── */
.ThemeGrid_MarginGutter {
  margin-left: 1.96078431372549%;
}

.ThemeGrid_Margin1  { margin-left: 10.4575163398693%; }
.ThemeGrid_Margin2  { margin-left: 18.9542483660131%; }
.ThemeGrid_Margin3  { margin-left: 27.4509803921569%; }
.ThemeGrid_Margin4  { margin-left: 35.9477124183007%; }
.ThemeGrid_Margin5  { margin-left: 44.4444444444444%; }
.ThemeGrid_Margin6  { margin-left: 52.9411764705882%; }
.ThemeGrid_Margin7  { margin-left: 61.437908496732%; }
.ThemeGrid_Margin8  { margin-left: 69.9346405228758%; }
.ThemeGrid_Margin9  { margin-left: 78.4313725490196%; }
.ThemeGrid_Margin10 { margin-left: 86.9281045751634%; }
.ThemeGrid_Margin11 { margin-left: 95.4248366013072%; }

/* ── List reset ──────────────────────────────────────── */
.ListRecords {
  display: block;
}