*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#152c42;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69a8ff;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:18px}small,.muted{color:#637589}.boot{display:grid;place-content:center;min-height:85vh;text-align:center;gap:12px}.brand-mark{width:56px;height:56px;border-radius:18px;background:#123a56;color:#fff;font-size:36px;font-weight:850;display:grid;place-content:center;position:relative}.brand-mark span{position:absolute;right:3px;top:-9px;color:#4adc92;font-size:33px}.boot .brand-mark{margin:auto}.shell{max-width:680px;margin:auto;min-height:100vh;padding-bottom:100px}.top{background:#102c46;color:#fff;padding:20px 22px 26px;border-radius:0 0 28px 28px}.topline,.row,.between{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.top .brand-mark{width:38px;height:38px;font-size:26px;border-radius:12px;background:#24445f}.top .brand-mark span{font-size:25px}.wordmark{font-size:19px;font-weight:800;letter-spacing:-.4px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:750}.top .eyebrow{color:#a7c3d8}.top h1{margin-top:22px}.top p{color:#bdd0df;margin-top:3px;font-size:14px}.avatar{width:40px;height:40px;border:1px solid #48647d;border-radius:50%;display:grid;place-content:center;font-size:12px;font-weight:700;background:#29465f}.content{padding:20px}.card{background:#fff;border:1px solid #e4eaf1;border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 5px 18px #18344b04}.card.flat{box-shadow:none}.section-title{margin:6px 0 14px}.btn{min-height:52px;padding:13px 18px;border-radius:14px;border:1px solid #dbe4ed;background:#fff;color:#18374f;font-weight:730;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.btn.primary{background:#087d56;color:#fff;border-color:#087d56}.btn.navy{background:#143651;color:#fff;border-color:#143651}.btn.soft{background:#eaf6ef;color:#08704f;border-color:#d7eee2}.btn.danger{color:#b53a37;background:#fff4f2;border-color:#f5d8d4}.btn.small{min-height:42px;padding:9px 14px;font-size:13px;border-radius:12px}.btn.icon{min-width:44px;padding:9px}.full{width:100%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gap{margin-top:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 10px}.stat strong{display:block;font-size:22px;letter-spacing:-.7px;overflow-wrap:anywhere;line-height:1.3}.stat span{font-size:12px;color:#6c7c8c}.chip{display:inline-flex;align-items:center;gap:6px;background:#eef3f7;color:#465d72;border-radius:8px;font-size:11px;font-weight:750;padding:4px 9px}.chip.green{background:#e5f5ed;color:#08704b}.chip.orange{background:#fff1df;color:#966114}.chip.red{background:#ffebe9;color:#a03932}.dot{width:8px;height:8px;border-radius:50%;background:#17a970;display:inline-block}.booking-title{font-size:18px;font-weight:760;line-height:1.4;margin:10px 0 6px}.booking-meta{font-size:13px;color:#697c8f;display:flex;gap:8px;flex-wrap:wrap}.price{font-size:26px;font-weight:800;letter-spacing:-.7px}.label{font-size:12px;color:#6f8091}.divider{height:1px;background:#e9edf3;margin:17px 0}.booking-bottom{border-top:1px dashed #dce4ed;margin-top:16px;padding-top:14px}.route{display:flex;gap:12px;align-items:flex-start;background:#f4f7fb;padding:13px;border-radius:12px;margin:14px 0}.route svg{flex:0 0 20px;color:#17835c}.route p{font-size:14px}.route small{display:block;margin-top:3px}.citybar,.filters{display:flex;gap:8px;overflow:auto;padding:2px 0 5px;margin-bottom:16px;scrollbar-width:none}.pill{white-space:nowrap;min-height:42px;padding:9px 15px;border:1px solid #dbe4ec;background:#fff;border-radius:12px;color:#536a7f;font-size:13px;font-weight:650}.pill.active{background:#143651;border-color:#143651;color:#fff}.filters .pill.active{background:#e3f3eb;border-color:#b9e1cd;color:#08724e}.search{background:#fff;border:1px solid #dce4ed;border-radius:14px;min-height:48px;width:100%;padding:12px 15px;margin-bottom:16px;color:#173751}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:680px;background:#fffffffa;border-top:1px solid #e4eaf1;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:20;backdrop-filter:blur(16px)}.nav{background:none;border:0;padding:5px;color:#7d8b99;display:grid;justify-items:center;gap:4px;font-size:11px;min-height:51px}.nav svg{width:22px;height:22px}.nav.active{color:#087d56;font-weight:750}.nav.active svg{background:#e8f5ed;box-shadow:0 0 0 6px #e8f5ed;border-radius:4px}.icon-svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.login{max-width:430px;margin:0 auto;padding:42px 24px 30px;min-height:100vh;background:#fff}.login .brand-mark{margin-bottom:28px}.login h1{font-size:32px;margin:12px 0 8px}.login p{color:#6b7d8d;margin-bottom:24px}.login .tag{font-size:11px;letter-spacing:2px;font-weight:750;color:#0a8358}.login form{margin-top:28px}.field{margin:0 0 17px}.field label{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid #d7e1eb;border-radius:12px;background:#f9fbfd;color:#15354e}.field textarea{resize:vertical;min-height:90px}.helper{font-size:12px;color:#768797;margin-top:7px}.error{background:#fff0ed;border:1px solid #f4cec6;padding:12px;border-radius:12px;color:#9d3c2e;margin-bottom:16px;font-size:13px}.notice{background:#fff6e8;border:1px solid #f0dfc3;color:#805d2a;border-radius:14px;padding:14px;margin-bottom:16px;font-size:13px}.notice.demo{background:#e8f1fc;color:#345b88;border-color:#cddff4}.empty{text-align:center;padding:42px 20px}.empty-icon{height:64px;width:64px;margin:0 auto 16px;border-radius:22px;background:#eaf4ef;display:grid;place-content:center;color:#17805a}.empty-icon svg{width:29px;height:29px}.empty p{margin:8px 0 20px;color:#758799;font-size:14px}.switch{height:34px;width:58px;border:0;border-radius:22px;background:#bcc8d3;padding:4px;display:flex;align-items:center}.switch:before{content:'';width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002}.switch.on{background:#0a875b;justify-content:flex-end}.online-card{background:#eaf7f0;border-color:#ccebdc}.online-card.off{background:#fff;border-color:#e0e7ee}.online-card h3{color:#13744f}.partner-name{font-weight:740}.partner-row{display:flex;gap:13px;align-items:center}.partner-icon{width:46px;height:46px;border-radius:15px;background:#eaf3fb;color:#2c577d;display:grid;place-content:center;font-weight:750}.back{background:none;border:0;color:inherit;padding:8px 0;display:flex;gap:8px;align-items:center;font-weight:600}.detail-heading{margin:15px 0 0}.stepper{display:flex;margin:20px 0 7px}.step{flex:1;text-align:center;position:relative;font-size:10px;color:#99a8b5}.step:before{content:'';display:block;position:absolute;top:11px;left:0;right:0;height:2px;background:#e3e9ef;z-index:0}.step:first-child:before{left:50%}.step:last-child:before{right:50%}.step b{display:grid;place-content:center;position:relative;z-index:1;width:24px;height:24px;background:#e6edf2;border-radius:50%;margin:0 auto 7px;font-size:11px}.step.done{color:#087d56}.step.done b{background:#087d56;color:white}.step.done:before{background:#087d56}.photos{display:flex;gap:10px;overflow:auto;margin-top:12px}.photos a{flex-shrink:0}.photos img{height:100px;width:100px;object-fit:cover;border-radius:13px;border:1px solid #e0e7ee}.data-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:14px}.data-row:last-child{border:0}.data-row span:first-child{color:#6b7c8c}.data-row strong{text-align:right;overflow-wrap:anywhere}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:17px 0}.check input{width:20px;height:20px;accent-color:#087d56;flex:0 0 20px}.help-tile{padding:18px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5}.help-tile small{display:block;margin-top:4px}.text-button{border:0;background:none;color:#0d7854;font-weight:700;padding:12px}.actions-fixed{position:sticky;bottom:85px;background:#f3f6faf5;padding:12px 0;z-index:4}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:108px;left:50%;transform:translateX(-50%);z-index:80;max-width:90%;padding:12px 20px;background:#18354f;color:#fff;border-radius:13px;box-shadow:0 5px 25px #102c4633;font-size:13px;text-align:center}.danger-text{color:#b54036}.money-box{background:#102c46;color:#fff;padding:25px;border-radius:19px;margin-bottom:18px}.money-box p{font-size:13px;color:#bbcfdf}.money-box strong{display:block;font-size:36px;margin:8px 0}.money-box .muted{color:#adc4d6}.status-strip{padding:10px 14px;background:#e8f5ee;border-radius:12px;color:#11754f;font-size:13px;margin-bottom:15px}.skeleton{height:130px;border-radius:18px;background:linear-gradient(90deg,#eaf0f5,#f8fafc,#eaf0f5);background-size:200%;animation:shine 1.2s infinite;margin-bottom:15px}@keyframes shine{to{background-position:-200%}}[hidden]{display:none!important}@media(min-width:700px){.shell{border-left:1px solid #e1e8f0;border-right:1px solid #e1e8f0}.login{margin-top:35px;min-height:700px;border-radius:26px;border:1px solid #e1e8f0}.top{padding-top:26px}.content{padding:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.alert-card{background:#eaf7f0;border-color:#ccebdc}.alert-card p{margin:8px 0;color:#416958;font-size:14px}.location-card{border:1px solid #d7e8db;border-radius:16px;overflow:hidden;background:#ecf8ef;margin-bottom:18px}.location-card iframe{display:block;width:100%;height:210px;border:0;pointer-events:none}.location-caption{padding:12px 14px}.location-caption p{font-size:12px;color:#627b6b;margin-top:3px}.location-actions{padding:0 12px 10px}.map-pin-link{min-height:150px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-decoration:none;background:#e2f2e7;color:#176346;padding:18px}.map-pin-link svg{height:32px;width:32px}.map-pin-link span{font-size:13px}.location-card .helper{margin-top:0;padding-top:0}.notice.demo,.switch{display:none}
/* Six-digit device PIN: no editable password field or keyboard autofill. */
.pin-page h1,.pin-login h1{font-size:30px;line-height:1.2}.pin-dots{display:flex;justify-content:center;gap:15px;margin:30px 0 26px}.pin-dot{width:17px;height:17px;border:2px solid #a6bbc6;border-radius:50%;background:#fff;transition:background .1s,border-color .1s}.pin-dot.filled{background:#087f5b;border-color:#087f5b}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:330px;margin:auto}.pin-key{height:65px;border:1px solid #e3eaf0;border-radius:18px;background:#f6f9fb;color:#153c50;font:600 25px/1 system-ui;cursor:pointer;touch-action:manipulation}.pin-key[data-pin-key=clear]{font-size:15px}.pin-key[data-pin-key=back]{font-size:25px}.pin-key:active{background:#dbf4e9}.pin-key:disabled{opacity:.55;cursor:wait}.pin-helper{text-align:center;margin:22px 0}.pin-page section[hidden]{display:none}.pin-login .error,.pin-login .notice{margin:16px 0}.pin-login .helper{margin-top:16px}.pin-login h1{margin-bottom:12px}.pin-login .tag{margin-top:24px}

.number-readout{min-height:58px;padding:14px;border:1px solid #d7e1eb;border-radius:14px;background:#f9fbfd;text-align:center;color:#768797;font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.number-readout.has-value{font-size:24px;color:#15354e;letter-spacing:2px}.partner-login-mobile{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f2f6f9;border-radius:12px;padding:12px 14px;margin-bottom:12px;font-size:17px;font-weight:650}.partner-login-mobile .text-button{width:auto;margin:0;padding:8px}
/* Work app 2.2: concise cards, touch targets and explicit payment records. */
.pickup-summary{padding:0;list-style:none;margin:14px 0}.pickup-summary li{display:grid;grid-template-columns:76px 1fr;gap:10px;position:relative;padding:6px 0 6px 13px;font-size:14px}.pickup-summary li:before{content:'•';position:absolute;left:0;color:#087d56}.pickup-summary li>span{color:#6b7c8c;font-size:12px;padding-top:2px}.pickup-summary b,.pickup-summary p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.full-description p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;font-size:14px}.full-description summary{color:#087d56;font-weight:700;cursor:pointer}.sla-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.sla{font-variant-numeric:tabular-nums;white-space:normal}.quick-actions{margin:12px 0}.quick-actions .btn{font-size:12px;min-height:48px;padding:10px 8px}.btn.small,.pill{min-height:48px}.sheet-backdrop{position:fixed;inset:0;background:#102c4673;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:680px;max-height:90dvh;overflow:auto;background:#f3f6fa;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;box-shadow:0 -8px 40px #102c4620}.sheet .card{margin-top:14px}.export-button{margin:0 0 16px}.issue-panel{border-color:#f0dfc3}.issue-link{background:transparent;border-left:0;border-top:0;border-right:0;text-align:left;color:#173751;align-items:center}.issue-row{margin-top:15px;padding-top:12px;border-top:1px solid #e4eaf1;font-size:14px;overflow-wrap:anywhere}.issue-row small{display:block;margin-top:5px}.pin-eye{display:flex;gap:8px;align-items:center;justify-content:center;margin:-8px auto 12px;min-height:48px}.pin-dot.visible-digit{border-radius:8px;width:30px;height:37px;color:#102c46;background:#eef6f2;font-size:24px;display:grid;place-items:center;border:1px solid #c8dfd4}.pin-dots:has(.visible-digit){gap:10px}.stepper{overflow-x:auto;gap:4px}.step{min-width:48px}.btn:disabled{opacity:.55;cursor:not-allowed}.pin-submit{max-width:330px;display:flex;margin:16px auto 0}.content{touch-action:pan-y}.pickup-card .booking-bottom{gap:10px}.pickup-card .partner-name{overflow-wrap:anywhere}.pickup-card .booking-bottom>div{min-width:0}.pickup-card .booking-bottom>.btn{flex-shrink:0}

/* Mobile pickup review and accessible, authenticated photo viewer. */
.location-card iframe{height:280px;pointer-events:auto;touch-action:auto}.pickup-card{cursor:pointer}.pickup-card .booked-at{font-size:14px;font-weight:650;color:#29465f}.partner-activity{font-size:12px;color:#637589}.photos .photo-thumb{padding:0;border:0;background:none;min-width:100px;flex-shrink:0;border-radius:13px}.photos .photo-thumb img{display:block}.photo-viewer{position:fixed;inset:0;z-index:1000;height:100vh;height:100dvh;background:#08121d;color:#fff;display:flex;flex-direction:column}.photo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:12px;background:#102c46}.photo-toolbar span{font-size:14px;font-weight:400}.photo-viewer button{border:1px solid #64758a;border-radius:10px;background:#203b53;color:#fff;min-width:44px;min-height:48px;padding:9px 12px;font:650 16px system-ui}.photo-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none}.photo-stage img{width:100%;height:100%;object-fit:contain;transform-origin:center;pointer-events:none;user-select:none}.photo-error{position:absolute;inset:35% 16px auto;text-align:center;background:#102c46;padding:16px;border-radius:12px}.photo-controls{padding:12px 10px max(12px,env(safe-area-inset-bottom));background:#102c46}.photo-controls>div{display:flex;gap:7px;align-items:center;justify-content:center}.photo-controls p{font-size:12px;text-align:center;color:#bdd0df;margin-top:8px}.photo-controls span{min-width:46px;text-align:center;font-size:14px}.photo-controls button{font-size:20px}.photo-controls [data-photo=reset]{font-size:14px}.routing-row{background:#eaf6ef;border-radius:12px;padding:12px;margin:14px 0}.routing-row p{font-size:13px;color:#416958;margin:5px 0}.routing-row .btn{width:100%;margin-top:8px}

.pickup-map{height:280px;background:#e2f2e7;z-index:0;touch-action:none}.pickup-map .leaflet-control-zoom a{width:44px;height:44px;line-height:44px;font-size:26px}.pickup-map .leaflet-control-attribution{font-size:11px}.pickup-map .pickup-marker{background:#087d56;border:3px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 8px #102c4666}.map-error{padding:12px;color:#805d2a;background:#fff6e8;font-size:13px}
