/* Canonical light-green gender component shared by customer and both operations. */
body .mybus-operation-seat-picker:has(.canonical-gender1264),body .customer-seat-gender-picker-v332.canonical-gender1264{width:340px!important;max-width:calc(100vw - 24px)!important;padding:0!important;border:1px solid #78baa3!important;border-radius:18px!important;background:#e4f5ec!important;box-shadow:0 12px 28px #164c3526,inset 0 0 0 3px #ffffff80!important;overflow:visible}
body .canonical-gender1264{box-sizing:border-box;color:#164f3d!important;background:radial-gradient(ellipse at 10% 100%,#cceff5a0,transparent 65%),radial-gradient(ellipse at 95% 100%,#ffe3ed90,transparent 65%),linear-gradient(135deg,#effcf4,#d9f0e4)!important;padding:16px!important;border-radius:17px}
body .customer-seat-gender-picker-v332.canonical-gender1264{padding:16px!important}
body .canonical-gender1264 .cg-header1264{display:flex!important;align-items:center;justify-content:space-between;background:none!important;padding:0!important;margin:0 0 6px;border:0!important}
body .canonical-gender1264 .cg-title1264{display:flex;align-items:center;gap:12px;line-height:1}
body .canonical-gender1264 .cg-title1264>span{font:700 11px/1.2 system-ui;text-transform:uppercase;letter-spacing:.13em;color:#366454}
body .canonical-gender1264 .cg-title1264>strong{font:800 46px/1 system-ui!important;color:#07553b!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body .canonical-gender1264 button.cg-close1264{display:grid!important;place-items:center;width:32px!important;height:32px!important;min-height:0!important;padding:0!important;margin:0!important;border:1px solid #9bcdb980!important;border-radius:9px!important;background:#ffffff70!important;color:#225d48!important;font:300 26px/1 system-ui!important;cursor:pointer}
body .canonical-gender1264>small{display:block;text-align:center;font:500 12px/1.5 system-ui!important;color:#386854!important;margin:8px 0 14px!important}
body .canonical-gender1264>div:not(.cg-title1264){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body .canonical-gender1264 button.customer-seat-gender-option-v332{--cg-color:#168ccc;display:grid!important;place-items:center!important;min-height:132px!important;height:132px!important;padding:10px!important;border:1px solid color-mix(in srgb,var(--cg-color),transparent 40%)!important;border-radius:13px!important;background:linear-gradient(135deg,#ffffffb0,#e9faf070)!important;color:var(--cg-color)!important;box-shadow:inset 0 0 14px #ffffff90,0 2px 7px #164c350d!important;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
body .canonical-gender1264 button.customer-seat-gender-option-v332.is-female{--cg-color:#d3438c}
body .canonical-gender1264 .customer-seat-gender-option-v332>span{display:block!important;width:106px!important;height:106px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;transform:none!important}
body .canonical-gender1264 .customer-seat-gender-option-v332>span svg{width:100%!important;height:100%!important;overflow:visible}
body .canonical-gender1264 .cg-symbol1264{filter:drop-shadow(0 0 3px color-mix(in srgb,currentColor,transparent 45%))}
body .canonical-gender1264 .cg-orbit1264{transform-origin:50px 50px;transition:transform .45s ease}
body .canonical-gender1264 .customer-seat-gender-option-v332:hover:not(:disabled){transform:translateY(-2px)!important;border-color:var(--cg-color)!important;box-shadow:inset 0 0 20px #ffffff,0 4px 14px color-mix(in srgb,var(--cg-color),transparent 78%)!important}
body .canonical-gender1264 .customer-seat-gender-option-v332:hover .cg-orbit1264{transform:rotate(35deg)}
body .canonical-gender1264 button:focus-visible{outline:3px solid #176b53!important;outline-offset:3px}
body .canonical-gender1264 .customer-seat-gender-option-v332:active:not(:disabled){transform:scale(.96)!important}
body .canonical-gender1264 .customer-seat-gender-option-v332:disabled{opacity:.45!important;cursor:not-allowed;filter:grayscale(.35)}
@media(prefers-reduced-motion:reduce){body .canonical-gender1264 *,body .canonical-gender1264 *:before{animation:none!important;transition:none!important;transform:none!important}}

body .canonical-gender1264>small[hidden]{display:none!important}
body .canonical-gender1264 .cg-header1264{margin-bottom:16px}

/* Refined mint glass, machined edges and dual-stroke luminous symbols. */
body .mybus-operation-seat-picker:has(.canonical-gender1264),body .customer-seat-gender-picker-v332.canonical-gender1264{width:360px!important;border:1px solid #7ebda6!important;border-radius:14px!important;box-shadow:0 15px 35px #123f3026,0 0 0 3px #e3f7ebaa,inset 0 0 0 1px #fff!important}
body .canonical-gender1264{position:relative;padding:18px!important;border-radius:13px;background:linear-gradient(125deg,#f5fff8ed,#d9f2e3e8 45%,#e9f8eeef),#e7f6eb!important;isolation:isolate}
body .customer-seat-gender-picker-v332.canonical-gender1264{padding:18px!important}
body .canonical-gender1264:before{content:"";pointer-events:none;position:absolute;inset:5px;border:1px solid #ffffffb8;border-radius:10px;z-index:-1;background:linear-gradient(120deg,#ffffff50,transparent 42%,#ffffff30 70%,transparent)}
body .canonical-gender1264 .cg-header1264{margin-bottom:18px!important;padding:0 3px!important}
body .canonical-gender1264 .cg-title1264{flex-direction:row-reverse;gap:10px}
body .canonical-gender1264 .cg-title1264>strong{font-size:52px!important;letter-spacing:-.055em;color:#125943!important;text-shadow:0 1px #fff}
body .canonical-gender1264 .cg-title1264>span{font-size:10px;letter-spacing:.2em}
body .canonical-gender1264 button.cg-close1264{border:0!important;background:transparent!important;color:#487768!important;font-size:30px!important}
body .canonical-gender1264 button.customer-seat-gender-option-v332{--cg-color:#1399e3;position:relative;overflow:hidden!important;height:150px!important;min-height:150px!important;padding:8px!important;border:0!important;border-radius:0!important;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:color-mix(in srgb,var(--cg-color),#d4ede0 63%)!important;box-shadow:none!important;isolation:isolate}
body .canonical-gender1264 button.customer-seat-gender-option-v332.is-female{--cg-color:#ee539e}
body .canonical-gender1264 button.customer-seat-gender-option-v332:before{content:"";position:absolute;inset:1px;z-index:-1;clip-path:inherit;background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--cg-color),transparent 77%),transparent 65%),linear-gradient(135deg,#f5fff9,#ddf2e6 60%,#effaf2)}
body .canonical-gender1264 button.customer-seat-gender-option-v332:after{content:"";position:absolute;bottom:1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--cg-color),#ffffff,var(--cg-color),transparent);box-shadow:0 -2px 10px var(--cg-color);opacity:.6;transition:opacity .25s}
body .canonical-gender1264 .customer-seat-gender-option-v332>span{width:126px!important;height:126px!important}
body .canonical-gender1264 .cg-symbol1264{filter:drop-shadow(0 0 3px color-mix(in srgb,currentColor,transparent 35%))}
body .canonical-gender1264 .cg-glow1265{filter:blur(2px)}
body .canonical-gender1264 .cg-orbit1264{opacity:.8;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
body .canonical-gender1264 button.customer-seat-gender-option-v332:hover:not(:disabled){background:var(--cg-color)!important;box-shadow:none!important;transform:translateY(-2px)!important}
body .canonical-gender1264 button.customer-seat-gender-option-v332:hover:after{opacity:1}
body .canonical-gender1264 button.customer-seat-gender-option-v332:focus-visible{outline:0!important;background:var(--cg-color)!important}
body .canonical-gender1264 button.customer-seat-gender-option-v332:focus-visible:before{inset:3px}
@media(prefers-reduced-motion:reduce){body .canonical-gender1264 *,body .canonical-gender1264 *:after{transition:none!important;animation:none!important;transform:none!important}}

/* Customer popover is viewport-anchored; only operations inner content is relative. */
body .customer-seat-gender-picker-v332.canonical-gender1264{position:fixed!important}