/* LOT-S01 draft 20261104s01d — tab chiều NT$→VND | VND→NT$ (S01 + S06). BẢN NHÁP, chưa live. */
.s1-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding:4px;margin-bottom:14px;background:#fff;border-radius:16px;border:1px solid #ece6ff;box-shadow:var(--twm-shadow)}
.s1-tab{display:flex;align-items:center;gap:5px;min-width:0;min-height:52px;padding:6px 7px;border-radius:12px;color:var(--twm-navy,#071B49);text-decoration:none;border:1px solid transparent}
.s1-tab .fls{display:inline-flex;align-items:center;gap:1px;flex:none}
.s1-tab .fls svg,.s1-tab .fls img{border-radius:4px}
.s1-tab .ar{font-weight:900;font-size:11px;color:#743DFF}
.s1-tab .tx{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.s1-tab b{font-size:14px;font-weight:900;white-space:nowrap}
.s1-tab small{font-size:12px;font-weight:700;color:#4a557a;line-height:1.15}
.s1-tab.on{color:#fff;background:linear-gradient(100deg,#0057C2,#5A2BD9 38%,#B80E78 75%,#A8430E);box-shadow:0 6px 14px rgba(116,61,255,.28)}
.s1-tab.on .ar,.s1-tab.on small{color:#fff}
.s1-tab:focus-visible{outline:3px solid #087BFF;outline-offset:2px}
.s1-tab:not(.on):hover{border-color:#cfc8f7}
.s1-vchips{grid-template-columns:repeat(4,1fr)}
@media (max-width:360px){.s1-tab small{display:none}}
/* số nhận: không ngắt giữa số (trước: «3.962.4 / 50» xuống dòng) */
.twm-recv .v{font-size:clamp(22px,6.8vw,30px);word-break:normal;overflow-wrap:normal;white-space:normal}
.twm-recv .v span{white-space:nowrap}
/* ô nhập số to theo brief (30–36px) */
#twm-amt,#twm-vamt{font-size:30px;font-weight:900}
