.contract-combined-page .contract-picker-form .contract-search-row{grid-template-columns:minmax(0,1fr) repeat(3,minmax(130px,auto)) auto}
.contract-combined-page .contract-picker-form .contract-search-row select{min-width:130px}
/* UI-104：搜尋列多了「決算月」下拉（共 3 個下拉＋按鈕），放寬原本 620px 的上限，避免關鍵字欄被擠窄。 */
.contract-combined-page .contract-picker-form .contract-search-row{max-width:860px}
.contract-combined-page .contract-customer-option .service-status-badge{margin-top:6px}
.contract-combined-page .service-status-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border-radius:999px;font-size:.85rem;font-weight:700}
.contract-combined-page .service-status-badge.is-contracting{color:#166534;background:#dcfce7}
.contract-combined-page .service-status-badge.is-paused{color:#92400e;background:#fef3c7}
.contract-combined-page .service-status-badge.is-terminated{color:#991b1b;background:#fee2e2}
.contract-combined-page .service-status-badge.is-unset{color:#71807d;background:#f1f5f4}
@media (max-width:700px){.contract-combined-page .contract-picker-form .contract-search-row{grid-template-columns:1fr}.contract-combined-page .contract-picker-form .contract-search-row select,.contract-combined-page .contract-picker-form .contract-search-row .secondary-button{width:100%}}

/* UI-074：客戶選擇改為精簡單列（列高約 96px→40px），一畫面可瀏覽的客戶數大幅提高。 */
.contract-combined-page .contract-customer-row{display:grid;grid-template-columns:22px minmax(0,1.5fr) minmax(0,1fr) 64px minmax(0,1fr) 88px;gap:10px;align-items:center;padding:7px 12px;min-height:auto;border-radius:0;border-left:0;border-right:0}
.contract-combined-page .contract-customer-row + .contract-customer-row{border-top:1px solid var(--color-border,#d7e2df)}
.contract-combined-page .contract-customer-row .contract-customer-row-copy{display:contents}
.contract-combined-page .contract-customer-row strong{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contract-combined-page .contract-customer-row small{font-size:.8rem;color:var(--color-muted,#4d6a64);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contract-combined-page .contract-customer-row .service-status-badge{margin-top:0;justify-self:start}
.contract-combined-page .contract-customer-row:hover{background:#f7fbfa}
.contract-combined-page .contract-customer-row[data-selected="true"]{background:#e3f2ec}
.contract-draft-status{margin:8px 0 0;font-size:.85rem;color:var(--color-muted,#4d6a64)}
.contract-draft-status[data-tone="success"]{color:#1d5c47;font-weight:700}
.contract-draft-status[data-tone="error"]{color:#a4321f;font-weight:700}
@media(max-width:768px){.contract-combined-page .contract-customer-row,.contract-combined-page .contract-customer-head{grid-template-columns:22px minmax(0,1fr) 88px}.contract-combined-page .contract-customer-row small[data-col],.contract-combined-page .contract-customer-head span[data-col]{display:none}}
/* UI-074：精簡列的欄位表頭（核准設計稿 :66）。置於 radiogroup 之外並以 aria-hidden 隱藏於
   輔助技術，因每個 radio 已有完整 aria-label；此處僅提供視覺對照。grid 必須與資料列一致。 */
.contract-combined-page .contract-customer-head{display:grid;grid-template-columns:22px minmax(0,1.5fr) minmax(0,1fr) 64px minmax(0,1fr) 88px;gap:10px;align-items:center;padding:6px 12px;border:1px solid var(--color-border,#cbd5e1);border-bottom:0;border-radius:10px 10px 0 0;background:#f2f7f5;font-size:.78rem;font-weight:800;color:var(--color-muted,#526174)}
.contract-combined-page .contract-customer-head + .contract-customer-options .contract-customer-row:first-child{border-top:0}