/* kl-sheet.css — 三端共享 bottom-sheet 组件样式（UX3-1 提取，防漂移）。
   硬编码全部映射 kang-tokens 令牌，零第二套。
   颜色保留 --kang-* 变量原样（含 fallback），不做任何颜色改动。 */

/* ============ UX2-1 自绘 bottom-sheet 组件 ============ */
.kl-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:klFadeIn .15s ease}
.kl-sheet{width:min(100vw,var(--mobile-width,430px));background:var(--kang-card,#fff);border-radius:var(--kang-radius-xl) var(--kang-radius-xl) 0 0;padding:var(--kang-space-5) var(--kang-space-sheet) calc(var(--kang-space-5) + env(safe-area-inset-bottom));box-shadow:0 -4px 24px rgba(0,0,0,.12);animation:klSlideUp .18s ease}
.kl-sheet h3{font-size:var(--kang-text-lg);font-weight:700;margin:0 0 var(--kang-space-3h);color:var(--kang-ink,#232B26)}
.kl-sheet input{width:100%;padding:var(--kang-space-3) var(--kang-space-3h);border:1px solid var(--kang-line,#DFE7E0);border-radius:var(--kang-radius-md);font-size:var(--kang-text-md);margin-bottom:var(--kang-space-2h);background:var(--kang-card,#fff);color:var(--kang-ink,#232B26)}
.kl-sheet input:focus{outline:none;border-color:var(--kang-green,#1D7A4E);box-shadow:0 0 0 3px var(--kang-green-soft,#E3F2E8)}
/* UX3-2: sheet input :focus-visible 焦点环 */
.kl-sheet input:focus-visible{outline:2px solid var(--kang-green,#1D7A4E);outline-offset:-2px;box-shadow:0 0 0 4px var(--kang-green-soft,#E3F2E8)}
.kl-sheet-btns{display:flex;gap:var(--kang-space-2h);margin-top:var(--kang-space-1h)}
.kl-sheet-btns button{flex:1;height:44px;border-radius:var(--kang-radius-md);font-size:var(--kang-text-md);font-weight:600;cursor:pointer;border:none}
.kl-sheet-btns .kl-s-cancel{background:var(--kang-tile,#F2F5F1);color:var(--kang-ink,#232B26);border:1px solid var(--kang-line,#DFE7E0)}
.kl-sheet-btns .kl-s-ok{background:var(--kang-green,#1D7A4E);color:#fff}
.kl-sheet-btns .kl-s-danger{background:var(--kang-tomato,#D8432F);color:#fff}
/* UX3-2: sheet 按钮 :focus-visible 焦点环 */
.kl-sheet-btns button:focus-visible{outline:2px solid var(--kang-green,#1D7A4E);outline-offset:2px;box-shadow:0 0 0 4px var(--kang-green-soft,#E3F2E8)}
@keyframes klFadeIn{from{opacity:0}to{opacity:1}}
@keyframes klSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}