/* Vaidam free tools: hub + calculator pages */
.vt { --navy:#0B2545; --teal:#0F8B8D; --teal-soft:#E3F2F2; --orange:#E4621B; --gold:#F2B233; --line:#E2E8F0; --soft:#F5F8FB; --muted:#5B6B7F; --ok:#15803D; --warn:#B45309; --bad:#B91C1C;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; color:#1E293B; }
.vt h1, .vt h2, .vt h3 { font-family: 'Poppins', 'Inter', system-ui, sans-serif; color: var(--navy); }
.vt-hero { background: linear-gradient(120deg, #0B2545 0%, #13315C 60%, #0B6E70 100%); color:#fff; padding: 46px 0 40px; }
.vt-hero h1 { color:#fff; font-size: clamp(26px, 4vw, 40px); font-weight: 700; margin: 10px 0 8px; }
.vt-hero p { color:#DCE6F0; max-width: 680px; margin: 0; }
.vt-hero .vt-crumb { font-size: 13px; color:#B9C8D9; }
.vt-hero .vt-crumb a { color:#DCE6F0; text-decoration:none; }
.vt-badge { display:inline-block; background: rgba(242,178,51,.16); color: var(--gold); border:1px solid rgba(242,178,51,.4); font-size:12px; font-weight:600; padding:4px 12px; border-radius:999px; letter-spacing:.02em; }
.vt-search { margin-top: 22px; display:flex; gap:10px; flex-wrap:wrap; max-width: 640px; }
.vt-search input { flex:1; min-width: 220px; border:0; border-radius:10px; padding:13px 16px; font-size:16px; }
.vt-btn { display:inline-block; background: var(--orange); color:#fff !important; border:0; border-radius:10px; padding:12px 20px; font-weight:700; text-decoration:none !important; cursor:pointer; }
.vt-btn:hover { background:#C9520F; }
.vt-btn-ghost { background:#fff; color: var(--navy) !important; border:1px solid var(--line); }
.vt-btn-ghost:hover { background: var(--soft); }
.vt-wrap { padding: 34px 0 50px; background: var(--soft); }
.vt-layout { display:grid; grid-template-columns: 230px 1fr; gap: 26px; }
@media (max-width: 991px) { .vt-layout { grid-template-columns: 1fr; } }
.vt-cats { background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px; position: sticky; top: 90px; align-self:start; }
.vt-cats h2 { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color: var(--muted); margin: 4px 8px 10px; }
.vt-cat { display:flex; justify-content:space-between; align-items:center; width:100%; text-align:left; background:none; border:0; border-radius:10px; padding:9px 10px; font-weight:600; color: var(--navy); cursor:pointer; }
.vt-cat small { color: var(--muted); font-weight:500; }
.vt-cat:hover { background: var(--soft); }
.vt-cat.active { background: #FDF0E8; color: var(--orange); box-shadow: inset 3px 0 0 var(--orange); }
@media (max-width: 991px) { .vt-cats { position: static; display:flex; flex-wrap:wrap; gap:6px; } .vt-cats h2 { width:100%; } .vt-cat { width:auto; border:1px solid var(--line); } }
.vt-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap:16px; }
.vt-card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px; display:flex; flex-direction:column; gap:8px; color:inherit; text-decoration:none !important; transition: border-color .2s, box-shadow .2s, transform .2s; }
.vt-card:hover { border-color:#F4A26B; box-shadow: 0 10px 24px rgba(11,37,69,.08); transform: translateY(-2px); }
.vt-card .vt-ic { width:42px; height:42px; border-radius:10px; background: rgba(242,178,51,.15); color:#E0A020; display:grid; place-items:center; font-size:18px; }
.vt-card h3 { font-size:16px; font-weight:700; margin:4px 0 0; }
.vt-card p { font-size:14px; color: var(--muted); margin:0; line-height:1.5; }
.vt-card .vt-tag { font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color: var(--teal); }
.vt-card .vt-go { margin-top:auto; font-size:13px; font-weight:700; color: var(--orange); }
.vt-empty { display:none; color: var(--muted); padding: 20px 0; }
.vt-stats { display:grid; grid-template-columns: repeat(auto-fit, minmax(150px,1fr)); gap:12px; margin-top: 28px; }
.vt-stat { background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px 16px; }
.vt-stat b { display:block; font-size:22px; color: var(--navy); font-family:'Poppins',sans-serif; }
.vt-stat span { font-size:13px; color: var(--muted); }

/* tool page */
.vt-tool { display:grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 22px; align-items:start; }
@media (max-width: 991px) { .vt-tool { grid-template-columns: 1fr; } }
.vt-panel { background:#fff; border:1px solid var(--line); border-radius:16px; padding: 22px; }
.vt-panel h2 { font-size:18px; margin: 0 0 14px; }
.vt-field { display:grid; gap:6px; margin-bottom: 14px; }
.vt-field label { font-weight:600; font-size:14px; color: var(--navy); }
.vt-field .vt-hint { font-size:12.5px; color: var(--muted); }
.vt-field input, .vt-field select { width:100%; border:1px solid #CBD5E1; border-radius:10px; padding:11px 12px; font-size:16px; background:#fff; color:#1E293B; }
.vt-field input:focus, .vt-field select:focus { outline: 2px solid rgba(15,139,141,.3); border-color: var(--teal); }
.vt-row { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 560px) { .vt-row { grid-template-columns: 1fr; } }
.vt-seg { display:flex; flex-wrap:wrap; gap:6px; }
.vt-seg label { position:relative; font-weight:600; font-size:14px; border:1px solid #CBD5E1; border-radius:999px; padding:7px 14px; cursor:pointer; color: var(--navy); background:#fff; }
.vt-seg input { position:absolute; left:0; top:0; width:1px; height:1px; opacity:0; pointer-events:none; }
.vt-seg input:checked + span { color:#fff; }
.vt-seg label:has(input:checked) { background: var(--navy); border-color: var(--navy); color:#fff; }
.vt-seg input:focus-visible + span { outline: 2px solid var(--teal); outline-offset: 3px; }
.vt-result { background: linear-gradient(160deg, #0B2545, #0E3A57); color:#fff; border-radius:16px; padding:22px; position: sticky; top: 90px; }
@media (max-width: 991px) { .vt-result { position: static; } }
.vt-result h2 { color:#fff; font-size:16px; margin:0 0 6px; letter-spacing:.02em; }
.vt-big { font-family:'Poppins',sans-serif; font-size: clamp(28px, 4vw, 38px); font-weight:700; color: var(--gold); margin: 4px 0 2px; font-variant-numeric: tabular-nums; }
.vt-big-label { font-size:13px; color:#B9C8D9; }
.vt-lines { margin: 16px 0 0; display:grid; gap:0; }
.vt-line { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.12); font-size:14.5px; }
.vt-line:last-child { border-bottom:0; }
.vt-line span:first-child { color:#DCE6F0; }
.vt-line b { font-variant-numeric: tabular-nums; }
.vt-line.total { font-weight:700; font-size:15.5px; }
.vt-line.total span:first-child { color:#fff; }
.vt-note { font-size:12.5px; color:#B9C8D9; margin-top:12px; line-height:1.5; }
.vt-status { display:inline-block; padding:4px 12px; border-radius:999px; font-weight:700; font-size:13px; margin-top:6px; }
.vt-status.ok { background:#DCFCE7; color: var(--ok); } .vt-status.bad { background:#FEE2E2; color: var(--bad); } .vt-status.warn { background:#FEF3C7; color: var(--warn); }
.vt-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.vt-actions .vt-btn, .vt-actions .vt-btn-ghost { font-size:14px; padding:10px 14px; }
.vt-table { width:100%; border-collapse: collapse; font-size:14px; }
.vt-table th, .vt-table td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align: top; }
.vt-table th { font-size:12px; text-transform:uppercase; letter-spacing:.04em; color: var(--muted); background: var(--soft); }
.vt-table td.num { text-align:right; font-variant-numeric: tabular-nums; white-space:nowrap; }
.vt-tablewrap { overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:#fff; }
.vt-result .vt-table th { background: rgba(255,255,255,.08); color:#DCE6F0; }
.vt-result .vt-table td, .vt-result .vt-table th { border-color: rgba(255,255,255,.12); }
.vt-result .vt-tablewrap { background: transparent; border-color: rgba(255,255,255,.15); }
.vt-content { display:grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 26px; margin-top: 30px; }
@media (max-width: 991px) { .vt-content { grid-template-columns: 1fr; } }
.vt-article { background:#fff; border:1px solid var(--line); border-radius:16px; padding: 26px; line-height:1.7; }
.vt-article h2 { font-size:21px; margin: 22px 0 10px; }
.vt-article h2:first-child { margin-top:0; }
.vt-article p, .vt-article li { color:#334155; }
.vt-article .vt-formula { background: var(--soft); border-left:4px solid var(--teal); padding: 12px 14px; border-radius: 8px; font-family: Consolas, 'Courier New', monospace; font-size: 14px; }
.vt-faq details { border-bottom:1px solid var(--line); padding: 12px 0; }
.vt-faq summary { font-weight:600; color: var(--navy); cursor:pointer; }
.vt-faq p { margin: 8px 0 0; }
.vt-side { display:grid; gap:16px; align-content:start; }
.vt-cta { background: linear-gradient(140deg, #0B2545, #0B6E70); color:#fff; border-radius:16px; padding:20px; }
.vt-cta h2 { color:#fff; font-size:18px; margin:0 0 8px; }
.vt-cta p { color:#DCE6F0; font-size:14px; }
.vt-related { background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px; }
.vt-related h2 { font-size:15px; margin:0 0 10px; }
.vt-related a { display:block; padding:7px 0; border-bottom:1px solid var(--line); color: var(--navy); font-weight:600; font-size:14px; text-decoration:none; }
.vt-related a:last-child { border-bottom:0; }
.vt-related a:hover { color: var(--orange); }
.vt-disclaimer { font-size:12.5px; color: var(--muted); margin-top: 18px; }
/* currency tools */
.vt-live { display:inline-block; width:8px; height:8px; border-radius:50%; background:#22C55E; margin-right:6px; vertical-align:middle; animation: vtpulse 2s infinite; }
@keyframes vtpulse { 0% { box-shadow:0 0 0 0 rgba(34,197,94,.6); } 70% { box-shadow:0 0 0 8px rgba(34,197,94,0); } 100% { box-shadow:0 0 0 0 rgba(34,197,94,0); } }
.vt-fxrow { display:grid; grid-template-columns: 1fr auto 1fr; gap:10px; align-items:end; }
.vt-swap { width:44px; height:46px; margin-bottom:14px; border:1px solid #CBD5E1; border-radius:10px; background:#fff; color: var(--navy); cursor:pointer; font-size:16px; }
.vt-swap:hover { background: var(--soft); color: var(--orange); }
@media (max-width: 560px) { .vt-fxrow { grid-template-columns: 1fr; } .vt-swap { margin: -6px auto 8px; transform: rotate(90deg); } }
.vt-up { color:#4ADE80; } .vt-down { color:#F87171; }
.vt-stamp { font-size:12.5px; color:#B9C8D9; margin-top:10px; }
/* HSN / SAC finder */
.vt-hsn-bar { display:flex; gap:10px; flex-wrap:wrap; }
.vt-hsn-bar input { flex:1; min-width:220px; border:1px solid #CBD5E1; border-radius:10px; padding:13px 14px; font-size:16px; }
.vt-hsn-bar input:focus { outline: 2px solid rgba(15,139,141,.3); border-color: var(--teal); }
.vt-hsn-opts { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin-top:12px; }
.vt-hsn-try { font-size:13.5px; color: var(--muted); }
.vt-hsn-try a { display:inline-block; margin:2px 3px; padding:3px 10px; border-radius:999px; background: var(--soft); border:1px solid var(--line); color: var(--navy); text-decoration:none; font-weight:600; }
.vt-hsn-try a:hover { border-color: var(--orange); color: var(--orange); }
.vt-hsn-head { font-size:14.5px; color: var(--muted); margin-bottom:6px; }
.vt-hsn-h { font-size:16px; margin:20px 0 10px; }
.vt-hsn-card { border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin-bottom:10px; background:#fff; }
.vt-hsn-card:hover { border-color:#F4A26B; }
.vt-hsn-top { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; }
.vt-hsn-code { font-family: Consolas, 'Courier New', monospace; font-weight:700; font-size:17px; color: var(--navy); background: #FDF0E8; border-radius:8px; padding:2px 10px; letter-spacing:.04em; }
.vt-hsn-kind { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color: var(--teal); }
.vt-hsn-rates { margin-left:auto; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.vt-hsn-desc { margin-top:8px; font-weight:600; color:#1E293B; }
.vt-hsn-path { margin-top:4px; font-size:12.5px; color: var(--muted); display:flex; flex-wrap:wrap; gap:4px; }
.vt-hsn-path i { font-style:normal; opacity:.6; }
.vt-rate { display:inline-block; min-width:44px; text-align:center; font-weight:800; font-size:14px; border-radius:8px; padding:4px 10px; }
.vt-rate-nil { background:#DCFCE7; color:#15803D; } .vt-rate-low { background:#E0F2FE; color:#0369A1; } .vt-rate-std { background:#FEF3C7; color:#B45309; } .vt-rate-high { background:#FEE2E2; color:#B91C1C; } .vt-rate-x { background: var(--soft); color: var(--muted); font-weight:600; font-size:12.5px; }
.vt-split { color: var(--muted); font-size:12.5px; }
.vt-hsn-ent { margin-top:10px; }
.vt-hsn-ent summary { cursor:pointer; font-size:13.5px; font-weight:700; color: var(--teal); }
.vt-hsn-ent ul, .vt-hsn-list { list-style:none; padding:0; margin:8px 0 0; }
.vt-hsn-ent li, .vt-hsn-list li { display:flex; gap:12px; align-items:flex-start; padding:9px 0; border-top:1px dashed var(--line); font-size:14px; }
.vt-hsn-list li { background:#fff; border:1px solid var(--line); border-radius:10px; padding:10px 12px; margin-bottom:8px; }
.vt-hsn-ent li small, .vt-hsn-list li small { color: var(--muted); font-size:12.5px; }
.vt-hsn-src { font-size:12px; color: var(--muted); margin:14px 0 0; line-height:1.5; }
@media (max-width: 560px) { .vt-hsn-rates { margin-left:0; width:100%; } }