.olvera-purchase-list {
  margin: 0 0 18px;
  padding: 18px 20px;
  border: 1px solid rgba(105,112,80,.22);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(215,226,213,.26));
}
.olvera-purchase-head {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: flex-start;
}
.olvera-purchase-head > div:first-child > span {
  color: #8b714f;
  font: 700 8px Inter, sans-serif;
  letter-spacing: .14em;
}
.olvera-purchase-head h2 { margin: 5px 0 4px; font-size: 18px; }
.olvera-purchase-head p { margin: 0; color: #77736a; font-size: 10px; }
.olvera-purchase-actions { display: flex; align-items: center; gap: 14px; }
.olvera-purchase-counters { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.olvera-purchase-counters span {
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(239,237,230,.88);
  color: #77736a;
  font-size: 8px;
  white-space: nowrap;
}
.olvera-purchase-counters strong { color: #171714; }
.olvera-purchase-counters span[data-tone="critical"] { background: rgba(198,145,111,.2); color: #845149; }
.olvera-purchase-actions button {
  border: 0;
  border-radius: 9px;
  padding: 9px 11px;
  background: #171714;
  color: #fff;
  font: 650 9px Inter, sans-serif;
  cursor: pointer;
  white-space: nowrap;
}
.olvera-purchase-actions button:disabled { opacity: .38; cursor: default; }
.olvera-purchase-rows {
  display: grid;
  gap: 6px;
  margin-top: 14px;
}
.olvera-purchase-row {
  display: grid;
  grid-template-columns: minmax(170px,1.4fr) minmax(115px,.8fr) minmax(115px,.8fr) auto minmax(120px,.65fr);
  gap: 12px;
  align-items: center;
  padding: 10px 11px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: rgba(255,255,255,.78);
}
.olvera-purchase-row[data-priority="critical"] { border-color: rgba(154,81,72,.24); }
.olvera-purchase-row[data-status="purchased"] { opacity: .58; }
.olvera-purchase-material {
  border: 0;
  padding: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.olvera-purchase-material strong,
.olvera-purchase-material small { display: block; }
.olvera-purchase-material strong { color: #171714; font: 700 10px Inter, sans-serif; }
.olvera-purchase-material small { margin-top: 3px; color: #88837b; font: 500 7px Inter, sans-serif; }
.olvera-purchase-balance span,
.olvera-purchase-balance small,
.olvera-purchase-order span,
.olvera-purchase-order strong { display: block; }
.olvera-purchase-balance span { font: 650 9px Inter, sans-serif; }
.olvera-purchase-balance small,
.olvera-purchase-order span { margin-top: 3px; color: #88837b; font: 500 7px Inter, sans-serif; }
.olvera-purchase-order strong { margin-top: 3px; color: #59603f; font: 700 10px Inter, sans-serif; }
.olvera-purchase-priority {
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(149,107,57,.12);
  color: #795d38;
  font: 650 8px Inter, sans-serif;
  white-space: nowrap;
}
[data-priority="critical"] .olvera-purchase-priority {
  background: rgba(154,81,72,.13);
  color: #845149;
}
.olvera-purchase-status {
  width: 100%;
  border: 1px solid #e6e1d7;
  border-radius: 9px;
  padding: 8px;
  background: #fff;
  color: #171714;
  font: 600 8px Inter, sans-serif;
}
.olvera-purchase-empty {
  margin-top: 13px;
  padding: 13px;
  border-radius: 11px;
  background: rgba(215,226,213,.48);
  color: #59603f;
  font-size: 10px;
}
.olvera-purchase-list > p[data-tone="error"] { color: #845149; }

@media (max-width: 980px) {
  .olvera-purchase-head,
  .olvera-purchase-actions { align-items: stretch; flex-direction: column; }
  .olvera-purchase-counters { justify-content: flex-start; }
  .olvera-purchase-row { grid-template-columns: minmax(0,1fr) 1fr auto; }
  .olvera-purchase-status { grid-column: 3; }
}
@media (max-width: 620px) {
  .olvera-purchase-list { padding: 15px; }
  .olvera-purchase-row { grid-template-columns: minmax(0,1fr) auto; }
  .olvera-purchase-balance,
  .olvera-purchase-order { grid-column: auto; }
  .olvera-purchase-priority { justify-self: start; }
  .olvera-purchase-status { grid-column: 2; grid-row: 3; }
}