.ranch-dashboard-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.ranch-dashboard-summary span,
.ranch-dashboard-grid article,
.ranch-dashboard-empty {
  border: 1px solid var(--border, #d6e3df);
  border-radius: 14px;
  background: var(--bg-card, #fff);
}
.ranch-dashboard-summary span { padding: 10px 12px; color: var(--text-muted, #607770); font-size: 12px; }
.ranch-dashboard-summary b { display: block; margin-top: 3px; color: var(--text-dark, #173f3b); font-size: 15px; }
.ranch-dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ranch-dashboard-grid article {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  min-width: 0;
}
.ranch-dashboard-image,
.ranch-dashboard-grid .ranch-v2-fallback { width: 52px; height: 52px; object-fit: contain; border-radius: 12px; background: #eef5f2; }
.ranch-dashboard-grid article > div { min-width: 0; }
.ranch-dashboard-grid article strong,
.ranch-dashboard-grid article span { display: block; overflow-wrap: anywhere; }
.ranch-dashboard-grid article > div > span { margin-top: 3px; color: var(--text-muted, #607770); font-size: 12px; }
.ranch-dashboard-time { text-align: right; font-variant-numeric: tabular-nums; }
.ranch-dashboard-time small { display: block; color: var(--text-muted, #607770); }
.ranch-dashboard-time b { display: block; margin-top: 3px; color: var(--primary, #267e70); white-space: nowrap; }
.ranch-dashboard-gains { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 5px 12px; padding-top: 8px; border-top: 1px dashed var(--border, #d6e3df); }
.ranch-dashboard-gains span { color: var(--text-muted, #607770); font-size: 12px; }
.ranch-dashboard-empty { display: grid; gap: 5px; padding: 18px; }
.ranch-dashboard-empty span { color: var(--text-muted, #607770); line-height: 1.6; }
.ranch-dashboard-level { grid-column: 1 / -1; }
.ranch-dashboard-level small { display: block; margin-top: 3px; color: var(--text-muted, #607770); }
.ranch-dashboard-media { position: relative; width: 52px; height: 52px; }
.ranch-dashboard-product-image { position: absolute; right: -5px; bottom: -5px; width: 24px; height: 24px; padding: 2px; border: 2px solid #fff; border-radius: 8px; background: #eef5f2; object-fit: contain; }
.ranch-dashboard-formula { grid-column: 1 / -1; padding-top: 8px; border-top: 1px dashed var(--border, #d6e3df); }
.ranch-dashboard-formula summary { width: fit-content; cursor: pointer; color: var(--primary, #267e70); font-size: 12px; font-weight: 800; }
.ranch-dashboard-formula p { margin: 7px 0 0; color: var(--text-muted, #607770); font-size: 11px; line-height: 1.6; }
.ranch-dashboard-formula p b { display: inline; font-size: inherit; }
@media (max-width: 760px) {
  .ranch-dashboard-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ranch-dashboard-grid { grid-template-columns: minmax(0, 1fr); }
  .ranch-dashboard-grid article { grid-template-columns: 46px minmax(0, 1fr); }
  .ranch-dashboard-image,
  .ranch-dashboard-grid .ranch-v2-fallback { width: 46px; height: 46px; }
  .ranch-dashboard-media { width: 46px; height: 46px; }
  .ranch-dashboard-time { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; text-align: left; }
  .ranch-dashboard-gains { grid-column: 1 / -1; }
}