html.roofstack-settings-density [class~="grid-cols-12"][class~="gap-6"] {
  column-gap: 1rem !important;
  row-gap: 1rem !important;
}

html.roofstack-settings-density [class~="p-5"][class~="border-t"] {
  padding: 1rem !important;
}

html.roofstack-settings-density a[class~="flex"][class~="items-center"][class~="mt-5"][class~="cursor-pointer"] {
  margin-top: 0.875rem !important;
  min-height: 1.75rem;
}

@media (min-width: 1024px) {
  html.roofstack-settings-density [class~="grid-cols-12"][class~="gap-6"] > [class~="lg:col-span-4"][class~="2xl:col-span-3"] {
    grid-column: span 3 / span 3 !important;
  }

  html.roofstack-settings-density [class~="grid-cols-12"][class~="gap-6"] > [class~="lg:col-span-8"][class~="2xl:col-span-9"] {
    grid-column: span 9 / span 9 !important;
  }
}

@media (min-width: 1536px) {
  html.roofstack-settings-density [class~="grid-cols-12"][class~="gap-6"] > [class~="lg:col-span-4"][class~="2xl:col-span-3"] {
    grid-column: span 2 / span 2 !important;
  }

  html.roofstack-settings-density [class~="grid-cols-12"][class~="gap-6"] > [class~="lg:col-span-8"][class~="2xl:col-span-9"] {
    grid-column: span 10 / span 10 !important;
  }
}

@media (min-width: 1280px) {
  html.roofstack-settings-density [class~="grid-cols-12"][class~="gap-5"]:has([class*="grid-cols-[minmax(220px,1.6fr)_repeat(6,minmax(72px,0.55fr))_88px]"]) > [class~="xl:col-span-4"] {
    grid-column: span 3 / span 3 !important;
  }

  html.roofstack-settings-density [class~="grid-cols-12"][class~="gap-5"]:has([class*="grid-cols-[minmax(220px,1.6fr)_repeat(6,minmax(72px,0.55fr))_88px]"]) > [class~="xl:col-span-8"] {
    grid-column: span 9 / span 9 !important;
  }
}

html.roofstack-settings-density [class~="overflow-hidden"]:has([class*="grid-cols-[minmax(220px,1.6fr)_repeat(6,minmax(72px,0.55fr))_88px]"]) {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html.roofstack-settings-density [class*="grid-cols-[minmax(220px,1.6fr)_repeat(6,minmax(72px,0.55fr))_88px]"] {
  min-width: 760px;
  grid-template-columns: minmax(190px, 1.7fr) repeat(6, minmax(58px, 0.45fr)) 68px !important;
}
