.merchant-agri-page,
.merchant-agri-page-state {
  --maa-ink: #173c31;
  --maa-muted: #677c73;
  --maa-line: #dce7e1;
  --maa-soft: #f4f8f5;
  --maa-brand: #087455;
  --maa-brand-dark: #07523f;
  --maa-gold: #dcae45;
  display: grid;
  gap: 16px;
  color: var(--maa-ink);
}

.merchant-agri-page :is(button, input, select, a):focus-visible {
  outline: 3px solid #efb94c;
  outline-offset: 3px;
}

.merchant-agri-page button[disabled] {
  cursor: not-allowed;
  opacity: .72;
}

.merchant-agri-page [hidden] {
  display: none !important;
}

.merchant-agri-state-notice {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 11px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid #e1c374;
  border-radius: 13px;
  color: #745318;
  background: #fff9e9;
}

.merchant-agri-state-notice--success {
  border-color: #b8dccb;
  color: #075d44;
  background: #eef9f4;
}

.merchant-agri-state-notice .icon { width: 21px; }
.merchant-agri-state-notice :is(strong, small) { display: block; }
.merchant-agri-state-notice small { margin-top: 3px; line-height: 1.5; }

.merchant-agri-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(290px, .55fr);
  gap: 24px;
  min-height: 240px;
  padding: 34px;
  overflow: hidden;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 83% 18%, rgba(238, 190, 78, .28), transparent 25%),
    linear-gradient(135deg, #063d31, #0b7456 58%, #104638);
  box-shadow: 0 18px 42px rgba(8, 77, 57, .16);
}

.merchant-agri-page--plot .merchant-agri-hero {
  background: radial-gradient(circle at 82% 19%, rgba(225, 183, 75, .26), transparent 25%), linear-gradient(135deg, #173b2f, #3a6f3d 58%, #294934);
}

.merchant-agri-page--crop .merchant-agri-hero {
  background: radial-gradient(circle at 82% 19%, rgba(240, 196, 85, .26), transparent 25%), linear-gradient(135deg, #243c21, #62712e 58%, #364b28);
}

.merchant-agri-page--farming .merchant-agri-hero {
  background: radial-gradient(circle at 82% 19%, rgba(255, 177, 94, .26), transparent 25%), linear-gradient(135deg, #3a2d19, #75612c 58%, #4c4023);
}

.merchant-agri-page--inputs .merchant-agri-hero {
  background: radial-gradient(circle at 82% 19%, rgba(119, 210, 207, .25), transparent 25%), linear-gradient(135deg, #123b3c, #176a68 58%, #25494a);
}

.merchant-agri-page--resources .merchant-agri-hero {
  background: radial-gradient(circle at 82% 19%, rgba(118, 183, 235, .24), transparent 25%), linear-gradient(135deg, #17334a, #286077 58%, #273f50);
}

.merchant-agri-hero > div > span {
  color: #a8e1cc;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}

.merchant-agri-hero h1 {
  margin: 11px 0 8px;
  color: #fff;
  font-size: clamp(34px, 4vw, 52px);
  letter-spacing: -.055em;
}

.merchant-agri-hero p {
  max-width: 800px;
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: 14px;
  line-height: 1.75;
}

.merchant-agri-hero > div > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 20px;
}

.merchant-agri-hero > aside {
  align-self: stretch;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 17px;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(10px);
}

.merchant-agri-hero > aside small,
.merchant-agri-hero > aside strong {
  display: block;
}

.merchant-agri-hero > aside small {
  color: #f0cd7f;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
}

.merchant-agri-hero > aside strong {
  margin: 12px 0 8px;
  font-size: 18px;
  line-height: 1.5;
}

.merchant-agri-hero > aside p {
  font-size: 12px;
  line-height: 1.7;
}

.merchant-agri-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
}

.merchant-agri-actions > small {
  flex: 1 1 340px;
  color: var(--maa-muted);
  font-size: 11px;
  line-height: 1.55;
}

.merchant-agri-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.merchant-agri-metrics article {
  min-height: 142px;
  padding: 18px;
  border: 1px solid var(--maa-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 72, 56, .06);
}

.merchant-agri-metrics small,
.merchant-agri-metrics strong,
.merchant-agri-metrics p {
  display: block;
}

.merchant-agri-metrics article > small {
  color: var(--maa-muted);
  font-size: 11px;
}

.merchant-agri-metrics strong {
  margin: 8px 0 5px;
  font-size: 25px;
  letter-spacing: -.035em;
}

.merchant-agri-metrics p {
  min-height: 32px;
  margin: 0 0 10px;
  color: var(--maa-muted);
  font-size: 11px;
  line-height: 1.5;
}

.merchant-agri-panel {
  border: 1px solid var(--maa-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(20, 72, 56, .055);
}

.merchant-agri-panel-title {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.merchant-agri-panel-title small {
  color: var(--maa-brand);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em;
}

.merchant-agri-panel-title h2 {
  margin: 5px 0 0;
  color: var(--maa-ink);
  font-size: 20px;
}

.merchant-agri-panel-title p {
  max-width: 720px;
  margin: 7px 0 0;
  color: var(--maa-muted);
  font-size: 11px;
  line-height: 1.55;
}

.merchant-agri-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(130px, .75fr)) minmax(210px, 1.5fr) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--maa-line);
  border-radius: 15px;
  background: #fff;
}

.merchant-agri-filters label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.merchant-agri-filters label > span {
  color: var(--maa-muted);
  font-size: 10px;
  font-weight: 800;
}

.merchant-agri-filters :is(input, select) {
  min-width: 0;
  height: 38px;
  padding: 0 11px;
  border: 1px solid var(--maa-line);
  border-radius: 10px;
  color: var(--maa-ink);
  background: #fbfdfc;
}

.merchant-agri-filters output {
  grid-column: 1 / -1;
  color: var(--maa-muted);
  font-size: 10px;
}

.merchant-agri-empty {
  padding: 30px;
  border: 1px dashed #cbdcd3;
  border-radius: 14px;
  color: var(--maa-muted);
  text-align: center;
}

.merchant-agri-rules {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 20px;
}

.merchant-agri-rules .merchant-agri-panel-title { grid-column: 1 / -1; }
.merchant-agri-rules article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 14px;
  border-radius: 13px;
  background: var(--maa-soft);
}

.merchant-agri-rules article > i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #fff;
  font-style: normal;
  font-weight: 900;
  background: var(--maa-brand);
}

.merchant-agri-rules article > strong {
  min-height: 44px;
  font-size: 12px;
  line-height: 1.55;
}

.merchant-agri-rules article .badge {
  grid-column: 2;
  justify-self: start;
}

.merchant-agri-boundary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 16px;
  border: 1px solid #cfe1d8;
  border-radius: 16px;
  background: #edf7f2;
}

