/* Rate-block-only boarding pass. Every selector stays inside #xc-live-rates. */
#xc-live-rates{--xbp-ink:#1b1a1f;--xbp-muted:#6f6a73;--xbp-paper:#fffdf8;--xbp-line:#e6dfd6;--xbp-brand:#a5003c;--xbp-dark:#6e0028;--xbp-band:#f6efe6;--xbp-notch:#110c10;background:var(--xbp-paper);color:var(--xbp-ink);font-family:Prompt,'Noto Sans Thai',sans-serif;font-size:16px;line-height:1.6;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px #0003;color-scheme:light}
#xc-live-rates *,#xc-live-rates *::before,#xc-live-rates *::after{box-sizing:border-box}
#xc-live-rates [hidden]{display:none!important}
#xc-live-rates small{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--xbp-muted);text-transform:uppercase}
#xc-live-rates p{color:var(--xbp-ink)}
#xc-live-rates .xbp-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;background:linear-gradient(120deg,var(--xbp-brand),var(--xbp-dark));color:#fff}
#xc-live-rates .xbp-head strong{display:block;font-family:Jost,sans-serif;font-size:34px;letter-spacing:-.02em;line-height:1;font-weight:700}
#xc-live-rates .xbp-head small{color:#ffd5e3;margin-top:8px}
#xc-live-rates .xbp-clock{text-align:right;flex:0 0 210px}
#xc-live-rates .xbp-clock span{display:block;font-family:Jost,sans-serif;font-size:34px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
#xc-live-rates .xbp-clock small{letter-spacing:.04em;text-transform:none;font-size:13px}
#xc-live-rates .xbp-route{display:grid;grid-template-columns:1fr auto 1fr 1.3fr 1.7fr;gap:18px;align-items:center;padding:22px 32px 10px}
#xc-live-rates .xbp-route b{display:block;font-family:Jost,Prompt,sans-serif;font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.01em;margin-top:4px}
#xc-live-rates .xbp-route span{display:block;font-size:13px;color:var(--xbp-muted)}
#xc-live-rates .xbp-plane{color:var(--xbp-brand);transform:rotate(7deg);display:grid;place-items:center}
#xc-live-rates .xbp-state b{font-size:17px;line-height:1.5;font-family:Prompt,sans-serif;font-weight:600}
#xc-live-rates.is-off .xbp-state b{color:#a5003c}
#xc-live-rates .xbp-tear{position:relative;height:28px}
#xc-live-rates .xbp-tear::before{content:'';position:absolute;left:30px;right:30px;top:13px;border-top:2px dashed #d8cfc4}
#xc-live-rates .xbp-tear::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0 50%,var(--xbp-notch) 13px,transparent 14px),radial-gradient(circle at 100% 50%,var(--xbp-notch) 13px,transparent 14px)}
#xc-live-rates .xbp-body{padding:8px 32px 18px}
#xc-live-rates .xbp-body h3{font-family:Prompt,sans-serif;font-size:30px;font-weight:600;line-height:1.4;margin:4px 0 10px;color:var(--xbp-dark);letter-spacing:-.02em}
#xc-live-rates .xbp-body>p{line-height:1.75;margin:0 0 16px}
#xc-live-rates .xbp-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin:6px 0 12px}
#xc-live-rates .xbp-controls label{display:block;font-size:13px;color:var(--xbp-muted);min-width:0}
#xc-live-rates select{display:block;width:100%;min-width:0;min-height:44px;margin-top:4px;padding:8px 10px;border:1px solid #cabcc2;border-radius:10px;background:#fff;font:inherit;color:var(--xbp-ink);color-scheme:light}
#xc-live-rates .xbp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:999px;border:1px solid var(--xbp-dark);background:#fff;color:var(--xbp-dark);font:inherit;font-weight:500;cursor:pointer}
#xc-live-rates .xbp-btn:disabled{opacity:.55;cursor:wait}
#xc-live-rates :focus-visible{outline:3px solid #d32868;outline-offset:3px}
#xc-live-rates .xbp-rates{width:100%;border-collapse:collapse;table-layout:fixed}
#xc-live-rates .xbp-rates th{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--xbp-muted);text-align:right;padding:8px 12px;border-bottom:1px solid var(--xbp-line);width:24%}
#xc-live-rates .xbp-rates th:first-child{width:52%;text-align:left}
#xc-live-rates .xbp-rates tbody th{font-weight:600;letter-spacing:normal;text-transform:none;padding:12px;color:var(--xbp-ink)}
#xc-live-rates .xbp-rates td{padding:12px;border-bottom:1px solid var(--xbp-line);text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:18px;white-space:nowrap}
#xc-live-rates .xbp-rates td:nth-child(3){color:var(--xbp-brand)}
#xc-live-rates .xbp-rates td:nth-child(2),#xc-live-rates .xbp-rates thead th:nth-child(2){background:var(--xbp-band)}
#xc-live-rates .xbp-rates tr:last-child td,#xc-live-rates .xbp-rates tr:last-child th{border-bottom:0}
#xc-live-rates .xbp-cur{display:flex;align-items:center;gap:12px;text-align:left;min-width:0}
#xc-live-rates .xbp-cur img{width:36px;height:27px;border-radius:4px;box-shadow:0 0 0 1px #0002;object-fit:cover;flex:none}
#xc-live-rates .xbp-code{min-width:0}
#xc-live-rates .xbp-code b{display:block;font-family:Jost,sans-serif;font-size:19px;font-weight:700;letter-spacing:.02em}
#xc-live-rates .xbp-code small{display:block;font-size:12px;font-weight:400;color:var(--xbp-muted);text-transform:none;letter-spacing:0}
#xc-live-rates .xbp-top{margin-left:auto;flex:none;font-size:10px;font-weight:600;color:#fff;background:var(--xbp-brand);border-radius:999px;padding:3px 8px;white-space:nowrap}
#xc-live-rates .xbp-rates .xbp-ask{white-space:normal;font-family:inherit;font-weight:400;font-size:13px;color:var(--xbp-muted);background:none}
#xc-live-rates .xbp-status{border-radius:12px;padding:12px 14px;background:#fde0e8;color:#8a0f30;margin:10px 0;font-size:14px}
#xc-live-rates .xbp-stub{display:grid;grid-template-columns:1fr auto 120px;gap:20px;align-items:center;padding:4px 32px 24px}
#xc-live-rates .xbp-stub strong{font-size:14px;font-style:italic;color:var(--xbp-brand)}
#xc-live-rates .xbp-stub p{margin:4px 0 0;font-size:12px;line-height:1.65;color:var(--xbp-muted)}
#xc-live-rates .xbp-meta{text-align:right;max-width:180px;overflow-wrap:anywhere}
#xc-live-rates .xbp-meta span{display:block;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
#xc-live-rates .xbp-barcode{height:58px;background:repeating-linear-gradient(90deg,var(--xbp-ink) 0 3px,transparent 3px 6px,var(--xbp-ink) 6px 7px,transparent 7px 11px,var(--xbp-ink) 11px 15px,transparent 15px 17px)}
#xc-live-rates .xbp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
 #xc-live-rates .xbp-head{padding:18px 18px;align-items:start;gap:14px}
 #xc-live-rates .xbp-head strong{font-size:26px}
 #xc-live-rates .xbp-head>div:first-child{min-width:0;flex:1}
 #xc-live-rates .xbp-clock{flex:0 0 122px}
 #xc-live-rates .xbp-clock span{font-size:25px}
 #xc-live-rates .xbp-clock small{font-size:12px}
 #xc-live-rates .xbp-head small{font-size:10px;letter-spacing:.09em}
 #xc-live-rates .xbp-route{grid-template-columns:1fr auto 1fr;padding:16px 18px 6px;gap:14px}
 #xc-live-rates .xbp-route>div:nth-child(n+4){grid-column:1/-1}
 #xc-live-rates .xbp-route b{font-size:23px}
 #xc-live-rates .xbp-route .xbp-state b{font-size:17px}
 #xc-live-rates .xbp-body{padding:6px 18px 14px}
 #xc-live-rates .xbp-body h3{font-size:24px}
 #xc-live-rates .xbp-body>p{font-size:15px}
 #xc-live-rates .xbp-controls{grid-template-columns:1fr 1fr;gap:12px}
 #xc-live-rates .xbp-controls .xbp-btn{grid-column:1/-1}
 #xc-live-rates select{font-size:12px;padding:8px 6px}
 #xc-live-rates .xbp-rates td{font-size:16px;padding:10px 6px}
 #xc-live-rates .xbp-rates th,#xc-live-rates .xbp-rates tbody th{padding:10px 6px;font-size:10px}
 #xc-live-rates .xbp-cur{gap:8px}
 #xc-live-rates .xbp-cur img{width:32px;height:24px}
 #xc-live-rates .xbp-code b{font-size:17px}
 #xc-live-rates .xbp-code small{display:none}
 #xc-live-rates .xbp-top{font-size:9px;padding:3px 6px}
 #xc-live-rates .xbp-stub{grid-template-columns:1fr;padding:4px 18px 20px;gap:14px}
 #xc-live-rates .xbp-meta{text-align:left;max-width:none}
 #xc-live-rates .xbp-barcode{height:44px}
}
@media(max-width:370px){#xc-live-rates .xbp-head strong{font-size:23px}#xc-live-rates .xbp-clock{flex-basis:110px}#xc-live-rates .xbp-cur{gap:5px}#xc-live-rates .xbp-cur img{width:24px;height:18px}#xc-live-rates .xbp-code b{font-size:15px}#xc-live-rates .xbp-top{font-size:8px;padding:2px 4px}#xc-live-rates .xbp-rates td{font-size:14px}#xc-live-rates .xbp-body h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){#xc-live-rates *,#xc-live-rates *::before,#xc-live-rates *::after{animation:none!important;transition:none!important}}
@media print{#xc-live-rates{box-shadow:none;border:1px solid #bbb;overflow:visible;print-color-adjust:exact}#xc-live-rates .xbp-controls{display:none}#xc-live-rates .xbp-tear::after{display:none}#xc-live-rates .xbp-rates tr{break-inside:avoid}#xc-live-rates .xbp-stub{display:block}#xc-live-rates .xbp-barcode{display:none}}