/* #region zone:desk.style.agri — การ์ดราคาเกษตรใช้โทเค็นและย่อได้ทุกความกว้าง */
.farm-card {
  min-width: 0;
}
.strip-grid > .farm-card {
  flex-basis: 100%;
}
.farm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: var(--sp-2);
}
.farm-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sp-1) var(--sp-2);
  min-width: 0;
  padding: var(--sp-2);
  background: var(--panel2);
  border: 1px solid var(--line);
  border-radius: var(--r-inner);
}
.farm-row h3 {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  font-size: 14px;
  color: var(--text);
}
.farm-value {
  grid-column: 2;
  grid-row: 1;
  text-align: right;
  display: block;
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}
.farm-note,
.farm-change,
.farm-unit {
  margin: 0;
  font-size: var(--u-text-xs);
  color: var(--muted);
  overflow-wrap: anywhere;
}
.farm-card > .farm-note {
  margin: var(--sp-2) 0;
}
.farm-unit {
  grid-column: 2;
  grid-row: 2;
  text-align: right;
}
.farm-change {
  grid-column: 1;
  grid-row: 2;
}
.farm-row .farm-note {
  grid-column: 1;
  grid-row: 3;
}
.farm-spark {
  grid-column: 2;
  grid-row: 3;
  width: 84px;
  height: 36px;
  display: block;
}
.farm-spark polyline {
  fill: none;
  stroke: var(--accent-text);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
.farm-retry {
  min-height: 44px;
  min-width: 44px;
  padding: var(--sp-2) var(--sp-3);
  background: var(--panel2);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: var(--r-inner);
}
.farm-retry:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
/* #endregion */