@layer pages {
  .app-sicom-overview,
  .app-sicom-overview__workspace,
  .app-sicom-overview__dashboard {
    min-inline-size: 0;
  }

  .app-sicom-overview__workspace,
  .app-sicom-overview__dashboard {
    display: grid;
    gap: var(--space-6);
  }

  .app-sicom-overview__context {
    container-type: inline-size;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .app-sicom-overview__context-copy,
  .app-sicom-overview__heading > div:first-child,
  .app-sicom-overview__metric-content {
    min-inline-size: 0;
  }

  .app-sicom-overview__tabs {
    scroll-padding-inline: var(--layout-content-gutter);
    scrollbar-color: var(--color-border-emphasis) transparent;
  }

  .app-sicom-overview__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .app-sicom-overview__filter-group,
  .app-sicom-overview__filter-grid,
  .app-sicom-overview__metric-grid,
  .app-sicom-overview__analytics-grid,
  .app-sicom-overview__support-grid {
    min-inline-size: 0;
  }

  .app-sicom-overview__filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    gap: var(--space-3);
  }

  .app-sicom-overview__metric-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    gap: var(--space-3);
  }

  .app-sicom-overview__analytics-grid,
  .app-sicom-overview__support-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .app-sicom-overview__metric-content {
    display: grid;
    align-content: start;
    gap: var(--space-1);
  }

  @container (min-width: 44rem) {
    .app-sicom-overview__filters .app-sicom-overview__filter-grid {
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    }
  }

  @media (min-width: 48rem) {
    .app-sicom-overview__heading {
      grid-template-columns: minmax(0, 1fr) minmax(16rem, .72fr);
      align-items: start;
    }

    .app-sicom-overview__analytics-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 70rem) {
    .app-sicom-overview__context {
      grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .75fr);
      align-items: stretch;
    }

    .app-sicom-overview__support-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}