.merchant-agri-boundary > div {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: start;
}

.merchant-agri-boundary .icon { color: var(--maa-brand); }
.merchant-agri-boundary :is(strong, small) { display: block; }
.merchant-agri-boundary strong { margin-bottom: 3px; font-size: 12px; }
.merchant-agri-boundary small { color: var(--maa-muted); font-size: 10px; line-height: 1.55; }

/* 基地组合 */
.merchant-agri-base {
  display: grid;
  gap: 15px;
}

.merchant-agri-base__workspace {
  display: grid;
  grid-template-columns: minmax(420px, .95fr) minmax(420px, 1.05fr);
  gap: 15px;
}

.merchant-agri-base__list {
  display: grid;
  gap: 10px;
}

.merchant-agri-base-card {
  border: 1px solid var(--maa-line);
  border-radius: 16px;
  background: #fff;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.merchant-agri-base-card.is-selected {
  border-color: #79b89f;
  box-shadow: 0 12px 28px rgba(10, 100, 74, .1);
}

.merchant-agri-base-card > button {
  width: 100%;
  padding: 17px;
  border: 0;
  color: inherit;
  text-align: left;
  background: none;
}

.merchant-agri-card-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.merchant-agri-card-top code,
.merchant-agri-base-card code {
  color: var(--maa-brand);
  font-size: 10px;
  font-weight: 800;
}

.merchant-agri-base-card button > strong,
.merchant-agri-base-card button > small {
  display: block;
}

.merchant-agri-base-card button > strong {
  margin: 10px 0 3px;
  font-size: 18px;
}

.merchant-agri-base-card button > small { color: var(--maa-muted); }

.merchant-agri-base-card dl,
.merchant-agri-base__profile dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 14px 0;
}

.merchant-agri-base-card dl > div,
.merchant-agri-base__profile dl > div {
  padding: 9px;
  border-radius: 10px;
  background: var(--maa-soft);
}

.merchant-agri-base-card :is(dt, dd),
.merchant-agri-base__profile :is(dt, dd) { margin: 0; }
.merchant-agri-base-card dt,
.merchant-agri-base__profile dt { color: var(--maa-muted); font-size: 9px; }
.merchant-agri-base-card dd,
.merchant-agri-base__profile dd { margin-top: 4px; font-size: 11px; font-weight: 750; }

.merchant-agri-readiness {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.merchant-agri-readiness > i {
  height: 6px;
  overflow: hidden;
  border-radius: 8px;
  background: #e5eee9;
}

.merchant-agri-readiness > i::before {
  display: block;
  width: var(--progress);
  height: 100%;
  content: "";
  background: linear-gradient(90deg, var(--maa-brand), #5daf7d);
}

.merchant-agri-readiness b { font-size: 10px; }
.merchant-agri-base__profile { padding: 20px; }

.merchant-agri-profile-cover {
  display: grid;
  align-content: end;
  min-height: 170px;
  padding: 20px;
  border-radius: 14px;
  color: #fff;
  background:
    linear-gradient(180deg, transparent 10%, rgba(0, 32, 22, .72)),
    radial-gradient(circle at 80% 25%, #d2c073 0, transparent 22%),
    linear-gradient(135deg, #78a661, #224c36);
}

.merchant-agri-profile-cover span { align-self: start; justify-self: start; padding: 5px 8px; border-radius: 7px; font-size: 9px; background: rgba(0,0,0,.28); }
.merchant-agri-profile-cover strong { font-size: 22px; }
.merchant-agri-profile-cover small { margin-top: 4px; color: rgba(255,255,255,.78); }
.merchant-agri-base__profile section h3 { margin: 18px 0 10px; font-size: 14px; }
.merchant-agri-base__profile ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.merchant-agri-base__profile li { display: flex; gap: 8px; align-items: center; padding: 10px; border: 1px solid var(--maa-line); border-radius: 10px; font-size: 11px; }
.merchant-agri-base__profile li .icon { width: 17px; color: var(--maa-brand); }
.merchant-agri-base__profile footer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

/* 空间拓扑 */
.merchant-agri-plot { display: grid; gap: 15px; }
.merchant-agri-plot__overview {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, .5fr);
  gap: 15px;
}

.merchant-agri-plot-map,
.merchant-agri-device-health,
.merchant-agri-plot-ledger { padding: 20px; }

.merchant-agri-map-grid {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  border-radius: 14px;
  background:
    linear-gradient(30deg, rgba(255,255,255,.45) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.45) 87.5%),
    linear-gradient(150deg, rgba(255,255,255,.45) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.45) 87.5%),
    #e5efe2;
  background-size: 44px 76px;
}

.merchant-agri-map-grid svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.merchant-agri-map-grid path { fill: none; stroke: rgba(17, 101, 67, .34); stroke-width: 4; stroke-dasharray: 7 7; }

.merchant-agri-map-node {
  position: absolute;
  z-index: 1;
  display: grid;
  gap: 4px;
  width: 130px;
  padding: 11px;
  border: 1px solid rgba(28, 85, 60, .22);
  border-radius: 12px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 20px rgba(24, 72, 50, .12);
}

.merchant-agri-map-node span { color: var(--maa-muted); font-size: 9px; }
.merchant-agri-map-node strong { font-size: 13px; }
.merchant-agri-map-node--1 { top: 30px; left: 6%; }
.merchant-agri-map-node--2 { top: 65px; right: 12%; }
.merchant-agri-map-node--3 { bottom: 35px; left: 27%; }
.merchant-agri-map-node--4 { right: 5%; bottom: 22px; }

.merchant-agri-device-health > strong {
  display: block;
  margin-top: 26px;
  color: var(--maa-brand);
  font-size: 42px;
  letter-spacing: -.06em;
}

.merchant-agri-device-health > small { color: var(--maa-muted); }
.merchant-agri-device-health ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.merchant-agri-device-health li { display: flex; gap: 9px; align-items: center; padding: 11px; border-radius: 10px; background: var(--maa-soft); font-size: 11px; }
.merchant-agri-device-health .icon { width: 17px; color: var(--maa-brand); }

.merchant-agri-plot-ledger > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
}

