/* Business layout around the unmodified Eager field, select, step and counter variants. */
.tf-page { min-width:0; background:#fff; border-radius:4px; padding:20px; }
.tf-steps { display:flex; overflow-x:auto; padding:4px 0 24px; border-bottom:1px solid #E5E6EB; }
.tf-step { border:0; margin:0; padding:0; background:none; width:233px; height:28px; overflow:hidden; flex:none; }
.tf-step:first-child { width:120px; }
.tf-step:first-child>span { margin-left:-113px; }
.tf-step>span { display:block; pointer-events:none; }
.tf-step:disabled { cursor:default; }
.tf-step:focus-visible { outline:1px solid #165DFF; outline-offset:2px; }
.tf-body { display:grid; grid-template-columns:minmax(320px,1fr) minmax(260px,.72fr); gap:clamp(20px,4vw,64px); max-width:1360px; padding:24px 0 0; align-items:start; }
.tf-editor { padding:0 0 8px; }
.tf-page h2 { font:500 16px/16px "PingFang SC","Microsoft YaHei",sans-serif; color:#1D2129; margin:0; }
.tf-form,.tf-details { margin-top:28px; }
.tf-form { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,276px),1fr)); column-gap:16px; }
.tf-form>.tf-actions { grid-column:1/-1; }
.tf-row { grid-template-columns:80px minmax(0,1fr); }
.tf-row .field-error:not([hidden]) { margin:8px 0 0; }
.tf-row .eager-select-trigger[aria-invalid="true"] { box-shadow:inset 0 0 0 1px #F53F3F; }
.tf-counter { width:140px; height:32px; position:relative; }
.tf-counter .tf-face,.tf-counter .tf-face * { pointer-events:none; }
.tf-counter .tf-face span[data-text-node] { visibility:hidden; }
.tf-counter button,.tf-counter input { position:absolute; height:32px; top:0; background:transparent; border:0; padding:0; }
.tf-counter button { width:40px; }
.tf-counter .tf-minus { left:0; }
.tf-counter .tf-plus { right:0; }
.tf-counter input { left:40px; width:60px; color:#4E5969; text-align:center; font:400 14px/24px "PingFang SC","Microsoft YaHei",sans-serif; }
.tf-counter input:focus { outline:none; }
.tf-counter button:focus-visible { outline:1px solid #165DFF; outline-offset:-1px; }
.tf-counter input:disabled { color:#C9CDD4; }
.tf-actions { margin-left:96px; display:flex; gap:16px; flex-wrap:wrap; }
.tf-details { display:grid; grid-template-columns:80px minmax(0,1fr); gap:24px 16px; margin-bottom:32px; }
.tf-details dt { text-align:right; color:#86909C; }
.tf-details dd { margin:0; }
.tf-success { display:flex; align-items:center; gap:8px; }
.tf-receipt-id,.tf-inventory header p,.tf-empty { margin:12px 0 0; color:#86909C; }
.tf-inventory { background:#F7F8FA; padding:20px; border-radius:4px; min-width:0; }
.tf-inventory header p { font-size:12px; line-height:18px; }
.tf-route { margin:20px 0; }
.tf-position { display:grid; grid-template-columns:20px minmax(0,1fr); column-gap:8px; }
.tf-flow-icon { grid-row:span 2; align-self:center; }
.tf-position+.tf-position { margin-top:20px; }
.tf-role,.tf-others h3 { font:400 12px/16px "PingFang SC","Microsoft YaHei",sans-serif; color:#86909C; margin:0; }
.tf-location { display:flex; align-items:center; flex-wrap:wrap; column-gap:16px; justify-content:space-between; margin-top:4px; }
.tf-location strong { font-weight:500; }
.tf-balance { display:inline-flex; align-items:baseline; gap:8px; color:#4E5969; font-variant-numeric:tabular-nums; }
.tf-balance strong { color:#1D2129; }
.tf-balance small { font-size:12px; }
.tf-arrow { color:#86909C; }
.tf-others { border-top:1px solid #E5E6EB; padding-top:16px; }
.tf-others>div { display:flex; justify-content:space-between; gap:16px; margin-top:8px; color:#4E5969; }
@media(max-width:1080px) {
  .tf-body { gap:20px; grid-template-columns:minmax(300px,1fr) minmax(224px,.7fr); }
  .tf-step:where(:not(:first-child)) { width:200px; }
  .tf-step:where(:not(:first-child))>span { margin-left:-33px; }
}
@media(max-width:780px) {
  .tf-body { grid-template-columns:minmax(0,1fr); }
}