.olvera-stock-line {
  display: block;
  margin-top: 4px;
  font: 600 7px/1.35 Inter, sans-serif;
}
.olvera-stock-line[data-tone="ok"] { color: #59603f; }
.olvera-stock-line[data-tone="low"] { color: #956b39; }
.olvera-stock-line[data-tone="error"] { color: #9a5148; }
.olvera-stock-summary {
  margin: 9px 0 0;
  padding: 9px 11px;
  border-radius: 10px;
  font: 600 8px/1.5 Inter, sans-serif;
}
.olvera-stock-summary[data-tone="ok"] { background: rgba(215,226,213,.58); color: #59603f; }
.olvera-stock-summary[data-tone="error"] { background: rgba(198,145,111,.17); color: #845149; }

.olvera-batch-stock {
  margin-bottom: 16px;
  padding: 20px;
  border: 1px solid rgba(105,112,80,.2);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(215,226,213,.3));
}
.olvera-batch-stock header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 13px;
}
.olvera-batch-stock h2 { margin: 4px 0 0; font-size: 17px; }
.olvera-batch-stock header span {
  color: #8b714f;
  font: 700 8px Inter, sans-serif;
  letter-spacing: .14em;
}
.olvera-batch-stock header strong {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(215,226,213,.75);
  color: #59603f;
  font: 650 8px Inter, sans-serif;
}
.olvera-batch-stock button {
  border: 1px solid rgba(154,81,72,.25);
  border-radius: 9px;
  padding: 8px 10px;
  background: #fff;
  color: #845149;
  font: 650 8px Inter, sans-serif;
  cursor: pointer;
}
.olvera-batch-stock-list { display: grid; gap: 6px; }
.olvera-batch-stock-list > div {
  display: grid;
  grid-template-columns: minmax(160px,1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 9px 11px;
  border-radius: 10px;
  background: rgba(255,255,255,.74);
}
.olvera-batch-stock-list span,
.olvera-batch-stock-list span small { display: block; }
.olvera-batch-stock-list span { font: 650 9px Inter, sans-serif; }
.olvera-batch-stock-list span small { margin-top: 3px; color: #88837b; font: 500 7px Inter, sans-serif; }
.olvera-batch-stock-list b { color: #795d38; font: 600 8px Inter, sans-serif; }
.olvera-batch-stock-list strong { color: #59603f; font: 700 9px Inter, sans-serif; }

#olvera-stock-journal {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--line, #e6e1d7);
}
.olvera-stock-journal-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.olvera-stock-journal-title h3 { margin: 0; font-size: 15px; }
.olvera-stock-journal-title span { color: var(--muted, #77736a); font-size: 10px; }
.olvera-stock-movements {
  display: grid;
  gap: 7px;
  max-height: 320px;
  margin-top: 10px;
  overflow: auto;
}
.olvera-stock-movements article {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 5px 9px;
  padding: 10px;
  border-radius: 10px;
  background: #f6f3ed;
}
.olvera-stock-movements strong,
.olvera-stock-movements small { display: block; }
.olvera-stock-movements strong { font-size: 9px; }
.olvera-stock-movements small { margin-top: 3px; color: #88837b; font-size: 7px; }
.olvera-stock-movements b { font-size: 9px; }
.olvera-stock-movements b[data-tone="in"] { color: #59603f; }
.olvera-stock-movements b[data-tone="out"] { color: #845149; }
.olvera-stock-movements > article > small { grid-column: 2; text-align: right; }

@media (max-width: 680px) {
  .olvera-batch-stock header { align-items: flex-start; flex-direction: column; }
  .olvera-batch-stock-list > div { grid-template-columns: minmax(0,1fr) auto; }
  .olvera-batch-stock-list > div > strong { grid-column: 2; }
}