.merchant-agri-plot-ledger article {
  padding: 15px;
  border: 1px solid var(--maa-line);
  border-radius: 13px;
  background: #fbfdfc;
}

.merchant-agri-plot-ledger article header,
.merchant-agri-plot-ledger article footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px; align-items: center; }
.merchant-agri-plot-ledger article code { color: var(--maa-brand); font-size: 9px; }
.merchant-agri-plot-ledger article h3 { margin: 12px 0 4px; font-size: 16px; }
.merchant-agri-plot-ledger article p { margin: 0; color: var(--maa-muted); font-size: 10px; }
.merchant-agri-plot-ledger dl { display: grid; gap: 7px; margin: 14px 0; }
.merchant-agri-plot-ledger dl > div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 8px; }
.merchant-agri-plot-ledger :is(dt, dd) { margin: 0; font-size: 10px; }
.merchant-agri-plot-ledger dt { color: var(--maa-muted); }
.merchant-agri-plot-ledger dd { font-weight: 700; }

/* 作物身份 */
.merchant-agri-crop { display: grid; gap: 15px; }
.merchant-agri-crop__workspace {
  display: grid;
  grid-template-columns: minmax(260px, .55fr) minmax(380px, 1.05fr) minmax(270px, .6fr);
  gap: 15px;
}

