.tsp-soft-wrapper{--tsp-border:#1e293b;max-width:760px;margin:0 auto;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1e293b;box-sizing:border-box}
.tsp-soft-wrapper *{box-sizing:border-box}
.tsp-card{background:#fff;border:2.5px solid var(--tsp-border);border-radius:20px;padding:20px;box-shadow:4px 4px 0 var(--tsp-border);margin-bottom:16px}
.tsp-card-title{margin:0 0 8px;font-size:18px;font-weight:900}
.tsp-h4{margin:16px 0 6px;font-size:15px;font-weight:900}
.tsp-member{display:flex;gap:6px;align-items:center;margin-bottom:7px}
.tsp-member input{flex:1;border:2px solid var(--tsp-border);border-radius:10px;padding:7px 10px;font-size:14.5px;font-weight:700;background:#fffef5;font-family:inherit;min-width:0}
.tsp-del{border:2px solid var(--tsp-border);background:#fee2e2;border-radius:9px;width:34px;height:36px;font-weight:900;cursor:pointer;flex:none}
.tsp-exp{border:2px solid #cbd5e1;border-radius:14px;padding:10px 12px;margin-bottom:10px;background:#f8fafc}
.tsp-exp-top{display:flex;gap:6px;align-items:center}
.tsp-exp-top input[type=text]{flex:1;border:2px solid var(--tsp-border);border-radius:10px;padding:7px 10px;font-size:14.5px;font-weight:700;background:#fff;font-family:inherit;min-width:0}
.tsp-exp-top .tsp-amt{flex:0 0 128px;text-align:right;font-variant-numeric:tabular-nums}
.tsp-exp-mid{display:flex;gap:6px;align-items:center;margin-top:7px;flex-wrap:wrap}
.tsp-exp-mid select{border:2px solid var(--tsp-border);border-radius:10px;padding:6px 8px;font-size:14px;font-weight:700;background:#fff;font-family:inherit}
.tsp-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.tsp-chip{border:2px solid var(--tsp-border);background:#fff;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:800;cursor:pointer}
.tsp-chip.on{background:#bbf7d0}
.tsp-add{border:2px dashed var(--tsp-border);background:#f0fdf4;border-radius:12px;padding:9px 14px;font-weight:900;font-size:14px;cursor:pointer;font-family:inherit}
.tsp-caption{display:block;font-size:12.5px;color:#64748b;font-weight:600;margin-top:8px;line-height:1.5}
.tsp-hero{background:linear-gradient(135deg,#f0fdf4,#bbf7d0);border:2.5px solid var(--tsp-border);border-radius:16px;padding:15px;box-shadow:3px 3px 0 var(--tsp-border)}
.tsp-hero-cap{display:block;font-size:12.5px;font-weight:800;color:#166534}
.tsp-hero-val{display:block;font-size:28px;font-weight:900;margin-top:2px;font-variant-numeric:tabular-nums}
.tsp-hero-sub{display:block;font-size:13.5px;font-weight:800;color:#475569;margin-top:2px}
.tsp-row{display:flex;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1.5px dashed #e2e8f0;font-size:14.5px}
.tsp-row span:first-child{color:#475569;font-weight:600}
.tsp-row span:last-child{font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.tsp-pos{color:#16a34a}.tsp-neg{color:#dc2626}
.tsp-settle-row{background:#fffbeb;border:2px solid #fcd34d;border-radius:12px;padding:9px 13px;font-weight:800;font-size:14.5px;margin-bottom:7px}
.tsp-copy{border:2.5px solid var(--tsp-border);background:#fef9c3;border-radius:12px;padding:10px 16px;font-weight:900;font-size:14.5px;cursor:pointer;box-shadow:3px 3px 0 var(--tsp-border);margin-top:12px;font-family:inherit}
.tsp-copy:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tsp-border)}
.tsp-copied{font-weight:800;color:#16a34a;font-size:13.5px;margin-left:8px}
.tsp-note{font-size:13px;color:#64748b;line-height:1.55;margin:13px 0 0}

/* — Mobile guard 2026-10-24: chống tràn ngang (grid/flex blowout) và chống zoom khi chạm ô nhập — */
.tsp-soft-wrapper{overflow-x:clip}
.tsp-soft-wrapper *{min-width:0}
.tsp-soft-wrapper input,.tsp-soft-wrapper select,.tsp-soft-wrapper textarea{font-size:16px !important;max-width:100%}