@import url("./admin-base.css");

/* Compact shipment summary cards, preserving all counts and filter actions */
.fulfillmentoverview { margin-bottom: 12px; }
.fulfillmentmetrics { gap: 8px; margin-top: 12px; }
.fulfillmentmetric { padding: 10px 12px; border-radius: 10px; min-height: 0; }
.fulfillmentmetric small { font-size: 10px; line-height: 1.25; }
.fulfillmentmetric b { font-size: 24px; line-height: 1.05; margin: 4px 0; }
.fulfillmentmetric span { font-size: 11px; line-height: 1.3; }

.trackingkpis { gap: 8px; margin-bottom: 10px; }
.trackingkpis .statuskpi {
  min-width: 0;
  min-height: 65px;
  padding: 10px 12px;
  border-radius: 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
.trackingkpis .statuskpi small { display: block; font-size: 10px; line-height: 1.15; }
.trackingkpis .statuskpi b {
  display: block;
  font-size: 23px;
  line-height: 1.05;
  letter-spacing: -.02em;
  margin: 0;
}
@media (min-width: 1200px) {
  .trackingkpis { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (min-width: 760px) and (max-width: 1199px) {
  .trackingkpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 460px) and (max-width: 759px) {
  .trackingkpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 459px) {
  .trackingkpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trackingkpis .statuskpi { min-height: 58px; padding: 9px 10px; }
  .trackingkpis .statuskpi b { font-size: 21px; }
  .fulfillmentmetric { padding: 9px 10px; }
  .fulfillmentmetric b { font-size: 22px; }
}