/* 季风供应链 · 询价表单固定排版覆盖层  2026-10-09 v1
 * ------------------------------------------------------------------
 * 作用范围：仅询价表单栅格（/zh|en|fr/quote/ 三页）。
 * 目的：起运地/目的地一行只放两个框（各占半行），货物一行固定四列；
 *       任何屏幕宽度、任何语言下排版完全一致，不重排。
 * 加载位置：本文件在 dist/{zh,en,fr}/quote/index.html 的 </head> 前
 *           注入，位于主样式 index-DT3qE8kq.css 之后，按级联顺序
 *           同优先级规则以后加载者为准。
 * 不涉及：任何 JS、任何其他页面、数据库、服务配置。
 * 回滚方式：见 rollback-command.sh（删除注入行与本文件即可）。
 * 备注：源码 src/public-codes/reference-match.css 已包含同等规则，
 *       未来全量发布后本文件自然冗余，可安全移除。
 * ------------------------------------------------------------------ */

/* 栅格恒为四列：同时覆盖两个历史选择器前缀，
   抵消主 CSS 中 ≤1120px 两列、≤520px 单列、≤420px 单列的重排规则 */
body .live-reference-surface .live-form-column .form-grid,
body .live-card-workspace .live-form-column .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* 地址对：起运地占第 1-2 列、目的地占第 3-4 列，靠网格稀疏自动放置保证同行 */
body .live-reference-surface .live-form-column .form-grid>.form-field:has(input[name=origin]){grid-column:1/span 2}
body .live-reference-surface .live-form-column .form-grid>.form-field:has(input[name=destination]){grid-column:3/span 2}

/* 报关业务的报关方向/报关抬头同样按半宽成对，保证起运地/目的地仍在同一行 */
body .live-reference-surface .live-form-column .form-grid>.form-field:has(select[name=tradeDirection]),
body .live-reference-surface .live-form-column .form-grid>.form-field:has(select[name=customsMode]){grid-column:span 2}

/* 断点内重复声明，作为级联顺序之外的二次保险 */
@media(max-width:1120px){
  body .live-reference-surface .live-form-column .form-grid,
  body .live-card-workspace .live-form-column .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:740px){
  body .live-reference-surface .live-form-column .form-grid,
  body .live-card-workspace .live-form-column .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:520px){
  body .live-reference-surface .live-form-column .form-grid,
  body .live-card-workspace .live-form-column .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:420px){
  body .live-card-workspace .live-form-column .form-grid,
  body .live-reference-surface .live-form-column .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}