/* 共用「儲存 ／ 開 case」抽屜（client-save-drawer.js，csd-）—— 10-07 由 retire-budget.css 抽出（強積金退休預算＋醫療儲備兩頁共用）。
   殼＝fund-picker.css .fd-scrim／.fd-drawer（載呢份之前要載埋 fund-picker.css；剔格借 .fd-ck）。撳範圍 ≥ 44px；色一律 token；選項一律 .seg（DESIGN 鐵律 1）。 */
.csd .fd-dr-hd h3 small{display:block;font-size:var(--fs-sm);font-weight:400;color:var(--muted);margin-top:2px}
.csd .fd-dr-hd .seg{align-self:start}
.csd .fd-dr-hd .seg button{min-height:44px}
.csd-body{padding:var(--sp-3) var(--sp-4) var(--sp-4)}
.csd-f{margin-bottom:var(--sp-3)}
.csd-f>label,.csd-f>.lb{display:flex;align-items:baseline;gap:var(--sp-2);font-weight:700;color:var(--ink2);margin-bottom:var(--sp-1)}
.csd-f>label small,.csd-f>.lb small{font-weight:400;color:var(--muted);font-size:var(--fs-sm)}
.csd-f .seg button{min-height:44px}
.csd-tx{width:100%;min-height:46px;border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px;font:inherit;font-size:var(--fs-md);background:var(--card);color:var(--ink)}
.csd-tx:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.csd-tx.bad{border-color:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
.csd-err{color:var(--warn);font-size:var(--fs-sm);margin-top:var(--sp-1);font-weight:700}
.csd-err:empty{display:none}
.csd-note{margin:calc(var(--sp-2) * -1) 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:var(--r-sm);font-size:var(--fs-sm);line-height:1.55;color:var(--ink2)}
.csd-note[hidden]{display:none}
.csd-note .w{color:var(--warn);font-weight:700}
.csd-box{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card2);padding:var(--sp-3) var(--sp-3h);margin-top:var(--sp-2);font-size:var(--fs-sm);line-height:1.6;color:var(--ink2)}
.csd-box h4{margin:0 0 var(--sp-1);font-size:var(--fs-md);color:var(--ink)}
.csd-box ul{margin:0;padding-left:18px}
.csd-box p{margin:0 0 var(--sp-2)}
.csd-box.warn{border-color:var(--warn);background:var(--warn-soft)}
.csd-box .acts{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap}
.csd-box .btn,.csd-pick .btn{min-height:44px;font-size:var(--fs-sm)}
.csd-cand{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--line2)}
.csd-cand .tx{flex:1;min-width:0}
.csd-cand .tx b{display:block}
.csd-cand .tx small{color:var(--muted)}
.csd-q{margin-bottom:var(--sp-2)}
.csd-cl{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:58px;border:0;border-bottom:1px solid var(--line2);background:var(--card);padding:6px var(--sp-1);cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.csd-cl:hover{background:var(--bg2)}
.csd-cl .av,.csd-pick .av{width:34px;height:34px;border-radius:50%;background:var(--neutral-soft);color:var(--ink2);display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.csd-cl .tx{flex:1;min-width:0}
.csd-cl .tx b{display:block;font-weight:600}
.csd-cl .tx small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.csd-pick{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0 var(--sp-3)}
.csd-pick .tx{flex:1;min-width:0}
.csd-pick .tx b{display:block;font-size:var(--fs-lg)}
.csd-pick .tx small{color:var(--muted);font-size:var(--fs-sm)}
.csd-empty{color:var(--muted);padding:var(--sp-4) var(--sp-1);text-align:center}
.csd .fd-dr-foot .c{flex:1;color:var(--muted);font-size:var(--fs-sm)}
.csd-cand .tx small.rel{display:block;color:var(--warn)}
/* 10-07 D1／E1：歲數／性別唔同兩掣（.seg 直排，冇預設；長字可以摺行）、名唔同剔格、儲存前問題、確認框 */
.csd-d1 h4,.csd-qa h4{margin:0 0 var(--sp-1)}
.csd-ch{display:flex;flex-direction:column;align-items:stretch;width:100%;margin-top:var(--sp-1)}
.csd-ch button{min-height:44px;white-space:normal;text-align:left;line-height:1.4}
.csd-sm{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);color:var(--muted)}
.csd-qh{margin-bottom:var(--sp-1)}
.csd-same{display:flex;align-items:center;gap:var(--sp-1);width:100%;min-height:48px;border:0;background:transparent;padding:0;cursor:pointer;font:inherit;font-weight:700;color:var(--ink);text-align:left}
.csd-same .fd-ck{width:44px;height:44px}
#csdE1 ul{margin:0 0 var(--sp-2)}
.csd-e1{padding:0 var(--sp-4) var(--sp-2);max-height:45vh;overflow:auto;border-top:1px solid var(--line)}   /* E1 確認框喺 inert 區外（讀屏讀得到） */
.csd .fd-dr-foot .btn{min-height:44px}