@import url("./reseller-journey.css?v=20261015-reseller-workflow1");

.rail nav a { padding: 9px 11px; border: 1px solid transparent; }
.rail nav a.active { border-color: rgba(86, 228, 208, .34); box-shadow: none; font-weight: 750; }

.price-market {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.price-offer {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(3, 25, 35, .54);
}

.price-offer.unavailable { background: rgba(3, 25, 35, .36); }
.price-offer.unavailable .status {
  border-color: rgba(145, 173, 181, .2);
  background: rgba(145, 173, 181, .08);
  color: var(--muted);
}

.price-offer header,
.offer-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
}

.price-offer header { border-bottom: 1px solid var(--line); }
.price-offer h3 { margin: 0; font: 700 21px "Songti SC", STSong, serif; }
.price-offer .model-id { display: block; margin-top: 5px; color: var(--muted); font: 11px ui-monospace, monospace; }

.offer-pricing-pending {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 18px 20px;
  padding: 15px;
  border: 1px solid rgba(145, 173, 181, .16);
  border-radius: 10px;
  background: rgba(145, 173, 181, .035);
}

.offer-pricing-pending strong { color: var(--text); font-size: 12px; font-weight: 750; white-space: nowrap; }
.offer-pricing-pending span { color: var(--muted); font-size: 11px; line-height: 1.5; text-align: right; }

.offer-ledger {
  margin: 0;
  padding: 0 20px;
  font-variant-numeric: tabular-nums;
}

