/* Shared mobile-only icon launcher. Desktop layouts and original controls stay intact. */
.mobile-menu-home,.mobile-menu-hint{display:none}
@media(max-width:760px){
  body #appScreen.mobile-icon-ui{padding:94px 14px 24px!important;min-height:100dvh;background:linear-gradient(180deg,#fff 0%,#f4f8fd 100%)!important;color:#102442;--d-ink:#14243a;--d-line:#dce6f0}
  body #appScreen.mobile-icon-ui .app-shell{width:100%;max-width:620px;margin:auto;min-width:0}
  body #appScreen.mobile-icon-ui .topbar{position:fixed;inset:0 0 auto;width:100%;height:80px;padding:12px 18px;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #e6eef7;background:rgba(255,255,255,.97)!important;box-shadow:0 3px 16px #13345106;z-index:40;color:#112a4c}
  body #appScreen.mobile-icon-ui .topbar-logo{display:block;width:42px;height:42px;object-fit:contain;filter:none;cursor:pointer}
  body #appScreen.mobile-icon-ui .topbar .topbar-brand-copy{display:flex!important;flex-direction:column;gap:1px;color:#10294c;cursor:pointer}
  body #appScreen.mobile-icon-ui .topbar-brand-copy strong{font-size:22px;letter-spacing:-1px;color:#0d2547}
  body #appScreen.mobile-icon-ui .topbar-brand-copy span{font-size:10px;color:#70839d;letter-spacing:2px}
  body #appScreen.mobile-icon-ui .topbar h1{display:none!important}
  body #appScreen.mobile-icon-ui .topbar .menu-toggle{display:grid!important;place-items:center;margin-left:auto;width:44px;height:44px;padding:11px;border:0;border-radius:13px;background:#edf4ff;color:#154d9d;flex-shrink:0}
  body #appScreen.mobile-icon-ui .menu-toggle svg{width:23px;height:23px}
  body #appScreen.mobile-icon-ui .bottom-nav,body #appScreen.mobile-icon-ui.menu-open .bottom-nav{display:none!important}
  body #appScreen.mobile-icon-ui .mobile-menu-hint{display:block;padding:10px 13px;margin:0 0 18px;border-radius:12px;background:#eaf3ff;color:#4a6488;font-size:11px;line-height:1.6}
  body #appScreen.mobile-icon-ui.mobile-menu-home-active .mobile-menu-hint{display:none}
  body #appScreen.mobile-icon-ui.mobile-menu-home-active .app-shell> :not(.topbar):not(.mobile-menu-home){display:none!important}
  body #appScreen.mobile-icon-ui .mobile-menu-home:not([hidden]){display:block;margin:0 -4px}
  body #appScreen.mobile-icon-ui .mobile-home-intro{position:relative;min-height:244px;padding:18px 10px 118px;overflow:hidden;isolation:isolate}
  body #appScreen.mobile-icon-ui .mobile-home-eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:800;color:#8099ba;margin-bottom:14px}
  body #appScreen.mobile-icon-ui .mobile-home-greeting{position:relative;z-index:2;margin:0 0 10px;font-size:28px;line-height:1.35;letter-spacing:-1px;color:#102442;font-weight:900;overflow-wrap:anywhere}
  body #appScreen.mobile-icon-ui .mobile-home-intro p{position:relative;z-index:2;font-size:14px;color:#65768c;margin:0}
  body #appScreen.mobile-icon-ui .mobile-home-art{position:absolute;inset:auto -10px 0;opacity:.85;z-index:-1;pointer-events:none}
  body #appScreen.mobile-icon-ui .mobile-home-art svg{display:block;width:100%;height:auto}
  body #appScreen.mobile-icon-ui .mobile-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 12px;padding:22px 4px 24px;border-radius:26px;background:linear-gradient(180deg,#fff,#ffffff80)}
  body #appScreen.mobile-icon-ui .mobile-menu-tile{display:flex;align-items:center;flex-direction:column;gap:10px;min-width:0;min-height:110px;border:0;padding:0;background:transparent;color:#102442;cursor:pointer;font:inherit}
  body #appScreen.mobile-icon-ui .mobile-menu-icon{position:relative;display:grid;place-items:center;width:clamp(64px,20vw,84px);height:clamp(64px,20vw,84px);border-radius:23%;color:#fff;background:linear-gradient(145deg,#56c9ff,#0968ef);box-shadow:inset 0 1px 2px #ffffff70,0 9px 17px #2364b318;transition:transform .15s}
  body #appScreen.mobile-icon-ui .mobile-menu-icon svg{width:48%;height:48%;filter:drop-shadow(0 2px 3px #0001)}
  body #appScreen.mobile-icon-ui .mobile-menu-icon.tone-1{background:linear-gradient(145deg,#85e785,#24b572)}
  body #appScreen.mobile-icon-ui .mobile-menu-icon.tone-2{background:linear-gradient(145deg,#bba4ff,#6946ef)}
  body #appScreen.mobile-icon-ui .mobile-menu-icon.tone-3{background:linear-gradient(145deg,#ffbf75,#ff8525)}
  body #appScreen.mobile-icon-ui .mobile-menu-icon.tone-4{background:linear-gradient(145deg,#ffe878,#ffc022)}
  body #appScreen.mobile-icon-ui .mobile-menu-icon.tone-5{background:linear-gradient(145deg,#60d5ed,#16b3b3)}
  body #appScreen.mobile-icon-ui .mobile-menu-icon.tone-6{background:linear-gradient(145deg,#ff9bc2,#f44387)}
  body #appScreen.mobile-icon-ui .mobile-menu-icon.tone-7{background:linear-gradient(145deg,#b2bfd1,#738299)}
  body #appScreen.mobile-icon-ui .mobile-menu-label{font-size:14px;font-weight:850;line-height:1.35;text-align:center;color:#142b4d;word-break:keep-all}
  body #appScreen.mobile-icon-ui .mobile-menu-badge{position:absolute;right:-6px;top:-6px;min-width:23px;height:23px;display:grid;place-items:center;border:2px solid #fff;border-radius:99px;background:#fb3d52;color:#fff;padding:0 5px;font-size:11px;font-weight:800}
  body #appScreen.mobile-icon-ui .mobile-menu-badge[hidden]{display:none}
  body #appScreen.mobile-icon-ui .mobile-menu-tile:active .mobile-menu-icon{transform:scale(.94)}
  body #appScreen.mobile-icon-ui .mobile-menu-tile:focus-visible{outline:2px solid #176fe3;outline-offset:6px;border-radius:12px}
  body #appScreen.mobile-icon-ui .mobile-home-note{margin:18px 0;text-align:center;font-size:11px;color:#7a8ba3}
  body #appScreen.mobile-icon-ui .panel{border-radius:20px;border-color:#dfe8f3;box-shadow:0 8px 24px #143a6a05}
  body #appScreen.mobile-icon-ui #jobsPanel,body #appScreen.mobile-icon-ui #myPanel,body #appScreen.mobile-icon-ui #supportPanel,body #appScreen.mobile-icon-ui #settlementPanel{padding:18px 15px;margin:0 0 18px}
  body #appScreen.mobile-icon-ui .job-card{border-radius:18px;border-color:#e0e9f3;background:#fff}
  body #appScreen.mobile-icon-ui .primary{border-radius:12px;background:#176fe3;color:#fff;min-height:44px}
  body #appScreen.mobile-icon-ui .secondary{border-radius:10px}
  body #appScreen.mobile-icon-ui .hero{border-radius:20px}
  body #appScreen.mobile-icon-ui #newOrderPanel .form-section{border-radius:18px;background:#fff;border-color:#e0e9f3}
  body #appScreen.mobile-icon-ui #newOrderPanel .order-tabs{border-radius:14px}
  body #appScreen.mobile-icon-ui #guidePanel #driverGuideFrame{height:calc(100dvh - 146px)}
}
@media(max-width:350px){body #appScreen.mobile-icon-ui .mobile-menu-grid{gap:22px 8px}body #appScreen.mobile-icon-ui .mobile-menu-label{font-size:12px}body #appScreen.mobile-icon-ui .mobile-home-greeting{font-size:25px}}
@media(prefers-reduced-motion:reduce){body #appScreen .mobile-menu-icon{transition:none}}

@media(max-width:760px){
  body #appScreen.mobile-icon-ui #orderPanelRoute label:has(input[type="tel"]) { display:flex; flex-direction:column; justify-content:space-between; gap:8px; }
  body #appScreen.mobile-icon-ui #orderPanelRoute input[type="tel"] { flex:none; height:44px; min-height:44px; }
  body #appScreen.mobile-icon-ui #newOrderPanel > .panel-head { background:#fff; border-bottom:1px solid #e4ecf6; padding:22px 16px; }
  body #appScreen.mobile-icon-ui #newOrderPanel .order-page-heading h3 { color:#102442; font-size:26px; }
  body #appScreen.mobile-icon-ui #newOrderPanel .order-page-heading p { color:#6c7e97; }
  body #appScreen.mobile-icon-ui #newOrderPanel .order-eyebrow { color:#6f92c0; }
  body #appScreen.mobile-icon-ui #newOrderPanel .text-link { color:#2364ac; border-color:#d9e6f5; background:#edf4ff; }
  body #appScreen.mobile-icon-ui #newOrderPanel .order-form-steps { gap:6px; padding:12px 8px; border:0; background:#fff; }
  body #appScreen.mobile-icon-ui #newOrderPanel .order-form-tab { border-radius:13px; background:#edf4ff; color:#4f6e99; }
  body #appScreen.mobile-icon-ui #newOrderPanel .order-form-tab.active { background:#176fe3; color:#fff; }
  body #appScreen.mobile-icon-ui #newOrderPanel #orderPanelRoute { --mobile-phone-width:105px; }
  body #appScreen.mobile-icon-ui #newOrderPanel #orderPanelRoute > .form-grid,body #appScreen.mobile-icon-ui #newOrderPanel #orderPanelRoute .waypoint-row { grid-template-columns:minmax(0,1fr) var(--mobile-phone-width); column-gap:10px; }
  body #appScreen.mobile-icon-ui #newOrderPanel #orderPanelRoute .map-label-row { display:flex; flex-direction:column; align-items:flex-start; }
  body #appScreen.mobile-icon-ui #newOrderPanel #orderPanelRoute .map-button-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:calc(100% + var(--mobile-phone-width) + 10px); gap:4px; }
  body #appScreen.mobile-icon-ui #newOrderPanel #orderPanelRoute .map-button-row .mini-map-button { min-height:32px; padding:6px 4px; margin:0; font-size:10px; background:#edf4ff; border-color:#dce8f8; color:#2864a7; }
}