/* Khám Sạp — chỉ phần riêng của công cụ. Màu/biến lấy từ site.css */
.ks{max-width:100%}
.ks *{box-sizing:border-box}
.ks-drop{border:2px dashed var(--line2,var(--line));border-radius:var(--radius,16px);background:var(--bg2);padding:28px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.ks-drop:focus-visible,.ks-drop.over{border-color:var(--acc);background:var(--acc-soft,var(--bg2));outline:none}
.ks-drop strong{display:block;font-size:18px;margin-bottom:6px;color:var(--ink)}
.ks-drop p{margin:0;color:var(--muted);font-size:15px}
.ks-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ks-tin{border:1px solid var(--line);border-radius:var(--radius-s,12px);padding:14px 16px;margin:16px 0;background:var(--card2)}
.ks-tin p{margin:.3em 0;font-size:15px}
.ks-nhung{border:2px solid var(--acc);border-radius:var(--radius-s,12px);padding:14px 16px;margin:0 0 16px;background:var(--acc-soft,var(--bg2))}
.ks-nhung[hidden]{display:none}
.ks-files{list-style:none;padding:0;margin:16px 0}
.ks-files li{border:1px solid var(--line);border-radius:var(--radius-s,12px);padding:10px 12px;margin-bottom:8px;font-size:14px;overflow-wrap:anywhere}
.ks-files .ok{color:#1a7f37;font-weight:600}
.ks-files .sai{color:#b42318;font-weight:600}
.ks-beta{display:inline-block;font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--bg2);border:1px solid var(--line);margin-left:4px;vertical-align:1px}
.ks-loi,.ks-do{border-left:4px solid #b42318;background:#fff1f0;color:#7a1610;padding:12px 14px;border-radius:8px;margin:12px 0}
.ks-vang{border-left:4px solid #b7791f;background:#fffbea;color:#5c4210;padding:10px 14px;border-radius:8px;margin:8px 0;font-size:15px}
.ks-the{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}
.ks-the div{border:1px solid var(--line);border-radius:var(--radius-s,12px);padding:12px;background:var(--card)}
.ks-the span{display:block;font-size:13px;color:var(--muted)}
.ks-the b{display:block;font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ks-the small{color:var(--muted2);font-size:12px}
.ks-the .lai{border-color:var(--acc)}
.ks-ph{border:1px solid var(--line);border-radius:var(--radius-s,12px);padding:14px;margin:10px 0;background:var(--card2)}
.ks-ph p{margin:0 0 10px}
.ks-bang{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:10px 0}
.ks-bang table{min-width:560px;font-size:14px}
.ks-bang td.so,.ks-bang th.so{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ks-bang .am{color:#b42318}
.ks-gv input{width:110px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;text-align:right}
.ks-hang{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;align-items:center}
.ks-hang label{font-size:15px}
.ks-hang input[type=text],.ks-hang input[type=number]{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;width:160px}
.ks-ket[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.ks-drop{transition:none}}
.ks-nho{font-size:14px;color:var(--muted)}
