.xdv-app{--xdv-main:#e8581c;--xdv-main-d:#c7440e;--xdv-ok:#1a9b55;--xdv-line:#e3e5e8;--xdv-soft:#f6f7f9;--xdv-text:#1f2328;--xdv-muted:#6b7280;max-width:980px;margin:0 auto;color:var(--xdv-text);font-size:15px;line-height:1.45;box-sizing:border-box}
.xdv-app *,.xdv-app *:before,.xdv-app *:after{box-sizing:border-box}
.xdv-app button{font:inherit;text-transform:none;letter-spacing:normal;margin:0;min-height:0;line-height:1.3}
.xdv-app input,.xdv-app select,.xdv-app textarea{font:inherit;width:100%;height:auto;min-height:44px;padding:9px 12px;border:1px solid #cfd4da;border-radius:8px;background:#fff;margin:0;box-shadow:none;color:var(--xdv-text)}
.xdv-app textarea{min-height:64px}
.xdv-app input:focus,.xdv-app select:focus,.xdv-app textarea:focus{border-color:var(--xdv-main);outline:none;box-shadow:0 0 0 3px rgba(232,88,28,.15)}
.xdv-loading,.xdv-empty{padding:28px;text-align:center;color:var(--xdv-muted);background:var(--xdv-soft);border-radius:12px}
.xdv-alert,.xdv-err{padding:12px 14px;background:#fff1f0;border:1px solid #f4c7c3;color:#a8261b;border-radius:10px;margin:10px 0}
.xdv-muted{color:var(--xdv-muted)}
.xdv-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:10px;border:1px solid var(--xdv-line);background:#fff;color:var(--xdv-text);cursor:pointer;font-weight:600;white-space:nowrap}
.xdv-btn-main{background:var(--xdv-main);border-color:var(--xdv-main);color:#fff}
.xdv-btn-main:hover{background:var(--xdv-main-d)}
.xdv-btn:disabled{opacity:.45;cursor:not-allowed}
.xdv-btn-block{width:100%;padding:14px;font-size:16px}
.xdv-link{background:none;border:0;padding:4px 0;color:var(--xdv-main);cursor:pointer;font-weight:600}
/* steps */
.xdv-steps{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto}
.xdv-steps span{flex:1;min-width:max-content;padding:8px 10px;border-radius:999px;background:var(--xdv-soft);color:var(--xdv-muted);font-size:13px;text-align:center;font-weight:600}
.xdv-steps span.on{background:var(--xdv-main);color:#fff}
.xdv-steps span.done{background:#ffe9df;color:var(--xdv-main-d)}
/* search */
.xdv-search{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;padding:14px;background:#fff;border:1px solid var(--xdv-line);border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.05);margin-bottom:16px}
.xdv-f{display:block;margin:0 0 12px}
.xdv-search .xdv-f{margin:0}
.xdv-f>span{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:4px}
.xdv-search .xdv-btn{height:44px}
/* results */
.xdv-result-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.xdv-result-head h3{margin:0;font-size:19px}
.xdv-daynav{display:flex;align-items:center;gap:14px}
.xdv-count{color:var(--xdv-muted);font-size:13px;margin-bottom:8px}
.xdv-trips{display:flex;flex-direction:column;gap:10px}
.xdv-trip{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--xdv-line);border-radius:14px;background:#fff;transition:box-shadow .15s}
.xdv-trip:hover{box-shadow:0 4px 16px rgba(0,0,0,.07)}
.xdv-trip.full{opacity:.6}
.xdv-trip-time{min-width:70px;text-align:center}
.xdv-trip-time b{display:block;font-size:24px;line-height:1.1;color:var(--xdv-main-d);font-variant-numeric:tabular-nums}
.xdv-trip-time small{color:var(--xdv-muted);font-size:12px}
.xdv-trip-img{width:110px;height:74px;object-fit:cover;border-radius:10px;flex:0 0 auto}
.xdv-trip-info{flex:1;min-width:0}
.xdv-trip-name{font-weight:700;font-size:16px}
.xdv-trip-type{color:var(--xdv-muted);font-size:13px}
.xdv-trip-note{font-size:13px;color:#555;margin-top:4px}
.xdv-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.xdv-chips span{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--xdv-soft);color:#444}
.xdv-trip-buy{text-align:right;flex:0 0 auto}
.xdv-price{font-size:19px;font-weight:700;color:var(--xdv-main-d)}
.xdv-price small{font-size:12px;color:var(--xdv-muted);font-weight:400}
.xdv-avail{font-size:13px;color:var(--xdv-ok);margin-bottom:6px}
.xdv-trip.full .xdv-avail{color:#a8261b}
/* seats */
.xdv-tripbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:var(--xdv-soft);border-radius:12px;margin-bottom:12px}
.xdv-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--xdv-muted);margin-bottom:10px}
.xdv-legend i{display:inline-block;width:16px;height:16px;border-radius:4px;vertical-align:-3px;margin-right:5px}
.xdv-legend i.free{border:2px solid #9aa4b1;background:#fff}
.xdv-legend i.pick{background:var(--xdv-main)}
.xdv-legend i.taken{background:#d5d9de}
.xdv-seatmap{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;padding:18px;border:1px solid var(--xdv-line);border-radius:14px;background:#fff}
.xdv-floor-title{text-align:center;font-weight:700;margin-bottom:8px;color:#444}
.xdv-grid{display:grid;gap:8px}
.xdv-seat{height:50px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;font-size:13px;line-height:1.15}
.xdv-seat.none{visibility:hidden}
.xdv-seat.driver{background:var(--xdv-soft);font-size:20px;color:#999}
.xdv-seat.free{border:2px solid #9aa4b1;background:#fff;color:var(--xdv-text);cursor:pointer}
.xdv-seat.free:hover{border-color:var(--xdv-main)}
.xdv-seat.pick{border:2px solid var(--xdv-main);background:var(--xdv-main);color:#fff;cursor:pointer}
.xdv-seat.taken{border:2px solid #d5d9de;background:#d5d9de;color:#8a929c;cursor:not-allowed}
.xdv-seat small{font-size:10.5px;opacity:.85}
.xdv-bottom{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;background:#fff;border:1px solid var(--xdv-line);border-radius:14px;box-shadow:0 -4px 16px rgba(0,0,0,.06)}
.xdv-total{font-size:20px;font-weight:800;color:var(--xdv-main-d)}
/* info */
.xdv-summary{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:14px;padding:10px 14px;border:1px dashed #f3b397;border-radius:12px;background:#fff8f4}
.xdv-info{background:#fff;border:1px solid var(--xdv-line);border-radius:14px;padding:16px}
.xdv-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xdv-other{margin-top:6px!important}
.xdv-pays{display:flex;flex-direction:column;gap:8px}
.xdv-pay{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--xdv-line);border-radius:10px;cursor:pointer;font-weight:500}
.xdv-app .xdv-pay input{width:18px;height:18px;min-height:0;padding:0;margin:0;accent-color:var(--xdv-main)}
.xdv-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
/* done */
.xdv-done{text-align:center;padding:22px 16px;border:1px solid var(--xdv-line);border-radius:14px;background:#fff}
.xdv-done-icon{width:58px;height:58px;margin:0 auto 8px;border-radius:50%;background:var(--xdv-ok);color:#fff;font-size:32px;line-height:58px}
.xdv-done h3{margin:0 0 6px}
.xdv-code{font-size:18px;margin-bottom:6px}
.xdv-code b{color:var(--xdv-main-d);letter-spacing:.5px}
.xdv-kv{margin:12px auto;border-collapse:collapse;text-align:left;max-width:460px;width:100%}
.xdv-kv th,.xdv-kv td{padding:7px 8px;border-bottom:1px solid var(--xdv-line);vertical-align:top;font-size:14px}
.xdv-kv th{color:var(--xdv-muted);font-weight:500;width:110px}
.xdv-qr{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin:14px 0;text-align:left}
.xdv-qr img{width:200px;max-width:100%;border-radius:10px;border:1px solid var(--xdv-line)}
@media(max-width:760px){
	.xdv-search{grid-template-columns:1fr 1fr}
	.xdv-search .xdv-f-route,.xdv-search .xdv-btn{grid-column:1/-1}
	.xdv-app.xdv-compact .xdv-search{padding:10px}
	.xdv-trip{flex-wrap:wrap;gap:10px}
	.xdv-trip-img{display:none}
	.xdv-trip-info{flex:1 1 calc(100% - 90px)}
	.xdv-trip-buy{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border-top:1px dashed var(--xdv-line);padding-top:10px}
	.xdv-trip-buy{flex-wrap:wrap}
	.xdv-pricebox{flex:1 1 100%}
	.xdv-avail{margin:0;white-space:nowrap}
	.xdv-trip-buy .xdv-btn{margin-left:auto}
	.xdv-row{grid-template-columns:1fr;gap:0}
	.xdv-seatmap{padding:12px 8px;gap:16px}
	.xdv-steps span{font-size:12px;padding:6px 8px}
}
.xdv-promo{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#ecfdf3;color:#067647;font-size:13.5px;font-weight:600}
.xdv-old{font-size:12px;color:var(--xdv-muted);white-space:nowrap}
/* quick search box */
.xdv-tv{max-width:1100px;margin:0 auto;font-size:15px}
.xdv-tv *{box-sizing:border-box}
.xdv-tv-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 40px rgba(0,30,80,.18);border:1px solid rgba(0,86,179,.12)}
.xdv-tv-title{margin:0 0 12px;font-size:18px;font-weight:800;color:#0056b3}
.xdv-tv-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}
.xdv-tv label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12.5px;font-weight:700;color:#1f2937}
.xdv-tv select,.xdv-tv input{height:48px;min-height:48px;border:1.5px solid #e2e6ea;border-radius:10px;padding:0 12px;font-size:15px;background:#f8fafc;width:100%;margin:0;color:#1f2937;box-shadow:none}
.xdv-tv select:focus,.xdv-tv input:focus{outline:none;border-color:#0056b3;background:#fff}
.xdv-tv .xdv-tv-err{border-color:#dc2626;background:#fff5f5}
.xdv-tv button{height:48px;min-height:48px;margin:0;padding:0 28px;border:0;border-radius:10px;background:#f97316;color:#fff;font-weight:800;font-size:16px;cursor:pointer;text-transform:none;letter-spacing:0;line-height:48px;white-space:nowrap}
.xdv-tv button:hover{background:#ea580c}
@media(max-width:700px){.xdv-tv-row{grid-template-columns:1fr}.xdv-tv button{width:100%}}
.xdv-tv-quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:13px;color:#6b7280}
.xdv-tv .xdv-tv-quick button{height:auto;min-height:0;line-height:1.3;padding:6px 12px;border:1px solid #cfe0f5;border-radius:999px;background:#f0f6ff;color:#0056b3;font-size:13px;font-weight:600}
.xdv-tv .xdv-tv-quick button:hover{background:#0056b3;color:#fff}
/* ===== v1.2: Điểm đi ⇄ Điểm đến + Khứ hồi (dán vào CUỐI file front.css) ===== */
/* trang đặt vé */
.xdv-search{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,.8fr) auto}
.xdv-od{display:flex;align-items:flex-end;gap:8px;min-width:0}
.xdv-od .xdv-f{flex:1;min-width:0}
.xdv-app .xdv-swap{flex:0 0 auto;width:40px;height:40px;margin:0 0 2px;padding:0;border-radius:50%;border:1px solid var(--xdv-line);background:#fff;color:var(--xdv-main);font-size:18px;line-height:1;cursor:pointer;transition:transform .25s,border-color .15s}
.xdv-app .xdv-swap:hover{border-color:var(--xdv-main)}
.xdv-app .xdv-swap.turn{transform:rotate(180deg)}
.xdv-rt{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#444;margin-bottom:4px;cursor:pointer;white-space:nowrap}
.xdv-app .xdv-rt input{width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:var(--xdv-main)}
.xdv-app .xdv-f-ret input[type=date]:disabled{opacity:.5;background:var(--xdv-soft);cursor:not-allowed}
.xdv-leg{display:inline-block;padding:3px 10px;border-radius:999px;background:#e8f1ff;color:#0056b3;font-size:12.5px;font-weight:700;margin-bottom:8px}
.xdv-summary .xdv-leg,.xdv-tripbar .xdv-leg{margin-bottom:2px}
@media(max-width:760px){
.xdv-search{grid-template-columns:1fr 1fr}
.xdv-search .xdv-od{grid-column:1/-1;flex-direction:column;align-items:stretch;gap:8px;position:relative}
.xdv-app .xdv-swap{position:absolute;right:52px;top:50%;margin:0;transform:translateY(-50%) rotate(90deg);z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.xdv-app .xdv-swap.turn{transform:translateY(-50%) rotate(270deg)}
}
/* ô tìm chuyến trang chủ */
.xdv-tv-row{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr) minmax(0,1.1fr) auto}
.xdv-tv-od{display:flex;align-items:flex-end;gap:8px;min-width:0}
.xdv-tv-od label{flex:1;min-width:0}
.xdv-tv .xdv-tv-swap{flex:0 0 auto;width:40px;height:40px;min-height:0;margin:0 0 4px;padding:0;border-radius:50%;border:1.5px solid #e2e6ea;background:#fff;color:#0056b3;font-size:18px;font-weight:700;line-height:1;transition:transform .25s,border-color .15s}
.xdv-tv .xdv-tv-swap:hover{background:#fff;border-color:#0056b3}
.xdv-tv .xdv-tv-swap.turn{transform:rotate(180deg)}
.xdv-tv-ret{display:flex;flex-direction:column;gap:6px;min-width:0}
.xdv-tv .xdv-tv-rt{flex-direction:row;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}
.xdv-tv .xdv-tv-rt input{width:16px;height:16px;min-height:0;padding:0;margin:0;border:0;background:none;accent-color:#f97316}
.xdv-tv .xdv-tv-ret input[type=date]:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){
.xdv-tv-od{flex-direction:column;align-items:stretch;position:relative}
.xdv-tv .xdv-tv-swap{position:absolute;right:52px;top:50%;margin:0;transform:translateY(-50%) rotate(90deg);z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.xdv-tv .xdv-tv-swap.turn{transform:translateY(-50%) rotate(270deg)}
.xdv-tv .xdv-tv-swap{width:40px}
}
/* ===== v1.3: ảnh xe rộng hơn + ảnh nội thất (popup) ===== */
.xdv-trip-img{width:150px;height:100px;object-fit:cover;border-radius:10px}
.xdv-app .xdv-gal-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:5px 12px;border:1px solid #cfe0f5;border-radius:999px;background:#f0f6ff;color:#0056b3;font-size:13px;font-weight:600;cursor:pointer;line-height:1.3}
.xdv-app .xdv-gal-btn:hover{background:#0056b3;border-color:#0056b3;color:#fff}
.xdv-app .xdv-gal-btn small{font-weight:400;opacity:.8}
.xdv-tripbar .xdv-gal-btn{margin-top:6px}
.xdv-lb{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;background:rgba(10,14,20,.94);color:#fff;font-family:inherit;-webkit-tap-highlight-color:transparent}
.xdv-lb *{box-sizing:border-box}
.xdv-lb button{font:inherit;margin:0;min-height:0;line-height:1;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer}
.xdv-lb-top{display:flex;align-items:center;gap:12px;padding:12px 16px;flex:0 0 auto}
.xdv-lb-title{flex:1;min-width:0;font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xdv-lb-count{font-size:14px;opacity:.8;font-variant-numeric:tabular-nums}
.xdv-lb .xdv-lb-x{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:18px}
.xdv-lb .xdv-lb-x:hover{background:rgba(255,255,255,.28)}
.xdv-lb-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 64px}
.xdv-lb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;user-select:none;touch-action:pan-y}
.xdv-lb .xdv-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:30px}
.xdv-lb .xdv-lb-nav:hover{background:rgba(255,255,255,.3)}
.xdv-lb-prev{left:10px}
.xdv-lb-next{right:10px}
.xdv-lb-thumbs{flex:0 0 auto;display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:12px 16px 16px}
.xdv-lb .xdv-lb-thumbs button{flex:0 0 auto;width:64px;height:48px;padding:0;border:2px solid transparent;border-radius:6px;background:none;opacity:.55;overflow:hidden}
.xdv-lb .xdv-lb-thumbs button.on{border-color:#f97316;opacity:1}
.xdv-lb-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){
.xdv-lb-stage{padding:0}
.xdv-lb .xdv-lb-nav{width:40px;height:40px;font-size:26px;background:rgba(0,0,0,.35)}
.xdv-lb-thumbs{justify-content:flex-start}
}
/* ===== v1.4: điện thoại hiện ảnh xe nhỏ bên trái ===== */
@media(max-width:760px){
.xdv-trip{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"img time" "img info" "buy buy";column-gap:12px;row-gap:2px;align-items:start}
.xdv-trip .xdv-trip-img{display:block;grid-area:img;width:96px;height:64px;border-radius:8px}
.xdv-trip .xdv-trip-time{grid-area:time;min-width:0;text-align:left;display:flex;align-items:baseline;gap:6px}
.xdv-trip .xdv-trip-time b{display:inline;font-size:20px}
.xdv-trip .xdv-trip-info{grid-area:info;min-width:0}
.xdv-trip .xdv-trip-buy{grid-area:buy;margin-top:8px}
.xdv-trip:not(:has(.xdv-trip-img)){grid-template-columns:minmax(0,1fr);grid-template-areas:"time" "info" "buy"}
}

/* v1.2.1: sửa ô tìm chuyến trang chủ trên điện thoại / tablet (bị lấp) */
@media(max-width:1024px){
.xdv-tv-card{padding:16px}
.xdv-tv-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end}
.xdv-tv-od{grid-column:1/-1;flex-direction:column;align-items:stretch;position:relative;gap:10px}
.xdv-tv-od label{width:100%}
.xdv-tv .xdv-tv-swap{position:absolute;right:44px;top:50%;margin:0;transform:translateY(-50%) rotate(90deg);z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.xdv-tv .xdv-tv-swap.turn{transform:translateY(-50%) rotate(270deg)}
.xdv-tv-ret{min-width:0}
.xdv-tv .xdv-tv-rt{white-space:nowrap;font-size:12.5px}
.xdv-tv input[type=date]{min-width:0;-webkit-appearance:none;appearance:none;text-align:left;display:block}
.xdv-tv .xdv-tv-go{grid-column:1/-1;width:100%}
.xdv-tv-quick{gap:6px}
.xdv-tv .xdv-tv-quick button{width:auto}
}
@media(max-width:360px){.xdv-tv-row{grid-template-columns:1fr}}