/* Refined dock with consistent custom line artwork and clear text labels. */
.mobile-service-shell .trade-choice-grid.service-trade-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:4px;padding:8px 4px 14px;margin:4px 0 14px;scrollbar-width:thin;scrollbar-color:#9ac5c4 #edf4f4;max-width:100%;min-width:0}
.mobile-service-shell .service-trade-rail .trade-choice{flex:0 0 108px;min-width:108px;min-height:118px;scroll-snap-align:start;justify-content:flex-start;padding:12px 6px!important;border-radius:18px!important}
.mobile-service-shell .service-trade-rail .trade-choice>span:last-child{white-space:normal}
.mobile-service-shell .service-rail-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#526c7b;font-size:13px;font-weight:400}
.mobile-service-shell .service-rail-controls>div{display:flex;gap:6px}
.mobile-service-shell .service-rail-controls button{min-width:44px;min-height:44px;padding:0;border:1px solid #dce9e9;background:#f4f9f9;color:#087e8b;font-size:26px;font-weight:400;border-radius:14px}
html[dir=rtl] .mobile-service-shell .service-rail-controls button{transform:scaleX(-1)}
.mobile-service-shell .service-rail-controls{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:10px;padding:10px 0 4px}
.mobile-service-shell .service-rail-controls .service-swipe-label{text-align:center;color:#285666;font-weight:600;line-height:1.6}
.mobile-service-shell .service-rail-controls button{background:#087e8b;color:#fff;border-color:#087e8b;box-shadow:0 3px 9px #087e8b26;font-size:27px;min-height:46px;letter-spacing:-4px}
.mobile-service-shell .service-rail-controls button span{display:block;animation:service-swipe-cue 1s ease-in-out 3}
@keyframes service-swipe-cue{0%,100%{translate:0}50%{translate:4px}}
@media(prefers-reduced-motion:reduce){.mobile-service-shell .service-rail-controls button span{animation:none}}
.mobile-service-shell .customer-grid,.mobile-service-shell .customer-grid>.panel,.mobile-service-shell #job-form,.mobile-service-shell [data-intake-step],.mobile-service-shell [data-intake-step]>label{min-width:0}
.mobile-service-shell .service-bottom-nav [data-nav-art]{--nav-color:#087e8b;--nav-tint:#e8f5f5;--nav-end:#13a2aa}
.mobile-service-shell .service-bottom-nav [data-nav-art=work]{--nav-color:#2665c8;--nav-tint:#edf3ff;--nav-end:#5a93ee}
.mobile-service-shell .service-bottom-nav [data-nav-art=wallet]{--nav-color:#16754e;--nav-tint:#e8f6ed;--nav-end:#32a971}
.mobile-service-shell .service-bottom-nav [data-nav-art=profile]{--nav-color:#7850b6;--nav-tint:#f3edfc;--nav-end:#a580dc}
.mobile-service-shell .service-bottom-nav [data-nav-art=reviews]{--nav-color:#a8730c;--nav-tint:#fff5dc;--nav-end:#e4b341}
.mobile-service-shell .service-bottom-nav [data-nav-art=more]{--nav-color:#596d85;--nav-tint:#eef2f7;--nav-end:#8195b2}
.mobile-service-shell .service-bottom-nav [data-nav-art]:before{display:none!important}
.mobile-service-shell .service-bottom-nav .service-nav-art{display:grid;place-items:center;flex-shrink:0;width:38px;height:34px;border-radius:12px;background:var(--nav-tint);color:var(--nav-color);transition:background .18s,transform .18s,box-shadow .18s}
.mobile-service-shell .service-bottom-nav .service-nav-art svg{display:block;width:23px;height:23px;filter:none;pointer-events:none}
.mobile-service-shell .service-bottom-nav [data-nav-art].selected{background:transparent!important;color:var(--nav-color)!important}
.mobile-service-shell .service-bottom-nav [data-nav-art].selected .service-nav-art,.mobile-service-shell .service-more[open] .service-nav-art{background:linear-gradient(145deg,var(--nav-color),var(--nav-end));color:#fff;box-shadow:0 4px 9px color-mix(in srgb,var(--nav-color) 24%,transparent);transform:translateY(-2px)}
.mobile-service-shell .service-bottom-nav .service-nav-label{display:block;line-height:1.35}
.mobile-service-shell .service-bottom-nav [data-nav-art]:focus-visible{outline:2px solid var(--nav-color);outline-offset:2px}
.mobile-service-shell .service-more-menu{border-radius:22px;border-color:#e5ebf1;box-shadow:0 14px 45px #18334724}
@media(max-width:760px){
 .mobile-service-shell .service-bottom-nav{width:calc(100% - 24px);max-width:520px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:8px 6px;border:1px solid #e5ebf0;border-radius:26px;background:#fffffffa;box-shadow:0 9px 32px #12334822,0 2px 7px #1233480c;gap:2px}
 .mobile-service-shell .service-bottom-nav>button,.mobile-service-shell .service-bottom-nav>a,.mobile-service-shell .service-more>summary{padding:6px 2px;gap:5px;min-height:64px;border-radius:17px;font-size:11px;font-weight:600;color:#596b7b}
 .mobile-service-shell .service-bottom-nav .service-nav-art{width:40px;height:34px;border-radius:12px}
 .mobile-service-shell .service-bottom-nav .has-invitations:after{top:0;inset-inline-end:8%;min-width:17px;line-height:17px;padding:0 4px;border:2px solid #fff;box-sizing:content-box}
 .mobile-service-shell .service-more-menu{bottom:calc(100% + 20px)}
 .mobile-service-shell #toast{bottom:calc(110px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.mobile-service-shell .service-bottom-nav .service-nav-art{transition:none;transform:none!important}}
/* Compact navy dock: larger two-tone symbols, no white icon tiles. */
@media(max-width:760px){
 .mobile-service-shell .service-bottom-nav{background:linear-gradient(125deg,#112d40,#183f52);border:1px solid #315368;border-radius:24px;padding:7px 5px;box-shadow:0 10px 28px #071d3940}
 .mobile-service-shell .service-bottom-nav [data-nav-art]{--nav-color:#58e0d2}
 .mobile-service-shell .service-bottom-nav [data-nav-art=work]{--nav-color:#80b9ff}
 .mobile-service-shell .service-bottom-nav [data-nav-art=wallet]{--nav-color:#7cdda4}
 .mobile-service-shell .service-bottom-nav [data-nav-art=profile]{--nav-color:#c6a7ff}
 .mobile-service-shell .service-bottom-nav [data-nav-art=reviews]{--nav-color:#ffd167}
 .mobile-service-shell .service-bottom-nav [data-nav-art=more]{--nav-color:#c2d2e2}
 .mobile-service-shell .service-bottom-nav>button,.mobile-service-shell .service-bottom-nav>a,.mobile-service-shell .service-more>summary{gap:3px;min-height:66px;padding:5px 1px;color:#d9e6ef;font-size:12px}
 .mobile-service-shell .service-bottom-nav .service-nav-art{width:46px;height:38px;background:transparent;border-radius:13px;color:var(--nav-color)}
 .mobile-service-shell .service-bottom-nav .service-nav-art svg{width:30px;height:30px;stroke-width:1.8}
 .mobile-service-shell .service-bottom-nav [data-nav-art].selected .service-nav-art,.mobile-service-shell .service-more[open] .service-nav-art{background:#ffffff16;color:var(--nav-color);box-shadow:inset 0 -2px 0 var(--nav-color);transform:none}
 .mobile-service-shell .service-bottom-nav [data-nav-art].selected .service-nav-label{color:#fff}
 .mobile-service-shell .service-bottom-nav .service-nav-label{color:#d9e6ef}
 .mobile-service-shell .service-bottom-nav .has-invitations:after{border-color:#17394c;background:#eab64b;color:#142e40}
 .mobile-service-shell .service-more-menu [data-tab],.mobile-service-shell .service-more-menu a{color:#183347}
}