@layer layouts {
  /*
   * Dashboard
   */
  
  .dashboard {
    .dashboard-header {
      padding: 2.5rem 0;
  
      @media (max-width: 991.98px) {
        padding: 2rem 0;
      }
  
      @media (max-width: 639.98px) {
        padding: 1.5rem 0;
      }
  
      &:first-of-type {
        padding-top: 5rem;
  
        @media (max-width: 991.98px) {
          padding-top: 4rem;
        }
  
        @media (max-width: 639.98px) {
          padding-top: 3rem;
        }
      }
  
      .dashboard-header-content {
        align-items: center;
        display: flex;
        justify-content: space-between;
      }
  
      .dashboard-options {
        display: flex;
        padding: 0;
  
        @media (max-width: 639.98px) {
          margin-left: 0;
        }
      }
  
      .dashboard-options-item,
      .dashboard-options-item-active {
        color: var(--color-primary);
        padding: 0 0 0 1.25rem;
        list-style: none;
      }
  
      .dashboard-options-item-active {
        color: var(--color-grey-900);
        font-weight: 500;
  
        &:hover {
          text-decoration: none;
        }
      }
    }
  
    .dashboard-stats {
      padding-bottom: 5rem;
  
      @media (max-width: 991.98px) {
        padding-bottom: 4rem;
      }
  
      @media (max-width: 639.98px) {
        padding-bottom: 3rem;
      }
  
      .dashboard-stat {
        background-color: var(--color-white);
        border: 1px solid var(--color-grey-200);
        border-radius: .25rem;
        display: block;
        flex-direction: column;
        line-height: 1.25;
        min-height: 8.25rem;
        padding: 1rem 1.25rem;
  
        @media (max-width: 991.98px) {
          padding: 1rem;
        }
  
        @media (max-width: 639.98px) {
          font-size: .938rem;
          margin-bottom: 1rem;
        }
      }
  
      .subtitle {
        color: var(--color-grey-900);
      }
  
      .stat-total {
        font-size: 1rem;
        font-weight: 500;
      }
    }
  
    .cards {
      padding-bottom: 0;
    }
  }
}