.offer-ledger > div {
  display: grid;
  grid-template-columns: minmax(150px, .65fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  min-height: 62px;
  border-bottom: 1px solid rgba(116, 220, 208, .12);
}

.offer-ledger > div:last-child { border-bottom: 0; }
.offer-ledger dt, .offer-ledger dd { margin: 0; }
.offer-ledger dt { color: var(--muted); font-size: 12px; font-weight: 650; }

.offer-ledger dd {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 7px;
  text-align: right;
}

.offer-ledger dd strong { color: var(--text); font: 750 15px ui-monospace, monospace; }
.offer-ledger dd > span.currency-value { color: var(--muted); font: 12px ui-monospace, monospace; }

.offer-ledger .offer-customer-price {
  margin: 0 -20px;
  padding: 11px 20px;
  border-block: 1px solid rgba(86, 228, 208, .25);
  background: rgba(86, 228, 208, .065);
}

.offer-customer-price .customer-quote {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  white-space: nowrap;
}

.offer-customer-price label { margin: 0; color: var(--text); }

.price-input {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.price-input input {
  width: 128px;
  padding: 9px 10px;
  border-color: rgba(86, 228, 208, .45);
  color: var(--mint);
  font: 750 15px ui-monospace, monospace;
  text-align: right;
}

.price-input > span { color: var(--muted); font: 12px ui-monospace, monospace; white-space: nowrap; }

.offer-summary {
  margin: 0 20px 18px;
  padding: 13px 15px;
  border: 1px solid rgba(86, 228, 208, .2);
  border-radius: 9px;
  background: rgba(86, 228, 208, .07);
  color: var(--text);
  font-size: 13px;
  line-height: 1.6;
}

.offer-summary strong { color: var(--mint); font-family: ui-monospace, monospace; white-space: nowrap; }

.offer-foot {
  justify-content: flex-end;
  padding-block: 14px;
  border-top: 1px solid var(--line);
  background: rgba(255, 255, 255, .015);
}

.offer-foot button { flex: none; }

@media (max-width: 620px) {
  .price-offer header, .offer-foot { align-items: stretch; flex-direction: column; }
  .price-offer header .status { align-self: flex-start; }
  .offer-ledger > div { grid-template-columns: 1fr; gap: 7px; padding: 13px 0; }
  .offer-ledger dd { justify-content: flex-start; text-align: left; }
  .offer-ledger .offer-customer-price { margin-inline: -20px; padding-inline: 20px; }
  .offer-customer-price dd { align-items: flex-start; flex-direction: column; }
  .price-input { width: 100%; }
  .price-input input { width: min(42vw, 150px); }
  .offer-summary { margin-inline: 14px; }
  .offer-pricing-pending { align-items: flex-start; flex-direction: column; gap: 4px; margin-inline: 14px; }
  .offer-pricing-pending span { text-align: left; }
}

/* Model prices share the marketplace hierarchy: coefficient, purchase price, then action. */
.reseller-price-surface { min-width:0; }
.reseller-price-surface h2 { margin:0 0 8px; font:700 24px "Songti SC",STSong,serif; }
.reseller-price-surface > .muted { max-width:72ch; font-size:13px; }
.reseller-price-surface .filters { margin:24px 0; }
.reseller-price-surface .note { display:inline-block; padding:0; border:0; background:none; color:var(--muted); }
.price-market,.agent-purchase-market { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); gap:20px; align-items:start; }
.price-market { grid-template-columns:1fr; }
.offer-channels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; border-top:1px solid var(--line); }
.offer-channels:has(> :only-child) { grid-template-columns:1fr; }
.offer-channel { min-width:0; display:flex; flex-direction:column; }
.offer-channel + .offer-channel { border-left:1px solid var(--line); }
.offer-channel:nth-child(odd) { border-left:0; }
.offer-channel:nth-child(n + 3) { border-top:1px solid var(--line); }
.offer-channel > h4 { margin:18px 24px 0; color:var(--text); font:700 15px/1.4 "Avenir Next","PingFang SC",sans-serif; }
.offer-channel > h4 span { margin-left:6px; color:var(--muted); font-size:12px; font-weight:500; }
.offer-channel .offer-ledger { flex:1; }
.offer-channel .offer-pricing-pending { flex:1; margin:18px 24px 24px; }
.offer-channel .offer-pricing-pending strong { white-space:normal; }
.offer-agent-price .agent-anchor-amount .currency-value { color:var(--muted); font:12px ui-monospace,monospace; }
.price-offer,.agent-purchase-card { min-width:0; border:1px solid var(--line); border-radius:16px; background:var(--deck); }
.agent-purchase-card header { display:flex; justify-content:space-between; align-items:start; gap:12px; padding:22px 24px; }
.agent-purchase-card h3,.price-offer h3 { margin:0; font:700 23px/1.3 "Songti SC",STSong,serif; overflow-wrap:anywhere; }
.agent-purchase-card .model-id { display:block; margin-top:6px; color:var(--muted); font:11px/1.5 ui-monospace,monospace; overflow-wrap:anywhere; }
.agent-series { color:var(--muted); font-size:11px; padding-top:5px; white-space:nowrap; }
.agent-purchase-channels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); }
.agent-purchase-channel { min-width:0; padding:20px 24px 24px; }
.agent-purchase-channel + .agent-purchase-channel { border-left:1px solid var(--line); }
.agent-purchase-channel h4 { margin:0 0 16px; color:var(--text); font-size:15px; }
.agent-purchase-channel h4 span { margin-left:5px; color:var(--muted); font-size:11px; font-weight:500; }
.channel-rate-badge { display:grid; align-content:start; gap:6px; padding:14px 16px; border:1px solid color-mix(in srgb,var(--mint) 30%,transparent); border-radius:8px; background:color-mix(in srgb,var(--mint) 8%,transparent); color:var(--mint); font-variant-numeric:tabular-nums; }
.channel-rate-badge > small { color:color-mix(in srgb,var(--mint) 65%,var(--text)); font:650 11px/1.4 "Avenir Next","PingFang SC",sans-serif; }
.channel-rate-badge > strong { color:var(--mint); font:800 clamp(20px,1.8vw,26px)/1.2 ui-monospace,monospace; letter-spacing:-.025em; white-space:nowrap; }
.channel-rate-badge > strong span { color:color-mix(in srgb,var(--mint) 65%,var(--text)); font:650 12px "Avenir Next","PingFang SC",sans-serif; letter-spacing:0; }
.channel-rate-badge .rate-discount { color:color-mix(in srgb,var(--mint) 65%,var(--text)); font-size:12px; font-weight:650; }
.agent-purchase-amount,.agent-anchor-amount { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px; margin:20px 0 14px; font-variant-numeric:tabular-nums; }
.agent-purchase-amount b,.agent-anchor-amount b { color:var(--text); font:750 29px/1.2 ui-monospace,monospace; letter-spacing:-.025em; }
.agent-purchase-amount > span,.agent-anchor-amount > span { color:var(--muted); font:11px/1.5 ui-monospace,monospace; white-space:nowrap; }
.agent-purchase-card footer { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:14px 24px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.agent-purchase-card footer strong { color:var(--muted); font:600 12px/1.5 ui-monospace,monospace; }
.price-offer header { padding:22px 24px; align-items:start; }
.price-offer header > div { min-width:0; }
.price-offer header .status { flex:none; padding:5px 9px; font-size:11px; }
.price-offer .model-id { overflow-wrap:anywhere; }
.offer-ledger { padding-inline:24px; }
.offer-ledger > div { grid-template-columns:minmax(110px,.55fr) minmax(0,1fr); gap:12px; border-color:var(--line); }
.offer-ledger dd { flex-wrap:wrap; }
.offer-ledger .offer-agent-price { grid-template-columns:1fr; padding-block:20px; gap:10px; }
.offer-agent-price > dt { display:none; }
.offer-agent-price > dd { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:16px; text-align:left; align-items:center; }
.offer-agent-price .channel-rate-badge strong { color:var(--mint); font-size:26px; }
.offer-agent-price .agent-anchor-amount { margin:0; justify-content:flex-end; }
.offer-agent-price .mt-usage-details { grid-column:1/-1; }
.mt-usage-details { text-align:left; color:var(--muted); font-size:12px; line-height:1.6; }
.mt-usage-details summary { width:fit-content; padding:8px 0; cursor:pointer; font-weight:600; }
.mt-usage-details summary::marker { color:var(--mint); }
.mt-usage-details p { margin:6px 0 12px; color:var(--muted); font-size:11px; }
.mt-usage-details > div { display:flex; gap:14px; flex-wrap:wrap; }
.mt-usage-details small { display:block; font-size:11px; }
.mt-usage-details b { color:var(--text); font:650 13px/1.6 ui-monospace,monospace; }
.mt-four-rates > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.mt-four-rates b { overflow-wrap:anywhere; }
.offer-ledger .offer-customer-price { margin-inline:-24px; padding:18px 24px; border-color:var(--line); background:color-mix(in srgb,var(--mint) 4%,transparent); }
.offer-channel { overflow:hidden; }
.offer-channel .offer-ledger .offer-customer-price { grid-template-columns:1fr; gap:6px; margin-inline:0; }
.offer-channel .offer-customer-price dd { justify-content:flex-start; flex-wrap:nowrap; }
.offer-channel .offer-pricing-pending { flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; }
.offer-channel .offer-pricing-pending span { text-align:left; }
.offer-summary { padding:0; margin:16px 24px; background:none; border:0; font-size:12px; color:var(--muted); }
.offer-foot { padding:14px 24px; background:none; }
.offer-foot .primary { width:100%; min-height:44px; }
.agent-road .channel-rate-badge { width:fit-content; min-width:200px; margin:8px 0; }
.agent-road .channel-rate-badge strong { font-size:26px; }
.agent-road p { margin:6px 0; }
:root[data-console-theme="day"] .agent-purchase-card { background:var(--deck); }
:root[data-console-theme="night"] .agent-purchase-card { background:var(--deck); }
@media(max-width:720px) {
  .offer-channels,.offer-channels:has(> :only-child) { grid-template-columns:1fr; }
  .offer-channel + .offer-channel { border-left:0; border-top:1px solid var(--line); }
}
@media(max-width:620px) {
  .price-market,.agent-purchase-market { gap:16px; }
  .agent-purchase-card header,.price-offer header { padding:20px; }
  .agent-purchase-channel { padding:18px 16px 20px; }
  .agent-purchase-channel h4 span { display:block; margin:5px 0 0; }
  .channel-rate-badge { padding:12px; }
  .channel-rate-badge > strong { font-size:22px; }
  .channel-rate-badge > strong span { display:block; margin-bottom:4px; }
  .agent-purchase-amount b { font-size:24px; }
  .agent-purchase-card footer { padding:14px 20px; flex-wrap:wrap; }
  .offer-ledger { padding-inline:20px; }
  .offer-ledger > div { grid-template-columns:1fr; }
  .offer-agent-price > dd { grid-template-columns:1fr 1fr; gap:12px; }
  .offer-agent-price .channel-rate-badge strong { font-size:25px; }
  .offer-agent-price .agent-anchor-amount { justify-content:flex-start; }
  .offer-ledger .offer-customer-price { margin-inline:-20px; padding:18px 20px; }
  .price-input input { min-height:44px; }
  .offer-summary { margin-inline:20px; }
  .offer-foot { padding-inline:20px; }
}
@media(max-width:360px) { .agent-purchase-channels { grid-template-columns:1fr; } .agent-purchase-channel + .agent-purchase-channel { border-left:0; border-top:1px solid var(--line); } .offer-agent-price > dd { grid-template-columns:1fr; } }

.reseller-journey.pricing-context { padding:14px 20px; box-shadow:none; }
.pricing-context .journey-command { gap:12px; margin-bottom:8px; align-items:center; flex-direction:row; }
.pricing-context .journey-command .eyebrow,.pricing-context .journey-command p,.pricing-context li small { display:none; }
.pricing-context .journey-command h2 { margin:0; font:650 15px/1.4 "Avenir Next","PingFang SC",sans-serif; letter-spacing:0; }
.pricing-context .journey-command .button { width:auto; min-width:0; min-height:40px; padding:8px 12px; font-size:11px; }
.pricing-context ol { padding-top:8px; }
.pricing-context li > a { min-height:44px; padding:6px 8px; gap:3px 8px; }
.pricing-context li:not(:last-child)::after { top:19px; }
@media(max-width:900px) { .pricing-context ol { grid-template-columns:minmax(0,1fr); overflow:visible; } .pricing-context li strong { font-size:12px; } }

#agent-discount-inputs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:18px 0; }
.reseller-discount-channel { min-width:0; border:1px solid var(--line); border-radius:14px; padding:20px; background:rgba(86,228,208,.025); }
.reseller-discount-channel header { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.reseller-discount-channel h3 { margin:0; font-size:16px; }
.reseller-discount-channel header > span { color:var(--muted); font-size:11px; }
.discount-official { color:var(--muted); font-size:12px; margin:14px 0; }
.discount-purchase { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:15px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:17px; }
.discount-purchase div { display:flex; flex-direction:column; gap:5px; min-width:0; }
.discount-purchase small,.discount-purchase span { color:var(--muted); font-size:11px; }
.discount-purchase strong { color:var(--mint); font-size:19px; overflow-wrap:anywhere; }
.discount-purchase [data-agent-rate] { font-size:16px; }
.discount-retail { display:grid; grid-template-columns:1fr auto; gap:6px; margin-top:14px; font-size:13px; }
.discount-retail strong { text-align:right; }
.discount-retail small { font-weight:400; font-size:11px; }
.discount-retail > [data-customer-fold] { grid-column:2; color:var(--mint); text-align:right; }
.discount-profit { display:flex; flex-direction:column; gap:6px; border-top:1px solid var(--line); padding-top:15px; margin-top:16px; }
.discount-profit > span { color:var(--muted); font-size:12px; }
.discount-profit > strong { color:var(--mint); font:650 30px/1.2 ui-monospace,monospace; overflow-wrap:anywhere; }
.discount-minimum { min-height:34px; margin-bottom:0; font-size:11px; color:var(--muted); line-height:1.5; }
.reseller-discount-channel.is-invalid .discount-minimum { color:var(--amber); }
@media(max-width:700px) { #agent-discount-inputs { grid-template-columns:1fr; } .reseller-discount-channel { padding:16px; } }

.inline-customer-rate{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:12px;white-space:nowrap}
.inline-customer-rate input{width:90px;min-height:36px;padding:7px;font-variant-numeric:tabular-nums}
.price-table.lane [data-price-status]{display:block;max-width:140px;white-space:normal;overflow-wrap:anywhere}