/* 設定頁「iPad 捷徑」分頁（只有 team.js aesShortcut: true 嘅隊會用到） */
.as-key{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin:var(--sp-3) 0}
.as-key code{font-family:var(--mono);font-size:var(--fs-md);background:var(--bg2);padding:10px 14px;border-radius:var(--r-md);word-break:break-all;user-select:all}
.as-steps{margin:0;padding-left:1.4em;line-height:1.8;font-size:var(--fs-sm)}
.as-steps li{margin-bottom:var(--sp-1)}
.as-code{font-family:var(--mono);font-size:var(--fs-xs);background:var(--bg2);border-radius:var(--r-md);padding:var(--sp-3);white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto;margin:var(--sp-2) 0}
.as-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:500;background:var(--bg2);color:var(--muted)}
.as-pill.ok{background:rgba(26,127,75,.12);color:var(--good,#1a7f4b)}
.as-pill.warn{background:var(--warn-soft);color:var(--warn)}   /* 10-22 富衛直接同步：同步碼已過期（唔准再用綠色「已設定」） */
/* 10-24 第二期 B：iPad 同步「待確認客戶」一把尺確認卡（mf-sync-ui.js idmPend）—— 左右對照同客戶頁 PDF 匯入確認卡（clients.css .idm-*）同一個樣；設定頁冇載 clients.css／ui-kit.css，所以喺度自己一份 */
.mfi-card{padding:var(--sp-4) 0;border-top:1px solid var(--line2)}
.mfi-hd{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-2)}
.mfi-hd b{font-size:var(--fs-md);font-weight:700}
.mfi-pick{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-2)}
.mfi-pick .l{font-size:var(--fs-xs);color:var(--muted)}
.mfi-pick .btn,.mfi-acts .btn{min-height:44px}   /* 10-25 總監 🟡16：揀候選＋動作掣觸控 ≥44 */
.mfi-pick .btn{gap:var(--sp-2)}
.mfi-h{display:flex;align-items:center;gap:var(--sp-2)}
.mfi-h h2{margin:0}
.mfi-pick .btn.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
.mfi-why{font-size:var(--fs-xs);color:var(--muted);min-height:1.4em;margin-bottom:var(--sp-1)}
.mfi-grid{display:grid;grid-template-columns:minmax(76px,132px) minmax(0,1fr) minmax(0,1fr) minmax(56px,auto);column-gap:var(--sp-4);font-size:var(--fs-sm)}
.mfi-grid>div{padding:var(--sp-2) 0;border-bottom:1px solid var(--line2);min-width:0;overflow-wrap:anywhere;line-height:1.4}
.mfi-grid .h{font-size:var(--fs-xs);color:var(--muted);font-weight:700}
.mfi-grid .k{color:var(--ink2)}
.mfi-grid .v{color:var(--ink);font-weight:500}
.mfi-grid .v.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.mfi-grid .v.nil{color:var(--faint);font-weight:400}
.mfi-grid .v.diff{color:var(--bad)}
.mfi-grid .mk{display:flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:700;white-space:nowrap}
.mfi-grid .mk.same{color:var(--ok)}
.mfi-grid .mk.diff{color:var(--bad)}
.mfi-acts{margin-top:var(--sp-3)}
/* 10-26 iPad 同步遇回收桶（mf-sync-ui.js）：舊形狀待確認卡（冇一把尺）同一把尺卡一樣掣 ≥44（覆審：以前 33 高）；卡狀態一句（回收桶／轉交／合併異常／一把尺認到回收桶客）啡金字，喺動作列下面；
   owner 卡每位持有人一格：掣＋（連結指回收桶／轉交）自己一行句子喺掣下面 */
.mf-old{padding:var(--sp-3) 0;border-top:1px solid var(--line2)}
.mf-pend .btn{min-height:44px}
.mf-pend .st-msg.warn{color:var(--warn);font-size:var(--fs-sm);font-weight:500;margin-top:var(--sp-2)}
.mf-pend .st-msg.bad{font-size:var(--fs-sm);font-weight:500;margin-top:var(--sp-2);color:var(--bad)}
.mf-pend>.st-note{margin-top:var(--sp-2)}
.mf-ocs{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}
.mf-oc{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);max-width:100%}
.mf-oc .st-msg{margin-top:0}
/* 10-26 iPad 同步高信心自動確認（mf-sync-ui.js autoCard）：「系統自動確認（30 日內可撤回）」每行 —— 名＋來源、規則一句、日期；右邊撤回掣（≥44；窄屏掉落下面）。同 .mf-old 一樣分隔線、冇框 */
.mf-arow{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-3) 0;border-top:1px solid var(--line2)}
.mf-arow-main{flex:1;min-width:220px}
.mf-arow-hd{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}
.mf-arow-hd .mf-arow-name{font-size:var(--fs-md);font-weight:700;overflow-wrap:anywhere;color:var(--ink)}
a.mf-arow-name{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}   /* F9：名連去客戶檔（連結＝底線，唔似掣） */
a.mf-arow-name:hover{text-decoration-color:currentColor}
/* F1：名搜尋（同 .mpf-tools 搜尋格一樣：放大鏡＋輸入格，≥44） */
.mf-auto-q{position:relative;display:block;max-width:360px;margin:var(--sp-3) 0}
.mf-auto-q svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted);pointer-events:none}
.mf-auto-q input{width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--line);background:var(--card);border-radius:var(--r-sm);padding:9px 12px 9px 34px;font:inherit;font-size:var(--fs-md);color:var(--ink)}
.mf-auto-q input:focus{border-color:var(--brand-green-deep);outline:none;box-shadow:0 0 0 3px var(--focus)}
.mf-arow .st-note{margin-top:2px}
.mf-arow .btn{min-height:44px}