@import url('/shared/css/artist-portal.css');
@import url('/shared/css/loading-overlay.css');

.receiving-filters {
  grid-template-columns: 2fr minmax(220px, 280px) auto;
  align-items: end;
}

.receiving-stat--received .portal-stat__value {
  color: #15803d;
}

.receiving-stat--pending .portal-stat__value {
  color: #b45309;
}

.receiving-stat--conflict .portal-stat__value {
  color: #b91c1c;
}

.receiving-doc-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(14, 165, 233, 0.12);
  color: #075985;
}

.receiving-doc-pill--empty {
  background: rgba(148, 163, 184, 0.16);
  color: #475569;
}

@media (max-width: 900px) {
  .receiving-filters {
    grid-template-columns: 1fr;
  }

  .portal-table-wrap {
    overflow-x: auto;
  }
}