@import url('/assets/css/view/statistic.css');

.statistic-card-table--aup-airspaces .statistic-list-header,
.statistic-card-table--aup-airspaces .statistic-list-row {
  grid-template-columns: minmax(170px, 1.3fr) minmax(220px, 1.8fr) repeat(4, minmax(110px, 1fr));
  min-width: 900px;
}

.statistic-aup-note {
  margin-top: -0.8rem;
}

.statistic-aup-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0.3rem 0 1.1rem;
}

.statistic-aup-legend {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.3rem 0.65rem;
  border: 1px solid var(--statistic-border);
  background: var(--statistic-surface-alt);
  color: var(--statistic-text);
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.statistic-aup-legend::before {
  content: '';
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  border: 1px solid currentColor;
  background: currentColor;
}

.statistic-aup-legend--active {
  color: var(--statistic-highlight-success);
}

.statistic-aup-legend--inactive {
  color: var(--statistic-highlight-error);
}

.statistic-aup-legend--outside {
  color: var(--statistic-text-muted);
}

.statistic-aup-calendars {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  margin: 0.8rem 0 2.2rem;
}

.statistic-aup-calendar-month {
  border: 1px solid var(--statistic-border);
  background: var(--statistic-surface);
  padding: 0.9rem;
}

.statistic-aup-calendar-month h3 {
  margin: 0 0 0.8rem;
  font-size: 1rem;
  color: var(--statistic-text);
}

.statistic-aup-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.35rem;
}

.statistic-aup-calendar-grid--head {
  margin-bottom: 0.35rem;
}

.statistic-aup-calendar-grid--head > div {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--statistic-text-muted);
}

.statistic-aup-day {
  min-height: 3.6rem;
  padding: 0.35rem 0.35rem 0.25rem;
  border: 1px solid var(--statistic-border);
  background: var(--statistic-surface-alt);
  color: var(--statistic-text);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.statistic-aup-day--blank {
  border-color: transparent;
  background: transparent;
}

.statistic-aup-day--outside {
  color: var(--statistic-text-muted);
  background: color-mix(in srgb, var(--statistic-surface-alt) 65%, transparent);
}

.statistic-aup-day--active {
  border-color: var(--statistic-highlight-success);
  background: color-mix(in srgb, var(--statistic-highlight-success) 12%, var(--statistic-surface));
}

.statistic-aup-day--inactive {
  border-color: var(--statistic-highlight-error);
  background: color-mix(in srgb, var(--statistic-highlight-error) 10%, var(--statistic-surface));
}

.statistic-aup-day__number {
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
}

.statistic-aup-day__meta {
  align-self: flex-end;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  color: var(--statistic-text-muted);
}

@media (max-width: 920px) {
  .statistic-card-table--aup-airspaces .statistic-list-header,
  .statistic-card-table--aup-airspaces .statistic-list-row {
    min-width: 820px;
  }
}

@media (max-width: 600px) {
  .statistic-aup-calendars {
    grid-template-columns: 1fr;
  }

  .statistic-aup-day {
    min-height: 3.2rem;
  }
}