/* VinhXD Ô tô 3.0 — [vinhxd_dutoan] (dự toán nhiều xe) + [vinhxd_thutuc]. Dựa trên biến/khối của xd-trangxe.css */
.vxt-dt,.vxt-tt{max-width:1180px;margin:0 auto 24px}
.vxt-dt-head{margin-bottom:16px}
.vxt-dt-kicker{display:block;color:var(--vxt-brand);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.vxt-dt-title{font-size:26px;line-height:1.25;margin:0 0 6px;font-weight:800}
.vxt-dt-desc{margin:0;color:var(--vxt-muted)}
.vxt-dt-grid{display:grid;gap:16px}
.vxt-dt .vxt-card{padding:20px}
.vxt-dt h3{font-size:18px;margin:0 0 12px}
.vxt-dt-fields{display:grid;gap:10px}
.vxt-dt-f{display:block}
.vxt-dt-f[hidden]{display:none}
.vxt-dt-f span,.vxt-dt-lbl{display:block;font-size:13px;font-weight:700;color:var(--vxt-muted);margin-bottom:6px}
.vxt-dt select{width:100%;padding:11px 36px 11px 12px;border:1.5px solid var(--vxt-line);border-radius:10px;font:inherit;font-size:15px;color:var(--vxt-ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;height:auto;min-height:44px;box-shadow:none;margin:0}
.vxt-dt select:focus{outline:none;border-color:var(--vxt-brand)}
.vxt-dt-car{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px;border-radius:12px;background:var(--vxt-soft)}
.vxt-dt-car img{width:132px;height:84px;object-fit:contain;flex:none;mix-blend-mode:multiply}
.vxt-dt-car div{min-width:0}
.vxt-dt-car b{display:block;font-size:16px;line-height:1.3}
.vxt-dt-car small{display:block;color:var(--vxt-muted);font-size:12px;margin-top:4px}
.vxt-dt-car strong{display:block;color:var(--vxt-brand);font-size:20px;font-variant-numeric:tabular-nums}
.vxt-dt-car a{font-size:13px;color:var(--vxt-brand);text-decoration:none;font-weight:600}
.vxt-dt .vxt-box[hidden]{display:none}
.vxt-dt-loan{margin-top:16px}
.vxt-dt-loan-grid{display:grid;gap:16px}
.vxt-dt-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.vxt-dt-rate{display:flex;align-items:center;gap:6px;font-size:14px}
.vxt-dt-rate span{font-weight:600}
.vxt-dt .vxt-dt-rate input{width:76px;padding:8px 10px;border:1.5px solid var(--vxt-line);border-radius:10px;font:inherit;text-align:right;background:#fff;color:var(--vxt-ink);margin:0;height:auto;box-shadow:none}
.vxt-dt-rate em{font-style:normal;color:var(--vxt-muted);font-size:13px}
.vxt-seg{display:inline-flex;border:1.5px solid var(--vxt-line);border-radius:10px;overflow:hidden}
.vxt-seg button{padding:8px 12px;font-size:13px;font-weight:600;color:var(--vxt-muted);background:#fff}
.vxt-seg button.on{background:var(--vxt-brand);color:#fff}
.vxt-tiles--5{grid-template-columns:1fr 1fr}
.vxt-tiles--5 .hl{grid-column:1/-1}
.vxt-tiles--5 .hl b{font-size:22px;color:var(--vxt-ink)}
.vxt-sched--m{max-height:360px;overflow:auto;-webkit-overflow-scrolling:touch}
.vxt-sched--m thead th{position:sticky;top:0;background:#fff}
.vxt-dt-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}
.vxt-dt-cta .vxt-btn{width:auto;min-width:240px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
@media (min-width:861px){
  .vxt-dt-grid{grid-template-columns:1fr 1fr;align-items:start}
  .vxt-dt-fields{grid-template-columns:1fr 1fr}
  .vxt-dt-loan-grid{grid-template-columns:1fr 1fr;align-items:start}
  .vxt-tiles--5{grid-template-columns:1fr 1fr 1fr}
  .vxt-tiles--5 .hl{grid-column:auto}
}
.vxt-dt--tragop .vxt-dt-loan{border-color:var(--vxt-brand);box-shadow:0 0 0 3px var(--vxt-brand-50)}

/* Thủ tục trả góp */
.vxt-tt{margin-top:28px}
.vxt-tt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}
.vxt-tt-stats div{background:var(--vxt-brand-50);border-radius:12px;padding:14px;text-align:center}
.vxt-tt-stats b{display:block;font-size:22px;color:var(--vxt-brand)}
.vxt-tt-stats small{color:var(--vxt-muted);font-size:12.5px}
.vxt-tt-grid{display:grid;gap:12px}
.vxt-tt .vxt-card h3{font-size:17px;margin:0 0 10px}
.vxt-tt ul,.vxt-tt ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14.5px}
@media (min-width:861px){.vxt-tt-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.vxt-tt-stats b{font-size:18px}.vxt-dt-car img{width:96px;height:64px}}