/* =========================================
   ADMIN PAGE
========================================= */

.admin-page {
  padding-bottom:
    50px;
}


.admin-header {
  margin-bottom:
    26px;
}


.admin-eyebrow {
  color:
    var(--orange-dark);

  font-size:
    0.76rem;

  font-weight:
    800;

  text-transform:
    uppercase;

  letter-spacing:
    0.08em;
}


.admin-subtitle {
  color:
    var(--light-muted);
}


/* =========================================
   SUMMARY
========================================= */

.admin-summary {
  display:
    grid;

  grid-template-columns:
    repeat(
      4,
      1fr
    );

  gap:
    18px;

  margin-bottom:
    34px;
}


.admin-summary-card {
  padding:
    22px;

  background:
    #ffffff;

  border:
    1px solid
    var(--border);

  border-radius:
    14px;

  box-shadow:
    0 7px 22px
    rgba(
      15,
      23,
      42,
      0.06
    );

  color:
    inherit;

  text-decoration:
    none;

  transition:
    transform 0.15s ease,
    border-color 0.15s ease;
}


.admin-summary-card:hover {
  border-color:
    var(--orange);

  transform:
    translateY(-1px);
}


.admin-summary-number {
  color:
    var(--navy);

  font-size:
    2rem;

  font-weight:
    850;
}


.admin-summary-title {
  margin-top:
    3px;

  color:
    var(--navy);

  font-weight:
    800;
}


.admin-summary-text {
  margin-top:
    4px;

  color:
    var(--light-muted);

  font-size:
    0.84rem;
}


/* =========================================
   SECTIONS
========================================= */

.admin-section {
  margin-bottom:
    36px;

  padding:
    24px;

  background:
    #ffffff;

  border:
    1px solid
    var(--border);

  border-radius:
    16px;

  box-shadow:
    0 8px 24px
    rgba(
      15,
      23,
      42,
      0.05
    );
}


.admin-section-heading {
  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    18px;

  margin-bottom:
    20px;
}


.admin-section-heading p {
  color:
    var(--light-muted);
}


.admin-count {
  min-width:
    36px;

  padding:
    6px 10px;

  background:
    var(--surface-soft);

  border-radius:
    999px;

  color:
    var(--navy);

  font-size:
    0.8rem;

  font-weight:
    800;

  text-align:
    center;
}


/* =========================================
   EMPTY STATE
========================================= */

.admin-empty-state {
  padding:
    26px;

  background:
    var(--surface-soft);

  border-radius:
    12px;

  color:
    var(--light-muted);

  text-align:
    center;
}


/* =========================================
   TABLET
========================================= */

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

  .admin-summary {
    grid-template-columns:
      repeat(
        2,
        1fr
      );
  }

}


/* =========================================
   MOBILE
========================================= */

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

  .admin-summary {
    grid-template-columns:
      1fr;
  }


  .admin-section {
    padding:
      18px;
  }


  .admin-section-heading {
    flex-direction:
      column;
  }

}