.mybus-operation-seat-picker{position:fixed;z-index:100000;box-sizing:border-box;width:272px;max-width:calc(100vw - 24px);border:1px solid #dce8e3;border-radius:22px;background:#fff;color:#17352c;box-shadow:0 18px 48px #123d3024,0 2px 8px #123d3010;font:14px Arial,sans-serif;text-align:center}
.mybus-operation-seat-picker:after{content:"";position:absolute;left:var(--picker-arrow,50%);bottom:-8px;width:14px;height:14px;border-right:1px solid #dce8e3;border-bottom:1px solid #dce8e3;background:#fff;transform:translateX(-50%) rotate(45deg)}
.mybus-operation-seat-picker.is-below:after{top:-8px;bottom:auto;border:0;border-left:1px solid #dce8e3;border-top:1px solid #dce8e3}
.mybus-operation-seat-picker-content{box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:18px;border-radius:22px}
.mybus-operation-seat-picker-content>strong{display:block;font-size:16px;font-weight:800;line-height:20px}
.mybus-operation-seat-picker-content>small{display:block;margin-top:5px;color:#6b7c75;font-size:12px;line-height:16px}
.mybus-seat-picker-genders{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mybus-operation-seat-picker .customer-seat-gender-option-v332{display:grid;place-items:center;box-sizing:border-box;min-height:118px;padding:12px 8px;gap:9px;border:1px solid #e0e8ed;border-radius:17px;background:#fff;cursor:pointer}
.mybus-operation-seat-picker .customer-seat-gender-option-v332>span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--avatar-bg)}
.mybus-operation-seat-picker .customer-seat-gender-option-v332 svg{width:54px;height:54px}
.mybus-operation-seat-picker .customer-seat-gender-option-v332>b{font-size:15px;font-weight:800}
.mybus-operation-seat-picker .is-male{color:#2865a0;--avatar-bg:#edf5ff}.mybus-operation-seat-picker .is-female{color:#ab416f;--avatar-bg:#fff0f5}
.mybus-operation-seat-picker .customer-seat-gender-option-v332:hover{background:var(--avatar-bg);border-color:currentColor}
.mybus-seat-picker-selected{font-weight:700;padding:12px 0}.mybus-seat-picker-actions{display:grid;gap:8px}
.mybus-seat-picker-actions>button,.mybus-seat-picker-back{width:100%;padding:11px;border:1px solid #dce8e3;border-radius:12px;background:#fff;color:#17352c;cursor:pointer;font:700 14px Arial,sans-serif}
.mybus-seat-picker-actions>button:hover{background:#edf6f1}.mybus-seat-picker-back{margin-top:10px;font-weight:400;font-size:12px;border:0}
.mybus-operation-seat-picker button:focus-visible{outline:2px solid #168467;outline-offset:2px}
body .mybus-operation-seat-anchor{outline:2px solid #168467!important;outline-offset:3px!important}

/* Shared existing-passenger action card. */
.mybus-operation-seat-picker.is-booked{width:520px;text-align:left}
.mybus-booked-head{display:grid;gap:5px;text-align:left}.mybus-booked-head>small{font-size:10px;letter-spacing:1.2px;color:#678276;font-weight:800}.mybus-booked-head>strong{font-size:19px;overflow-wrap:anywhere}.mybus-booked-head>span{font-size:12px;color:#60776d;line-height:1.5}
.mybus-booked-channel{margin-top:12px;padding:8px 10px;border-radius:9px;background:#eff7f3;color:#426557;font-size:12px}.mybus-booked-notice{font-size:12px;color:#60776d;line-height:1.5}
.mybus-booked-group h4{font-size:11px;color:#60776d;margin:16px 0 8px}.mybus-booked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mybus-booked-action{display:flex;align-items:center;gap:9px;border:1px solid #e0eae5;border-radius:12px;background:#fff;padding:10px;text-align:left;color:#17352c;cursor:pointer;font:13px Arial,sans-serif;min-width:0}.mybus-booked-action:hover{background:#eff7f3;border-color:#91b9a8}.mybus-booked-action>span:last-child{display:grid;gap:4px;min-width:0}.mybus-booked-action small{font-size:11px;line-height:1.4;color:#6d7c75}.mybus-booked-icon{font-size:18px;flex:0 0 22px;text-align:center}.mybus-booked-action.is-danger{color:#a33346}.mybus-booked-action.is-danger:hover{background:#fff1f3}
@media(max-width:480px){.mybus-booked-grid{grid-template-columns:1fr}}

.mybus-operation-seat-picker.is-booked button.mybus-booked-action{border-radius:12px}