@import "tailwindcss";

body {
  background-color: #f1f1f1;
}

/* Companies page stats strip — Partner Dashboard / Admin metrics layout */
.company-list-metrics {
  display: grid;
  grid-template-columns: 1fr;
}

.company-list-metrics__item {
  position: relative;
  padding: var(--p-space-400, 1rem);
}

.company-list-metrics__item + .company-list-metrics__item::before {
  content: "";
  position: absolute;
  background: var(--p-color-border, #e1e3e5);
}

/* Mobile: inset horizontal rules */
@media (max-width: 39.99rem) {
  .company-list-metrics__item + .company-list-metrics__item::before {
    inset-inline: var(--p-space-400, 1rem);
    inset-block-start: 0;
    block-size: var(--p-border-width-025, 1px);
  }
}

/* Tablet: 2×2 with inset vertical + horizontal rules */
@media (min-width: 40rem) and (max-width: 55.99rem) {
  .company-list-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .company-list-metrics__item + .company-list-metrics__item::before {
    content: none;
  }

  .company-list-metrics__item:nth-child(even)::before {
    content: "";
    inset-block: var(--p-space-300, 0.75rem);
    inset-inline-start: 0;
    inline-size: var(--p-border-width-025, 1px);
  }

  .company-list-metrics__item:nth-child(n + 3)::after {
    content: "";
    position: absolute;
    inset-inline: var(--p-space-400, 1rem);
    inset-block-start: 0;
    block-size: var(--p-border-width-025, 1px);
    background: var(--p-color-border, #e1e3e5);
  }
}

/* Desktop: single row with inset vertical rules */
@media (min-width: 56rem) {
  .company-list-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .company-list-metrics__item + .company-list-metrics__item::before {
    content: "";
    inset-block: var(--p-space-300, 0.75rem);
    inset-inline-start: 0;
    inline-size: var(--p-border-width-025, 1px);
    block-size: auto;
  }

  .company-list-metrics__item:nth-child(n + 3)::after {
    content: none;
  }
}

.company-list-metrics__value {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: -0.01em;
}

/* Overview: 8 metrics wrap to two rows of four on desktop */
@media (min-width: 56rem) {
  .company-list-metrics--overview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .company-list-metrics--overview .company-list-metrics__item:nth-child(n + 5) {
    border-block-start: none;
  }

  .company-list-metrics--overview
    .company-list-metrics__item:nth-child(4n + 1)::before {
    content: none;
  }

  .company-list-metrics--overview
    .company-list-metrics__item:nth-child(n + 5)::after {
    content: "";
    position: absolute;
    inset-inline: var(--p-space-400, 1rem);
    inset-block-start: 0;
    block-size: var(--p-border-width-025, 1px);
    background: var(--p-color-border, #e1e3e5);
  }
}