.merchant-agri-crop__index,
.merchant-agri-crop__identity,
.merchant-agri-crop__timeline { padding: 20px; }
.merchant-agri-crop__index > div { display: grid; gap: 8px; }
.merchant-agri-crop__index button {
  display: grid;
  gap: 5px;
  width: 100%;
  padding: 13px;
  border: 1px solid var(--maa-line);
  border-radius: 11px;
  color: inherit;
  text-align: left;
  background: #fbfdfc;
}
.merchant-agri-crop__index button.is-selected { border-color: #75b99e; background: #eef8f3; }
.merchant-agri-crop__index code { color: var(--maa-brand); font-size: 9px; }
.merchant-agri-crop__index strong { font-size: 13px; }
.merchant-agri-crop__index span:not(.badge) { color: var(--maa-muted); font-size: 9px; }
.merchant-agri-crop__index .badge { justify-self: start; }

.merchant-agri-crop__identity > header { display: flex; justify-content: space-between; gap: 16px; align-items: start; padding-bottom: 16px; border-bottom: 1px solid var(--maa-line); }
.merchant-agri-crop__identity header small { color: var(--maa-brand); font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.merchant-agri-crop__identity h2 { margin: 7px 0 4px; font-size: 23px; }
.merchant-agri-crop__identity code { color: var(--maa-muted); font-size: 10px; }
.merchant-agri-identity-seal { display: grid; justify-items: center; gap: 5px; min-width: 94px; padding: 12px; border: 1px solid #b8d7c9; border-radius: 13px; color: var(--maa-brand); font-size: 9px; font-weight: 850; background: #eef8f3; }
.merchant-agri-identity-seal .icon { width: 26px; }
.merchant-agri-crop__identity dl { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 18px 0; }
.merchant-agri-crop__identity dl > div { padding: 11px; border-radius: 10px; background: var(--maa-soft); }
.merchant-agri-crop__identity :is(dt, dd) { margin: 0; }
.merchant-agri-crop__identity dt { color: var(--maa-muted); font-size: 9px; }
.merchant-agri-crop__identity dd { margin-top: 4px; font-size: 11px; font-weight: 750; }
.merchant-agri-crop__links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.merchant-agri-crop__links span { padding: 12px; border: 1px solid var(--maa-line); border-radius: 10px; font-size: 11px; font-weight: 800; }
.merchant-agri-crop__links small { display: block; margin-top: 3px; color: var(--maa-muted); font-size: 9px; font-weight: 500; }
.merchant-agri-crop__timeline ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.merchant-agri-crop__timeline li { position: relative; display: grid; grid-template-columns: 76px 12px 1fr; gap: 8px; min-height: 64px; }
.merchant-agri-crop__timeline time { color: var(--maa-muted); font-size: 9px; }
.merchant-agri-crop__timeline li > i { position: relative; width: 10px; height: 10px; border: 2px solid var(--maa-brand); border-radius: 50%; background: #fff; }
.merchant-agri-crop__timeline li > i::after { position: absolute; top: 10px; left: 2px; width: 2px; height: 49px; content: ""; background: #c9ddd3; }
.merchant-agri-crop__timeline li:last-child > i::after { display: none; }
.merchant-agri-crop__timeline li.is-current > i { background: var(--maa-gold); }
.merchant-agri-crop__timeline strong,
.merchant-agri-crop__timeline small { grid-column: 3; display: block; }
.merchant-agri-crop__timeline strong { margin-top: -2px; font-size: 11px; }
.merchant-agri-crop__timeline small { margin-top: -34px; color: var(--maa-muted); font-size: 9px; }

/* 农事证据 */
.merchant-agri-farming { display: grid; gap: 15px; }
.merchant-agri-farming__decision {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border: 1px solid #e9c9a2;
  border-radius: 15px;
  color: #713b20;
  background: #fff6ea;
}
.merchant-agri-farming__decision > div { display: flex; gap: 12px; align-items: start; }
.merchant-agri-farming__decision .icon { width: 24px; color: #b45e29; }
.merchant-agri-farming__decision :is(small, strong, p) { display: block; }
.merchant-agri-farming__decision small { font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.merchant-agri-farming__decision strong { margin: 5px 0; font-size: 16px; }
.merchant-agri-farming__decision p { margin: 0; font-size: 10px; }
.merchant-agri-farming__workspace { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 15px; }
.merchant-agri-farming__ledger { display: grid; gap: 10px; }
.merchant-agri-farming__ledger > article { padding: 17px; border: 1px solid var(--maa-line); border-left: 4px solid #76a98e; border-radius: 14px; background: #fff; }
.merchant-agri-farming__ledger > article:has(.badge--danger) { border-left-color: #c15f45; }
.merchant-agri-farming__ledger article header { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.merchant-agri-farming__ledger header > span:first-child { padding: 4px 7px; border-radius: 6px; color: var(--maa-brand); font-size: 9px; font-weight: 850; background: #eaf5ef; }
.merchant-agri-farming__ledger code { color: var(--maa-muted); font-size: 9px; }
.merchant-agri-farming__ledger h3 { margin: 12px 0 3px; font-size: 17px; }
.merchant-agri-farming__ledger p { margin: 0; color: var(--maa-muted); font-size: 10px; }
.merchant-agri-farming__ledger dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0; }
.merchant-agri-farming__ledger dl > div { padding: 9px; border-radius: 9px; background: var(--maa-soft); }
.merchant-agri-farming__ledger :is(dt, dd) { margin: 0; }
.merchant-agri-farming__ledger dt { color: var(--maa-muted); font-size: 9px; }
.merchant-agri-farming__ledger dd { margin-top: 4px; font-size: 10px; font-weight: 700; }
.merchant-agri-farming__ledger footer { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.merchant-agri-farming__ledger footer > strong { display: flex; gap: 6px; align-items: center; color: #925228; font-size: 10px; }
.merchant-agri-farming__ledger footer .icon { width: 17px; }
.merchant-agri-evidence-flow { padding: 20px; }
.merchant-agri-evidence-flow ol { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.merchant-agri-evidence-flow li { display: grid; grid-template-columns: 35px 1fr; gap: 9px; padding: 11px; border-radius: 11px; background: var(--maa-soft); }
.merchant-agri-evidence-flow li > i { color: #87998f; font-size: 10px; font-style: normal; font-weight: 900; }
.merchant-agri-evidence-flow li.is-complete > i { color: var(--maa-brand); }
.merchant-agri-evidence-flow li.is-current { color: #6d3d20; background: #fff1df; }
.merchant-agri-evidence-flow :is(strong, small) { display: block; }
.merchant-agri-evidence-flow strong { font-size: 11px; }
.merchant-agri-evidence-flow small { margin-top: 3px; color: var(--maa-muted); font-size: 9px; }

/* 投入品 */
.merchant-agri-inputs,
.merchant-agri-resources { display: grid; gap: 15px; }
.merchant-agri-tabs { display: flex; gap: 6px; padding: 6px; overflow-x: auto; border: 1px solid var(--maa-line); border-radius: 13px; background: #fff; }
.merchant-agri-tabs button { flex: 0 0 auto; padding: 9px 14px; border: 0; border-radius: 9px; color: var(--maa-muted); font-size: 11px; font-weight: 800; background: transparent; }
.merchant-agri-tabs button.is-active { color: #fff; background: var(--maa-brand); }
.merchant-agri-inputs__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); gap: 15px; align-items: start; }
.merchant-agri-input-ledger,
.merchant-agri-input-alerts { padding: 20px; }
.merchant-agri-table-scroll { overflow-x: auto; }
.merchant-agri-input-ledger table { width: 100%; min-width: 900px; border-collapse: collapse; }
.merchant-agri-input-ledger th { padding: 10px; color: var(--maa-muted); font-size: 9px; text-align: left; background: var(--maa-soft); }
.merchant-agri-input-ledger td { padding: 12px 10px; border-bottom: 1px solid var(--maa-line); font-size: 10px; vertical-align: top; }
.merchant-agri-input-ledger td :is(strong, code, small, b) { display: block; }
.merchant-agri-input-ledger td strong { margin-bottom: 4px; font-size: 11px; }
.merchant-agri-input-ledger td code { color: var(--maa-brand); font-size: 8px; }
.merchant-agri-input-ledger td small { margin-top: 3px; color: var(--maa-muted); font-size: 8px; }
.merchant-agri-input-alerts { display: grid; gap: 9px; }
.merchant-agri-input-alerts .merchant-agri-panel-title { margin-bottom: 7px; }
.merchant-agri-input-alerts article { display: grid; grid-template-columns: 22px 1fr; gap: 9px; padding: 12px; border: 1px solid var(--maa-line); border-radius: 11px; }
.merchant-agri-input-alerts article .icon { width: 19px; color: #ad5d35; }
.merchant-agri-input-alerts article :is(small, strong, p) { display: block; }
.merchant-agri-input-alerts article small { color: var(--maa-muted); font-size: 8px; }
.merchant-agri-input-alerts article strong { margin-top: 4px; font-size: 11px; }
.merchant-agri-input-alerts article p { margin: 4px 0 7px; color: var(--maa-muted); font-size: 9px; }
.merchant-agri-input-alerts article .badge { grid-column: 2; justify-self: start; }
.merchant-agri-input-alerts--full { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.merchant-agri-input-alerts--full .merchant-agri-panel-title { grid-column: 1 / -1; }
.merchant-agri-input-activity { padding: 20px; }
.merchant-agri-input-activity > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.merchant-agri-input-activity article { padding: 15px; border: 1px solid var(--maa-line); border-radius: 12px; background: #fbfdfc; }
.merchant-agri-input-activity article header { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.merchant-agri-input-activity article code { color: var(--maa-brand); font-size: 9px; }
.merchant-agri-input-activity article h3 { margin: 11px 0; font-size: 15px; }
.merchant-agri-input-activity article dl { display: grid; gap: 7px; margin: 0 0 12px; }
.merchant-agri-input-activity article dl > div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 7px; padding: 8px; border-radius: 8px; background: var(--maa-soft); }
.merchant-agri-input-activity article :is(dt, dd) { margin: 0; font-size: 9px; }
.merchant-agri-input-activity article dt { color: var(--maa-muted); }
.merchant-agri-input-activity article dd { font-weight: 750; }
.merchant-agri-input-activity article p { min-height: 31px; margin: 0 0 10px; color: var(--maa-muted); font-size: 9px; line-height: 1.55; }
.merchant-agri-input-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 9px; align-items: center; }
.merchant-agri-input-flow article { min-height: 96px; padding: 14px; border: 1px solid var(--maa-line); border-radius: 13px; background: #fff; }
.merchant-agri-input-flow article i,
.merchant-agri-input-flow article strong,
.merchant-agri-input-flow article small { display: block; }
.merchant-agri-input-flow article i { color: var(--maa-brand); font-size: 9px; font-style: normal; font-weight: 900; }
.merchant-agri-input-flow article strong { margin: 8px 0 4px; font-size: 12px; }
.merchant-agri-input-flow article small { color: var(--maa-muted); font-size: 9px; line-height: 1.45; }
.merchant-agri-input-flow > b { color: #a7b9b0; }

/* 农机与用工 */
.merchant-agri-resource-calendar,
.merchant-agri-machinery,
.merchant-agri-labor { padding: 20px; }
.merchant-agri-calendar-head,
.merchant-agri-calendar-row { display: grid; grid-template-columns: 150px repeat(4, 1fr); gap: 0; }
.merchant-agri-calendar-head { padding: 0 10px 8px; color: var(--maa-muted); font-size: 9px; }
.merchant-agri-calendar-head time { text-align: right; }
.merchant-agri-calendar-row { position: relative; min-height: 50px; align-items: center; border-top: 1px solid var(--maa-line); background: repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), #e6eee9 25%); }
.merchant-agri-calendar-row strong { padding-left: 10px; font-size: 10px; }
.merchant-agri-calendar-row i { grid-column: 2 / 6; position: absolute; left: var(--start); width: var(--length); padding: 7px 9px; overflow: hidden; border-radius: 8px; color: #fff; font-size: 9px; font-style: normal; white-space: nowrap; background: linear-gradient(90deg, #167457, #4a9c78); }
.merchant-agri-calendar-row i.is-warning { background: linear-gradient(90deg, #9e6731, #c68b47); }
.merchant-agri-resource-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.merchant-agri-machinery > div,
.merchant-agri-labor > div { display: grid; gap: 9px; }
.merchant-agri-machinery article,
.merchant-agri-labor article { padding: 13px; border: 1px solid var(--maa-line); border-radius: 12px; background: #fbfdfc; }
.merchant-agri-machinery article header,
.merchant-agri-labor article header { display: flex; gap: 9px; align-items: flex-start; }
.merchant-agri-machinery article header > span,
.merchant-agri-labor article header > span { flex: 1; min-width: 0; }
.merchant-agri-machinery article .icon { width: 21px; color: var(--maa-brand); }
.merchant-agri-machinery article :is(code, strong, small),
.merchant-agri-labor article :is(code, strong, small) { display: block; }
.merchant-agri-machinery article code,
.merchant-agri-labor article code { color: var(--maa-brand); font-size: 8px; }
.merchant-agri-machinery article strong,
.merchant-agri-labor article strong { margin: 4px 0 2px; font-size: 12px; }
.merchant-agri-machinery article small,
.merchant-agri-labor article small { color: var(--maa-muted); font-size: 8px; }
.merchant-agri-machinery dl,
.merchant-agri-labor dl { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 12px 0 0; }
.merchant-agri-machinery dl > div,
.merchant-agri-labor dl > div { padding: 8px; border-radius: 8px; background: #f1f6f3; }
.merchant-agri-machinery :is(dt, dd),
.merchant-agri-labor :is(dt, dd) { margin: 0; }
.merchant-agri-machinery dt,
.merchant-agri-labor dt { color: var(--maa-muted); font-size: 8px; }
.merchant-agri-machinery dd,
.merchant-agri-labor dd { margin-top: 3px; font-size: 9px; font-weight: 700; }

.merchant-agri-page-state {
  padding: 24px;
  border: 1px solid var(--maa-line);
  border-radius: 18px;
  background: #fff;
}

.merchant-agri-page-state > header {
  padding: 22px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #173d31, #226a53);
}

.merchant-agri-page-state > header span { color: #a7deca; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.merchant-agri-page-state > header h1 { margin: 8px 0; color: #fff; }
.merchant-agri-page-state > header p { margin: 0; color: rgba(255,255,255,.8); }

@media (max-width: 1180px) {
  .merchant-agri-filters { grid-template-columns: repeat(2, minmax(180px, 1fr)) auto; }
  .merchant-agri-filters label:nth-of-type(4) { grid-column: span 2; }
  .merchant-agri-plot-ledger > div { grid-template-columns: 1fr 1fr; }
  .merchant-agri-crop__workspace { grid-template-columns: minmax(250px, .7fr) minmax(430px, 1.3fr); }
  .merchant-agri-crop__timeline { grid-column: 1 / -1; }
  .merchant-agri-crop__timeline ol { grid-template-columns: repeat(4, 1fr); gap: 8px; }
  .merchant-agri-crop__timeline li { grid-template-columns: 1fr; min-height: auto; padding: 11px; border-radius: 10px; background: var(--maa-soft); }
  .merchant-agri-crop__timeline li > i { display: none; }
  .merchant-agri-crop__timeline :is(strong, small) { grid-column: 1; margin: 3px 0 0; }
}

@media (max-width: 1024px) {
  .merchant-agri-hero { grid-template-columns: 1fr; }
  .merchant-agri-hero > aside { min-height: 0; }
  .merchant-agri-metrics { grid-template-columns: 1fr 1fr; }
  .merchant-agri-base__workspace,
  .merchant-agri-plot__overview,
  .merchant-agri-farming__workspace,
  .merchant-agri-inputs__grid,
  .merchant-agri-resource-grid { grid-template-columns: 1fr; }
  .merchant-agri-base__list { grid-template-columns: 1fr 1fr; }
  .merchant-agri-base__profile { grid-row: 1; }
  .merchant-agri-plot-ledger > div { grid-template-columns: 1fr; }
  .merchant-agri-input-alerts { grid-template-columns: repeat(3, 1fr); }
  .merchant-agri-input-alerts .merchant-agri-panel-title { grid-column: 1 / -1; }
  .merchant-agri-input-activity > div { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .merchant-agri-hero { min-height: 0; padding: 24px; }
  .merchant-agri-hero h1 { font-size: 36px; }
  .merchant-agri-filters { grid-template-columns: 1fr 1fr; }
  .merchant-agri-filters label:nth-of-type(4) { grid-column: span 2; }
  .merchant-agri-filters > button { justify-self: start; }
  .merchant-agri-rules { grid-template-columns: 1fr; }
  .merchant-agri-base__list { grid-template-columns: 1fr; }
  .merchant-agri-crop__workspace { grid-template-columns: 1fr; }
  .merchant-agri-crop__timeline { grid-column: auto; }
  .merchant-agri-crop__timeline ol { grid-template-columns: 1fr 1fr; }
  .merchant-agri-farming__decision { align-items: flex-start; }
  .merchant-agri-farming__decision > button { flex: 0 0 auto; }
  .merchant-agri-input-alerts { grid-template-columns: 1fr; }
  .merchant-agri-input-alerts .merchant-agri-panel-title { grid-column: auto; }
  .merchant-agri-input-alerts--full .merchant-agri-panel-title { grid-column: auto; }
  .merchant-agri-input-activity > div { grid-template-columns: 1fr; }
  .merchant-agri-input-flow { grid-template-columns: 1fr 1fr; }
  .merchant-agri-input-flow > b { display: none; }
  .merchant-agri-calendar-head,
  .merchant-agri-calendar-row { grid-template-columns: 110px repeat(4, 1fr); }
  .merchant-agri-boundary { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .merchant-agri-page { gap: 12px; }
  .merchant-agri-hero { padding: 20px; border-radius: 17px; }
  .merchant-agri-hero h1 { font-size: 31px; }
  .merchant-agri-hero > aside { padding: 16px; }
  .merchant-agri-actions { align-items: stretch; }
  .merchant-agri-actions > .btn { flex: 1 1 calc(50% - 5px); justify-content: center; }
  .merchant-agri-actions > small { flex-basis: 100%; }
  .merchant-agri-metrics { grid-template-columns: 1fr; }
  .merchant-agri-metrics article { min-height: 0; }
  .merchant-agri-filters { grid-template-columns: 1fr; }
  .merchant-agri-filters label:nth-of-type(4) { grid-column: auto; }
  .merchant-agri-base-card dl,
  .merchant-agri-base__profile dl,
  .merchant-agri-crop__identity dl,
  .merchant-agri-farming__ledger dl,
  .merchant-agri-machinery dl,
  .merchant-agri-labor dl { grid-template-columns: 1fr; }
  .merchant-agri-crop__links,
  .merchant-agri-crop__timeline ol,
  .merchant-agri-input-flow { grid-template-columns: 1fr; }
  .merchant-agri-plot-map { padding: 14px; }
  .merchant-agri-map-grid { min-height: 390px; }
  .merchant-agri-map-node { width: 120px; }
  .merchant-agri-map-node--1 { top: 20px; left: 4%; }
  .merchant-agri-map-node--2 { top: 110px; right: 4%; }
  .merchant-agri-map-node--3 { bottom: 100px; left: 7%; }
  .merchant-agri-map-node--4 { right: 5%; bottom: 18px; }
  .merchant-agri-farming__decision { display: grid; }
  .merchant-agri-resource-calendar { overflow-x: auto; }
  .merchant-agri-resource-calendar > :not(.merchant-agri-panel-title) { min-width: 620px; }
  .merchant-agri-tabs { margin-inline: -2px; }
}

/* 基地、地块与作物：以对象层级和下一步为主的易读工作台 */
.merchant-agri-page--guided {
  gap: 14px;
}

.merchant-agri-guided-hero {
  overflow: hidden;
  border: 1px solid var(--maa-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(24, 67, 52, .08);
}

.merchant-agri-object-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--maa-line);
  background: #f6f9f7;
}

.merchant-agri-object-path a {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  gap: 10px;
  align-items: center;
  min-height: 72px;
  padding: 12px 16px;
  border-right: 1px solid var(--maa-line);
  color: var(--maa-ink);
  text-decoration: none;
}

.merchant-agri-object-path a:last-child { border-right: 0; }
.merchant-agri-object-path a.is-current { color: #fff; background: var(--maa-brand); }
.merchant-agri-object-path a > i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #cbdcd4;
  border-radius: 10px;
  color: var(--maa-brand);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  background: #fff;
}

.merchant-agri-object-path a span,
.merchant-agri-object-path a strong,
.merchant-agri-object-path a small { display: block; }
.merchant-agri-object-path a strong { font-size: 13px; }
.merchant-agri-object-path a small { margin-top: 3px; color: var(--maa-muted); font-size: 9px; line-height: 1.4; }
.merchant-agri-object-path a.is-current small { color: rgba(255, 255, 255, .76); }
.merchant-agri-object-path .icon { width: 15px; color: #8ba097; }
.merchant-agri-object-path a.is-current .icon { color: #fff; }

.merchant-agri-guided-hero__main {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
  gap: 28px;
  align-items: center;
  padding: 28px 30px 24px;
}

.merchant-agri-guided-hero__main > div > span,
.merchant-agri-guided-hero__main > aside > small,
.merchant-agri-section-intro small,
.merchant-agri-attention header small,
.merchant-agri-page--guided .merchant-agri-metrics > header small {
  color: var(--maa-brand);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}

.merchant-agri-guided-hero h1 {
  margin: 6px 0 8px;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.merchant-agri-guided-hero__main > div > p { margin: 0; color: var(--maa-muted); font-size: 13px; line-height: 1.7; }
.merchant-agri-guided-hero__main > div > strong { display: block; margin-top: 13px; font-size: 15px; }
.merchant-agri-guided-hero__main > aside { padding: 17px; border-radius: 14px; background: #eef7f3; }
.merchant-agri-guided-hero__main ol { display: grid; gap: 9px; margin: 11px 0 0; padding: 0; list-style: none; }
.merchant-agri-guided-hero__main li { display: grid; grid-template-columns: 26px 1fr; gap: 9px; align-items: center; font-size: 11px; font-weight: 750; }
.merchant-agri-guided-hero__main li i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #fff; font-size: 9px; font-style: normal; background: var(--maa-brand); }

.merchant-agri-demo-note {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 10px 30px;
  border-top: 1px solid var(--maa-line);
  color: var(--maa-muted);
  font-size: 10px;
  background: #fbfdfc;
}

.merchant-agri-demo-note .icon { flex: 0 0 auto; width: 15px; color: var(--maa-brand); }
.merchant-agri-page--guided .merchant-agri-actions { padding: 0 2px; }
.merchant-agri-page--guided .merchant-agri-actions > small { max-width: 560px; font-size: 10px; }

.merchant-agri-attention,
.merchant-agri-page--guided .merchant-agri-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--maa-line);
  border-radius: 16px;
  background: #fff;
}

.merchant-agri-attention > header,
.merchant-agri-page--guided .merchant-agri-metrics > header {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
}

.merchant-agri-attention h2,
.merchant-agri-page--guided .merchant-agri-metrics > header h2,
.merchant-agri-section-intro h2 { margin: 4px 0 0; font-size: 19px; }
.merchant-agri-attention header p,
.merchant-agri-page--guided .merchant-agri-metrics > header p,
.merchant-agri-section-intro p { max-width: 520px; margin: 0; color: var(--maa-muted); font-size: 10px; line-height: 1.55; }
.merchant-agri-attention > div { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; gap: 10px; }
.merchant-agri-attention article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 76px; padding: 13px; border: 1px solid var(--maa-line); border-radius: 12px; background: #fbfdfc; }
.merchant-agri-attention article > strong { min-width: 42px; color: var(--maa-brand); font-size: 28px; letter-spacing: -.05em; }
.merchant-agri-attention article > span,
.merchant-agri-attention article b,
.merchant-agri-attention article small { display: block; }
.merchant-agri-attention article b { font-size: 11px; }
.merchant-agri-attention article small { margin-top: 4px; color: var(--maa-muted); font-size: 9px; line-height: 1.45; }
.merchant-agri-attention--danger { border-color: #ebcbc6 !important; background: #fff8f7 !important; }
.merchant-agri-attention--danger > strong { color: #a53b30 !important; }
.merchant-agri-attention--warning { border-color: #ead9aa !important; background: #fffdf6 !important; }

.merchant-agri-page--guided .merchant-agri-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.merchant-agri-page--guided .merchant-agri-metrics article { min-height: 122px; padding: 14px; box-shadow: none; }
.merchant-agri-page--guided .merchant-agri-metrics strong { font-size: 24px; }
.merchant-agri-section-intro { display: flex; justify-content: space-between; gap: 20px; align-items: end; padding: 4px 2px 0; }

.merchant-agri-filters--compact {
  grid-template-columns: minmax(260px, 1fr) minmax(150px, .35fr) auto auto;
  align-items: end;
}

.merchant-agri-filters--compact output { align-self: center; justify-self: end; }
.merchant-agri-base-card > button { padding: 16px; }
.merchant-agri-base-card .merchant-agri-card-top { align-items: start; }
.merchant-agri-base-card .merchant-agri-card-top > span,
.merchant-agri-base-card .merchant-agri-card-top strong,
.merchant-agri-base-card .merchant-agri-card-top small { display: block; }
.merchant-agri-base-card .merchant-agri-card-top strong { font-size: 16px; }
.merchant-agri-base-card .merchant-agri-card-top small { margin-top: 3px; color: var(--maa-muted); font-size: 10px; }
.merchant-agri-base-card > button > code { display: block; margin-top: 7px; }
.merchant-agri-card-issue { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 10px; border-radius: 10px; background: #fff8e8; }
.merchant-agri-card-issue b { font-size: 9px; }
.merchant-agri-card-issue small { color: #745d28; font-size: 10px; }
.merchant-agri-card-issue em { color: var(--maa-muted); font-size: 9px; font-style: normal; }
.merchant-agri-profile-cover { min-height: 122px; }
.merchant-agri-base__profile footer { display: block; }
.merchant-agri-base__profile footer > small { display: block; margin-bottom: 8px; color: var(--maa-muted); font-size: 9px; }
.merchant-agri-base__profile footer > div { display: flex; flex-wrap: wrap; gap: 8px; }

.merchant-agri-page--guided .merchant-agri-panel-title small { color: var(--maa-brand); letter-spacing: .04em; }
.merchant-agri-page--guided .merchant-agri-plot-ledger > div { grid-template-columns: 1fr; }
.merchant-agri-page--guided .merchant-agri-plot-ledger article { padding: 17px; }
.merchant-agri-page--guided .merchant-agri-plot-ledger article header > span,
.merchant-agri-page--guided .merchant-agri-plot-ledger article header strong,
.merchant-agri-page--guided .merchant-agri-plot-ledger article header small { display: block; }
.merchant-agri-page--guided .merchant-agri-plot-ledger article header strong { font-size: 15px; }
.merchant-agri-page--guided .merchant-agri-plot-ledger article header small { margin-top: 3px; color: var(--maa-muted); font-size: 9px; }
.merchant-agri-page--guided .merchant-agri-plot-ledger article > code { display: block; margin-top: 7px; }
.merchant-agri-page--guided .merchant-agri-plot-ledger dl { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.merchant-agri-page--guided .merchant-agri-plot-ledger dl > div { display: block; padding: 10px; border-radius: 9px; background: var(--maa-soft); }
.merchant-agri-page--guided .merchant-agri-plot-ledger dd { margin-top: 4px; }
.merchant-agri-page--guided .merchant-agri-plot-ledger article footer { padding-top: 12px; border-top: 1px solid var(--maa-line); }
.merchant-agri-page--guided .merchant-agri-plot-ledger article footer > span,
.merchant-agri-page--guided .merchant-agri-plot-ledger article footer b,
.merchant-agri-page--guided .merchant-agri-plot-ledger article footer small { display: block; }
.merchant-agri-page--guided .merchant-agri-plot-ledger article footer b { font-size: 9px; }
.merchant-agri-page--guided .merchant-agri-plot-ledger article footer small { margin-top: 3px; color: var(--maa-muted); font-size: 10px; }
.merchant-agri-page--guided .merchant-agri-plot-ledger article footer > div { display: flex; gap: 8px; }

.merchant-agri-rules-details,
.merchant-agri-boundary-details { border: 1px solid var(--maa-line); border-radius: 14px; background: #fff; }
.merchant-agri-rules-details summary,
.merchant-agri-boundary-details summary { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 14px 16px; cursor: pointer; list-style: none; }
.merchant-agri-rules-details summary::-webkit-details-marker,
.merchant-agri-boundary-details summary::-webkit-details-marker { display: none; }
.merchant-agri-rules-details summary > span,
.merchant-agri-boundary-details summary > span { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 9px; align-items: center; }
.merchant-agri-rules-details summary strong,
.merchant-agri-boundary-details summary strong { font-size: 12px; }
.merchant-agri-rules-details summary small,
.merchant-agri-boundary-details summary small { grid-column: 2; margin-top: 2px; color: var(--maa-muted); font-size: 9px; }
.merchant-agri-rules-details summary .icon,
.merchant-agri-boundary-details summary .icon { width: 17px; color: var(--maa-brand); }
.merchant-agri-rules-details > div,
.merchant-agri-boundary-details > div { display: grid; gap: 8px; padding: 0 16px 16px; }
.merchant-agri-rules-details article { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: center; padding: 10px; border-radius: 9px; background: var(--maa-soft); }
.merchant-agri-rules-details article i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #fff; font-size: 9px; font-style: normal; background: var(--maa-brand); }
.merchant-agri-rules-details article strong { font-size: 10px; line-height: 1.5; }
.merchant-agri-boundary-details p { margin: 0; color: var(--maa-muted); font-size: 10px; line-height: 1.65; }
.merchant-agri-boundary-details p strong { display: block; color: var(--maa-ink); font-size: 11px; }

@media (max-width: 1024px) {
  .merchant-agri-guided-hero__main { grid-template-columns: 1fr; gap: 16px; }
  .merchant-agri-attention > div { grid-template-columns: 1fr; }
  .merchant-agri-page--guided .merchant-agri-metrics { grid-template-columns: 1fr 1fr; }
  .merchant-agri-base__profile { grid-row: auto; }
  .merchant-agri-page--guided .merchant-agri-plot-ledger dl { grid-template-columns: 1fr 1fr; }
  .merchant-agri-filters--compact { grid-template-columns: minmax(240px, 1fr) 160px auto; }
  .merchant-agri-filters--compact output { grid-column: 1 / -1; justify-self: start; }
}

@media (max-width: 768px) {
  .merchant-agri-object-path { grid-template-columns: 1fr; }
  .merchant-agri-object-path a { min-height: 58px; border-right: 0; border-bottom: 1px solid var(--maa-line); }
  .merchant-agri-object-path a:last-child { border-bottom: 0; }
  .merchant-agri-object-path a > i { width: 28px; height: 28px; }
  .merchant-agri-guided-hero__main { padding: 22px; }
  .merchant-agri-demo-note { padding: 10px 22px; }
  .merchant-agri-attention > header,
  .merchant-agri-page--guided .merchant-agri-metrics > header,
  .merchant-agri-section-intro { display: grid; }
  .merchant-agri-filters--compact { grid-template-columns: 1fr 1fr; }
  .merchant-agri-filters--compact output { grid-column: 1 / -1; }
  .merchant-agri-page--guided .merchant-agri-plot-ledger article footer { align-items: flex-start; }
}

@media (max-width: 480px) {
  .merchant-agri-guided-hero { border-radius: 16px; }
  .merchant-agri-guided-hero h1 { font-size: 30px; }
  .merchant-agri-guided-hero__main > aside { padding: 14px; }
  .merchant-agri-attention,
  .merchant-agri-page--guided .merchant-agri-metrics { grid-template-columns: 1fr; padding: 14px; }
  .merchant-agri-page--guided .merchant-agri-metrics > header { grid-column: 1; }
  .merchant-agri-attention article { grid-template-columns: auto minmax(0, 1fr); }
  .merchant-agri-attention article .badge { grid-column: 2; justify-self: start; }
  .merchant-agri-filters--compact { grid-template-columns: 1fr; }
  .merchant-agri-filters--compact output { grid-column: 1; }
  .merchant-agri-card-issue { grid-template-columns: 1fr; }
  .merchant-agri-page--guided .merchant-agri-plot-ledger dl { grid-template-columns: 1fr; }
  .merchant-agri-page--guided .merchant-agri-plot-ledger article footer > div { width: 100%; flex-wrap: wrap; }
  .merchant-agri-page--guided .merchant-agri-plot-ledger article footer .btn { flex: 1 1 130px; justify-content: center; }
}