/* 客戶身份配對第二期（10-24 夜）：開準客戶細對話框＋「客戶簿內可能已有此客戶」左右對照（identity-card.js，idc-）。
   設計語言同第一期 PDF 匯入確認卡（clients.css .idm-*）一樣：卡入面冇盒中盒（分隔線＋小標題）、資料冇框冇底色；相同／不同用勾／叉＋字（唔淨靠色）。
   掣用 shell.css .btn（主要動作 .btn.primary；次要 .btn）。iPad 820 直放：對照四欄照擺（名可以摺行）；手機闊度欄自動收窄、唔准打橫捲。 */
.idc-mo{position:fixed;inset:0;z-index:70;display:none}
.idc-mo.on{display:block}
.idc-mo .scrim{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.idc-mo .box{position:absolute;left:50%;top:6vh;transform:translateX(-50%);width:min(640px,calc(100vw - 32px));max-height:88vh;overflow:auto;background:var(--card);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow)}
.idc-mo h3{margin:0 0 var(--sp-2);font-size:var(--fs-lg)}
.idc-hint{margin:0 0 var(--sp-3);color:var(--muted);font-size:var(--fs-sm);line-height:1.6}
.idc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3);margin:0 0 var(--sp-3)}
.idc-form .f{display:flex;flex-direction:column;gap:5px;font-size:var(--fs-xs);color:var(--muted);font-weight:700}
.idc-form .f small{font-weight:400;margin-left:6px;color:var(--faint)}
.idc-form input,.idc-form select{font:inherit;font-size:var(--fs-sm);font-weight:400;color:var(--ink);padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);min-width:0}
.idc-err{color:var(--bad);font-size:var(--fs-xs);margin:0 0 var(--sp-2)}
.idc-mact{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}
.idc-mact .sp{flex:1}
/* 左右對照（第一期 .idm-grid 同一套尺寸） */
.idc-box{margin:var(--sp-2) 0 var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line2)}
.idc-box>h4{margin:0 0 var(--sp-1);font-size:var(--fs-md);font-weight:700;color:var(--ink)}
.idc-p{margin:0 0 var(--sp-2);font-size:var(--fs-xs);color:var(--muted);line-height:1.6}
.idc-cand{padding:var(--sp-3) 0;border-bottom:1px solid var(--line2)}
.idc-hd{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-2)}
.idc-hd b{font-size:var(--fs-md);font-weight:700}
.idc-hd .why{font-size:var(--fs-xs);color:var(--muted)}
.idc-sub{font-size:var(--fs-xs);color:var(--ink2);margin:0 0 var(--sp-2)}
.idc-grid{display:grid;grid-template-columns:minmax(64px,112px) minmax(0,1fr) minmax(0,1fr) minmax(56px,auto);column-gap:var(--sp-3);font-size:var(--fs-sm);align-items:stretch}
.idc-grid>div{padding:var(--sp-2) 0;border-bottom:1px solid var(--line2);min-width:0;overflow-wrap:anywhere;line-height:1.4}
.idc-grid .h{font-size:var(--fs-xs);color:var(--muted);font-weight:700}
.idc-grid .k{color:var(--ink2)}
.idc-grid .v{color:var(--ink);font-weight:500}
.idc-grid .v.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.idc-grid .v.diff{color:var(--bad)}
.idc-grid .v.nil{color:var(--faint);font-weight:400}
.idc-grid .mk{display:flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:700;white-space:nowrap}
.idc-grid .mk.same{color:var(--ok)}
.idc-grid .mk.diff{color:var(--bad)}
.idc-acts{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2)}
.idc-foot{display:flex;justify-content:flex-end;margin-top:var(--sp-3)}
/* 客戶頁一行提示（舊準客戶冇英文名／生日；唔擋） */
.idc-fill{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-2) 0;padding:var(--sp-2) 0;font-size:var(--fs-sm);color:var(--ink2);border-bottom:1px solid var(--line2)}
.idc-fill>span{flex:1;min-width:200px}
@media (max-width:520px){.idc-grid{grid-template-columns:minmax(56px,80px) minmax(0,1fr) minmax(0,1fr);}.idc-grid .mk,.idc-grid .h:nth-child(4){display:none}}
/* 萬通 AES 一人兩編號（sameAs）：保單頁另一個編號嘅保單（唯讀，逐張標 AES 編號；clients-yf.js sameAsPaint） */
.ccy-sameas{margin-top:var(--sp-3)}
.ccy-sameas>h3{margin:0 0 var(--sp-2);font-size:var(--fs-md);font-weight:700}
.ccy-sa{padding:var(--sp-2) 0}
.ccy-sa-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-2) 0;border-bottom:1px solid var(--line2);font-size:var(--fs-sm)}
.ccy-sa-row .nm{flex:1;min-width:160px;font-weight:500;color:var(--ink)}
.ccy-sa-row .mono{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--fs-xs)}
.ccy-sa>.btn{margin-top:var(--sp-2)}

/* 第三期（10-25）：客戶頁「合併紀錄」—— 同 .idc-fill 一樣一行字＋細掣、冇框（分隔線） */
.idc-mlog{margin:var(--sp-2) 0;padding:var(--sp-2) 0;border-bottom:1px solid var(--line2)}
.idc-mlog>h4{margin:0 0 var(--sp-1);font-size:var(--fs-xs);font-weight:700;color:var(--muted)}
.idc-mrow{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-1) 0;font-size:var(--fs-sm);color:var(--ink2)}
.idc-mrow>span{flex:1;min-width:200px;line-height:1.5}
.idc-mrow .btn{min-height:44px}
.idc-mrow .idc-auto{font-weight:600;color:var(--ink2)}   /* 10-26 iPad 同步系統自動確認：句頭「系統自動確認（判準）」（F8）—— 粗體同一色，唔用徽章（同 .idc-mrow 字一樣大） */
.idc-mrow .idc-auto.slot{visibility:hidden}   /* autoList 未返：先留同樣闊嘅位（返嚟係自動確認先顯示；唔係就照留隱形）—— 唔郁位 #415 */
/* 10-25 總監 🟡16：卡入面所有掣（用現有／並非同一人／補填資料／取消同一人標記）觸控 ≥44 高 */
.idc-acts .btn,.idc-foot .btn,.idc-fill .btn,.ccy-sa .btn{min-height:44px}
/* 10-25 總監 🟡17：「可能已有此客戶」標題旁 ⓘ（長說明收埋） */
.idc-h{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-1)}
.idc-h>h4{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--ink)}
.idc-mh{margin:0 0 var(--sp-3)}.idc-mh>h3{margin:0}   /* 10-25 第四期：對話框標題＋ⓘ 一行（開新客戶／萬通準客戶表格；h3 字級跟原本對話框） */
.idc-mh+.ipop{margin:0 0 var(--sp-3)}
.ccy-mg-h{display:flex;align-items:center;gap:var(--sp-2)}
.ccy-mg-h>h3{margin:0}
/* 10-25 總監 🟡15：客戶頁頂固定容器（補填資料→合併紀錄，固定次序；空就唔佔位） */
.idc-top:empty,.idc-top>div:empty{display:none}