/* 부가세 역산기 — 카드 폭(약 440px) 기준, 폰(360px)에서도 가로 밀림 없이 (표는 칸 안에서만 넘침) */
[data-app="vat-reverse"]{ container-type:inline-size; }
[data-app="vat-reverse"] .vr{ display:flex; flex-direction:column; gap:10px; }
[data-app="vat-reverse"] .ndt-in{ max-width:100%; }
[data-app="vat-reverse"] .vr-note{ display:flex; align-items:flex-start; gap:8px; margin:0; padding:8px 10px; border-radius:10px; background:#FFF7E0; color:#5C4300; font-size:13px; line-height:1.5; }
[data-app="vat-reverse"] .vr-note[hidden]{ display:none; }
[data-app="vat-reverse"] .vr-note b{ flex:none; padding:0 7px; border-radius:6px; background:#F5C84C; color:#3A2A00; font-size:12px; line-height:20px; }
[data-app="vat-reverse"] .vr-tabs{ display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border-radius:12px; background:#EEF0F3; }
[data-app="vat-reverse"] .vr-tab{ min-height:48px; padding:4px 8px; border:0; border-radius:9px; background:transparent; color:#4B5059; font:inherit; font-size:13px; font-weight:600; line-height:1.3; cursor:pointer; }
[data-app="vat-reverse"] .vr-tab b{ font-weight:800; }
[data-app="vat-reverse"] .vr-tab[aria-pressed="true"]{ background:#fff; color:#1A1A1A; box-shadow:0 1px 3px rgba(16,24,40,.12); }
[data-app="vat-reverse"] .vr-tab:focus-visible{ outline:2px solid var(--accent); outline-offset:1px; }
[data-app="vat-reverse"] .vr-f{ display:flex; flex-direction:column; gap:3px; min-width:0; }
[data-app="vat-reverse"] .vr-f[hidden]{ display:none; }
[data-app="vat-reverse"] .vr-f small{ font-weight:600; color:#8A8F98; }
[data-app="vat-reverse"] .vr-amt{ min-height:48px; font-size:20px; font-weight:800; text-align:right; font-variant-numeric:tabular-nums; }
[data-app="vat-reverse"] .vr-amt::placeholder{ font-size:14px; font-weight:500; }
[data-app="vat-reverse"] .vr-tf{ text-align:right; font-variant-numeric:tabular-nums; }
[data-app="vat-reverse"] .ndt-in.vr-bad{ border-color:#D92D20; background:#FEF3F2; }
[data-app="vat-reverse"] .vr-chk{ display:flex; align-items:center; gap:8px; min-height:40px; font-size:13.5px; font-weight:600; color:#3A3F47; cursor:pointer; }
[data-app="vat-reverse"] .vr-chk input{ width:20px; height:20px; flex:none; margin:0; accent-color:var(--accent); }
[data-app="vat-reverse"] .vr-mode{ background:#fff; }
[data-app="vat-reverse"] .vr-err{ margin:0; font-size:13px; font-weight:700; color:#B42318; }
[data-app="vat-reverse"] .vr-err:empty{ display:none; }
/* 결과 */
[data-app="vat-reverse"] .vr-out{ display:flex; flex-direction:column; gap:4px; padding:12px; border-radius:12px; background:#F3F5F8; }
[data-app="vat-reverse"] .vr-line{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px; min-height:36px; font-size:14px; color:#4B5059; }
[data-app="vat-reverse"] .vr-line[hidden]{ display:none; }
[data-app="vat-reverse"] .vr-line > span{ white-space:nowrap; font-weight:700; }
[data-app="vat-reverse"] .vr-line b{ text-align:right; font-size:17px; font-weight:800; color:#1A1A1A; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
[data-app="vat-reverse"] .vr-cp{ min-width:52px; }
[data-app="vat-reverse"] .vr-totl{ margin-top:2px; padding-top:6px; border-top:1px solid #DCE0E6; }
[data-app="vat-reverse"] .vr-totl > span{ color:#1A1A1A; font-weight:800; }
[data-app="vat-reverse"] .vr-totl b{ font-size:22px; font-weight:900; }
[data-app="vat-reverse"] .vr-check{ margin:4px 0 0; font-size:12.5px; font-weight:700; color:#13703F; line-height:1.5; font-variant-numeric:tabular-nums; }
[data-app="vat-reverse"] .vr-empty .vr-check{ color:#6B717B; font-weight:600; }
[data-app="vat-reverse"] .vr-check:empty, [data-app="vat-reverse"] .vr-exact:empty{ display:none; }
[data-app="vat-reverse"] .vr-exact{ margin:0; }
[data-app="vat-reverse"] .vr-cpall{ align-self:flex-start; margin-top:4px; }
[data-app="vat-reverse"] .vr-tip{ margin:0; padding:8px 10px; border-left:3px solid #314B86; background:#F4F6FB; border-radius:0 8px 8px 0; font-size:12.5px; line-height:1.55; color:#3A3F47; }
/* 여러 금액 */
[data-app="vat-reverse"] .vr-multi{ display:flex; flex-direction:column; gap:6px; padding-top:10px; border-top:1px solid #E9EBEF; }
[data-app="vat-reverse"] .vr-mh{ margin:0; font-size:14.5px; font-weight:800; color:#1A1A1A; }
[data-app="vat-reverse"] .vr-mh small{ font-size:12px; font-weight:600; color:#8A8F98; }
[data-app="vat-reverse"] .vr-mhelp{ margin:0; line-height:1.5; }
[data-app="vat-reverse"] textarea.ndt-in.vr-paste{ min-height:104px; font-size:13.5px; font-variant-numeric:tabular-nums; }
@media (max-width:560px){ [data-app="vat-reverse"] textarea.ndt-in.vr-paste{ font-size:16px; } }
[data-app="vat-reverse"] .vr-pmsg{ margin:0; font-size:13px; font-weight:700; color:#13703F; line-height:1.5; }
[data-app="vat-reverse"] .vr-pmsg.vr-pbad{ color:#B42318; }
[data-app="vat-reverse"] .vr-pmsg:empty{ display:none; }
[data-app="vat-reverse"] .vr-tw{ max-width:100%; overflow-x:auto; border:1px solid #E6E7EB; border-radius:10px; }
[data-app="vat-reverse"] .vr-tw[hidden]{ display:none; }
[data-app="vat-reverse"] .vr-tbl{ width:100%; border-collapse:collapse; font-size:12.5px; font-variant-numeric:tabular-nums; }
[data-app="vat-reverse"] .vr-tbl th, [data-app="vat-reverse"] .vr-tbl td{ padding:6px 7px; border-bottom:1px solid #EEF0F3; text-align:right; white-space:nowrap; }
[data-app="vat-reverse"] .vr-tbl thead th{ background:#F6F7F9; font-size:12px; font-weight:800; color:#4B5059; }
[data-app="vat-reverse"] .vr-tbl .vr-tn{ text-align:left; white-space:normal; overflow-wrap:anywhere; min-width:5.5em; max-width:11em; color:#1A1A1A; }
[data-app="vat-reverse"] .vr-tbl thead th:first-child{ text-align:left; }
[data-app="vat-reverse"] .vr-tbl tfoot th, [data-app="vat-reverse"] .vr-tbl tfoot td{ border-bottom:0; border-top:1.5px solid #C9CED6; background:#F6F7F9; font-weight:800; color:#1A1A1A; }
[data-app="vat-reverse"] .vr-diff{ margin:0; font-size:12.5px; line-height:1.55; color:#5C4300; }
[data-app="vat-reverse"] .vr-diff:empty{ display:none; }
[data-app="vat-reverse"] .vr-mbtns .ndt-btn{ white-space:normal; text-align:center; }
[data-app="vat-reverse"] .vr-mbtns .ndt-btn[hidden]{ display:none; }
[data-app="vat-reverse"] .vr-msg{ margin:0; font-size:13px; font-weight:700; color:#13703F; }
[data-app="vat-reverse"] .vr-msg:empty{ display:none; }
[data-app="vat-reverse"] .vr-foot{ margin:0; }
[data-app="vat-reverse"] .vr-foot.vr-warn{ padding:8px 10px; border-radius:10px; background:#FEF3F2; color:#912018; font-size:13px; font-weight:700; }
@container (max-width:360px){
  [data-app="vat-reverse"] .vr-tbl th, [data-app="vat-reverse"] .vr-tbl td{ padding:5px 4px; font-size:11.5px; }
  [data-app="vat-reverse"] .vr-tbl .vr-tn{ min-width:4.5em; }
}