/* MyBus UI Family v127: Tokens > Base > Shared > Panel > Responsive */
:root{--mb-brand-950:#06261d;--mb-brand-900:#08372a;--mb-brand-800:#0a4937;--mb-brand-700:#0b5d45;--mb-brand-600:#087a58;--mb-brand-500:#0d9870;--mb-brand-400:#35b58e;--mb-brand-100:#dff5ed;--mb-brand-50:#f0faf6;--mb-accent-600:#c52b31;--mb-accent-500:#de3b40;--mb-accent-100:#fee8e8;--mb-ink-950:#101c18;--mb-ink-800:#293a34;--mb-ink-600:#5a6c65;--mb-ink-500:#71817b;--mb-ink-300:#aab7b2;--mb-ink-200:#d6dfdb;--mb-ink-100:#e8eeeb;--mb-ink-50:#f5f7f6;--mb-white:#fff;--mb-success:#14805e;--mb-success-bg:#e5f7f0;--mb-warning:#a45c05;--mb-warning-bg:#fff4dd;--mb-danger:#bd2930;--mb-danger-bg:#fdebec;--mb-info:#1768a6;--mb-info-bg:#e8f3fb;--mb-font:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mb-xs:.75rem;--mb-sm:.875rem;--mb-md:1rem;--mb-lg:1.125rem;--mb-xl:1.375rem;--mb-2xl:1.75rem;--mb-3xl:clamp(2rem,4vw,3.5rem);--mb-s1:.25rem;--mb-s2:.5rem;--mb-s3:.75rem;--mb-s4:1rem;--mb-s5:1.25rem;--mb-s6:1.5rem;--mb-s8:2rem;--mb-s10:2.5rem;--mb-s12:3rem;--mb-r-sm:8px;--mb-r-md:12px;--mb-r-lg:18px;--mb-r-xl:24px;--mb-pill:999px;--mb-shadow-1:0 1px 2px rgba(6,38,29,.05),0 5px 16px rgba(6,38,29,.06);--mb-shadow-2:0 12px 32px rgba(6,38,29,.11);--mb-shadow-3:0 24px 64px rgba(6,38,29,.18);--mb-ring:0 0 0 3px rgba(13,152,112,.24);--mb-speed:160ms;--mb-content:1440px;color-scheme:light;font-family:var(--mb-font);accent-color:var(--mb-brand-600)}
*,*::before,*::after{box-sizing:border-box}html{font-family:var(--mb-font);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{color:var(--mb-ink-950);background:var(--mb-ink-50)}body,button,input,select,textarea{font-family:var(--mb-font)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--mb-ink-950)}p{color:var(--mb-ink-600)}a,button,input,select,textarea,[tabindex]{outline:none}:where(a,button,input,select,textarea,[tabindex]):focus-visible{box-shadow:var(--mb-ring)!important;outline:2px solid transparent!important}::selection{background:var(--mb-brand-100);color:var(--mb-brand-950)}
:where(button,.button,[role="button"]){min-height:40px;border-radius:var(--mb-r-sm);font-weight:700;transition:background-color var(--mb-speed),border-color var(--mb-speed),color var(--mb-speed),box-shadow var(--mb-speed),transform var(--mb-speed)}:where(button,.button,[role="button"]):not(:disabled):active{transform:translateY(1px)}:where(button,.button,[role="button"]):disabled{opacity:.48;cursor:not-allowed;filter:saturate(.45)}
:where(input,select,textarea){min-height:42px;border:1px solid var(--mb-ink-200);border-radius:var(--mb-r-sm);background:var(--mb-white);color:var(--mb-ink-950);padding:.65rem .8rem;transition:border-color var(--mb-speed),box-shadow var(--mb-speed)}:where(input,select,textarea):hover:not(:disabled){border-color:var(--mb-ink-300)}:where(input,select,textarea):focus{border-color:var(--mb-brand-500);box-shadow:var(--mb-ring)}:where(input,select,textarea):disabled{background:var(--mb-ink-100);color:var(--mb-ink-500)}:where(input[type="checkbox"],input[type="radio"]){min-height:auto;width:18px;height:18px;padding:0}
:where(table){width:100%;border-collapse:separate;border-spacing:0;font-size:var(--mb-sm)}:where(th){background:var(--mb-ink-50);color:var(--mb-ink-600);font-size:var(--mb-xs);font-weight:800;letter-spacing:.055em;text-transform:uppercase}:where(th,td){padding:.75rem;border-bottom:1px solid var(--mb-ink-100);text-align:start}:where(tbody tr){transition:background var(--mb-speed)}:where(tbody tr:hover){background:var(--mb-brand-50)}:where(.modal,.cm-modal,[role="dialog"]){backdrop-filter:blur(5px)}:where(.dialog,.cm-dialog,.modal-card){border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-xl);background:var(--mb-white);box-shadow:var(--mb-shadow-3)}:where(.toast,[role="alert"],.alert){border-radius:var(--mb-r-md);box-shadow:var(--mb-shadow-2)}:where(.hidden,[hidden]){display:none!important}
/* Customer: calm and reassuring */
body.mybus-customer-reference{background:#fbfcfb}.mybus-customer-reference .customer-site-header{border-top:3px solid var(--mb-accent-500);background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--mb-ink-100);backdrop-filter:blur(14px)}.mybus-customer-reference .customer-utility-bar{max-width:var(--mb-content);margin:auto;padding-inline:clamp(1rem,4vw,4rem)}.mybus-customer-reference .customer-primary-nav{border-top:1px solid var(--mb-ink-100);background:var(--mb-white)}.mybus-customer-reference .nav-link{color:var(--mb-ink-800);border-radius:0;position:relative}.mybus-customer-reference .nav-link::after{content:"";position:absolute;inset-inline:18%;bottom:0;height:3px;background:transparent}.mybus-customer-reference .nav-link:hover{color:var(--mb-brand-700);background:var(--mb-brand-50)}.mybus-customer-reference .nav-link.active{color:var(--mb-brand-700)}.mybus-customer-reference .nav-link.active::after{background:var(--mb-brand-500)}.mybus-customer-reference .hero{background:radial-gradient(circle at 72% 35%,rgba(13,152,112,.22),transparent 26%),linear-gradient(115deg,var(--mb-brand-950),#073d2c 64%,#541d20);min-height:355px}.mybus-customer-reference .hero h1{color:var(--mb-white);font-size:var(--mb-3xl);line-height:.98;max-width:760px}.mybus-customer-reference .hero p,.mybus-customer-reference .hero .trust{color:rgba(255,255,255,.82)}.mybus-customer-reference .eyebrow{color:#f5c85a;letter-spacing:.16em;font-size:var(--mb-xs);font-weight:800}.mybus-customer-reference :where(.search-card,.feature-card,.account-card,.content-card,.journey-card,.seat-card,.passenger-card,.review-card,.faq-item){border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-lg);background:var(--mb-white);box-shadow:var(--mb-shadow-1)}.mybus-customer-reference .search-card{box-shadow:var(--mb-shadow-2)}.mybus-customer-reference :where(.search-btn,.primary,.account-register-btn,.call){background:var(--mb-brand-600);border-color:var(--mb-brand-600);color:var(--mb-white)}.mybus-customer-reference :where(.search-btn,.primary,.account-register-btn,.call):hover{background:var(--mb-brand-700)}.mybus-customer-reference .nav-account-btn{border-color:var(--mb-ink-200);background:var(--mb-white);color:var(--mb-ink-800)}
/* Operations: dense and high-signal */
body.mybus-operations-reference{background:#eef2f0}.mybus-operations-reference .topbar{min-height:58px;padding-inline:var(--mb-s4);background:linear-gradient(90deg,var(--mb-brand-950),#0a4232);border-bottom:3px solid var(--mb-brand-500);box-shadow:var(--mb-shadow-2)}.mybus-operations-reference .brand-my{color:var(--mb-white)}.mybus-operations-reference .brand-bus{color:#54d2a8}.mybus-operations-reference .topbar :where(button,.plain){border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.9)}.mybus-operations-reference .workspace{gap:10px;padding:10px;max-width:1920px;margin:auto}.mybus-operations-reference :where(.leftpanel,.centerpanel,.rightpanel,.tripbox,.bottom-grid>section,.quicktop,.alerts,.short,.journeys){border:1px solid var(--mb-ink-200);border-radius:var(--mb-r-md);background:var(--mb-white);box-shadow:var(--mb-shadow-1)}.mybus-operations-reference :where(.leftpanel,.rightpanel){background:#f8faf9}.mybus-operations-reference :where(.sectionbtn,.tabs button,.quicktop button,.leftactions button){border-radius:var(--mb-r-sm)}.mybus-operations-reference .tabs{gap:3px;padding:4px;background:var(--mb-ink-100);border-radius:var(--mb-r-md)}.mybus-operations-reference .tabs button{background:transparent;color:var(--mb-ink-600);border:0}.mybus-operations-reference .tabs button.active{background:var(--mb-white);color:var(--mb-brand-700);box-shadow:var(--mb-shadow-1)}.mybus-operations-reference .filterbar{background:var(--mb-brand-50);border:1px solid var(--mb-brand-100);border-radius:var(--mb-r-md)}.mybus-operations-reference :where(.primary,.newtrip){background:var(--mb-brand-600);border-color:var(--mb-brand-600);color:var(--mb-white)}.mybus-operations-reference :where(.primary,.newtrip):hover{background:var(--mb-brand-700)}.mybus-operations-reference .counts>*{border-radius:var(--mb-r-sm);background:var(--mb-white);border:1px solid var(--mb-ink-100)}.mybus-operations-reference .seat{border-radius:6px;transition:transform var(--mb-speed),box-shadow var(--mb-speed)}.mybus-operations-reference .seat:hover{transform:translateY(-1px);box-shadow:var(--mb-shadow-1)}.mybus-operations-reference .toast{background:var(--mb-brand-950);color:var(--mb-white)}
/* Central: authoritative and structured */
body.central-management{background:#eef2f1}.central-management .cm-app{background:#eef2f1}.central-management .cm-sidebar{background:linear-gradient(180deg,var(--mb-brand-950),#0a382c 64%,#102a23);border-inline-end:1px solid rgba(255,255,255,.09);box-shadow:8px 0 30px rgba(6,38,29,.12)}.central-management .cm-brand{border-bottom:1px solid rgba(255,255,255,.12)}.central-management .cm-nav-button{border-radius:var(--mb-r-sm);color:rgba(255,255,255,.72);transition:background var(--mb-speed),color var(--mb-speed),transform var(--mb-speed)}.central-management .cm-nav-button:hover{background:rgba(255,255,255,.08);color:var(--mb-white);transform:translateX(2px)}.central-management .cm-nav-button[aria-current="page"]{background:linear-gradient(90deg,rgba(53,181,142,.24),rgba(53,181,142,.08));color:var(--mb-white);box-shadow:inset 3px 0 0 var(--mb-brand-400)}.central-management .cm-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--mb-ink-100);backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(6,38,29,.04)}.central-management #centralWorkspace{max-width:var(--mb-content);width:100%;margin-inline:auto}.central-management :where(.cm-panel,.cm-dashboard-card,.cm-organization>section,.cm-authz>section,.cm-personnel-layout>*,.cm-fleet-layout>*,.cm-trip-layout>*,.cm-cargo-layout>*,.cm-finance-grid>*,.cm-report-summary,.cm-report-results,.cm-alert-results,.cm-health-grid>*){border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-lg);background:var(--mb-white);box-shadow:var(--mb-shadow-1)}.central-management :where(.cm-personnel-filters,.cm-fleet-filters,.cm-trip-filters,.cm-cargo-filters,.cm-finance-filters,.cm-report-filters,.cm-alert-filters,.cm-audit-filters,.cm-range){border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-md);background:#f8faf9}.central-management :where(button[type="submit"],.cm-pagination button:not(:disabled),#centralHealthLoad){background:var(--mb-brand-600);border-color:var(--mb-brand-600);color:var(--mb-white)}.central-management .cm-logout{border-color:var(--mb-ink-200);background:var(--mb-white);color:var(--mb-ink-800)}.central-management .cm-kicker{color:var(--mb-brand-600);font-size:var(--mb-xs);font-weight:800;letter-spacing:.13em;text-transform:uppercase}.central-management [data-tone="error"]{color:var(--mb-danger);background:var(--mb-danger-bg)}.central-management .cm-warning{border-inline-start:4px solid var(--mb-warning);background:var(--mb-warning-bg)}
/* Login surfaces */
body:not([class]),body.central-management-login{background:radial-gradient(circle at 20% 10%,rgba(53,181,142,.15),transparent 34%),#edf3f0}.login-shell,.cml-layout{filter:drop-shadow(0 24px 54px rgba(6,38,29,.16))}.brand-panel,.cml-identity{background:linear-gradient(145deg,var(--mb-brand-950),var(--mb-brand-700));color:var(--mb-white)}.login-card,.cml-card{border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-xl);background:var(--mb-white);box-shadow:var(--mb-shadow-2)}.login-card button[type="submit"],.cml-card button[type="submit"]{background:var(--mb-brand-600);border-color:var(--mb-brand-600);color:var(--mb-white)}
@media(max-width:1100px){:root{--mb-content:100%}.mybus-operations-reference .workspace{grid-template-columns:minmax(220px,27%) 1fr}.mybus-operations-reference .rightpanel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}}
@media(max-width:820px){:root{--mb-3xl:clamp(2rem,9vw,3rem)}:where(button,input,select,textarea){min-height:44px}.mybus-customer-reference .customer-utility-bar{padding-inline:var(--mb-s4)}.mybus-customer-reference .hero{min-height:auto;padding-block:var(--mb-s10)}.mybus-operations-reference .topbar{position:sticky;top:0;z-index:30;overflow-x:auto}.mybus-operations-reference .workspace{display:block;padding:8px}.mybus-operations-reference :where(.leftpanel,.centerpanel,.rightpanel){margin-bottom:8px}.mybus-operations-reference .rightpanel{display:block}.central-management .cm-sidebar{box-shadow:var(--mb-shadow-3)}.central-management #centralWorkspace{padding:var(--mb-s4)}.central-management :where(.cm-personnel-filters,.cm-fleet-filters,.cm-trip-filters,.cm-cargo-filters,.cm-finance-filters,.cm-report-filters,.cm-alert-filters,.cm-audit-filters){grid-template-columns:1fr}.login-shell,.cml-layout{width:min(100% - 2rem,620px);margin:1rem auto;filter:none}}
@media(max-width:520px){.mybus-customer-reference .hero h1{line-height:1.04}.mybus-operations-reference :where(.tabs,.filterbar){overflow-x:auto;flex-wrap:nowrap}.central-management .cm-session{display:none}:where(th,td){padding:.625rem .5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Dense operation controls retain their functional geometry. */
.mybus-operations-reference .seat{min-height:0}
.mybus-operations-reference .tabs button{min-height:34px}

/* Reusable feedback and disclosure primitives. */
.mb-badge,.mb-status{display:inline-flex;align-items:center;gap:.375rem;width:max-content;padding:.25rem .625rem;border-radius:999px;background:var(--mb-ink-100);color:var(--mb-ink-700);font-size:var(--mb-xs);font-weight:750;line-height:1.25}.mb-status::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.mb-status[data-tone="success"]{background:var(--mb-success-bg);color:var(--mb-success)}.mb-status[data-tone="warning"]{background:var(--mb-warning-bg);color:#8a4b00}.mb-status[data-tone="error"]{background:var(--mb-danger-bg);color:var(--mb-danger)}.mb-status[data-tone="info"]{background:var(--mb-info-bg);color:var(--mb-info)}
.mb-tooltip{position:relative}.mb-tooltip::after{content:attr(data-tooltip);position:absolute;z-index:80;inset:auto auto calc(100% + .5rem) 50%;translate:-50% .25rem;max-width:18rem;padding:.5rem .625rem;border-radius:var(--mb-r-sm);background:var(--mb-ink-950);color:var(--mb-white);font-size:var(--mb-xs);line-height:1.35;opacity:0;pointer-events:none;transition:opacity var(--mb-speed),translate var(--mb-speed);white-space:normal}.mb-tooltip:hover::after,.mb-tooltip:focus-visible::after{opacity:1;translate:-50% 0}
.mb-toggle{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;border-radius:999px;background:var(--mb-ink-300);box-shadow:inset 0 0 0 1px rgba(8,37,29,.08);transition:background var(--mb-speed)}.mb-toggle::after{content:"";width:1.125rem;height:1.125rem;margin:.1875rem;border-radius:50%;background:var(--mb-white);box-shadow:var(--mb-shadow-1);transition:translate var(--mb-speed)}input:checked+.mb-toggle{background:var(--mb-brand-600)}input:checked+.mb-toggle::after{translate:1.25rem 0}
.mb-loading{display:inline-flex;align-items:center;gap:.625rem;color:var(--mb-ink-600)}.mb-loading::before{content:"";width:1rem;height:1rem;border:2px solid var(--mb-ink-200);border-top-color:var(--mb-brand-600);border-radius:50%;animation:mb-spin .75s linear infinite}.mb-skeleton{min-height:1rem;border-radius:var(--mb-r-sm);background:linear-gradient(90deg,var(--mb-ink-100) 25%,#f6f8f7 45%,var(--mb-ink-100) 65%);background-size:220% 100%;animation:mb-shimmer 1.35s ease-in-out infinite}.mb-empty-state{display:grid;place-items:center;gap:var(--mb-s3);min-height:12rem;padding:var(--mb-s8);border:1px dashed var(--mb-ink-200);border-radius:var(--mb-r-lg);background:var(--mb-surface-2);color:var(--mb-ink-600);text-align:center}.mb-empty-state strong{color:var(--mb-ink-900);font-size:var(--mb-lg)}
@keyframes mb-spin{to{rotate:1turn}}@keyframes mb-shimmer{to{background-position:-220% 0}}

/* Operations console refinement — v128 visual pass. */
@media(min-width:901px){
  body.mybus-operations-reference{font-size:12px;overflow:hidden}
  .mybus-operations-reference .topbar{height:64px;min-height:64px;padding:0 18px;gap:8px;overflow:visible}
  .mybus-operations-reference .brand{display:inline-flex;align-items:center;font-size:20px;letter-spacing:-.04em;text-decoration:none;margin-right:4px}
  .mybus-operations-reference .plain{height:38px;min-width:72px;padding:0 13px;border:1px solid rgba(255,255,255,.2);border-radius:9px!important;background:rgba(255,255,255,.09)!important;color:#fff!important}
  .mybus-operations-reference .topbar nav{display:flex;align-items:center;gap:3px;height:100%;overflow:visible}
  .mybus-operations-reference .topbar nav button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:38px;padding:0 11px;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:rgba(255,255,255,.78)!important;font-size:11px;font-weight:650;line-height:1;white-space:nowrap;box-shadow:none!important}
  .mybus-operations-reference .topbar nav button:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
  .mybus-operations-reference .topbar nav button.active,.mybus-operations-reference .topbar nav button[aria-current="page"]{background:#fff!important;color:var(--mb-brand-800)!important;box-shadow:0 5px 14px rgba(2,30,22,.2)!important}
  .mybus-operations-reference .mybus-language-control{min-height:42px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(2,30,22,.14)}
  .mybus-operations-reference .clock{color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
  .mybus-operations-reference .user-box{min-width:150px;min-height:40px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.08);color:#fff}
  .mybus-operations-reference .workspace{height:calc(100vh - 64px);grid-template-columns:220px minmax(650px,1fr) 360px;gap:12px;padding:12px;background:#eef2f0}
  .mybus-operations-reference :where(.leftpanel,.centerpanel,.rightpanel){min-width:0;min-height:0}
  .mybus-operations-reference .leftpanel{padding:10px;border:1px solid var(--mb-ink-100);border-radius:14px;background:#fff;box-shadow:var(--mb-shadow-1)}
  .mybus-operations-reference .tripbox{padding:13px 12px;margin-bottom:8px;border:1px solid var(--mb-brand-100);border-radius:10px;background:linear-gradient(145deg,var(--mb-brand-50),#fff);text-align:left}
  .mybus-operations-reference .tripbox strong{display:block;margin:2px 0;color:var(--mb-brand-800);font-size:19px;font-variant-numeric:tabular-nums}
  .mybus-operations-reference .tripbox small{display:block;margin-top:5px;color:var(--mb-ink-500);line-height:1.4}
  .mybus-operations-reference .sectionbtn{padding:9px 2px 7px;border:0;border-top:1px solid var(--mb-ink-100);background:transparent;color:var(--mb-ink-600);text-align:left;letter-spacing:.03em}
  .mybus-operations-reference .counts{padding:7px 2px;border-color:var(--mb-ink-100)}
  .mybus-operations-reference .seat-map{margin-top:6px;padding:9px 4px;border:0;border-radius:10px;background:linear-gradient(90deg,#fff 0 44%,#f2f5f4 44% 56%,#fff 56%)}
  .mybus-operations-reference .seat-physical-row{grid-template-columns:repeat(5,29px);gap:5px}
  .mybus-operations-reference .seat-physical-row .seat{width:29px;height:29px;min-width:29px;min-height:29px;border-color:var(--mb-ink-200);background:#fff;color:var(--mb-ink-800);font-size:11px}
  .mybus-operations-reference .seat.reserve{border-color:#d49a14;background:var(--mb-warning-bg);color:#764700}
  .mybus-operations-reference .seat.sold{border-color:#d14a75;background:#fde7ef;color:#8c1740}
  .mybus-operations-reference .seat:is(.reserve,.sold).seat-male-v130{border-color:#2f78c4;background:#b9dcff;color:#0c3f73}
  .mybus-operations-reference .seat:is(.reserve,.sold).seat-female-v130{border-color:#d64f88;background:#ffc1d8;color:#77183f}
  .mybus-operations-reference .seat-gender-legend-v130{display:flex;justify-content:center;gap:12px;padding:6px 2px 0;color:var(--mb-ink-600);font-size:10px}
  .mybus-operations-reference .seat-gender-legend-v130 span{display:inline-flex;align-items:center;gap:4px}
  .mybus-operations-reference .seat-gender-legend-v130 i{width:11px;height:11px;border:1px solid;border-radius:3px}
  .mybus-operations-reference .seat-gender-legend-v130 .male{border-color:#2f78c4;background:#b9dcff}
  .mybus-operations-reference .seat-gender-legend-v130 .female{border-color:#d64f88;background:#ffc1d8}
  .mybus-operations-reference .seat-physical-row .seat.seat-occupied-v133{border-color:#16825b;background:#bcebd8;color:#07523a}
  .mybus-operations-reference .seat-gender-legend-v130 .empty{border-color:var(--mb-ink-200);background:#fff}
  .mybus-operations-reference .seat-gender-legend-v130 .occupied{border-color:#16825b;background:#bcebd8}
  .mybus-operations-reference .seat-physical-row .seat.seat-occupied-v133.seat-male-v130{border-color:#2c6ed5;background:#aecdff;color:#0b397f}
  .mybus-operations-reference .seat-physical-row .seat.seat-occupied-v133.seat-female-v130{border-color:#df4b9a;background:#ff9fd0;color:#751044}
  .mybus-operations-reference .seat-physical-row .seat.reserve.seat-male-v130{border-color:#2c6ed5;background:linear-gradient(to top,#aecdff 0 50%,#fff 50% 100%);color:#0b397f}
  .mybus-operations-reference .seat-physical-row .seat.reserve.seat-female-v130{border-color:#df4b9a;background:linear-gradient(to top,#ff9fd0 0 50%,#fff 50% 100%);color:#751044}
  .mybus-operations-reference .seat-physical-row .seat.reserve.seat-occupied-v133:not(.seat-male-v130):not(.seat-female-v130){border-color:#16825b;background:linear-gradient(to top,#bcebd8 0 50%,#fff 50% 100%);color:#07523a}
  .mybus-operations-reference .seat-physical-row .seat.sold.seat-male-v130{border-color:#2c6ed5;background:#78aff8;color:#082f6c}
  .mybus-operations-reference .seat-physical-row .seat.sold.seat-female-v130{border-color:#df4b9a;background:#f47fba;color:#681039}
  .mybus-operations-reference .seat-physical-row .seat.sold.seat-occupied-v133:not(.seat-male-v130):not(.seat-female-v130){border-color:#16825b;background:#79cfae;color:#064631}
  .mybus-operations-reference .seat-gender-legend-v130 .reserved{border-color:#16825b;background:linear-gradient(to top,#79cfae 0 50%,#fff 50% 100%)}
  .mybus-operations-reference .seat-gender-legend-v130 .sold{border-color:#16825b;background:#79cfae}
  .mybus-operations-reference .seat-physical-row .seat{box-sizing:border-box;overflow:hidden;background-clip:padding-box;line-height:27px;text-align:center;white-space:nowrap}
  .mybus-operations-reference .seat-gender-legend-v130{flex-wrap:wrap;row-gap:5px;overflow:hidden}
  .mybus-operations-reference .seat-gender-legend-v130 span{min-width:0;white-space:nowrap}
  .mybus-customer-reference .customer-seat-row .seat.taken{box-sizing:border-box;overflow:hidden;background-clip:padding-box}
  .mybus-customer-reference .customer-seat-row .seat.customer-seat-female-v137.customer-seat-reserved-v137{border-color:#df4b9a;background:linear-gradient(to top,#ff9fd0 0 50%,#fff 50% 100%);color:#751044}
  .mybus-customer-reference .customer-seat-row .seat.customer-seat-male-v137.customer-seat-reserved-v137{border-color:#2c6ed5;background:linear-gradient(to top,#aecdff 0 50%,#fff 50% 100%);color:#0b397f}
  .mybus-customer-reference .customer-seat-row .seat.customer-seat-unspecified-v137.customer-seat-reserved-v137{border-color:#16825b;background:linear-gradient(to top,#bcebd8 0 50%,#fff 50% 100%);color:#07523a}
  .mybus-customer-reference .customer-seat-row .seat.customer-seat-female-v137.customer-seat-sold-v137{border-color:#df4b9a;background:#f47fba;color:#681039}
  .mybus-customer-reference .customer-seat-row .seat.customer-seat-male-v137.customer-seat-sold-v137{border-color:#2c6ed5;background:#78aff8;color:#082f6c}
  .mybus-customer-reference .customer-seat-row .seat.customer-seat-unspecified-v137.customer-seat-sold-v137{border-color:#16825b;background:#79cfae;color:#064631}
  .mybus-customer-reference .customer-seat-legend-v137{display:flex;flex-wrap:wrap;gap:7px 12px}
  .mybus-customer-reference .customer-seat-legend-v137 .female{border-color:#df4b9a;background:#ff9fd0}
  .mybus-customer-reference .customer-seat-legend-v137 .male{border-color:#2c6ed5;background:#aecdff}
  .mybus-customer-reference .customer-seat-legend-v137 .reserved{border-color:#16825b;background:linear-gradient(to top,#79cfae 0 50%,#fff 50% 100%)}
  .mybus-customer-reference .customer-seat-legend-v137 .sold{border-color:#16825b;background:#79cfae}
  .mybus-operations-reference .seat.boarded{border-color:#42a779;background:var(--mb-success-bg);color:#15613f}
  .mybus-operations-reference .leftactions{margin-top:8px}
  .mybus-operations-reference .leftactions button{min-height:40px;border:0!important;border-radius:9px!important;background:var(--mb-brand-700)!important;color:#fff!important;font-weight:750}
  .mybus-operations-reference .centerpanel{grid-template-rows:46px 42px minmax(0,1fr) 142px;border:1px solid var(--mb-ink-100);border-radius:14px;background:#fff;box-shadow:var(--mb-shadow-1);overflow:hidden}
  .mybus-operations-reference .tabs{align-items:center;gap:2px;padding:5px 7px;border:0;border-bottom:1px solid var(--mb-ink-100);border-radius:0;background:#f7faf8;overflow-x:auto}
  .mybus-operations-reference .tabs button{height:34px;min-height:34px;padding:0 10px;border-radius:8px;color:var(--mb-ink-600);font-size:11px;font-weight:650}
  .mybus-operations-reference .tabs button.active{background:#fff;color:var(--mb-brand-800);box-shadow:0 2px 8px rgba(7,56,42,.1)}
  .mybus-operations-reference .filterbar{min-height:42px;padding:7px 12px;border:0;border-bottom:1px solid var(--mb-brand-100);border-radius:0;background:var(--mb-brand-50)}
  .mybus-operations-reference .tab-panel{min-height:0;background:#fff;overflow:auto}
  .mybus-operations-reference .toolbar{min-height:48px;padding:7px 9px;gap:7px;border-bottom:1px solid var(--mb-ink-100);background:#fbfcfc}
  .mybus-operations-reference .toolbar button{min-height:34px;padding:0 11px;border:1px solid var(--mb-ink-200);border-radius:8px;background:#fff;color:var(--mb-ink-800)}
  .mybus-operations-reference table{font-size:11px}
  .mybus-operations-reference th{height:30px;padding:6px 8px;border-color:var(--mb-ink-100);background:#f5f8f7;color:var(--mb-ink-600);font-size:10px;letter-spacing:.045em;text-transform:uppercase}
  .mybus-operations-reference td{height:31px;padding:6px 8px;border-color:var(--mb-ink-100);color:var(--mb-ink-800)}
  .mybus-operations-reference tbody tr:hover td{background:var(--mb-brand-50)}
  .mybus-operations-reference .bottom-grid{grid-template-columns:1fr 1fr;border-top:10px solid #eef2f0;background:#fff}
  .mybus-operations-reference .bottom-grid section{border:0;border-right:1px solid var(--mb-ink-100);border-radius:0;box-shadow:none}
  .mybus-operations-reference .bottom-grid header{min-height:34px;padding:8px 10px;border-color:var(--mb-ink-100);background:#f7faf8;color:var(--mb-ink-700)}
  .mybus-operations-reference .bottom-grid header button{min-height:30px;padding:0 10px;border-radius:7px;background:var(--mb-brand-600);color:#fff}
  .mybus-operations-reference .rightpanel{display:grid;grid-template-rows:minmax(250px,34%) minmax(0,1fr);gap:12px;overflow:hidden;background:transparent}
  .mybus-operations-reference .quicktop{display:none}
  .mybus-operations-reference .alerts{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(94px,1fr) auto auto;gap:8px;padding:10px;border:1px solid var(--mb-ink-100);border-radius:14px;background:#fff;box-shadow:var(--mb-shadow-1);overflow:hidden}
  .mybus-operations-reference .alerts>button{display:flex;align-items:center;min-width:0;min-height:94px;padding:12px;border:1px solid var(--mb-ink-100);border-radius:10px;background:#f9fbfa;color:var(--mb-ink-700);text-align:left;text-decoration:none}
  .mybus-operations-reference .alerts>button:first-child{border-color:#f4c8c8;background:var(--mb-danger-bg);color:var(--mb-danger)}
  .mybus-operations-reference .short{grid-column:1/-1;min-height:62px;padding:10px;border:1px solid var(--mb-ink-100);border-radius:10px;background:#f9fbfa;box-shadow:none}
  .mybus-operations-reference .short kbd{border-color:#b8decf;background:var(--mb-brand-100);color:var(--mb-brand-800)}
  .mybus-operations-reference .short button{min-height:34px;border-radius:8px;background:var(--mb-brand-950);color:#fff}
  .mybus-operations-reference .alerts small{color:var(--mb-ink-500);line-height:1.4}
  .mybus-operations-reference .journeys{min-height:0;padding-bottom:58px;border:1px solid var(--mb-ink-100);border-radius:14px;background:#fff;box-shadow:var(--mb-shadow-1);overflow:auto}
  .mybus-operations-reference .journeys table{min-width:520px}
  .mybus-operations-reference .journeys thead th{position:sticky;top:0;z-index:2}
  .mybus-operations-reference .journey-item.active td{background:var(--mb-brand-50);color:var(--mb-ink-900)}
  .mybus-operations-reference .newtrip{right:12px;bottom:12px;min-height:38px;padding:0 14px;border-radius:9px!important;background:var(--mb-brand-600)!important;box-shadow:0 7px 18px rgba(12,121,87,.22)}
}


/* v141 professional operation seat-selection card */
body.mybus-operations-reference .workspace{grid-template-columns:238px minmax(650px,1fr) 360px}
body.mybus-operations-reference .seat-map{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:0;margin:8px 0;padding:0 14px 16px;overflow:auto;border:1px solid #b9ddd0;border-radius:34px 34px 22px 22px;background:radial-gradient(circle at 50% 0,rgba(68,166,131,.11),transparent 170px),linear-gradient(90deg,#fbfefd 0 43%,#f0f7f4 43% 57%,#fbfefd 57% 100%);box-shadow:inset 0 0 0 4px rgba(255,255,255,.72),0 9px 24px rgba(13,73,55,.08)}
body.mybus-operations-reference .seat-card-head-v141{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 4px 13px;border-bottom:1px solid #dcebe6}
body.mybus-operations-reference .seat-card-head-v141 div{display:flex;flex-direction:column;gap:5px}
body.mybus-operations-reference .seat-card-head-v141 small{color:#087659;font-size:8px;font-weight:800;letter-spacing:.16em}
body.mybus-operations-reference .seat-card-head-v141 strong{color:#17372e;font-size:14px;font-weight:650}
body.mybus-operations-reference .seat-card-head-v141>span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #c6e5da;border-radius:999px;background:#eff9f5;color:#42685c;font-size:8px;white-space:nowrap}
body.mybus-operations-reference .seat-card-head-v141>span i{width:6px;height:6px;border-radius:50%;background:#20b681;box-shadow:0 0 0 3px rgba(32,182,129,.1)}
body.mybus-operations-reference .seat-bus-front{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;border-bottom:1px dashed #aed5c7;color:#81948d;font-size:8px;letter-spacing:.16em}
body.mybus-operations-reference .seat-wheel-v141{position:relative;width:29px;height:29px;border:3px double #82958e;border-radius:50%;background:radial-gradient(circle,#fff 0 28%,#82958e 29% 34%,#fff 35% 55%,#82958e 56% 61%,#fff 62%);box-shadow:0 2px 4px rgba(19,57,46,.18)}
body.mybus-operations-reference .seat-wheel-v141::after{content:"";position:absolute;inset:11px -3px auto;border-top:2px solid #82958e;transform:rotate(28deg)}
body.mybus-operations-reference .seat-physical-row{display:grid;grid-template-columns:repeat(5,30px);gap:4px;justify-content:center;width:100%}
body.mybus-operations-reference .seat-aisle{width:30px}
body.mybus-operations-reference .seat-physical-row .seat{--chair-fill:linear-gradient(180deg,#78998e,#42675b);--chair-edge:#365a4f;position:relative;width:30px;height:36px;min-width:30px;min-height:36px;margin:0;padding:0;overflow:visible;border:0!important;border-radius:7px;background:transparent!important;color:#153e33;font-size:8px;line-height:1;box-shadow:none!important;isolation:isolate}
body.mybus-operations-reference .seat-physical-row .seat::before{content:"";position:absolute;z-index:-1;left:7px;top:6px;width:17px;height:25px;border:1px solid var(--chair-edge);border-radius:6px 6px 4px 4px;background:var(--chair-fill);box-shadow:inset 0 2px 3px rgba(255,255,255,.34),inset 0 -3px 4px rgba(4,38,28,.2),0 3px 6px rgba(16,55,43,.22)}
body.mybus-operations-reference .seat-physical-row .seat::after{content:"";position:absolute;z-index:-2;left:3px;top:15px;width:25px;height:13px;border:3px solid var(--chair-edge);border-top:0;border-bottom:0;border-radius:3px;background:linear-gradient(180deg,transparent 0 65%,var(--chair-edge) 66% 76%,transparent 77%)}
body.mybus-operations-reference .seat-number-v141{position:absolute;z-index:2;left:0;top:4px;display:grid;place-items:center;min-width:10px;height:11px;padding:0 2px;border-radius:3px;background:rgba(255,255,255,.94);color:#17372e;font-size:7px;font-weight:800;box-shadow:0 1px 3px rgba(20,59,47,.12)}
body.mybus-operations-reference .seat-physical-row .seat:hover{transform:translateY(-2px) scale(1.04)}
body.mybus-operations-reference .seat-physical-row .seat:focus-visible,body.mybus-operations-reference .seat-physical-row .seat.selected{outline:3px solid #0a9e75!important;outline-offset:2px;border-radius:9px}
body.mybus-operations-reference .seat-physical-row .seat.seat-occupied-v133{--chair-fill:linear-gradient(180deg,#82c8ad,#39906f);--chair-edge:#167050}
body.mybus-operations-reference .seat-physical-row .seat.seat-male-v130{--chair-fill:linear-gradient(180deg,#9bc9ff,#4b8de0);--chair-edge:#2767bc}
body.mybus-operations-reference .seat-physical-row .seat.seat-female-v130{--chair-fill:linear-gradient(180deg,#ffb8d9,#ed6caf);--chair-edge:#ca3e82}
body.mybus-operations-reference .seat-physical-row .seat.reserve.seat-male-v130{--chair-fill:linear-gradient(to top,#5e9eea 0 50%,#edf6ff 50% 100%)}
body.mybus-operations-reference .seat-physical-row .seat.reserve.seat-female-v130{--chair-fill:linear-gradient(to top,#ed78b5 0 50%,#fff0f7 50% 100%)}
body.mybus-operations-reference .seat-physical-row .seat.reserve:not(.seat-male-v130):not(.seat-female-v130){--chair-fill:linear-gradient(to top,#57ac8b 0 50%,#effaf6 50% 100%)}
body.mybus-operations-reference .seat-bus-rear{width:100%;justify-content:center;margin-top:3px;padding:9px 0 0;border-top:1px dashed #aed5c7;color:#82978f;font-size:8px;letter-spacing:.16em}
@media(max-width:1300px){body.mybus-operations-reference .workspace{grid-template-columns:220px minmax(570px,1fr) 350px}body.mybus-operations-reference .seat-map{padding-inline:8px}}
@media(min-width:901px) and (max-width:1360px){.mybus-operations-reference .workspace{grid-template-columns:200px minmax(560px,1fr) 320px}.mybus-operations-reference .topbar nav button{padding-inline:7px;font-size:10px}.mybus-operations-reference .clock{display:none}}

/* Customer self-service center — verified public API capabilities. */
.customer-service-center{width:min(1180px,calc(100% - 32px));margin:var(--mb-s12) auto;padding:clamp(24px,4vw,48px);border:1px solid var(--mb-brand-100);border-radius:var(--mb-r-xl);background:linear-gradient(145deg,#f7fcfa,#fff);box-shadow:var(--mb-shadow-2)}.customer-service-intro{max-width:720px;margin-bottom:var(--mb-s8)}.customer-service-intro h2{margin:.5rem 0;color:var(--mb-ink-950);font-size:clamp(1.75rem,3vw,2.55rem);letter-spacing:-.035em}.customer-service-intro p{margin:0;color:var(--mb-ink-600);font-size:var(--mb-md);line-height:1.65}.customer-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mb-s5)}.mb-service-card{min-width:0;padding:var(--mb-s6);border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-lg);background:#fff;box-shadow:var(--mb-shadow-1)}.mb-service-card-head{display:flex;align-items:flex-start;gap:var(--mb-s4);margin-bottom:var(--mb-s5)}.mb-service-icon{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--mb-brand-100);color:var(--mb-brand-800);font-weight:900}.mb-service-card h3{margin:0 0 .25rem;color:var(--mb-ink-900);font-size:var(--mb-lg)}.mb-service-card p{margin:0;color:var(--mb-ink-500);line-height:1.5}.mb-service-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mb-s3)}.mb-service-field{display:grid;gap:.375rem;color:var(--mb-ink-700);font-size:var(--mb-sm);font-weight:700}.mb-service-field input{width:100%;min-width:0}.mb-service-form>button{margin-top:var(--mb-s4)}.mb-service-status{min-height:1.5rem;margin-top:var(--mb-s3);color:var(--mb-ink-500);font-size:var(--mb-sm)}.mb-service-status.is-error{padding:.625rem .75rem;border-radius:var(--mb-r-sm);background:var(--mb-danger-bg);color:var(--mb-danger)}.mb-service-result{margin-top:var(--mb-s3)}.mb-result-list{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem;margin:0;padding:var(--mb-s4);border-radius:var(--mb-r-md);background:var(--mb-surface-2)}.mb-result-list dt{color:var(--mb-ink-500);font-weight:650}.mb-result-list dd{margin:0;color:var(--mb-ink-900);font-weight:750;overflow-wrap:anywhere}.mb-service-history{display:grid;gap:.5rem}.mb-history-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--mb-s3);padding:.75rem;border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-sm);background:var(--mb-surface-2)}.mb-history-item span{color:var(--mb-ink-700)}.mb-history-item small{color:var(--mb-ink-500)}.mb-empty-inline{padding:var(--mb-s4);border-radius:var(--mb-r-sm);background:var(--mb-surface-2)}

/* Central user directory — global permission and safe DTO backed. */
.cm-users-center{display:grid;gap:var(--mb-s5)}.cm-users-toolbar{display:flex;align-items:end;gap:var(--mb-s3);padding:var(--mb-s4);border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-md);background:#f8faf9}.cm-users-toolbar label{display:grid;flex:1;gap:.375rem;color:var(--mb-ink-600);font-size:var(--mb-sm);font-weight:700}.cm-users-toolbar input{width:100%}.cm-users-toolbar button,.cm-user-open,.cm-user-actions button{border:1px solid var(--mb-brand-600);background:var(--mb-brand-600);color:#fff}.cm-users-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-lg);background:#fff;box-shadow:var(--mb-shadow-1)}.cm-users-table{min-width:760px}.cm-users-table tbody tr:hover td{background:var(--mb-brand-50)}.cm-user-open{min-height:32px;padding:.375rem .75rem;border-radius:var(--mb-r-sm);white-space:nowrap}.cm-user-detail-shell{min-height:160px}.cm-user-detail{padding:var(--mb-s6);border:1px solid var(--mb-ink-100);border-radius:var(--mb-r-lg);background:#fff;box-shadow:var(--mb-shadow-1)}.cm-user-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mb-s4)}.cm-user-detail h3{margin:0;color:var(--mb-ink-900)}.cm-user-detail p{margin:.25rem 0;color:var(--mb-ink-500)}.cm-user-facts{display:grid;grid-template-columns:max-content 1fr;gap:.625rem 1rem;margin:var(--mb-s5) 0}.cm-user-facts dt{color:var(--mb-ink-500);font-weight:700}.cm-user-facts dd{margin:0;color:var(--mb-ink-900)}.cm-user-actions{display:flex;gap:var(--mb-s3)}.cm-user-actions button{min-height:38px;border-radius:var(--mb-r-sm)}.mb-status.is-muted{background:var(--mb-danger-bg);color:var(--mb-danger)}
@media(max-width:820px){.customer-service-center{width:min(100% - 16px,680px);margin:var(--mb-s6) auto;padding:var(--mb-s5)}.customer-service-grid{grid-template-columns:1fr}.mb-service-fields{grid-template-columns:1fr}.mb-history-item{grid-template-columns:1fr}.cm-users-toolbar{align-items:stretch;flex-direction:column}.cm-users-toolbar button{width:100%}.cm-user-detail-head{align-items:flex-start;flex-direction:column}}

/* Operations screenshot QA — prevent journey clipping and action/toast overlap. */
@media(min-width:1361px){.mybus-operations-reference .workspace{grid-template-columns:220px minmax(650px,1fr) 420px}.mybus-operations-reference .topbar nav button{font-size:12px}}
@media(min-width:901px){.mybus-operations-reference .journeys{overflow-y:auto;overflow-x:hidden}.mybus-operations-reference .journeys table{width:100%;min-width:0;max-width:100%;table-layout:fixed}.mybus-operations-reference .journeys :where(th,td){padding-inline:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mybus-operations-reference .journeys :where(th,td):nth-child(1){width:78px}.mybus-operations-reference .journeys :where(th,td):nth-child(2){width:120px}.mybus-operations-reference .journeys :where(th,td):nth-child(3){width:54px}.mybus-operations-reference .journeys :where(th,td):nth-child(4){width:62px}.mybus-operations-reference .journeys :where(th,td):nth-child(5){width:68px}.mybus-operations-reference .journeys :where(th,td):nth-child(6){width:42px}.mybus-operations-reference .toast{right:24px;bottom:76px;max-width:360px;border-radius:9px;box-shadow:var(--mb-shadow-3)}}
@media(min-width:901px) and (max-width:1360px){.mybus-operations-reference .workspace{grid-template-columns:200px minmax(560px,1fr) 340px}.mybus-operations-reference .journeys :where(th,td):nth-child(5),.mybus-operations-reference .journeys :where(th,td):nth-child(6){display:none}}

/* v143 shared professional seat template — customer booking */
body.mybus-customer-reference .coach{max-width:470px;margin:auto;padding:0;border:1px solid #b9ddd0;border-radius:56px 56px 28px 28px;background:radial-gradient(circle at 50% 0,rgba(68,166,131,.12),transparent 220px),linear-gradient(90deg,#fbfefd 0 43%,#f0f7f4 43% 57%,#fbfefd 57% 100%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.76),0 16px 38px rgba(13,73,55,.11);overflow:hidden}
body.mybus-customer-reference .coach .seat-map{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 34px 25px;background:transparent}
body.mybus-customer-reference .customer-seat-head-v143{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 4px 18px;border-bottom:1px solid #dcebe6}
body.mybus-customer-reference .customer-seat-head-v143 div{display:flex;flex-direction:column;gap:7px}
body.mybus-customer-reference .customer-seat-head-v143 small{color:#087659;font-size:9px;font-weight:900;letter-spacing:.17em}
body.mybus-customer-reference .customer-seat-head-v143 strong{color:#17372e;font-size:19px;font-weight:700}
body.mybus-customer-reference .customer-seat-head-v143>span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #c6e5da;border-radius:999px;background:#eff9f5;color:#42685c;font-size:10px;white-space:nowrap}
body.mybus-customer-reference .customer-seat-head-v143>span i{width:7px;height:7px;border-radius:50%;background:#20b681;box-shadow:0 0 0 4px rgba(32,182,129,.1)}
body.mybus-customer-reference .customer-seat-front-v143{width:100%;height:72px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 12px;border-bottom:1px dashed #aed5c7;color:#81948d;font-size:9px;letter-spacing:.17em}
body.mybus-customer-reference .customer-seat-wheel-v143{position:relative;width:38px;height:38px;border:4px double #82958e;border-radius:50%;background:radial-gradient(circle,#fff 0 28%,#82958e 29% 34%,#fff 35% 55%,#82958e 56% 61%,#fff 62%);box-shadow:0 3px 7px rgba(19,57,46,.2)}
body.mybus-customer-reference .customer-seat-wheel-v143::after{content:"";position:absolute;inset:14px -4px auto;border-top:3px solid #82958e;transform:rotate(28deg)}
body.mybus-customer-reference .customer-seat-row{display:grid;grid-template-columns:repeat(5,48px);gap:12px;justify-content:center;width:100%}
body.mybus-customer-reference .customer-seat-aisle{width:48px}
body.mybus-customer-reference .customer-seat-row .seat{--chair-fill:linear-gradient(180deg,#78998e,#42675b);--chair-edge:#365a4f;position:relative;width:48px;height:54px;min-width:48px;min-height:54px;margin:0;padding:0;overflow:visible;border:0!important;border-radius:10px;background:transparent!important;color:#153e33;box-shadow:none!important;opacity:1;isolation:isolate}
body.mybus-customer-reference .customer-seat-row .seat::before{content:"";position:absolute;z-index:-1;left:12px;top:8px;width:25px;height:37px;border:1px solid var(--chair-edge);border-radius:8px 8px 5px 5px;background:var(--chair-fill);box-shadow:inset 0 3px 4px rgba(255,255,255,.34),inset 0 -4px 5px rgba(4,38,28,.2),0 5px 9px rgba(16,55,43,.22)}
body.mybus-customer-reference .customer-seat-row .seat::after{content:"";position:absolute;z-index:-2;left:6px;top:22px;width:37px;height:18px;border:4px solid var(--chair-edge);border-top:0;border-bottom:0;border-radius:4px;background:linear-gradient(180deg,transparent 0 65%,var(--chair-edge) 66% 76%,transparent 77%)}
body.mybus-customer-reference .customer-seat-number-v143{position:absolute;z-index:2;left:0;top:6px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:5px;background:rgba(255,255,255,.96);color:#17372e;font-size:9px;font-weight:900;box-shadow:0 2px 5px rgba(20,59,47,.14)}
body.mybus-customer-reference .customer-seat-row .seat:hover:not(:disabled){transform:translateY(-3px) scale(1.04)}
body.mybus-customer-reference .customer-seat-row .seat:focus-visible,body.mybus-customer-reference .customer-seat-row .seat.selected{outline:4px solid #12a679!important;outline-offset:3px;border-radius:11px}
body.mybus-customer-reference .customer-seat-row .seat.selected{--chair-fill:linear-gradient(180deg,#38c79a,#087a5a);--chair-edge:#056347}
body.mybus-customer-reference .customer-seat-row .seat.selected .customer-seat-number-v143{background:#087a5a;color:#fff}
body.mybus-customer-reference .customer-seat-row .seat.taken{cursor:not-allowed}
body.mybus-customer-reference .customer-seat-row .seat.customer-seat-female-v137{--chair-fill:linear-gradient(180deg,#ffb8d9,#ed6caf);--chair-edge:#ca3e82}
body.mybus-customer-reference .customer-seat-row .seat.customer-seat-male-v137{--chair-fill:linear-gradient(180deg,#9bc9ff,#4b8de0);--chair-edge:#2767bc}
body.mybus-customer-reference .customer-seat-row .seat.customer-seat-unspecified-v137{--chair-fill:linear-gradient(180deg,#82c8ad,#39906f);--chair-edge:#167050}
body.mybus-customer-reference .customer-seat-row .seat.customer-seat-female-v137.customer-seat-reserved-v137{--chair-fill:linear-gradient(to top,#ed78b5 0 50%,#fff0f7 50% 100%)}
body.mybus-customer-reference .customer-seat-row .seat.customer-seat-male-v137.customer-seat-reserved-v137{--chair-fill:linear-gradient(to top,#5e9eea 0 50%,#edf6ff 50% 100%)}
body.mybus-customer-reference .customer-seat-row .seat.customer-seat-unspecified-v137.customer-seat-reserved-v137{--chair-fill:linear-gradient(to top,#57ac8b 0 50%,#effaf6 50% 100%)}
body.mybus-customer-reference .customer-seat-rear{width:100%;margin-top:5px;padding-top:12px;border-top:1px dashed #aed5c7;color:#82978f;font-size:9px;letter-spacing:.17em}
@media(max-width:560px){body.mybus-customer-reference .coach .seat-map{padding-inline:15px}body.mybus-customer-reference .customer-seat-head-v143{gap:8px;padding-top:22px}body.mybus-customer-reference .customer-seat-head-v143 strong{font-size:16px}body.mybus-customer-reference .customer-seat-head-v143>span{padding:7px 8px;font-size:8px}body.mybus-customer-reference .customer-seat-row{grid-template-columns:repeat(5,40px);gap:6px}body.mybus-customer-reference .customer-seat-aisle{width:40px}body.mybus-customer-reference .customer-seat-row .seat{width:40px;min-width:40px;height:48px;min-height:48px}body.mybus-customer-reference .customer-seat-row .seat::before{left:10px;width:21px;height:32px}body.mybus-customer-reference .customer-seat-row .seat::after{left:5px;top:20px;width:31px;height:15px}}

/* v144 tablet + phone responsive family */
@media(max-width:1024px){
  body.mybus-customer-reference .customer-utility-bar{padding-inline:18px;gap:10px}.mybus-customer-reference .customer-primary-nav{overflow-x:auto;scrollbar-width:none}.mybus-customer-reference .customer-primary-nav::-webkit-scrollbar{display:none}.mybus-customer-reference .customer-primary-nav nav{min-width:max-content}.mybus-customer-reference .hero{min-height:310px;padding:48px 5vw 105px;grid-template-columns:1fr}.mybus-customer-reference .route-visual{display:none}.mybus-customer-reference .shell{width:min(94vw,900px)}.mybus-customer-reference .booking{padding:20px}.mybus-customer-reference .search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.mybus-customer-reference .search-grid .swap{display:none}.mybus-customer-reference .search-btn{width:100%}.mybus-customer-reference .journey-card{grid-template-columns:minmax(0,1.5fr) .7fr .7fr;gap:14px;padding:20px}.mybus-customer-reference .journey-card .duration{display:none}.mybus-customer-reference .journey-card .choose-trip{grid-column:3}.mybus-customer-reference .seat-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:20px}.mybus-customer-reference .checkout{padding-left:18px}.mybus-customer-reference .checkout-grid{grid-template-columns:1fr}.mybus-customer-reference .customer-service-grid{grid-template-columns:1fr 1fr}.mybus-customer-reference .customer-footer{flex-wrap:wrap;gap:28px}
  body.mybus-operations-reference{overflow:auto}.mybus-operations-reference .topbar{height:auto;min-height:60px;overflow-x:auto}.mybus-operations-reference .topbar nav{min-width:max-content}.mybus-operations-reference .workspace{height:auto;min-height:calc(100vh - 60px);display:grid;grid-template-columns:230px minmax(0,1fr);gap:10px;padding:10px}.mybus-operations-reference .leftpanel{min-height:720px}.mybus-operations-reference .centerpanel{min-height:720px}.mybus-operations-reference .rightpanel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:auto;min-height:340px;overflow:visible}.mybus-operations-reference .rightpanel .alerts,.mybus-operations-reference .rightpanel .journeys{min-height:310px}.mybus-operations-reference .journeys table{min-width:620px}.mybus-operations-reference .bottom-grid{grid-template-columns:1fr}.mybus-operations-reference .dialog{width:min(92vw,850px);min-width:0}.mybus-operations-reference .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mybus-operations-reference .passenger-popup-v101{max-height:min(76vh,640px);overflow:auto}
  body.central-management .cm-header{height:auto;min-height:76px;flex-wrap:wrap;gap:10px;padding:12px 16px}.central-management .cm-header>div{min-width:180px}.central-management .cm-header label{margin-left:auto}.central-management #centralWorkspace{padding:20px}.central-management :where(.cm-dashboard-grid,.cm-cards,.cm-finance-grid,.cm-health-grid,.cm-org-columns,.cm-authz-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.central-management :where(.cm-personnel-filters,.cm-fleet-filters,.cm-trip-filters,.cm-cargo-filters,.cm-finance-filters,.cm-report-filters,.cm-alert-filters,.cm-audit-filters,.cm-range){grid-template-columns:repeat(2,minmax(0,1fr))}.central-management :where(.cm-personnel-layout,.cm-fleet-layout,.cm-trip-layout,.cm-cargo-layout){grid-template-columns:minmax(0,1fr)}.central-management :where(.cm-audit-table-wrap,.cm-users-table-wrap){max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.central-management :where(.cm-audit-table-wrap table,.cm-users-table){min-width:760px}
}

/* v145 final narrow-screen containment */
@media(max-width:700px){
  body.mybus-customer-reference .customer-primary-nav{max-width:100vw;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  body.mybus-customer-reference .customer-primary-nav>nav{display:flex;width:max-content;min-width:100%;max-width:none}
  body.mybus-customer-reference .seat-layout{width:100%;min-width:0;max-width:100%;overflow:hidden}
  body.mybus-customer-reference .seat-layout>div{width:100%;min-width:0;max-width:100%}
  body.mybus-customer-reference .coach{width:100%;min-width:0;max-width:100%;overflow:hidden}
  body.mybus-customer-reference .coach .seat-map{width:100%;min-width:0;max-width:100%}
  body.mybus-operations-reference :where(.workspace,.leftpanel,.centerpanel,.rightpanel){max-width:100%;min-width:0;overflow-x:hidden}
  body.mybus-operations-reference :where(.table-wrap,.tab-panel,.journeys){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.central-management :where(.cm-main,#centralWorkspace,#centralWorkspace>section){width:100%;min-width:0;max-width:100%;overflow-x:hidden}
  body.central-management :where(.cm-audit-table-wrap,.cm-users-table-wrap){overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* v150 customer journey search — premium booking surface */
body.mybus-customer-reference .booking{isolation:isolate;margin-top:-68px!important;padding:26px 28px 28px!important;border:1px solid rgba(9,87,64,.13)!important;border-radius:24px!important;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)!important;box-shadow:0 24px 60px rgba(6,38,29,.14),0 4px 14px rgba(6,38,29,.06)!important}
body.mybus-customer-reference .booking::before{content:"";position:absolute;z-index:-1;inset:0 22px auto;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,var(--mb-brand-500) 24%,var(--mb-brand-400) 76%,transparent)}
body.mybus-customer-reference .trip-types{display:inline-flex;gap:4px;margin:0 0 24px;padding:4px;border:1px solid var(--mb-ink-100);border-radius:13px;background:#f1f5f3}
body.mybus-customer-reference .trip-type{min-height:40px;padding:0 17px;border:0;border-radius:9px;background:transparent;color:var(--mb-ink-600);font-size:12px;font-weight:800;box-shadow:none}
body.mybus-customer-reference .trip-type:hover{background:#fff;color:var(--mb-brand-700)}
body.mybus-customer-reference .trip-type.active{background:var(--mb-brand-950)!important;color:#fff!important;box-shadow:0 6px 14px rgba(6,38,29,.16)}
body.mybus-customer-reference .search-grid{display:grid!important;grid-template-columns:minmax(190px,1.25fr) 44px minmax(190px,1.25fr) minmax(175px,.9fr) minmax(140px,.66fr) minmax(150px,.7fr)!important;gap:14px!important;align-items:end!important}
body.mybus-customer-reference .search-grid>label,body.mybus-customer-reference .search-date-field{min-width:0}
body.mybus-customer-reference .search-grid label>span,body.mybus-customer-reference .search-date-field label>span{margin:0 0 8px 2px;color:#5c7169;font-size:10px;font-weight:900;letter-spacing:.115em}
body.mybus-customer-reference .search-grid :where(input,select),body.mybus-customer-reference .search-date-field>input{height:56px;min-height:56px;padding-inline:16px;border:1px solid #cbd9d4;border-radius:12px;background:#fff;color:var(--mb-ink-950);font-size:14px;font-weight:750;box-shadow:0 1px 2px rgba(6,38,29,.03)}
body.mybus-customer-reference .search-grid :where(label,.search-date-field):focus-within :where(input,select){border-color:var(--mb-brand-500);box-shadow:var(--mb-ring),0 8px 20px rgba(6,38,29,.08)}
body.mybus-customer-reference .swap{align-self:end;width:44px;height:44px;min-width:44px;min-height:44px;margin:0 0 6px;border:1px solid var(--mb-brand-100);border-radius:50%;background:var(--mb-brand-50);color:var(--mb-brand-700);font-size:18px;box-shadow:0 5px 12px rgba(6,38,29,.08)}
body.mybus-customer-reference .swap:hover{border-color:var(--mb-brand-400);background:#fff;transform:rotate(180deg)}
body.mybus-customer-reference .date-quick-actions{display:flex;gap:7px;margin-top:7px}
body.mybus-customer-reference .date-quick-actions button{min-height:31px;padding:5px 10px;border:1px solid #d4dfdb;border-radius:8px;background:#f7faf8;color:var(--mb-ink-700);font-size:10px;font-weight:800}
body.mybus-customer-reference .date-quick-actions button:hover{border-color:var(--mb-brand-400);background:var(--mb-brand-50);color:var(--mb-brand-700)}
body.mybus-customer-reference .search-btn{width:100%;height:56px;min-height:56px;padding-inline:20px;border-radius:12px!important;background:linear-gradient(135deg,var(--mb-brand-600),var(--mb-brand-500))!important;box-shadow:0 12px 24px rgba(8,122,88,.22)!important;font-size:14px;letter-spacing:.01em}
body.mybus-customer-reference .search-btn:hover{background:linear-gradient(135deg,var(--mb-brand-700),var(--mb-brand-600))!important;box-shadow:0 14px 28px rgba(8,122,88,.28)!important;transform:translateY(-1px)}
body.mybus-customer-reference .search-btn b{margin-left:14px;font-size:18px}
@media(max-width:1024px){body.mybus-customer-reference .booking{padding:22px!important}body.mybus-customer-reference .search-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.mybus-customer-reference .search-grid .swap{display:none}body.mybus-customer-reference .search-btn{grid-column:1/-1}}
@media(max-width:700px){body.mybus-customer-reference .booking{margin-top:-58px!important;padding:15px!important;border-radius:17px!important}body.mybus-customer-reference .trip-types{display:flex;width:100%;margin-bottom:18px}body.mybus-customer-reference .trip-type{flex:1}body.mybus-customer-reference .search-grid{grid-template-columns:minmax(0,1fr)!important}body.mybus-customer-reference .search-btn{grid-column:auto}}

/* v152 professional city + country route picker */
body.mybus-customer-reference .route-combobox{position:relative}
body.mybus-customer-reference .route-combobox>input{padding-left:44px!important;background-image:linear-gradient(180deg,#fff,#fcfefd)}
body.mybus-customer-reference .route-combobox::after{content:"⌖";position:absolute;left:15px;bottom:18px;z-index:2;color:var(--mb-brand-600);font-size:18px;line-height:1;pointer-events:none}
body.mybus-customer-reference .route-picker-panel-v152{position:absolute;z-index:90;top:calc(100% + 9px);left:0;width:max(100%,330px);max-height:390px;overflow:auto;padding:8px;border:1px solid #d8e4df;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 22px 48px rgba(6,38,29,.18),0 4px 12px rgba(6,38,29,.08);backdrop-filter:blur(14px)}
body.mybus-customer-reference .route-picker-panel-v152[hidden]{display:none!important}
body.mybus-customer-reference .route-picker-option-v152{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--mb-ink-950);text-align:left;box-shadow:none}
body.mybus-customer-reference .route-picker-option-v152:hover,body.mybus-customer-reference .route-picker-option-v152.active{background:var(--mb-brand-50)}
body.mybus-customer-reference .route-pin-v152{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--mb-brand-100);border-radius:10px;background:#fff;color:var(--mb-brand-600);font-size:17px}
body.mybus-customer-reference .route-place-v152{display:block;min-width:0}
body.mybus-customer-reference .route-place-v152 strong,body.mybus-customer-reference .route-place-v152 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.mybus-customer-reference .route-place-v152 strong{font-size:13px;font-weight:850}
body.mybus-customer-reference .route-place-v152 small{margin-top:4px;color:var(--mb-ink-500);font-size:11px}
body.mybus-customer-reference .route-picker-option-v152 em{padding:5px 7px;border-radius:999px;background:var(--mb-ink-50);color:var(--mb-ink-500);font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}
body.mybus-customer-reference .route-picker-option-v152 em.saleable{background:var(--mb-success-bg);color:var(--mb-success)}
body.mybus-customer-reference .route-picker-empty-v152{display:grid;gap:4px;padding:22px 14px;text-align:center}
body.mybus-customer-reference .route-picker-empty-v152 small{color:var(--mb-ink-500)}
@media(max-width:700px){body.mybus-customer-reference .route-picker-panel-v152{position:fixed;top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:min(62vh,520px);border-radius:18px}body.mybus-customer-reference .route-picker-option-v152{min-height:62px}}

/* v153 professional payment experience + provider adapter states */
body.mybus-customer-reference .payment-card{position:relative;padding:26px;border:1px solid #dce7e2;border-radius:22px;background:linear-gradient(180deg,#fff,#f9fcfa);box-shadow:0 18px 44px rgba(6,38,29,.1)}
body.mybus-customer-reference .payment-card>h3{margin:5px 0 8px;font-size:25px}
body.mybus-customer-reference .payment-disabled-note{margin-bottom:20px;color:var(--mb-ink-600);font-size:12px;line-height:1.55}
body.mybus-customer-reference .payment-method-grid-v153{display:grid;gap:10px;margin:18px 0}
body.mybus-customer-reference .payment-method-card-v153{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px;border:1px solid #d9e3df;border-radius:14px;background:#fff;color:var(--mb-ink-950);text-align:left;box-shadow:0 2px 8px rgba(6,38,29,.04)}
body.mybus-customer-reference .payment-method-card-v153:hover:not(:disabled){border-color:var(--mb-brand-400);background:var(--mb-brand-50);transform:translateY(-1px)}
body.mybus-customer-reference .payment-method-card-v153[aria-checked="true"]{border-color:var(--mb-brand-500);background:linear-gradient(90deg,var(--mb-brand-50),#fff);box-shadow:0 0 0 3px rgba(13,152,112,.12)}
body.mybus-customer-reference .payment-method-card-v153:disabled{opacity:.7;background:#f5f7f6}
body.mybus-customer-reference .payment-method-icon-v153{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--mb-brand-950);color:#fff;font-size:19px}
body.mybus-customer-reference .payment-method-card-v153>span:nth-child(2){display:grid;gap:4px}
body.mybus-customer-reference .payment-method-card-v153 strong{font-size:13px}
body.mybus-customer-reference .payment-method-card-v153 small{color:var(--mb-ink-500);font-size:10px;line-height:1.45}
body.mybus-customer-reference .payment-method-card-v153 em{padding:6px 9px;border-radius:999px;background:var(--mb-ink-50);color:var(--mb-ink-600);font-size:9px;font-style:normal;font-weight:850;white-space:nowrap}
body.mybus-customer-reference .payment-method-card-v153[aria-checked="true"] em{background:var(--mb-success-bg);color:var(--mb-success)}
body.mybus-customer-reference .payment-native-select-v153{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.mybus-customer-reference .payment-provider-area-v153{display:grid;gap:11px;margin:16px 0;padding:14px;border:1px dashed #cadbd4;border-radius:14px;background:#f4f9f6}
body.mybus-customer-reference .payment-provider-area-v153>div:first-child{display:grid;gap:4px}
body.mybus-customer-reference .payment-provider-area-v153 strong{font-size:12px}
body.mybus-customer-reference .payment-provider-area-v153 small{color:var(--mb-ink-500);font-size:10px}
body.mybus-customer-reference .payment-provider-badges-v153{display:flex;flex-wrap:wrap;gap:7px}
body.mybus-customer-reference .payment-provider-badge-v153{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #d9e3df;border-radius:9px;background:#fff}
body.mybus-customer-reference .payment-provider-badge-v153 b{font-size:10px}
body.mybus-customer-reference .payment-provider-badge-v153 small{font-size:8px}
body.mybus-customer-reference .secure-card-preview-v154{display:grid;gap:11px;margin-top:6px;padding:15px;border:1px solid #d8e4df;border-radius:14px;background:linear-gradient(145deg,#fff,#f4f8f6)}
body.mybus-customer-reference .secure-card-head-v154{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding-bottom:11px;border-bottom:1px solid var(--mb-ink-100)}
body.mybus-customer-reference .secure-card-head-v154>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mb-brand-950);color:#fff}
body.mybus-customer-reference .secure-card-head-v154>div{display:grid;gap:3px}
body.mybus-customer-reference .secure-card-head-v154 strong{font-size:11px}
body.mybus-customer-reference .secure-card-head-v154 small{font-size:9px;line-height:1.35}
body.mybus-customer-reference .secure-card-head-v154 em{padding:5px 7px;border-radius:999px;background:var(--mb-warning-bg);color:var(--mb-warning);font-size:8px;font-style:normal;font-weight:850}
body.mybus-customer-reference .secure-card-preview-v154 label{display:grid;gap:6px}
body.mybus-customer-reference .secure-card-preview-v154 label>span{color:var(--mb-ink-600);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
body.mybus-customer-reference .secure-card-preview-v154 input{width:100%;height:44px;min-height:44px;border:1px solid #dce4e1;border-radius:9px;background:#eef2f0;color:var(--mb-ink-500);font-size:12px}
body.mybus-customer-reference .secure-card-row-v154{display:grid;grid-template-columns:1fr 1fr;gap:9px}
body.mybus-customer-reference .secure-card-preview-v154 p{margin:0;color:var(--mb-ink-500);font-size:9px;line-height:1.45}
body.mybus-customer-reference :where(.campaign-box,.points-box,.coupon-box,.ancillary-box){margin-top:14px;padding:14px;border:1px solid var(--mb-ink-100);border-radius:13px;background:#fff}
body.mybus-customer-reference .payment-method-info{margin:14px 0;padding:12px 14px;border-left:4px solid var(--mb-info);border-radius:9px;background:var(--mb-info-bg);color:#28536f;font-size:11px;line-height:1.5}
body.mybus-customer-reference .payment-total{margin-top:18px;padding:18px;border-radius:15px;background:var(--mb-brand-950);color:#fff}
body.mybus-customer-reference .payment-total span{color:rgba(255,255,255,.7)}
body.mybus-customer-reference .payment-total strong{color:#fff}
@media(max-width:700px){body.mybus-customer-reference .payment-card{padding:18px 14px;border-radius:17px}.mybus-customer-reference .payment-method-card-v153{grid-template-columns:38px minmax(0,1fr);min-height:82px}.mybus-customer-reference .payment-method-card-v153 em{grid-column:2;justify-self:start}.mybus-customer-reference .payment-method-icon-v153{width:38px;height:38px}.mybus-customer-reference .secure-card-head-v154{grid-template-columns:34px minmax(0,1fr)}.mybus-customer-reference .secure-card-head-v154 em{grid-column:2;justify-self:start}.mybus-customer-reference .secure-card-row-v154{grid-template-columns:1fr}}

/* v147 operations tablet reflow — keep the work table readable at 701–1024px */
@media(min-width:701px) and (max-width:1024px){
  body.mybus-operations-reference{font-size:14px}
  body.mybus-operations-reference .topbar{display:flex;flex-wrap:wrap;align-items:center;overflow:visible;padding:8px 12px;gap:7px}
  body.mybus-operations-reference .topbar .brand{flex:0 0 auto;min-width:76px;font-size:20px}
  body.mybus-operations-reference .topbar .plain{flex:0 0 auto;min-width:72px;background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}
  body.mybus-operations-reference .topbar nav{order:3;flex:1 1 100%;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  body.mybus-operations-reference .topbar nav button{flex:0 0 auto;min-height:44px;padding-inline:15px;white-space:nowrap;background:transparent!important;border-color:transparent!important;color:rgba(255,255,255,.9)!important;font-size:13px!important}
  body.mybus-operations-reference .topbar nav button.active,body.mybus-operations-reference .topbar nav button[aria-current="page"]{background:#fff!important;color:var(--mb-brand-800)!important}
  body.mybus-operations-reference .topbar .spacer{display:none}
  body.mybus-operations-reference .workspace{display:grid;grid-template-columns:260px minmax(0,1fr);height:auto;min-height:0;align-items:start}
  body.mybus-operations-reference .centerpanel{grid-column:1/-1;grid-row:1;height:auto;min-height:0;overflow:hidden}
  body.mybus-operations-reference .leftpanel{grid-column:1;grid-row:2;min-height:0;max-height:none}
  body.mybus-operations-reference .rightpanel{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
  body.mybus-operations-reference .rightpanel :where(.alerts,.journeys){width:100%;min-width:0;min-height:280px}
  body.mybus-operations-reference .tabs,body.mybus-operations-reference .filterbar{max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}
  body.mybus-operations-reference .tab-panel,body.mybus-operations-reference .table-wrap,body.mybus-operations-reference .journeys{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
  body.mybus-operations-reference .centerpanel .tab-panel{flex:0 0 auto;height:240px;min-height:240px;max-height:240px}
  body.mybus-operations-reference .centerpanel .bottom-grid{flex:0 0 auto;min-height:150px}
  body.mybus-operations-reference :where(.tabs button,.filterbar,.tab-panel table,.journeys table){font-size:12px}
  body.mybus-operations-reference .tab-panel :where(th,td){padding:8px 7px}
  body.mybus-operations-reference .seat-gender-legend-v130{gap:7px 12px;font-size:11px;line-height:1.4}
}

/* v148 compact phone work area — no artificial 720px blank panel */
@media(max-width:700px){
  body.mybus-operations-reference .centerpanel{height:auto;min-height:0}
  body.mybus-operations-reference .centerpanel .tab-panel{flex:0 0 auto;height:clamp(260px,48vh,420px);min-height:260px;max-height:420px}
  body.mybus-operations-reference .centerpanel .bottom-grid{flex:0 0 auto;min-height:0}
  body.mybus-operations-reference .leftpanel .seat-map{min-height:0;max-height:65vh;overflow-y:auto}
}
@media(max-width:700px){
  html:has(body.mybus-customer-reference),html:has(body.mybus-operations-reference){overflow:auto}.mybus-customer-reference,.mybus-operations-reference{overflow-x:hidden}
  body.mybus-customer-reference .customer-site-header{position:sticky;top:0;z-index:60}.mybus-customer-reference .customer-utility-bar{min-height:64px;padding:8px 12px}.mybus-customer-reference .customer-ref-brand img{max-width:92px}.mybus-customer-reference .mybus-language-control{order:3;flex:1 1 100%;max-width:none}.mybus-customer-reference .header-actions{flex-wrap:wrap;justify-content:flex-end}.mybus-customer-reference .header-actions .call{display:none}.mybus-customer-reference .customer-primary-nav nav{display:flex;padding-inline:8px}.mybus-customer-reference .nav-link{min-height:46px;padding-inline:13px}.mybus-customer-reference .hero{padding:36px 18px 96px}.mybus-customer-reference .hero h1{font-size:clamp(2.3rem,12vw,3.7rem);letter-spacing:-.045em}.mybus-customer-reference .hero p{font-size:14px}.mybus-customer-reference .trust{flex-wrap:wrap;gap:10px 16px}.mybus-customer-reference .shell{width:calc(100% - 20px)}.mybus-customer-reference .booking{margin-top:-58px;padding:15px;border-radius:16px}.mybus-customer-reference .search-grid{grid-template-columns:1fr;gap:12px}.mybus-customer-reference .search-grid :where(input,select,.search-btn){min-height:50px}.mybus-customer-reference .features{grid-template-columns:1fr;padding:42px 0}.mybus-customer-reference .results{padding:42px 0}.mybus-customer-reference .section-head{align-items:flex-start;gap:14px;flex-direction:column}.mybus-customer-reference .section-head h2{font-size:27px}.mybus-customer-reference .result-head-actions{width:100%;align-items:stretch;flex-direction:column}.mybus-customer-reference .result-tools{align-items:stretch;flex-direction:column}.mybus-customer-reference .filter-chips{max-width:100%;overflow-x:auto;flex-wrap:nowrap}.mybus-customer-reference .journey-card{grid-template-columns:1fr 1fr;gap:14px;padding:17px}.mybus-customer-reference .journey-main{grid-column:1/-1}.mybus-customer-reference .journey-card .price{text-align:right}.mybus-customer-reference .journey-card .choose-trip{grid-column:1/-1;width:100%;min-height:48px}.mybus-customer-reference .seat-layout{grid-template-columns:1fr;padding:12px;border-radius:0 14px 14px}.mybus-customer-reference .seat-legend{gap:8px 12px;padding:10px 4px;overflow-x:auto}.mybus-customer-reference .coach{width:100%;max-width:430px}.mybus-customer-reference .coach .seat-map{padding-inline:12px}.mybus-customer-reference .checkout{border-left:0;border-top:1px solid var(--mb-ink-100);padding:22px 2px 2px}.mybus-customer-reference .form-grid-customer,.mybus-customer-reference .mb-service-fields{grid-template-columns:1fr}.mybus-customer-reference .customer-service-grid{grid-template-columns:1fr}.mybus-customer-reference .customer-footer{display:grid;grid-template-columns:1fr 1fr;padding:30px 18px}.mybus-customer-reference .customer-footer-brand{grid-column:1/-1}.mybus-customer-reference .modal-card{width:calc(100vw - 20px);max-height:90vh;overflow:auto;padding:22px 16px}
  body.mybus-operations-reference .topbar{position:sticky;top:0;z-index:50;display:flex;padding:7px 8px;gap:6px}.mybus-operations-reference .topbar .brand{position:sticky;left:0;z-index:2;background:var(--mb-brand-950)}.mybus-operations-reference .topbar .spacer,.mybus-operations-reference .clock{display:none}.mybus-operations-reference .topbar nav button{min-height:44px}.mybus-operations-reference .mybus-language-control{min-width:155px}.mybus-operations-reference .workspace{display:flex;flex-direction:column;height:auto;min-height:0;padding:7px}.mybus-operations-reference .leftpanel,.mybus-operations-reference .centerpanel,.mybus-operations-reference .rightpanel{width:100%;min-height:0;margin:0}.mybus-operations-reference .leftpanel{order:1}.mybus-operations-reference .centerpanel{order:2;display:flex;flex-direction:column}.mybus-operations-reference .rightpanel{order:3;display:flex;flex-direction:column}.mybus-operations-reference .tripbox{position:sticky;top:61px;z-index:10}.mybus-operations-reference .seat-map{max-height:620px;min-height:520px}.mybus-operations-reference .centerpanel{height:auto;min-height:720px}.mybus-operations-reference .tabs{flex:0 0 auto;overflow-x:auto}.mybus-operations-reference .filterbar{flex:0 0 auto;overflow-x:auto;white-space:nowrap}.mybus-operations-reference .tab-panel{min-height:430px;overflow:auto}.mybus-operations-reference .table-wrap,.mybus-operations-reference .tab-panel{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mybus-operations-reference .tab-panel table{min-width:760px}.mybus-operations-reference .bottom-grid{display:grid;grid-template-columns:1fr}.mybus-operations-reference .bottom-grid section{min-height:130px}.mybus-operations-reference .rightpanel .alerts,.mybus-operations-reference .rightpanel .journeys{min-height:260px}.mybus-operations-reference .journeys table{min-width:620px}.mybus-operations-reference .newtrip{position:sticky;float:right;right:8px;bottom:8px;min-height:46px}.mybus-operations-reference .dialog{width:calc(100vw - 14px);max-height:92vh;border-radius:14px}.mybus-operations-reference .dialog #modalBody{padding:12px}.mybus-operations-reference .formgrid,.mybus-operations-reference .stats{grid-template-columns:1fr}.mybus-operations-reference .toolbar{overflow-x:auto;flex-wrap:nowrap}.mybus-operations-reference .toolbar button{flex:0 0 auto;min-height:42px}.mybus-operations-reference .passenger-popup-v101{width:min(290px,calc(100vw - 20px));left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;max-height:80vh;overflow:auto}.mybus-operations-reference .toast{right:10px;bottom:10px;left:10px;text-align:center}
  body.central-management .cm-sidebar{width:min(86vw,310px)}.central-management .cm-header{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px}.central-management .cm-header>button{display:block;width:44px;height:44px}.central-management .cm-header>div{min-width:0}.central-management .cm-header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.central-management .cm-header label{grid-column:1/3;margin:0}.central-management .cm-header label select{width:100%}.central-management .cm-logout{grid-column:3;grid-row:1}.central-management .cm-session{display:none}.central-management .cm-status{padding:9px 12px}.central-management #centralWorkspace{padding:14px 10px}.central-management .cm-title{align-items:flex-start;flex-direction:column;gap:10px}.central-management .cm-title h2{font-size:22px}.central-management .cm-title>strong{align-self:flex-start}.central-management :where(.cm-dashboard-grid,.cm-cards,.cm-finance-grid,.cm-health-grid,.cm-org-columns,.cm-authz-grid){grid-template-columns:1fr}.central-management :where(.cm-personnel-filters,.cm-fleet-filters,.cm-trip-filters,.cm-cargo-filters,.cm-finance-filters,.cm-report-filters,.cm-alert-filters,.cm-audit-filters,.cm-range){grid-template-columns:1fr;padding:12px}.central-management :where(.cm-personnel-filters,.cm-fleet-filters,.cm-trip-filters,.cm-cargo-filters,.cm-finance-filters,.cm-report-filters,.cm-alert-filters,.cm-audit-filters,.cm-range) button[type="submit"]{width:100%;min-height:46px}.central-management :where(input,select,button){max-width:100%}.central-management .cm-panel{width:100%;margin:24px auto;padding:24px 16px}.central-management .cm-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.central-management .cm-pagination button{min-height:44px}.central-management :where(.cm-personnel-layout,.cm-fleet-layout,.cm-trip-layout,.cm-cargo-layout)>aside{position:fixed;inset:12px;z-index:40;max-height:calc(100vh - 24px);overflow:auto;border-radius:14px;box-shadow:var(--mb-shadow-4)}
}
.uetds-row-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:210px}.uetds-row-actions button{margin:0;white-space:nowrap}.module-status b{color:var(--mybus-color-brand-700,#075f49)}