/* TAHAP 1 BUYER FLOW OTA FINAL */
.buyer-page{background:#eef5fb;min-height:100vh;color:#08213f}
.buyer-wrap{width:min(1320px,calc(100% - 48px));margin:0 auto}
.buyer-hero{margin:24px auto;background:linear-gradient(135deg,#0b73f6 0%,#04b6a8 100%);border-radius:30px;color:#fff;padding:30px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;box-shadow:0 22px 60px rgba(8,33,63,.16)}
.buyer-hero h1{font-size:34px;line-height:1.1;margin:0 0 8px;font-weight:1000;letter-spacing:-.04em}
.buyer-hero p{margin:0;color:rgba(255,255,255,.88);font-weight:760;line-height:1.65;max-width:780px}
.buyer-hero-badge{display:inline-flex;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:1000;letter-spacing:.04em}
.buyer-quick{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.buyer-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:15px;font-weight:950;text-decoration:none;border:1px solid transparent;cursor:pointer}
.buyer-btn-primary{background:#fff;color:#0b63ce;box-shadow:0 14px 28px rgba(0,0,0,.10)}
.buyer-btn-outline{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.buyer-section-head{margin:28px 0 16px;display:flex;justify-content:space-between;align-items:end;gap:16px}
.buyer-section-head span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eaf5ff;color:#0b6ee8;font-size:12px;font-weight:1000;letter-spacing:.04em}
.buyer-section-head h2{font-size:28px;line-height:1.14;margin:10px 0 6px;font-weight:1000;letter-spacing:-.03em}
.buyer-section-head p{margin:0;color:#64748b;font-weight:750}
.buyer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.buyer-card{background:#fff;border:1px solid #d9e8f7;border-radius:24px;padding:18px;box-shadow:0 16px 38px rgba(12,43,93,.08);display:flex;flex-direction:column;gap:12px;min-height:210px}
.buyer-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.buyer-card h3{margin:0;font-size:19px;font-weight:1000;line-height:1.25}
.buyer-card p{margin:0;color:#64748b;font-weight:760;line-height:1.55}
.buyer-price{font-size:18px;font-weight:1000;color:#00a676}
.buyer-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:1000}
.buyer-card-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.buyer-card-actions .buyer-btn{min-height:42px}
.buyer-solid{background:linear-gradient(135deg,#2196ff,#0b75ef);color:#fff;box-shadow:0 12px 24px rgba(37,99,235,.20)}
.buyer-soft{background:#f1f8ff;color:#0b63ce;border-color:#d5e9fb}
.buyer-empty{background:#fff;border:1px dashed rgba(14,165,233,.42);border-radius:22px;padding:22px;color:#0f2f52}
.buyer-empty b{display:block;margin-bottom:6px}
.buyer-table-wrap{background:#fff;border:1px solid #d9e8f7;border-radius:24px;box-shadow:0 16px 38px rgba(12,43,93,.08);overflow:auto}
.buyer-table{width:100%;border-collapse:collapse;min-width:820px}
.buyer-table th,.buyer-table td{padding:14px 16px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}
.buyer-table th{background:#f8fbff;color:#415a77;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:1000}
.buyer-table td{font-size:14px;font-weight:750;color:#173456}
.buyer-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf5ff;color:#0b63ce;font-weight:1000;font-size:12px}
.buyer-form-card{background:#fff;border:1px solid #d9e8f7;border-radius:24px;padding:22px;box-shadow:0 16px 38px rgba(12,43,93,.08)}
.buyer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.buyer-field{display:grid;gap:7px}
.buyer-field label{font-size:13px;font-weight:950;color:#223854}
.buyer-field input,.buyer-field select,.buyer-field textarea{width:100%;min-height:50px;border:1px solid #c9daf0;border-radius:14px;background:#fff;padding:0 14px;outline:0;color:#10233f;font-weight:800}
.buyer-field textarea{padding:14px;min-height:110px}
.buyer-field input:focus,.buyer-field select:focus,.buyer-field textarea:focus{border-color:#1677ff;box-shadow:0 0 0 4px rgba(22,119,255,.10)}
@media(max-width:1100px){.buyer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.buyer-hero{grid-template-columns:1fr}.buyer-quick{justify-content:flex-start}}
@media(max-width:760px){.buyer-wrap{width:calc(100% - 24px)}.buyer-hero{border-radius:24px;padding:22px;margin:18px auto}.buyer-hero h1{font-size:27px}.buyer-hero p{font-size:14px}.buyer-grid{grid-template-columns:1fr}.buyer-section-head{display:block}.buyer-form-grid{grid-template-columns:1fr}.buyer-card-actions,.buyer-quick{display:grid;grid-template-columns:1fr}.buyer-btn{width:100%}.buyer-table{min-width:760px}}

/* ORDER CENTER TRAVELOKA STYLE - FINAL PROFESSIONAL */
.buyer-orders-pro{padding-bottom:42px;background:radial-gradient(circle at top right,rgba(14,165,233,.12),transparent 34%),linear-gradient(180deg,#f7fbff 0%,#edf6ff 48%,#f8fbff 100%)}
.buyer-order-hero{position:relative;overflow:hidden;margin:24px auto 18px;padding:30px;border-radius:34px;background:linear-gradient(135deg,#0877f2 0%,#11b7d7 48%,#0bb899 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:stretch;box-shadow:0 28px 70px rgba(11,99,206,.18)}
.buyer-order-hero:before{content:"";position:absolute;inset:auto -70px -140px auto;width:430px;height:430px;border-radius:999px;background:rgba(255,255,255,.14)}
.buyer-order-hero-copy{position:relative;z-index:1}.buyer-order-hero h1{margin:0 0 10px;font-size:42px;line-height:1.03;font-weight:1000;letter-spacing:-.055em}.buyer-order-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.92);font-weight:780;line-height:1.65}.buyer-order-search{margin-top:22px;display:flex;align-items:center;gap:12px;max-width:720px;min-height:58px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:19px;padding:0 16px;box-shadow:0 18px 38px rgba(6,54,116,.15)}.buyer-order-search span{font-size:20px}.buyer-order-search input{width:100%;border:0;outline:0;background:transparent;color:#0b2545;font-weight:850;font-size:14px}.buyer-order-search input::placeholder{color:#6b7c93}.buyer-order-trip-card{position:relative;z-index:1;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:27px;padding:22px;display:flex;flex-direction:column;justify-content:end;min-height:205px;backdrop-filter:blur(10px)}.buyer-order-trip-card .plane{position:absolute;right:20px;top:16px;font-size:58px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.12));transform:rotate(-12deg)}.buyer-order-trip-card b{font-size:20px;font-weight:1000}.buyer-order-trip-card small{margin-top:8px;color:rgba(255,255,255,.9);font-weight:760;line-height:1.55}.buyer-order-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.buyer-stat-card{background:#fff;border:1px solid #dcecfb;border-radius:23px;padding:18px;box-shadow:0 16px 38px rgba(12,43,93,.07);display:grid;gap:4px}.buyer-stat-card span{width:44px;height:44px;border-radius:16px;background:#eef7ff;display:grid;place-items:center;font-size:22px}.buyer-stat-card b{font-size:24px;line-height:1.15;color:#08213f;font-weight:1000;letter-spacing:-.03em}.buyer-stat-card small{font-weight:850;color:#617188}.buyer-order-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.buyer-flow-step{position:relative;background:#fff;border:1px solid #dcecfb;border-radius:20px;padding:16px 16px 16px 62px;box-shadow:0 12px 26px rgba(12,43,93,.055)}.buyer-flow-step i{position:absolute;left:16px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8eef7;color:#6b7c93;font-style:normal;font-weight:1000}.buyer-flow-step b{display:block;font-weight:1000;color:#21324a}.buyer-flow-step small{display:block;margin-top:3px;color:#718096;font-weight:760}.buyer-flow-step.active{border-color:#bfe4ff;background:linear-gradient(180deg,#fff,#f4fbff)}.buyer-flow-step.active i{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}.buyer-order-actions-bar{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:6px auto 16px}.buyer-mini-label{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eaf5ff;color:#0b6ee8;font-size:12px;font-weight:1000;letter-spacing:.04em}.buyer-order-actions-bar h2{margin:10px 0 6px;font-size:30px;line-height:1.1;font-weight:1000;letter-spacing:-.04em}.buyer-order-actions-bar p{margin:0;color:#64748b;font-weight:760}.buyer-btn-outline.dark{color:#0b63ce;background:#fff;border-color:#d5e9fb}.buyer-toast{display:flex;gap:10px;align-items:flex-start;border-radius:18px;padding:14px 16px;margin:0 0 16px;border:1px solid;background:#fff;font-weight:780}.buyer-toast b{white-space:nowrap}.buyer-toast.success{border-color:#bbf7d0;background:#ecfdf5;color:#065f46}.buyer-toast.error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.buyer-order-grid{display:grid;grid-template-columns:1fr;gap:16px}.buyer-order-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dcecfb;border-radius:28px;padding:20px;box-shadow:0 18px 45px rgba(12,43,93,.075)}.buyer-order-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,#0ea5e9,#2563eb)}.buyer-order-card.hotel:before{background:linear-gradient(180deg,#f59e0b,#ef4444)}.buyer-order-card.tour:before{background:linear-gradient(180deg,#10b981,#06b6d4)}.buyer-order-card-top{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:start}.buyer-product-icon{width:58px;height:58px;border-radius:20px;background:#eef7ff;display:grid;place-items:center;font-size:28px}.buyer-order-title span{display:inline-flex;margin-bottom:6px;color:#0b6ee8;font-size:12px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase}.buyer-order-title h3{margin:0;font-size:22px;line-height:1.18;font-weight:1000;letter-spacing:-.025em;color:#0b2545}.buyer-order-title p{margin:7px 0 0;color:#607089;font-weight:770;line-height:1.55}.buyer-order-price{text-align:right;background:#f7fbff;border:1px solid #e0eefb;border-radius:18px;padding:12px 14px;min-width:160px}.buyer-order-price small{display:block;color:#718096;font-weight:850}.buyer-order-price b{display:block;color:#02845f;font-size:20px;font-weight:1000;letter-spacing:-.025em}.buyer-order-code-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.buyer-order-code-row>div{background:#f8fbff;border:1px solid #edf5fc;border-radius:18px;padding:12px 14px}.buyer-order-code-row small{display:block;color:#718096;font-weight:850;margin-bottom:3px}.buyer-order-code-row b{display:block;color:#0b2545;font-weight:1000}.buyer-order-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.buyer-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:1000;border:1px solid transparent}.buyer-pill.ok{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.buyer-pill.wait{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.buyer-pill.bad{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.buyer-pill.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.buyer-order-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:6px 0 16px}.buyer-order-progress span{height:8px;border-radius:99px;background:#e6edf6}.buyer-order-progress span.done{background:linear-gradient(90deg,#10b981,#0ea5e9)}.buyer-payment-box{border:1px solid #dbeafe;background:linear-gradient(180deg,#f8fbff,#fff);border-radius:22px;overflow:hidden}.buyer-payment-box summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;font-weight:1000;color:#0b2545}.buyer-payment-box summary::-webkit-details-marker{display:none}.buyer-payment-box summary b{color:#02845f}.buyer-pay-form{border-top:1px solid #e7f0fb;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.buyer-pay-form label{display:grid;gap:7px;font-weight:900;color:#263b55}.buyer-pay-form label span{font-size:12px;color:#687990}.buyer-pay-form input[type="date"],.buyer-pay-form select{width:100%;height:48px;border:1px solid #c9daf0;border-radius:14px;background:#fff;padding:0 13px;outline:0;color:#10233f;font-weight:850}.buyer-check-row{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap}.buyer-check-row label{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e7f0fb;border-radius:14px;padding:10px 12px}.buyer-pay-form .buyer-btn{grid-column:1/-1}.buyer-issued-box{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:22px;padding:15px 16px}.buyer-issued-box b{display:block;color:#047857;font-weight:1000}.buyer-issued-box span{display:block;margin-top:4px;color:#42635b;font-weight:760}.buyer-empty-pro{text-align:center;padding:46px 24px;border-style:solid;background:linear-gradient(180deg,#fff,#f8fbff)}.buyer-empty-pro .empty-illustration{width:86px;height:86px;margin:0 auto 15px;border-radius:30px;background:#eef7ff;display:grid;place-items:center;font-size:42px}.buyer-empty-pro h3{margin:0 0 8px;font-size:28px;font-weight:1000;letter-spacing:-.035em}.buyer-empty-pro p{max-width:680px;margin:0 auto 18px;color:#607089;font-weight:760;line-height:1.65}.buyer-empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
@media(max-width:1180px){.buyer-order-hero{grid-template-columns:1fr}.buyer-order-trip-card{min-height:150px}.buyer-order-stats,.buyer-order-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.buyer-order-actions-bar{display:grid}.buyer-order-tabs{justify-content:flex-start}.buyer-order-card-top{grid-template-columns:58px 1fr}.buyer-order-price{grid-column:1/-1;text-align:left}.buyer-order-price b{display:inline-block;margin-left:8px}}
@media(max-width:760px){.buyer-order-hero{padding:22px;border-radius:26px;margin-top:16px}.buyer-order-hero h1{font-size:32px}.buyer-order-search{min-height:54px;border-radius:17px}.buyer-order-stats,.buyer-order-flow{grid-template-columns:1fr}.buyer-order-card{border-radius:24px;padding:17px}.buyer-order-card-top{grid-template-columns:48px 1fr;gap:12px}.buyer-product-icon{width:48px;height:48px;border-radius:17px;font-size:24px}.buyer-order-title h3{font-size:19px}.buyer-order-code-row,.buyer-pay-form{grid-template-columns:1fr}.buyer-payment-box summary,.buyer-issued-box{display:grid}.buyer-order-tabs{display:grid;grid-template-columns:1fr}.buyer-empty-actions{display:grid}.buyer-empty-actions .buyer-btn{width:100%}}

/* ONLINE CHECK-IN + BOARDING PASS REALISTIC OTA STYLE */
.ota-checkin-pro,.gate-page-real{padding-bottom:42px;background:radial-gradient(circle at top right,rgba(14,165,233,.13),transparent 34%),linear-gradient(180deg,#f7fbff 0%,#edf6ff 48%,#f8fbff 100%)}
.ota-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:1000;letter-spacing:.06em}.ota-kicker.blue{background:#eaf5ff;color:#0b6ee8;border-color:#cfe8ff}.ota-kicker.green{background:#ecfdf5;color:#047857;border-color:#bbf7d0}
.ota-checkin-hero,.gate-hero{position:relative;overflow:hidden;margin:24px auto 18px;padding:32px;border-radius:34px;background:linear-gradient(135deg,#0877f2 0%,#0ea5e9 48%,#0bb899 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:stretch;box-shadow:0 28px 70px rgba(11,99,206,.18)}
.ota-checkin-hero h1,.gate-hero h1{margin:12px 0 10px;font-size:42px;line-height:1.03;font-weight:1000;letter-spacing:-.055em}.ota-checkin-hero p,.gate-hero p{margin:0;max-width:850px;color:rgba(255,255,255,.92);font-weight:780;line-height:1.65}
.ota-checkin-search{margin-top:22px;display:flex;align-items:center;gap:12px;max-width:760px;min-height:58px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:19px;padding:0 16px;box-shadow:0 18px 38px rgba(6,54,116,.15)}.ota-checkin-search input{width:100%;border:0;outline:0;background:transparent;color:#0b2545;font-weight:850;font-size:14px}.ota-checkin-search input::placeholder{color:#6b7c93}
.ota-boarding-preview,.gate-screen{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:28px;padding:22px;backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.bp-top{display:flex;justify-content:space-between;gap:12px}.bp-top b,.bp-top span{font-weight:1000}.bp-route{display:flex;align-items:center;justify-content:space-between;gap:14px}.bp-route strong{font-size:44px;letter-spacing:-.05em}.bp-route i{font-size:34px;transform:rotate(10deg)}.ota-boarding-preview small{font-weight:850;color:rgba(255,255,255,.9)}.bp-barcode,.stub-barcode{height:44px;border-radius:8px;background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 6px,#fff 6px 8px,transparent 8px 13px);opacity:.88}.ota-boarding-preview em{font-style:normal;font-weight:1000;letter-spacing:.08em}
.ota-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ota-stats-row>div{background:#fff;border:1px solid #dcecfb;border-radius:23px;padding:18px;box-shadow:0 16px 38px rgba(12,43,93,.07);display:grid;gap:4px}.ota-stats-row span{width:44px;height:44px;border-radius:16px;background:#eef7ff;display:grid;place-items:center;font-size:22px}.ota-stats-row b{font-size:25px;line-height:1.15;color:#08213f;font-weight:1000;letter-spacing:-.03em}.ota-stats-row small{font-weight:850;color:#617188}
.ota-process-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.ota-process-line>div{position:relative;background:#fff;border:1px solid #dcecfb;border-radius:20px;padding:16px 16px 16px 62px;box-shadow:0 12px 26px rgba(12,43,93,.055)}.ota-process-line i{position:absolute;left:16px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8eef7;color:#6b7c93;font-style:normal;font-weight:1000}.ota-process-line b{display:block;font-weight:1000;color:#21324a}.ota-process-line small{display:block;margin-top:3px;color:#718096;font-weight:760}.ota-process-line .active{border-color:#bfe4ff;background:linear-gradient(180deg,#fff,#f4fbff)}.ota-process-line .active i{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}
.ota-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:18px;margin-bottom:18px}.ota-panel{background:#fff;border:1px solid #dcecfb;border-radius:28px;padding:22px;box-shadow:0 18px 45px rgba(12,43,93,.075);margin-bottom:18px}.ota-panel-head h2{margin:10px 0 6px;font-size:28px;line-height:1.1;font-weight:1000;letter-spacing:-.035em;color:#08213f}.ota-panel-head p{margin:0;color:#64748b;font-weight:760;line-height:1.6}.flex-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.ota-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ota-form-grid label{display:grid;gap:7px;font-weight:950;color:#223854}.ota-form-grid label span{font-size:13px}.ota-form-grid input,.ota-form-grid select{width:100%;min-height:52px;border:1px solid #c9daf0;border-radius:15px;background:#fff;padding:0 14px;outline:0;color:#10233f;font-weight:850}.ota-form-grid input:focus,.ota-form-grid select:focus{border-color:#1677ff;box-shadow:0 0 0 4px rgba(22,119,255,.10)}.ota-form-note{grid-column:1/-1;background:#f8fbff;border:1px solid #e1edf8;border-radius:17px;padding:13px 15px;color:#53657c;font-weight:760;line-height:1.55}.ota-form-grid .buyer-btn{grid-column:1/-1}.ota-help-list{display:grid;gap:12px;margin-top:16px}.ota-help-list div{background:#f8fbff;border:1px solid #e1edf8;border-radius:18px;padding:14px 15px}.ota-help-list b{display:block;color:#0b2545;font-weight:1000}.ota-help-list small{display:block;margin-top:4px;color:#64748b;font-weight:760;line-height:1.45}
.ota-ticket-list{display:grid;gap:14px}.ota-ticket-card{display:grid;grid-template-columns:minmax(0,1.3fr) 230px;gap:16px;background:linear-gradient(180deg,#fff,#f9fcff);border:1px solid #e1edf8;border-radius:24px;padding:18px}.ticket-main{display:flex;gap:14px;align-items:flex-start}.air-logo{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;display:grid;place-items:center;font-weight:1000}.ticket-main h3{margin:8px 0 5px;font-size:21px;line-height:1.18;font-weight:1000;color:#0b2545}.ticket-main p{margin:0;color:#64748b;font-weight:780}.route-box{background:#f1f8ff;border:1px solid #d5e9fb;border-radius:18px;padding:13px;text-align:center;display:grid;align-content:center}.route-box strong{font-size:28px;letter-spacing:-.04em;color:#0b2545}.route-box span{color:#0b6ee8;font-weight:1000}.route-box small{color:#64748b;font-weight:750}.ticket-meta{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.ticket-meta span{display:inline-flex;padding:8px 10px;border-radius:999px;background:#f8fbff;border:1px solid #e6f0fb;color:#465b75;font-size:12px;font-weight:900}.ticket-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.ota-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.history-card{background:#fff;border:1px solid #e1edf8;border-radius:22px;padding:16px}.history-card b{font-weight:1000;color:#0b2545}.history-card small{display:block;margin-top:3px;color:#64748b;font-weight:760}.history-route{display:flex;justify-content:center;gap:16px;align-items:center;margin:12px 0;font-size:24px}.score-note{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;padding:10px;margin:12px 0 0;color:#047857;font-weight:850}
.boarding-page-real{background:#f4f8fc;padding:24px;border-radius:26px}.real-bp-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;background:#fff;border:1px solid #cfe0f1;border-radius:28px;overflow:hidden;box-shadow:0 20px 54px rgba(12,43,93,.11);max-width:1120px;margin:0 auto}.real-bp-main{padding:28px 30px}.real-bp-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px dashed #b8cbe0;padding-bottom:18px}.real-bp-head span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#0b75ef;color:#fff;font-weight:1000;margin-right:10px}.real-bp-head b{font-size:20px}.real-bp-head strong{font-size:26px;letter-spacing:.08em;color:#0b2545}.real-bp-route{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:26px 0}.real-bp-route small,.real-bp-name small,.real-bp-grid small{display:block;color:#718096;font-size:11px;font-weight:1000;letter-spacing:.08em}.real-bp-route b{font-size:58px;line-height:1;color:#08213f;letter-spacing:-.06em}.real-bp-route span{display:block;margin-top:4px;color:#64748b;font-weight:850}.real-bp-route i{font-size:42px;color:#0b75ef}.real-bp-name{border:1px solid #e1edf8;border-radius:18px;padding:14px 16px;margin-bottom:16px}.real-bp-name b{font-size:24px;color:#08213f}.real-bp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.real-bp-grid>div{background:#f8fbff;border:1px solid #e6f0fb;border-radius:16px;padding:12px}.real-bp-grid b{display:block;margin-top:4px;color:#0b2545;font-size:19px}.real-bp-airports{background:#f8fbff;border-radius:16px;padding:12px 14px;margin:16px 0;color:#53657c;font-weight:760}.real-bp-airports p{margin:3px 0}.real-bp-barcode span{display:block;height:52px;border-radius:8px;background:repeating-linear-gradient(90deg,#0b2545 0 3px,transparent 3px 6px,#0b2545 6px 9px,transparent 9px 14px)}.real-bp-barcode b{display:block;text-align:center;margin-top:8px;letter-spacing:.1em}.bp-disclaimer{font-size:12px;color:#718096;font-weight:750;line-height:1.55}.real-bp-stub{position:relative;border-left:2px dashed #b8cbe0;background:#f8fbff;padding:24px}.real-bp-stub>div:first-child span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#0b75ef;color:#fff;font-weight:1000}.real-bp-stub>div:first-child b{display:block;margin-top:10px;color:#0b2545}.stub-route{display:flex!important;justify-content:space-between;align-items:center;margin:24px 0}.stub-route strong{font-size:34px;color:#08213f}.real-bp-stub p{font-weight:1000;color:#0b2545}.real-bp-stub dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.real-bp-stub dt{font-size:11px;color:#718096;font-weight:1000}.real-bp-stub dd{margin:0;font-weight:1000;color:#0b2545}.real-bp-stub em{display:block;text-align:center;margin-top:10px;font-style:normal;font-weight:1000;letter-spacing:.08em}
.gate-screen{align-items:center;text-align:center}.gate-screen b{font-size:40px}.gate-screen strong{font-size:30px}.gate-search-form{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:end}.gate-search-form label{display:grid;gap:7px;font-weight:950}.gate-search-form input{min-height:56px;border:1px solid #c9daf0;border-radius:16px;padding:0 16px;font-weight:900}.gate-result-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.gate-passenger-card{position:relative}.gate-status{position:absolute;right:18px;top:18px;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000}.gate-status.ok{background:#ecfdf5;color:#047857}.gate-status.info{background:#eff6ff;color:#1d4ed8}.gate-passenger-card h2{font-size:30px;margin:0 0 5px}.gate-passenger-card p{color:#64748b;font-weight:760}.gate-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.gate-info-grid>div{background:#f8fbff;border:1px solid #e6f0fb;border-radius:16px;padding:12px}.gate-info-grid small{display:block;color:#718096;font-weight:950}.gate-info-grid b{font-weight:1000;color:#0b2545}.boarding-validation{border-radius:16px;padding:13px 14px;font-weight:850;margin-bottom:14px}.boarding-validation.ok{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.boarding-validation.bad{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.gate-action-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.real-gate-card{background:linear-gradient(135deg,#0b75ef,#0bb899);border-radius:28px;color:#fff;padding:24px;display:grid;align-content:end;min-height:330px;box-shadow:0 18px 45px rgba(12,43,93,.13)}.gate-plane{font-size:72px;justify-self:end;filter:drop-shadow(0 12px 22px rgba(0,0,0,.12));transform:rotate(-12deg)}.real-gate-card b{font-size:34px}.real-gate-card span{font-size:23px;font-weight:1000}.real-gate-card small{font-weight:850;color:rgba(255,255,255,.88)}.real-gate-card em{font-style:normal;font-weight:1000;letter-spacing:.08em}.gate-recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gate-recent-list a{text-decoration:none;background:#f8fbff;border:1px solid #e1edf8;border-radius:18px;padding:14px;color:#0b2545}.gate-recent-list b,.gate-recent-list span,.gate-recent-list small{display:block}.gate-recent-list span{margin-top:4px;color:#0b6ee8;font-weight:900}.gate-recent-list small{margin-top:5px;color:#64748b;font-weight:760}
@media print{body *{visibility:hidden!important}#boardingPassPrint,#boardingPassPrint *{visibility:visible!important}#boardingPassPrint{position:absolute;left:0;top:0;width:100%;background:#fff!important;padding:0!important}.real-bp-shell{box-shadow:none!important;break-inside:avoid}.card.actions,.app-sidebar,.topbar,.navbar{display:none!important}}
@media(max-width:1180px){.ota-checkin-hero,.gate-hero,.ota-two-col,.gate-result-grid{grid-template-columns:1fr}.ota-stats-row,.ota-process-line{grid-template-columns:repeat(2,minmax(0,1fr))}.real-bp-shell{grid-template-columns:1fr}.real-bp-stub{border-left:0;border-top:2px dashed #b8cbe0}.gate-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ota-checkin-hero,.gate-hero{padding:22px;border-radius:26px;margin-top:16px}.ota-checkin-hero h1,.gate-hero h1{font-size:31px}.ota-stats-row,.ota-process-line,.ota-form-grid,.ota-history-grid,.gate-info-grid,.gate-recent-list{grid-template-columns:1fr}.ota-ticket-card{grid-template-columns:1fr}.ticket-actions,.gate-action-buttons{display:grid}.ticket-actions .buyer-btn,.gate-action-buttons .buyer-btn{width:100%}.route-box{text-align:left}.gate-search-form{grid-template-columns:1fr}.real-bp-main{padding:20px}.real-bp-route b{font-size:42px}.real-bp-head,.flex-head{display:grid}.real-bp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V11 - Email simulasi OTA / Traveloka style */
.sim-mail-page{padding-bottom:32px}.sim-mail-hero{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:stretch;margin:18px auto 22px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#0b76f6,#05bfa8);color:#fff;box-shadow:0 24px 70px rgba(15,83,176,.18)}.sim-mail-hero span{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-weight:900;font-size:12px;letter-spacing:.04em}.sim-mail-hero h1{margin:14px 0 8px;font-size:clamp(28px,4vw,48px);line-height:1.02}.sim-mail-hero p{max-width:760px;color:rgba(255,255,255,.9);font-weight:700}.sim-mail-account-card{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:24px;padding:20px;backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;gap:8px}.sim-mail-account-card small{font-weight:800;color:rgba(255,255,255,.8)}.sim-mail-account-card b{font-size:24px;word-break:break-all}.sim-mail-account-card span,.sim-mail-account-card em{font-style:normal;color:rgba(255,255,255,.86);font-weight:800}.sim-mail-card{background:#fff;border:1px solid rgba(31,128,236,.12);border-radius:24px;padding:22px;margin:18px 0;box-shadow:0 18px 50px rgba(15,61,115,.08)}.sim-mail-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.sim-mail-form label{font-weight:900;color:#082247}.sim-mail-form input{margin-top:8px;width:100%;height:50px;border:1px solid #cfe2ff;border-radius:16px;padding:0 14px;font-weight:800;background:#f7fbff}.sim-mail-list{display:grid;gap:12px}.sim-mail-item{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:16px;border:1px solid #d9eaff;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff)}.sim-mail-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#e8f4ff;font-size:24px}.sim-mail-top{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.sim-mail-body small{display:block;margin-top:4px;color:#56708f;font-weight:800}.sim-mail-body details{margin-top:10px}.sim-mail-body summary{cursor:pointer;font-weight:900;color:#096bdc}.sim-mail-body pre{white-space:pre-wrap;background:#061d3b;color:#e8f4ff;border-radius:14px;padding:14px;overflow:auto}.sim-mail-admin-card .form-grid select,.sim-mail-admin-card .form-grid input,.sim-mail-admin-card .form-grid textarea{border-radius:14px;border:1px solid #d7e7fb;background:#f8fbff}.notif-head-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media(max-width:900px){.sim-mail-hero{grid-template-columns:1fr;padding:22px;border-radius:22px}.sim-mail-form{grid-template-columns:1fr}.sim-mail-top{display:block}.sim-mail-item{grid-template-columns:46px 1fr}.sim-mail-avatar{width:46px;height:46px}}


/* V13 - Boarding pass page + camera barcode scanner */
.code39-svg{display:block;width:100%;height:100%;fill:#071d36;shape-rendering:crispEdges;background:#fff;border-radius:8px}
.real-bp-barcode,.stub-barcode,.scanner-barcode-preview{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:10px;overflow:hidden}
.real-bp-barcode{margin-top:16px}.real-bp-barcode .code39-svg{height:62px}.real-bp-barcode small{display:block;text-align:center;margin-top:5px;color:#64748b;font-weight:850}.stub-barcode .code39-svg{height:42px}.boarding-pass-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.boarding-scanner-page{padding-bottom:42px;background:radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 34%),linear-gradient(180deg,#f7fbff 0%,#edf6ff 48%,#f8fbff 100%)}
.scanner-hero{display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:22px;align-items:stretch;background:linear-gradient(135deg,#06264d 0%,#0b78f2 54%,#06b6a2 100%);border-radius:28px;color:#fff;padding:28px;margin-bottom:22px;box-shadow:0 24px 70px rgba(12,43,93,.18);overflow:hidden;position:relative}.scanner-hero:after{content:'▥';position:absolute;right:36px;top:4px;font-size:160px;opacity:.12;transform:rotate(-8deg)}.scanner-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.02;margin:8px 0 10px;letter-spacing:-.05em}.scanner-hero p{max-width:780px;line-height:1.65;font-weight:820;color:rgba(255,255,255,.88)}.scanner-status-card{position:relative;z-index:1;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.14);border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:center;backdrop-filter:blur(12px)}.scanner-status-card b{font-size:13px;letter-spacing:.1em}.scanner-status-card strong{font-size:32px;letter-spacing:-.03em}.scanner-status-card small{font-weight:850;color:rgba(255,255,255,.82);line-height:1.5}.scanner-layout{display:grid;grid-template-columns:minmax(0,1.25fr) 390px;gap:20px;align-items:start}.scanner-camera-card,.scanner-manual-card,.scanner-result-card,.scanner-recent-panel{border-radius:26px}.scanner-camera-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.scanner-camera-head h2,.scanner-manual-card h2,.scanner-result-card h2{margin:6px 0;color:#0b2545}.scanner-camera-head p{color:#64748b;font-weight:800;line-height:1.5}.scanner-live-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;background:#fee2e2;color:#b91c1c;font-weight:1000;font-size:12px}.scanner-live-dot.on{background:#dcfce7;color:#047857}.scanner-video-box{position:relative;background:#061a32;border-radius:24px;min-height:360px;overflow:hidden;border:1px solid #bfdbfe;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.scanner-video-box video{display:block;width:100%;height:360px;object-fit:cover;background:#061a32}.scanner-frame{position:absolute;inset:38px;border:2px solid rgba(255,255,255,.75);border-radius:22px;box-shadow:0 0 0 999px rgba(0,0,0,.26)}.scanner-frame:after{content:'';position:absolute;left:18px;right:18px;top:50%;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#22c55e,transparent);box-shadow:0 0 18px #22c55e;animation:scannerLine 1.6s infinite ease-in-out}.scanner-frame span{position:absolute;width:34px;height:34px;border-color:#22c55e}.scanner-frame span:nth-child(1){left:-2px;top:-2px;border-left:5px solid;border-top:5px solid;border-radius:16px 0 0 0}.scanner-frame span:nth-child(2){right:-2px;top:-2px;border-right:5px solid;border-top:5px solid;border-radius:0 16px 0 0}.scanner-frame span:nth-child(3){left:-2px;bottom:-2px;border-left:5px solid;border-bottom:5px solid;border-radius:0 0 0 16px}.scanner-frame span:nth-child(4){right:-2px;bottom:-2px;border-right:5px solid;border-bottom:5px solid;border-radius:0 0 16px 0}@keyframes scannerLine{0%,100%{transform:translateY(-80px)}50%{transform:translateY(80px)}}.scanner-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.scanner-help{margin-top:12px;background:#eff6ff;border:1px dashed #93c5fd;color:#1e3a8a;border-radius:16px;padding:12px;font-weight:820;line-height:1.55}.scanner-help.bad{background:#fff7ed;border-color:#fdba74;color:#9a3412}.scanner-manual-form{display:grid;gap:12px}.scanner-manual-form label span{display:block;font-weight:950;color:#0b2545;margin-bottom:8px}.scanner-manual-form input{width:100%;height:52px;border-radius:16px;border:1px solid #cfe0f1;background:#f8fbff;padding:0 14px;font-weight:950;color:#0b2545}.scanner-result-card{margin-top:20px}.scanner-result-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.scanner-result-top p{color:#64748b;font-weight:850}.scanner-valid-badge{border-radius:999px;padding:10px 14px;font-weight:1000}.scanner-valid-badge.ok{background:#dcfce7;color:#047857}.scanner-valid-badge.bad{background:#fee2e2;color:#b91c1c}.scanner-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.scanner-result-grid>div{background:#f8fbff;border:1px solid #e6f0fb;border-radius:16px;padding:12px}.scanner-result-grid small{display:block;color:#64748b;font-weight:1000;font-size:11px;letter-spacing:.08em}.scanner-result-grid b{display:block;margin-top:4px;color:#0b2545;font-size:18px;word-break:break-word}.scanner-barcode-preview{margin:14px 0}.scanner-barcode-preview .code39-svg{height:54px}.scanner-barcode-preview strong{display:block;text-align:center;letter-spacing:.1em;margin-top:8px;color:#0b2545}.scanner-action-buttons{margin-top:14px}.scanner-recent-panel{margin-top:20px}.scanner-recent-list a{border:1px solid #e6f0fb;background:#fff;border-radius:18px}
@media(max-width:1100px){.scanner-hero,.scanner-layout{grid-template-columns:1fr}.scanner-status-card{min-height:150px}.scanner-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.scanner-hero{padding:20px;border-radius:22px}.scanner-video-box,.scanner-video-box video{min-height:300px;height:300px}.scanner-frame{inset:26px}.scanner-result-top{flex-direction:column}.scanner-result-grid{grid-template-columns:1fr}.scanner-toolbar .buyer-btn,.scanner-action-buttons .buyer-btn{width:100%;justify-content:center}.real-bp-barcode .code39-svg{height:46px}}
@media print{.boarding-pass-actions,.topbar,.sidebar,.scanner-hero,.scanner-layout,.scanner-recent-panel{display:none!important}.main{margin:0!important;width:100%!important}.boarding-page-real{background:#fff!important;padding:0!important}.real-bp-shell{box-shadow:none!important;max-width:100%!important}}