main.full-page.page__dashboard {
  padding: 1rem;

  #device-size-warning {
    display: none;
  }

  @media screen and (max-width: 768px) {

    #device-size-warning {
      display: block;
    }
  }
}

main.page__dashboard {
  .dashboard-container {
    overflow: hidden;
    display: grid;
    grid-auto-flow: row;
    margin-bottom: 0.5rem;
  }

  /* Dashboard Sections */
  section.dashboard__section {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    width: 100%;

    & > * {
      width: 100%;
    }

    .dashboard__cards-frame {
      display: inherit;
      flex-direction: inherit;
      gap: inherit;

      &:has(.card__dashboard--fill) {
        flex: 1;
      }
    }

    &.dashboard__section--s {
      min-width: calc(var(--container-s) + 50px);
    }
  }

  /* Dashboard Card */
  .card__dashboard {
    gap: 0.5rem;
    padding: 0.5rem;

    &.card__dashboard--fill {
      flex: 1;
    }

    .tabs-container.tabs-primary {
      .tab-navigation {
        margin: 0 0 0.5rem;
      }

      .tab-content-wrapper > * {
        width: 100%;
      }
    }

    &:has(.notice__coming-soon) {
      background-color: var(--lightest-gray);
    }
  }
}