/* MyBus canonical seat plan v327. Geometry follows saved x/y positions and rotates responsively. */

.mybus-canonical-seat-host-v327{container-type:inline-size;display:block!important;min-width:0!important;min-height:260px!important;padding:10px!important;overflow:auto!important;background:#f8fbf9!important;scrollbar-width:thin;scrollbar-color:#8fa9a0 transparent}

.mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327{position:relative;display:grid;grid-template-rows:70px auto 24px;align-items:center;width:min(100%,274px);min-width:232px;min-height:calc(var(--seat-columns) * 39px + 104px);margin:0 auto;padding:10px 15px 12px;border:2px solid #b9cbc4;border-radius:70px 70px 28px 28px;background:linear-gradient(90deg,#fff,#f7faf8 55%,#fff);box-shadow:inset 0 0 0 5px #fff,0 10px 30px #123c3012;overflow:hidden}

.mybus-canonical-seat-host-v327 .mybus-canonical-front-v327{display:flex;align-items:center;justify-content:space-between;align-self:stretch;padding:5px 15px 9px;border-bottom:1px solid #d8e5df;color:#789087;font-size:9px;font-weight:900;letter-spacing:.12em}

.mybus-canonical-seat-host-v327 .mybus-canonical-wheel-v327{position:relative;width:38px;height:38px;border:3px double #9eb0aa;border-radius:50%;background:radial-gradient(circle,#fff 0 27%,#9eb0aa 29% 34%,transparent 36%)}

.mybus-canonical-seat-host-v327 .mybus-canonical-wheel-v327:before,.mybus-canonical-seat-host-v327 .mybus-canonical-wheel-v327:after{content:"";position:absolute;left:50%;top:50%;width:29px;height:2px;background:#a7b7b1;transform:translate(-50%,-50%) rotate(35deg)}

.mybus-canonical-seat-host-v327 .mybus-canonical-wheel-v327:after{transform:translate(-50%,-50%) rotate(-35deg)}

.mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327{position:relative;display:grid;grid-template-columns:repeat(5,36px);grid-template-rows:repeat(var(--seat-columns),34px);gap:5px 6px;align-content:start;justify-content:center;padding:12px 5px;isolation:isolate}

.mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327:before{content:"";position:absolute;z-index:-1;left:39%;top:0;bottom:0;width:22%;border-radius:8px;background:linear-gradient(90deg,#edf6f2,#e4f0eb,#edf6f2)}

.mybus-canonical-seat-host-v327 .mybus-canonical-slot-v327{grid-column:calc(6 - var(--seat-y));grid-row:var(--seat-x);display:grid;place-items:center;min-width:0;animation:mybus-seat-arrive-v327 .42s both;animation-delay:var(--seat-delay)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327{--seat-fill:#fff;--seat-edge:#c7d3cf;position:relative!important;display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;overflow:visible!important;border:1px solid var(--seat-edge)!important;border-radius:8px 8px 6px 6px!important;background:var(--seat-fill)!important;color:#385149!important;box-shadow:0 2px 5px #173b2f13,inset 0 1px #fff!important;visibility:visible!important;opacity:1!important;font:750 10px/1 system-ui!important;transform:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;isolation:isolate}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:before{content:"";position:absolute;z-index:-1;left:4px;right:4px;bottom:-4px;height:7px;border:1px solid var(--seat-edge);border-top:0;border-radius:0 0 5px 5px;background:var(--seat-fill)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:after{content:"";position:absolute;z-index:-2;left:-3px;right:-3px;bottom:4px;height:7px;border:2px solid var(--seat-edge);border-top:0;border-bottom:0;border-radius:3px}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:not(:disabled){cursor:pointer}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:not(:disabled):hover{z-index:4;transform:translateY(-3px) scale(1.08);box-shadow:0 8px 15px #0b5f4930!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:focus-visible{z-index:5;outline:3px solid #f3b926!important;outline-offset:3px}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:disabled{cursor:not-allowed}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-selected{--seat-fill:#07956f;--seat-edge:#04664e;color:#fff!important;animation:mybus-seat-selected-v327 1.25s ease-in-out infinite}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved{--seat-fill:#c9efe0;--seat-edge:#2b9977;color:#0b5a44!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold{--seat-fill:#75c9aa;--seat-edge:#08785a;color:#073f30!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-female{--seat-fill:#f8d2e1;--seat-edge:#d8799e;color:#74324c!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-male{--seat-fill:#cfe6ff;--seat-edge:#69a3db;color:#285c8b!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-blocked{--seat-fill:#e6ebe8;--seat-edge:#bbc6c1;color:#88958f!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved,.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold,.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-female,.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-male{animation:mybus-seat-breathe-v327 2.8s ease-in-out infinite;animation-delay:var(--seat-delay)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-web-hold{--seat-fill:#ffd85a;--seat-edge:#b77900;color:#5a3a00!important;background:#ffd85a!important;box-shadow:0 0 0 3px #ffd85a45,0 6px 14px #a96d0038!important;animation:mybus-seat-web-hold-v343 1.35s ease-in-out infinite}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-web-hold:before{background:#ffd85a!important}.mybus-canonical-seat-host-v327 .is-web-hold>.mybus-seat-lifecycle-v333{border-color:#9b6500;background:#fff7cf;color:#704800}

.seat-gender-legend-v130 i.web-hold,.customer-seat-legend-v137 i.web-hold{display:inline-block;width:11px;height:11px;border:1px solid #b77900;border-radius:3px;background:#ffd85a;vertical-align:-1px}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved{box-shadow:inset 0 -4px 0 #2b9977,0 2px 6px #173b2f18!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold{box-shadow:inset 0 -4px 0 #075f47,0 3px 8px #075f4728!important}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved.is-female{--seat-fill:#fff;--seat-edge:#d8799e;color:#74324c!important;background:linear-gradient(90deg,#f4a9c8 0 50%,#fff 50% 100%)!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved.is-female:before{background:linear-gradient(90deg,#f4a9c8 0 50%,#fff 50% 100%)!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold.is-female{--seat-fill:#ed83b0;--seat-edge:#c83b78;color:#fff!important;background:#ed83b0!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold.is-female:before{background:#ed83b0!important}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved.is-male{--seat-fill:#fff;--seat-edge:#659bd2;color:#285c8b!important;background:linear-gradient(90deg,#9bcaff 0 50%,#fff 50% 100%)!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved.is-male:before{background:linear-gradient(90deg,#9bcaff 0 50%,#fff 50% 100%)!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold.is-male{--seat-fill:#70aae5;--seat-edge:#326fae;color:#fff!important;background:#70aae5!important}.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold.is-male:before{background:#70aae5!important}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-selected,.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-selected.is-female,.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-selected.is-male{--seat-fill:#07956f;--seat-edge:#04664e;color:#fff!important;box-shadow:0 0 0 3px #07956f2b,0 7px 16px #066d5438!important}

.mybus-canonical-seat-host-v327 .mybus-seat-lifecycle-v333{position:absolute;z-index:5;top:-6px;right:-6px;display:grid;place-items:center;width:15px;height:15px;margin:0;border:1px solid #238164;border-radius:50%;background:#fff;color:#126047;font:900 8px/1 system-ui;box-shadow:0 2px 5px #0a3d2d2b}.mybus-canonical-seat-host-v327 .is-sold>.mybus-seat-lifecycle-v333{border-color:#064b39;background:#075f47;color:#fff}

.mybus-canonical-seat-host-v327 .mybus-canonical-rear-v327{align-self:stretch;display:grid;place-items:center;border-top:1px solid #d8e5df;color:#82958e;font-size:8px;font-weight:900;letter-spacing:.13em}

.mybus-operations-reference .leftpanel{display:flex;flex-direction:column}.mybus-operations-reference .leftpanel>.ops-legacy-context-v327{display:none!important}.mybus-operations-reference .leftpanel>.mybus-canonical-seat-host-v327{flex:1;min-height:0!important}.mybus-operations-reference .leftpanel>.sectionbtn{margin-top:0}

/* In the smallest resizable operations column, keep the complete 2+2 coach visible. */

@container (max-width:260px){

  .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-coach-v327{width:100%;min-width:0;padding-inline:7px}

  .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-deck-v327{grid-template-columns:repeat(5,minmax(0,28px));gap:5px 4px;padding-inline:2px}

  .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-seat-v327{width:27px!important;min-width:27px!important}

}

body.mybus-customer-reference .coach:has(>.mybus-canonical-seat-host-v327){max-width:none!important;padding:0!important;border:0!important;background:transparent!important}.mybus-customer-reference #seatMap.mybus-canonical-seat-host-v327{min-height:210px!important}

@container (min-width:620px){

  .mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327{grid-template-columns:72px auto 25px;grid-template-rows:1fr;width:max-content;min-width:min(100%,760px);min-height:174px;margin:auto;padding:15px 12px 15px 8px;border-radius:70px 24px 24px 70px}

  .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:10px 10px 10px 3px;border:0;border-right:1px solid #d8e5df}

  .mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327{grid-template-columns:repeat(var(--seat-columns),36px);grid-template-rows:repeat(5,30px);gap:5px 6px;align-content:center;justify-content:start;padding:8px 13px}

  .mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327:before{left:0;right:0;top:39%;bottom:auto;width:auto;height:22%;background:linear-gradient(180deg,#edf6f2,#e4f0eb,#edf6f2)}

  .mybus-canonical-seat-host-v327 .mybus-canonical-slot-v327{grid-column:var(--seat-x);grid-row:var(--seat-y)}

  .mybus-canonical-seat-host-v327 .mybus-canonical-rear-v327{border:0;border-left:1px solid #d8e5df;writing-mode:vertical-rl}

}

/* The customer booking flow always keeps the canonical coach horizontal. */

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-coach-v327{grid-template-columns:72px auto 25px;grid-template-rows:1fr;width:max-content;min-width:min(100%,760px);min-height:174px;margin:auto;padding:15px 12px 15px 8px;border-radius:70px 24px 24px 70px}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:10px 10px 10px 3px;border:0;border-right:1px solid #d8e5df}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-deck-v327{grid-template-columns:repeat(var(--seat-columns),36px);grid-template-rows:repeat(5,30px);gap:5px 6px;align-content:center;justify-content:start;padding:8px 13px}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-deck-v327:before{left:0;right:0;top:39%;bottom:auto;width:auto;height:22%;background:linear-gradient(180deg,#edf6f2,#e4f0eb,#edf6f2)}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-slot-v327{grid-column:var(--seat-x);grid-row:var(--seat-y)}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-rear-v327{border:0;border-left:1px solid #d8e5df;writing-mode:vertical-rl}

/* Customer web: use the complete seat-card width and keep seats comfortably legible. */

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"]{min-height:316px!important;padding:14px 16px!important}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-coach-v327{grid-template-columns:82px minmax(620px,1fr) 26px;width:100%;min-width:760px;max-width:none;min-height:286px;padding:14px 12px 14px 8px}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327{padding:12px 13px 12px 5px}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-wheel-v327{width:44px;height:44px}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-deck-v327{grid-template-columns:repeat(var(--seat-columns),minmax(42px,1fr));grid-template-rows:repeat(5,42px);gap:8px;align-content:center;width:100%;padding:14px 18px}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-slot-v327{width:100%;height:100%}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-seat-v327{width:100%!important;min-width:42px!important;max-width:54px!important;height:38px!important;min-height:38px!important;font-size:12px!important;border-radius:10px 10px 7px 7px!important}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-rear-v327{font-size:9px}

.customer-seat-gender-picker-v332{position:fixed;z-index:1500;width:236px;padding:14px;border:1px solid #c7d7d1;border-radius:24px;background:#fff;color:#17352c;box-shadow:0 20px 48px #0a3d2d38,0 3px 12px #0a3d2d1a;transform:translate(-50%,-100%);text-align:center;animation:customer-gender-picker-in-v332 .18s ease-out both}

.customer-seat-gender-picker-v332:after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;border-right:1px solid #c7d7d1;border-bottom:1px solid #c7d7d1;background:#fff;transform:translateX(-50%) rotate(45deg)}

.customer-seat-gender-picker-v332.is-below{transform:translate(-50%,0)}.customer-seat-gender-picker-v332.is-below:after{top:-8px;bottom:auto;border:0;border-left:1px solid #c7d7d1;border-top:1px solid #c7d7d1}

.customer-seat-gender-picker-v332>strong,.customer-seat-gender-picker-v332>small{display:block}.customer-seat-gender-picker-v332>strong{font-size:14px}.customer-seat-gender-picker-v332>small{margin-top:3px;color:#6b7c75;font-size:10px}

.customer-seat-gender-picker-v332>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}

.customer-seat-gender-option-v332{display:grid;place-items:center;gap:6px;min-height:92px;padding:10px 8px;border:1px solid #d7e2de;border-radius:16px;background:#fbfdfc;color:#42534c;font-weight:800;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}

.customer-seat-gender-option-v332>span{display:grid;place-items:center;width:54px;height:54px;border:3px solid currentColor;border-radius:50%;font:900 27px/1 system-ui;background:#fff}.customer-seat-gender-option-v332>span svg{width:38px;height:38px;overflow:visible}.customer-seat-gender-option-v332>b{font-size:13px}

.customer-seat-gender-option-v332.is-male{--gender-shadow:#4b7fb12c;color:#4b7fb1}.customer-seat-gender-option-v332.is-female{--gender-shadow:#cc70922c;color:#cc7092}.customer-seat-gender-option-v332:hover,.customer-seat-gender-option-v332:focus-visible{transform:translateY(-2px);border-color:currentColor;box-shadow:0 9px 20px var(--gender-shadow);outline:0}.customer-seat-gender-option-v332:focus-visible{outline:3px solid #f3b926;outline-offset:2px}

@keyframes customer-gender-picker-in-v332{from{opacity:0;scale:.94}to{opacity:1;scale:1}}

.seat-action-menu-v99.seat-gender-flow-v335{width:268px;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 20px 48px #0a3d2d38,0 3px 12px #0a3d2d1a}

.ops-seat-gender-step-v335{padding:14px;text-align:center}.ops-seat-gender-step-v335>strong,.ops-seat-gender-step-v335>small{display:block}.ops-seat-gender-step-v335>strong{font-size:14px;color:#17352c}.ops-seat-gender-step-v335>small{margin-top:3px;color:#6b7c75;font-size:10px}

.ops-seat-gender-options-v335{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.seat-action-menu-v99 .ops-seat-gender-options-v335 .customer-seat-gender-option-v332{border:1px solid #d7e2de;border-radius:16px;background:#fbfdfc}

.ops-seat-transaction-step-v335{display:grid;gap:8px;padding:12px}.ops-seat-transaction-step-v335>strong{text-align:center;color:#17352c;font-size:13px}.ops-seat-transaction-step-v335>button[data-seat-act]{min-height:42px;border:1px solid #b8d3ca;border-radius:11px;background:#f7fbf9;color:#075d45;font-weight:800}.ops-seat-transaction-step-v335>button[data-seat-act]:hover,.ops-seat-transaction-step-v335>button[data-seat-act]:focus-visible{border-color:#078765;background:#eaf8f3;outline:0}

.ops-seat-gender-back-v335{justify-self:start;border:0;background:transparent;color:#64756f;font-size:11px;font-weight:700}.ops-seat-selected-gender-v335{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:12px;background:#f7faf9}.ops-seat-selected-gender-v335>span{display:grid;place-items:center;width:34px;height:34px;border:2px solid currentColor;border-radius:50%;background:#fff}.ops-seat-selected-gender-v335>span svg{width:24px;height:24px}.ops-seat-selected-gender-v335.is-male{color:#4b7fb1}.ops-seat-selected-gender-v335.is-female{color:#cc7092}

.carrier-seat-transaction-step-v335{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}.carrier-seat-transaction-step-v335 .carrier-seat-back-v335,.carrier-seat-transaction-step-v335 .ops-seat-selected-gender-v335,.carrier-seat-transaction-step-v335>strong{grid-column:1/-1}.carrier-seat-transaction-step-v335 .carrier-seat-back-v335{justify-self:start;border:0;background:transparent;color:#64756f;font-size:11px;font-weight:700}.carrier-seat-transaction-step-v335>strong{text-align:center}.carrier-seat-operation-v335{min-height:42px;border:1px solid #b8d3ca;border-radius:11px;background:#f7fbf9;color:#075d45;font-weight:800}.carrier-seat-operation-v335.is-sale{background:#078765;color:#fff}.carrier-seat-booking-form-v335{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.carrier-seat-booking-form-v335>.ops-seat-selected-gender-v335,.carrier-seat-booking-form-v335>.carrier-seat-form-status-v335,.carrier-seat-booking-form-v335>footer{grid-column:1/-1}.carrier-seat-booking-form-v335 label{display:grid;gap:5px;font-weight:750}.carrier-seat-booking-form-v335 input,.carrier-seat-booking-form-v335 select{min-height:42px;padding:8px 10px;border:1px solid #c8d9d3;border-radius:9px;background:#fff}.carrier-seat-booking-form-v335 footer{display:flex;justify-content:flex-end;gap:8px}.carrier-seat-form-status-v335{padding:9px;border-radius:9px;background:#eef8f4;color:#145b47}.carrier-seat-form-status-v335[data-error="true"]{background:#fff0ef;color:#a52a27}@media(max-width:720px){.carrier-seat-booking-form-v335{grid-template-columns:1fr}.carrier-seat-booking-form-v335>*{grid-column:1!important}}

@keyframes mybus-seat-arrive-v327{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}

@keyframes mybus-seat-breathe-v327{0%,100%{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.04);transform:translateY(-1px)}}

@keyframes mybus-seat-selected-v327{0%,100%{box-shadow:0 0 0 0 #07956f3b,0 5px 12px #066d5430!important}50%{box-shadow:0 0 0 6px #07956f00,0 8px 18px #066d5438!important}}

@keyframes mybus-seat-web-hold-v343{0%,100%{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.07);transform:translateY(-2px)}}

@media(prefers-reduced-motion:reduce){.mybus-canonical-seat-host-v327 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}



/* Shared operations passenger portraits v550 */



body .customer-seat-gender-picker-v332{width:272px;max-width:calc(100vw - 24px);padding:18px;border:1px solid #dce8e3;border-radius:22px;box-shadow:0 18px 48px #123d3024,0 2px 8px #123d3010}

body .customer-seat-gender-picker-v332>strong{font-size:16px;font-weight:800}

body .customer-seat-gender-picker-v332>small{font-size:12px;margin-top:5px}

body .customer-seat-gender-option-v332{min-height:118px;gap:9px;padding:12px 8px;border-radius:17px;background:#fff;border-color:#e0e8ed;cursor:pointer}

body .customer-seat-gender-option-v332.is-male{color:#2865a0;--gender-shadow:#2865a022;--avatar-bg:#edf5ff}

body .customer-seat-gender-option-v332.is-female{color:#ab416f;--gender-shadow:#ab416f22;--avatar-bg:#fff0f5}

body .customer-seat-gender-option-v332>span{width:64px;height:64px;border:0;border-radius:20px;background:var(--avatar-bg);transition:transform .18s ease}

body .customer-seat-gender-option-v332>span svg{width:54px;height:54px}

body .customer-seat-gender-option-v332>b{font-size:15px;font-weight:800}

body .customer-seat-gender-option-v332:hover{background:var(--avatar-bg);border-color:currentColor}

body .customer-seat-gender-option-v332:hover>span{transform:translateY(-2px)}

body .customer-seat-gender-option-v332:focus-visible{outline:3px solid currentColor;outline-offset:3px}

@media(prefers-reduced-motion:reduce){body .customer-seat-gender-option-v332,body .customer-seat-gender-option-v332>span{transition:none;transform:none!important}}



body .seat-action-menu-v99 .ops-seat-gender-options-v335 .customer-seat-gender-option-v332{min-height:118px;border-radius:17px;background:#fff;border-color:#e0e8ed}

body .seat-action-menu-v99 .ops-seat-gender-options-v335 .customer-seat-gender-option-v332:hover{background:var(--avatar-bg);border-color:currentColor}

body .ops-seat-selected-gender-v335>span{width:42px;height:42px;border:0;border-radius:13px;background:#edf5ff}

body .ops-seat-selected-gender-v335.is-female>span{background:#fff0f5}

body .ops-seat-selected-gender-v335>span svg{width:36px;height:36px}

body .ops-seat-selected-gender-v335.is-male{color:#2865a0}

body .ops-seat-selected-gender-v335.is-female{color:#ab416f}

/* v900: surface-only upgrade. Saved geometry, hit targets and status classes stay intact. */

.mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327{

  border-color:#8caaa0;

  background:linear-gradient(90deg,#101c19 0%,#2c3d36 8%,#192b24 18%,#23362d 50%,#192b24 82%,#2c3d36 92%,#101c19 100%)!important;

  box-shadow:inset 0 0 0 3px #c3ceca,inset 0 0 0 6px #17261f,inset 9px 0 8px -8px #47d292,inset -9px 0 8px -8px #47d292,0 8px 18px #10281e24;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327:before{

  content:"";position:absolute;inset:9px;pointer-events:none;border:1px solid #659580;border-radius:inherit;

  box-shadow:inset 0 0 0 2px #142820,0 0 4px #56be8b55;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-front-v327{

  position:relative;border-color:#668776;color:#d4eadf;

  background:linear-gradient(180deg,#080f0d,#2e4138 12%,#14231c 28%,#1e3027 80%,#101c16);

  border-radius:44px 44px 10px 10px;box-shadow:inset 0 2px 2px #7c9d8a55,0 4px 8px #0005;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-wheel-v327{

  border:3px solid #798b80;

  background:radial-gradient(circle,#34483c 0 19%,#101b15 20% 30%,#87968d 31% 35%,#16251b 36% 55%,#050c08 57% 66%,#9aa89e 68% 73%,#102016 75%);

  box-shadow:0 3px 5px #0009,inset 0 1px 2px #d3ddd3;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-wheel-v327:before,

.mybus-canonical-seat-host-v327 .mybus-canonical-wheel-v327:after{background:linear-gradient(#d1d9d2,#4f6154);box-shadow:0 1px 2px #0008}

.mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327{

  background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 4px);

}

.mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327:before{

  background:linear-gradient(90deg,#39845b55,#182e2044 12%,#273c2c 50%,#182e2044 88%,#39845b55);

  box-shadow:inset 1px 0 #75b69288,inset -1px 0 #75b69288;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327{

  border-color:#718078!important;

  background-image:linear-gradient(90deg,#0002,transparent 16%,#fff5 28%,transparent 70%,#0002),linear-gradient(180deg,#fff8,transparent 25%,transparent 70%,#0002)!important;

  box-shadow:inset 2px 0 2px #fff7,inset -2px 0 2px #0002,inset 0 3px 1px #fff8,inset 0 -4px 2px #0002,0 3px 3px #0008!important;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327[data-state="available"]:not(.is-selected):not(.is-web-hold):not(.is-female):not(.is-male){

  --seat-fill:#dce2df;--seat-edge:#7c8982;color:#152b20!important;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:before{

  background-image:linear-gradient(180deg,#fff7,#0002);box-shadow:0 2px 2px #0005;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:after{

  border-color:#9ca9a1;border-width:3px;box-shadow:1px 1px 2px #0006;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327>span{position:relative;z-index:1;text-shadow:0 1px #ffffff55}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-selected{box-shadow:inset 0 2px 2px #b7ffce88,inset 0 -4px 2px #002b2188,0 0 0 2px #9cddbd,0 4px 8px #0008!important}

.mybus-canonical-seat-host-v327 .mybus-canonical-rear-v327{color:#d4eadf;border-color:#668776;text-shadow:0 1px #071b10}

/* Respect the established horizontal customer and wide-container orientation. */

@container (min-width:620px){

 .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327{border-radius:44px 10px 10px 44px}

 .mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327:before{background:linear-gradient(180deg,#39845b55,#182e2044 12%,#273c2c 50%,#182e2044 88%,#39845b55);box-shadow:inset 0 1px #75b69288,inset 0 -1px #75b69288}

}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327{border-radius:44px 10px 10px 44px}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-deck-v327:before{background:linear-gradient(180deg,#39845b55,#182e2044 12%,#273c2c 50%,#182e2044 88%,#39845b55);box-shadow:inset 0 1px #75b69288,inset 0 -1px #75b69288}

/* Reservation half-fill and gender/sale colors remain the original semantic gradients. */

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved.is-female{background-image:linear-gradient(90deg,#f4a9c8 0 50%,#fff 50% 100%)!important}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved.is-male{background-image:linear-gradient(90deg,#9bcaff 0 50%,#fff 50% 100%)!important}



/* v901: material sprites only; canonical coordinates and interactive buttons are unchanged. */

.mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327{

 background:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(90deg,#080e0d,#26312c 7%,#151e19 15%,#1b231e 85%,#26312c 93%,#080e0d)!important;

 border-color:#92a29b;box-shadow:inset 0 0 0 3px #d4dbd6,inset 0 0 0 6px #131d18,inset 10px 0 6px -7px #b8c5bd,inset -10px 0 6px -7px #b8c5bd,0 8px 18px #10281e24;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-front-v327{position:relative;overflow:hidden;background:#111a16!important;isolation:isolate}

.mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:before{content:"";position:absolute;inset:0;background:url('./seat-assets-v901/cockpit-ui.png') center/100% 100% no-repeat;z-index:-1;pointer-events:none}

.mybus-canonical-seat-host-v327 .mybus-canonical-wheel-v327{visibility:hidden}

.mybus-canonical-seat-host-v327 .mybus-canonical-front-v327 small{align-self:flex-end;background:#07130dc9;color:#e1eee5;padding:2px 4px;border-radius:3px}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327{

 --material-tint:linear-gradient(#fff,#fff);background:transparent!important;border-color:transparent!important;box-shadow:none!important;isolation:isolate;color:#18221c!important;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:before{

 content:"";position:absolute;inset:-2px -3px;width:auto;height:auto;border:0;border-radius:0;z-index:-1;pointer-events:none;

 background-image:var(--material-tint),url('./seat-assets-v901/seat-ui.png')!important;background-color:transparent!important;background-size:100% 100%,130% 100%!important;background-position:center!important;background-repeat:no-repeat!important;background-blend-mode:multiply;

 mask:url('./seat-assets-v901/seat-ui.png') center/130% 100% no-repeat;box-shadow:none!important;

}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:after{display:none}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327>span{position:relative;z-index:1;margin-top:3px;text-shadow:0 1px 1px #fff9;font-weight:850}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-female{--material-tint:linear-gradient(#f4a9c8,#f4a9c8)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-male{--material-tint:linear-gradient(#9bcaff,#9bcaff)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved{--material-tint:linear-gradient(#c9efe0,#c9efe0)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold{--material-tint:linear-gradient(#75c9aa,#75c9aa)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved.is-female{--material-tint:linear-gradient(90deg,#f4a9c8 50%,#fff 50%)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-reserved.is-male{--material-tint:linear-gradient(90deg,#9bcaff 50%,#fff 50%)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold.is-female{--material-tint:linear-gradient(#ed83b0,#ed83b0)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-sold.is-male{--material-tint:linear-gradient(#70aae5,#70aae5)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-blocked{--material-tint:linear-gradient(#afb9b1,#afb9b1)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-web-hold{--material-tint:linear-gradient(#ffd85a,#ffd85a)}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-selected{--material-tint:linear-gradient(#139963,#139963);color:#fff!important}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327.is-selected>span{text-shadow:0 1px 2px #00190f}

.mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:not(:disabled):hover{box-shadow:none!important;filter:brightness(1.12)}

.mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327:before{background:linear-gradient(90deg,#5dba8460 0 1px,#1a211c 2px 98%,#5dba8460 99%);box-shadow:inset 1px 0 #a1e8b5,inset -1px 0 #a1e8b5}

@container (min-width:620px){

 .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:before{inset:0;background-size:100% 100%;transform:none}

 .mybus-canonical-seat-host-v327 .mybus-canonical-seat-v327:before{transform:rotate(-90deg);inset:-3px 0}

 .mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327:before{background:#1a211c;box-shadow:inset 0 1px #a1e8b5,inset 0 -1px #a1e8b5}

}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-seat-v327:before{transform:rotate(-90deg);inset:-3px 0}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-deck-v327:before{background:#1a211c;box-shadow:inset 0 1px #a1e8b5,inset 0 -1px #a1e8b5}

/* Reset old state backgrounds on the interactive shell; color lives on the masked material. */

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327{background:transparent!important;box-shadow:none!important;border-color:transparent!important}

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327:before{background-color:transparent!important;background-image:var(--material-tint),url('./seat-assets-v901/seat-ui.png')!important}

@container (min-width:620px){

 .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327{container-type:size}

 .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:before{inset:auto;left:50%;top:50%;width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(-90deg)}

}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327{container-type:size}

.mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327:before{inset:auto;left:50%;top:50%;width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(-90deg)}

/* All lifecycle combinations share the same sprite surface. */

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327[class][data-seat]{background:transparent!important;border-color:transparent!important;box-shadow:none!important}

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327[class][data-seat]:before{background:var(--material-tint) center/100% 100% no-repeat,url('./seat-assets-v901/seat-ui.png') center/130% 100% no-repeat!important;background-blend-mode:multiply;box-shadow:none!important}

/* User-approved larger card interior; saved coordinate mapping stays unchanged. */

@container (max-width:619px){

 .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-coach-v327{width:100%;min-width:260px;padding-inline:10px;grid-template-rows:88px auto 24px!important}

 .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-deck-v327{grid-template-columns:repeat(2,46px) 36px repeat(2,46px);grid-template-rows:repeat(var(--seat-columns),54px);gap:8px 4px}

 .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-seat-v327{width:44px!important;min-width:44px!important;height:50px!important;min-height:50px!important;font-size:12px!important}

}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-coach-v327{min-height:342px}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-deck-v327{grid-template-rows:repeat(5,52px);gap:9px 8px}

.mybus-customer-reference .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-seat-v327{height:48px!important;min-height:48px!important;font-size:12px!important}

/* v902 coherent coach interior: one scalable shell; live seats are never baked into it. */

body .mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327{

 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate;overflow:visible;

 padding:0 36px!important;grid-template-rows:110px auto 70px!important;min-width:306px;width:100%;

}

body .mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327:before{

 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-style:solid;border-color:transparent;border-width:110px 36px 70px;box-sizing:border-box;border-radius:0;box-shadow:none;background:none;

 border-image:url('./seat-assets-v902/body-alpha-ui.png') 13% 15% 10% 15% fill / 110px 36px 70px / 0 stretch;

}

body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;container-type:normal;overflow:visible;align-items:end;justify-content:center;padding:0 0 3px!important}

body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:before{display:none!important}

body .mybus-canonical-seat-host-v327 .mybus-canonical-wheel-v327{display:none!important}

body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327 small{background:none;align-self:end;color:#d4f1e1;letter-spacing:.12em;font-size:10px;text-shadow:0 1px 3px #071f15}

body .mybus-canonical-seat-host-v327 .mybus-canonical-rear-v327{border:0!important;background:none;align-self:start;padding-top:10px;color:#d4f1e1}

body .mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327{background:none!important;padding:0!important}

body .mybus-canonical-seat-host-v327 .mybus-canonical-deck-v327:before{display:none!important}

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327[class][data-seat]:before{

 background:var(--material-tint) center/100% 100% no-repeat,url('./seat-assets-v902/seat-ui.png') center/100% 100% no-repeat!important;

 background-blend-mode:multiply;mask:url('./seat-assets-v902/seat-ui.png') center/100% 100% no-repeat;inset:-2px;transform:none;

}

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327>span{margin-top:-4px}

@container (min-width:620px){

 body .mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327{grid-template-columns:110px auto 70px!important;grid-template-rows:1fr!important;padding:36px 0!important;width:max-content;min-width:760px}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327:before{border-width:36px 70px 36px 110px;border-image:url('./seat-assets-v902/body-horizontal-ui.png') 15% 10% 15% 13% fill / 36px 70px 36px 110px / 0 stretch}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327{align-items:end;justify-content:center;padding:0 3px 0 0!important}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-rear-v327{align-self:stretch;padding:0 0 0 10px}

 body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327[class][data-seat]:before{transform:rotate(-90deg)}

}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-coach-v327{grid-template-columns:110px minmax(620px,1fr) 70px!important;grid-template-rows:1fr!important;padding:36px 0!important;width:100%;min-width:820px}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-coach-v327:before{border-width:36px 70px 36px 110px;border-image:url('./seat-assets-v902/body-horizontal-ui.png') 15% 10% 15% 13% fill / 36px 70px 36px 110px / 0 stretch}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327{align-items:end;justify-content:center;padding:0 3px 0 0!important}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-rear-v327{align-self:stretch;padding:0 0 0 10px}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] button.seat.mybus-canonical-seat-v327[class][data-seat]:before{transform:rotate(-90deg)}

body .mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327{box-sizing:border-box}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-deck-v327{box-sizing:border-box;width:100%;grid-template-columns:repeat(var(--seat-columns),minmax(42px,1fr));grid-template-rows:repeat(5,52px);gap:9px 8px}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-seat-v327{width:44px!important;min-width:44px!important;height:48px!important;min-height:48px!important;font-size:12px!important}

/* v903: larger readable seat numbers; lifecycle markers and geometry unchanged. */

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327[data-seat]>span{

 font:900 22px/1 system-ui,sans-serif!important;

 letter-spacing:-.6px!important;

 color:inherit;

 text-shadow:0 1px 1px #ffffffc9!important;

 font-variant-numeric:tabular-nums;

}

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327.is-selected[data-seat]>span{color:#fff!important;text-shadow:0 1px 2px #002e1c!important}

/* v903: use interior space for larger seats, with a narrower aisle. */

@container (max-width:619px){

 body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-deck-v327{grid-template-columns:repeat(2,49px) 22px repeat(2,49px);grid-template-rows:repeat(var(--seat-columns),58px);gap:6px 4px}

 body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) button.seat.mybus-canonical-seat-v327{width:48px!important;min-width:48px!important;height:54px!important;min-height:54px!important}

}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-deck-v327{grid-template-rows:58px 58px 26px 58px 58px;gap:6px 8px}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] button.seat.mybus-canonical-seat-v327{width:48px!important;min-width:48px!important;height:52px!important;min-height:52px!important}

@container (min-width:620px){

 body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-deck-v327{grid-template-rows:54px 54px 26px 54px 54px;grid-template-columns:repeat(var(--seat-columns),50px);gap:6px}

 body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) button.seat.mybus-canonical-seat-v327{width:48px!important;min-width:48px!important;height:50px!important;min-height:50px!important}

}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"][data-seat-plan-version] .mybus-canonical-deck-v327{grid-template-rows:58px 58px 26px 58px 58px!important;gap:6px 8px!important}



/* v904 approved silver/cream interior. Seat sprite faces UP: backrest at bottom. */

body .mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327:before{

 border-image-source:url('./seat-assets-v904/body-ui.png');

 border-image-slice:15% 18% 8% 18% fill;

}

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327[class][data-seat]:before{

 background:var(--material-tint) center/100% 100% no-repeat,url('./seat-assets-v904/seat-ui.png') center/100% 100% no-repeat!important;

 background-blend-mode:multiply;

 mask:url('./seat-assets-v904/seat-ui.png') center/100% 100% no-repeat;

 transform:none;

}

body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327[data-seat]>span{margin-top:-7px}

@container (min-width:620px){

 body .mybus-canonical-seat-host-v327 .mybus-canonical-coach-v327:before{border-image-source:url('./seat-assets-v904/body-horizontal-ui.png');border-image-slice:18% 8% 18% 15% fill}

 body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327[class][data-seat]:before{transform:rotate(-90deg)}

 body .mybus-canonical-seat-host-v327 button.seat.mybus-canonical-seat-v327[data-seat]>span{margin-top:0;margin-left:-5px}

}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-coach-v327:before{border-image-source:url('./seat-assets-v904/body-horizontal-ui.png');border-image-slice:18% 8% 18% 15% fill}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] button.seat.mybus-canonical-seat-v327[class][data-seat]:before{transform:rotate(-90deg)}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] button.seat.mybus-canonical-seat-v327[data-seat]>span{margin-top:0;margin-left:-5px}



/* v905: non-interactive aisle lighting and steps in the saved interior gap. */

body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905{

 grid-column:3;grid-row:1/-1;align-self:stretch;justify-self:stretch;pointer-events:none;min-width:0;min-height:0;

 border-inline:2px solid #6adba4;border-radius:2px;

 background:linear-gradient(90deg,#6ee5a21f,transparent 30% 70%,#6ee5a21f);

 box-shadow:0 0 5px #6ce3a461,inset 0 0 5px #6ce3a426;

}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905{

 grid-column:4/span 2;grid-row:var(--door-x);pointer-events:none;align-self:stretch;justify-self:stretch;position:relative;

 margin:3px 0;border:2px solid #544c2e;border-radius:2px;

 background:repeating-linear-gradient(0deg,#101414 0px,#252b29 10px,#d8b64d 11px,#d8b64d 12px,#060a09 14px);

 box-shadow:inset 0 0 9px #000,0 2px 3px #0008;

}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:after{content:'';position:absolute;right:3px;top:-5px;bottom:-4px;width:4px;border-radius:4px;background:linear-gradient(90deg,#454c49,#c0c8c3,#4d5550);box-shadow:1px 0 2px #000}

@container(min-width:620px){

 body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905{grid-column:1/-1;grid-row:3;border-inline:0;border-block:2px solid #6adba4;background:linear-gradient(180deg,#6ee5a21f,transparent 30% 70%,#6ee5a21f)}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905{grid-column:var(--door-x);grid-row:1/span 2;margin:0 3px;background:repeating-linear-gradient(90deg,#101414 0px,#252b29 10px,#d8b64d 11px,#d8b64d 12px,#060a09 14px)}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:after{right:-4px;left:-5px;top:3px;bottom:auto;width:auto;height:4px}

}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-aisle-v905{grid-column:1/-1;grid-row:3;border-inline:0;border-block:2px solid #6adba4;background:linear-gradient(180deg,#6ee5a21f,transparent 30% 70%,#6ee5a21f)}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-steps-v905{grid-column:var(--door-x);grid-row:1/span 2;margin:0 3px;background:repeating-linear-gradient(90deg,#101414 0px,#252b29 10px,#d8b64d 11px,#d8b64d 12px,#060a09 14px)}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-steps-v905:after{right:-4px;left:-5px;top:3px;bottom:auto;width:auto;height:4px}

/* Driver seat behind the steering wheel, outside the passenger grid. */

body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{content:'';position:absolute;left:8%;bottom:4px;width:36px;height:38px;pointer-events:none;background:url('./seat-assets-v904/seat-ui.png') center/contain no-repeat;filter:brightness(.32) saturate(.2);transform:none}

@container(min-width:620px){body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{left:auto;right:4px;bottom:8%;transform:rotate(-90deg)}}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327:after{left:auto;right:4px;bottom:8%;transform:rotate(-90deg)}

/* v906 recessed segmented lighting and inset stepwell. */

body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905{

 position:relative;border:0!important;background:none!important;box-shadow:none!important;

 margin:8px 0 18px;overflow:hidden;border-radius:3px;

}

body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905:before,

body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905:after{

 content:'';position:absolute;top:0;bottom:0;width:3px;border-radius:2px;pointer-events:none;

 background:repeating-linear-gradient(180deg,#102c22 0 10px,#35795b 11px,#96e5b6 13px,#c3f3cf 24px,#63b48b 26px,#163d2c 28px,#10231b 29px 64px);

 box-shadow:0 0 3px #58c68955;left:0;

}

body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905:after{left:auto;right:0}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905{

 --tread-angle:0deg;--rail-angle:90deg;

 margin:2px 1px;border:3px solid #101613;border-radius:5px 4px 4px 5px;

 background:linear-gradient(var(--rail-angle),#030705bf,transparent 18% 78%,#020504a8),repeating-linear-gradient(var(--tread-angle),#050907 0 3px,#555c52 4px,#aaa06b 5px,#786a36 6px,#343d36 7px,#242c26 11px,#18211b 14px,#0b120e 17px);

 box-shadow:inset 0 0 0 1px #6a73664d,inset 4px 0 8px #000c,0 1px 1px #8e9b7b55,0 -2px 4px #0009;

}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:before{

 content:'';position:absolute;inset:4px;pointer-events:none;opacity:.2;

 background:repeating-linear-gradient(var(--rail-angle),transparent 0 2px,#bcc7b7 2px 3px,transparent 3px 5px);

}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:after{

 top:-3px;bottom:0;left:auto;right:0;width:5px;height:auto;

 border-top:3px solid #85938a;border-right:2px solid #313b34;border-radius:9px 7px 3px 3px;

 background:linear-gradient(90deg,#17231d,#abb8ad 40%,#526157 70%,#121d16);

 box-shadow:-2px 2px 3px #000a;

}

@container(min-width:620px){

 body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905{margin:0 18px 0 8px}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905:before,

 body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905:after{left:0;right:0;top:0;bottom:auto;width:auto;height:3px;background:repeating-linear-gradient(90deg,#102c22 0 10px,#35795b 11px,#96e5b6 13px,#c3f3cf 24px,#63b48b 26px,#163d2c 28px,#10231b 29px 64px)}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-aisle-v905:after{top:auto;bottom:0}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905{--tread-angle:90deg;--rail-angle:0deg;margin:1px 2px}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:after{top:0;bottom:auto;left:-3px;right:0;width:auto;height:5px;border-radius:7px 3px 3px 9px;background:linear-gradient(180deg,#17231d,#abb8ad 40%,#526157 70%,#121d16)}

}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-aisle-v905{margin:0 18px 0 8px}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-aisle-v905:before,

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-aisle-v905:after{left:0;right:0;top:0;bottom:auto;width:auto;height:3px;background:repeating-linear-gradient(90deg,#102c22 0 10px,#35795b 11px,#96e5b6 13px,#c3f3cf 24px,#63b48b 26px,#163d2c 28px,#10231b 29px 64px)}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-aisle-v905:after{top:auto;bottom:0}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-steps-v905{--tread-angle:90deg;--rail-angle:0deg;margin:1px 2px}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-steps-v905:after{top:0;bottom:auto;left:-3px;right:0;width:auto;height:5px;border-radius:7px 3px 3px 9px;background:linear-gradient(180deg,#17231d,#abb8ad 40%,#526157 70%,#121d16)}

/* Keep the driver behind the wheel, within the remaining cockpit clearance. */

body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{left:11%;bottom:-1px;width:26px;height:22px;filter:brightness(.38) saturate(.2)}

@container(min-width:620px){body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{left:auto;right:0;bottom:11%;width:26px;height:22px}}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327:after{left:auto;right:0;bottom:11%;width:26px;height:22px}

/* v907: reference-image detail atlas; no synthetic stair stripes or passenger-seat driver. */

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905{background:none!important;border:0!important;box-shadow:none!important;margin:0;overflow:hidden;container-type:size;isolation:isolate;border-radius:3px}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:before{content:'';position:absolute;inset:0;opacity:1;background:url('./seat-assets-v907/reference.png') 74.26% 57.29% / 396.25% 1218.33% no-repeat;pointer-events:none}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:after{display:none!important}

body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{left:7%;bottom:2px;width:42px;height:34px;filter:none;transform:none;background:url('./seat-assets-v907/reference.png') 23.81% 9.76% / 737.21% 2150% no-repeat;border-radius:5px}

@container(max-width:619px){

 body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-coach-v327{grid-template-rows:120px auto 70px!important}

 body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-coach-v327:before{border-image-width:120px 36px 70px}

}

@container(min-width:620px){

 body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:before{inset:auto;left:50%;top:50%;width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(-90deg)}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{left:auto;right:2px;bottom:7%;transform:rotate(-90deg)}

}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-steps-v905:before{inset:auto;left:50%;top:50%;width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(-90deg)}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327:after{left:auto;right:2px;bottom:7%;transform:rotate(-90deg)}

/* v908 orientation correction only: preserve driver and stepwell positions. */

body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{transform:rotate(180deg)}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:before{transform:rotate(180deg)}

@container(min-width:620px){

 body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{transform:rotate(90deg)}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:before{transform:translate(-50%,-50%) rotate(90deg)}

}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327:after{transform:rotate(90deg)}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-steps-v905:before{transform:translate(-50%,-50%) rotate(90deg)}

/* v909: three transverse metal-edged treads leading from aisle to side door. */

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:2px;padding:4px 3px;box-sizing:border-box;container-type:normal;background:#080d0b!important;border:2px solid #626c65!important;border-radius:4px;box-shadow:inset 0 0 6px #000,0 2px 3px #0009!important}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:before,body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905:after{display:none!important}

body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905>i{display:block;min-width:0;min-height:0;border-radius:2px;border-left:3px solid #b7bcae;border-right:1px solid #3b443e;background:repeating-linear-gradient(90deg,transparent 0 3px,#ffffff0d 3px 4px),linear-gradient(90deg,#505950,#202a24 35%,#111912);box-shadow:inset 1px 0 #eff2da,inset -3px 0 5px #000b,2px 0 2px #000b}

body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{width:48px;height:44px;bottom:1px;left:5%;transform:rotate(180deg)}

@container(max-width:619px){body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-coach-v327{grid-template-rows:140px auto 70px!important}body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .mybus-canonical-coach-v327:before{border-image-width:140px 36px 70px}}

@container(min-width:620px){

 body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);padding:3px 4px}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-steps-v905>i{border-left:0;border-right:0;border-bottom:3px solid #b7bcae;border-top:1px solid #3b443e;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff0d 3px 4px),linear-gradient(0deg,#505950,#202a24 35%,#111912);box-shadow:inset 0 -1px #eff2da,inset 0 3px 5px #000b,0 2px 2px #000b}

 body .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327:after{left:auto;right:1px;bottom:5%;transform:rotate(90deg)}

}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-steps-v905{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);padding:3px 4px}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-steps-v905>i{border-left:0;border-right:0;border-bottom:3px solid #b7bcae;border-top:1px solid #3b443e;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff0d 3px 4px),linear-gradient(0deg,#505950,#202a24 35%,#111912);box-shadow:inset 0 -1px #eff2da,inset 0 3px 5px #000b,0 2px 2px #000b}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327:after{left:auto;right:1px;bottom:5%;transform:rotate(90deg)}

body .mybus-canonical-seat-host-v327[data-seat-mode="customer"] .mybus-canonical-front-v327:after{width:48px;height:44px}



.seat-tooltip1186{position:fixed;z-index:100000;width:360px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;box-sizing:border-box;padding:14px 16px;border:1px solid #b9d8cb;border-radius:12px;background:#fff;color:#153e35;box-shadow:0 8px 30px #123c3433;font:13px/1.4 Arial,sans-serif;text-align:left}

.seat-tooltip1186>strong{display:block;color:#00604f;font-size:15px;padding-bottom:9px;border-bottom:1px solid #e0ece7}

.seat-tooltip1186 dl{display:grid;grid-template-columns:125px minmax(0,1fr);gap:6px 12px;margin:10px 0 0}.seat-tooltip1186 dt{color:#557269}.seat-tooltip1186 dd{margin:0;font-weight:600;overflow-wrap:anywhere}



.seat-tooltip1186{background:#005b4b;color:#fff;border-color:#247a68}

.seat-tooltip1186>strong{color:#fff;border-bottom-color:#ffffff30}

.seat-tooltip1186 dt{color:#cce8df}

.seat-tooltip1186 dd{color:#fff}



/* Only the five seats sharing the rearmost row need room across the narrow aisle. */

body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .is-rear-five-v1210 > button.seat.mybus-canonical-seat-v327 {

  scale:.975;

  transform-origin:center;

}

body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .is-rear-five-v1210 {

  display:flex;

  align-items:center;

  justify-content:center;

}

body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .is-rear-five-v1210 > button.seat.mybus-canonical-seat-v327 {flex-shrink:0;}



/* Spread the rear five evenly across the cabin instead of using the narrow aisle cell. */

@container(max-width:619px){

 body .mybus-canonical-seat-host-v327:not([data-seat-mode="customer"]) .is-rear-five-v1210 {

  grid-column:1 / -1;

  width:20%;

  justify-self:start;

  translate:calc((5 - var(--seat-y)) * 100%) 0;

 }

}


/* v1251: Hide the redundant front label in both operation seat plans. */
body.mybus-operations-reference .mybus-canonical-seat-host-v327 .mybus-canonical-front-v327 small{display:none!important}