/* Scoped live-service components shared with the staff dashboard. */
.live-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.tracking-map-card{overflow:hidden;padding:0;position:relative}.tracking-map{height:540px;background:#e8eeea;z-index:0}.tracking-map-banner{position:absolute;top:18px;left:18px;right:18px;z-index:450;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}.tracking-map-banner>span{background:#fffffff2;padding:9px 13px;border-radius:12px;box-shadow:0 2px 10px #16322010;font-size:13px}.tracking-map-footer{padding:20px 24px;display:flex;align-items:center;gap:15px}.tracking-map-footer>i{font-size:23px;color:#176b51}.tracking-map-footer p{margin:2px 0 0;font-size:14px}.tracking-map-footer strong{font-size:14px}.tracking-driver{display:flex;align-items:center;gap:14px;margin:20px 0}.tracking-avatar{width:62px;height:62px;background:#edf3e7;color:#668057;display:grid;place-items:center;border-radius:16px;overflow:hidden;font-size:28px;flex:none}.tracking-avatar img{width:100%;height:100%;object-fit:cover}.tracking-driver strong{display:block;font-size:18px}.tracking-driver p{font-size:14px;margin:2px 0}.tracking-progress{display:flex;gap:5px;margin:18px 0}.tracking-progress>span{height:5px;flex:1;border-radius:5px;background:#e8eee9}.tracking-progress>span.done{background:#7eab4b}.tracking-events{list-style:none;padding:0;margin:0}.tracking-events li{position:relative;padding:0 0 23px 26px;border-left:1px solid #dce6dc;margin-left:5px}.tracking-events li:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#96ac97;left:-5px;top:6px}.tracking-events li:first-child:before{background:#3c773d}.tracking-events li:last-child{border:0;padding-bottom:0}.tracking-events strong{font-size:14px}.tracking-events p{margin:3px 0;font-size:14px}.tracking-events time{font-size:12px;color:#61716b}.tracking-point{background:#103e35;color:#fff;border:3px solid #fff;box-shadow:0 2px 10px #142f3033;border-radius:50%;display:grid!important;place-items:center;font-size:17px}.tracking-point.provider{background:#61872e}.tracking-route-summary{display:flex;gap:22px;align-items:center;margin:16px 0;padding:16px;background:#f0f5eb;border-radius:12px}.tracking-route-summary strong{font-size:22px;display:block}.tracking-route-summary small{font-size:12px;color:#61716b}.tracking-signal{font-size:13px;margin:0;padding:0 24px 18px}
.chat-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;min-height:620px}.chat-sidebar{display:flex;flex-direction:column;gap:18px}.chat-conversation-link{display:block;padding:15px;border:1px solid #dfe8e3;border-radius:12px;background:#fff;color:#152c27;margin-top:9px}.chat-conversation-link[aria-current=page]{background:#edf5e5;border-color:#b9cfaa}.chat-conversation-link strong{display:block;font-size:14px}.chat-conversation-link small{color:#61716b;font-size:12px}.chat-panel{display:flex;flex-direction:column;padding:0!important;overflow:hidden;min-width:0;height:min(720px,calc(100dvh - 195px));min-height:470px;border:1px solid #dfe8e3;border-radius:18px;background:#fff;margin:0!important}.chat-header{padding:20px 24px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #dfe8e3;background:#fff}.chat-header-icon{width:43px;height:43px;display:grid;place-items:center;background:#eaf2e4;border-radius:14px;color:#3a6737;font-size:20px}.chat-header h2{font-size:18px;margin:0}.chat-header p{font-size:13px;margin:3px 0 0;color:#61716b}.chat-messages{padding:22px;overflow-y:auto;overscroll-behavior:contain;flex:1;display:flex;flex-direction:column;gap:16px;background:#f8faf7;min-height:140px}.chat-message{align-self:flex-start;max-width:82%;background:#fff;border:1px solid #dfe8e3;border-radius:3px 17px 17px 17px;padding:12px 16px;overflow-wrap:anywhere}.chat-message.own{align-self:flex-end;background:#103e35;border-color:#103e35;color:#fff;border-radius:17px 3px 17px 17px}.chat-message p{white-space:pre-wrap;margin:0;color:inherit;font-size:15px}.chat-message small{display:block;font-size:12px;color:#61716b;margin-top:5px}.chat-message.own small{color:#c8dccd}.chat-message a{display:block;margin:6px 0;color:inherit;text-decoration:underline}.chat-message img{max-width:240px;max-height:220px;width:100%;height:auto;object-fit:contain;border-radius:10px}.chat-sender{display:block;margin-bottom:5px;font-size:12px;color:#61716b}.chat-composer{border-top:1px solid #dfe8e3;background:#fff;padding:16px 20px}.chat-composer-row{display:flex;align-items:flex-end;gap:10px}.chat-composer textarea{flex:1;min-width:0;min-height:48px;max-height:150px;resize:vertical;border:1px solid #dfe8e3;border-radius:13px;padding:12px;font:inherit;font-size:16px}.chat-icon-button{width:46px;height:46px;display:grid;place-items:center;border:1px solid #dfe8e3;border-radius:12px;background:#fff;color:#103e35;cursor:pointer;flex:none}.chat-icon-button:focus-within{outline:3px solid #8dc76b;outline-offset:3px}.chat-icon-button.send{background:#103e35;color:#fff}.chat-composer-status{font-size:12px;color:#61716b;margin:7px 0 0}.chat-empty{text-align:center;margin:auto;color:#61716b;font-size:14px;padding:25px;max-width:420px}.chat-empty i{display:block;font-size:30px;margin-bottom:14px;color:#7a9275}.chat-connection{padding:9px 20px;background:#fff8e7;color:#805d15;font-size:13px}.chat-load-older{align-self:center;border:1px solid #dfe8e3;background:#fff;border-radius:20px;padding:8px 16px;font-size:13px;margin:8px}.chat-retry{border:0;background:transparent;text-decoration:underline;font:inherit;color:inherit;cursor:pointer}.chat-mobile-threads{display:none}.driver-topbar{display:flex;gap:14px;align-items:center;justify-content:space-between}.driver-job-actions{display:grid;gap:12px}.driver-offer{border:2px solid #adc584;background:#f5f9ec}.driver-offer h2{font-size:24px}.driver-location-toggle{display:flex;align-items:center;gap:12px;padding:16px;background:#f2f6ef;border-radius:13px}.driver-location-toggle input{height:22px;width:22px;accent-color:#176b51}.driver-portal .ride-main{padding-bottom:50px}
@media(max-width:1100px){.tracking-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:820px){.tracking-layout{grid-template-columns:1fr;gap:18px}.tracking-map{height:390px}.tracking-sidebar{display:grid;gap:18px}.chat-layout{grid-template-columns:1fr;min-height:0}.chat-sidebar{display:none}.chat-mobile-threads{display:block;margin:0 16px 12px;font-size:14px}.chat-mobile-threads form{margin-top:12px}.chat-panel{height:calc(100dvh - 210px - env(safe-area-inset-bottom));min-height:380px;border-radius:18px}.portal-chat-page .ride-main{padding-top:14px}.portal-chat-page .ride-page-top{margin-bottom:12px}.chat-header{padding:15px 17px}.chat-messages{padding:18px 14px}.chat-composer{padding:12px}.chat-message{max-width:87%}}
@media(max-width:520px){.tracking-map{height:350px}.tracking-map-banner{left:12px;right:12px;top:12px}.tracking-map-banner>span{font-size:12px;padding:8px 10px}.tracking-map-footer{padding:17px}.tracking-signal{padding-left:17px;padding-right:17px}.tracking-sidebar .ride-card{padding:22px}.portal-chat-page .ride-shell{width:100%}.portal-chat-page .ride-header-inner{width:calc(100% - 32px)}.portal-chat-page .ride-page-top{padding:0 16px}.portal-chat-page .chat-panel{border-radius:0;border-left:0;border-right:0}.portal-chat-page .ride-main{padding-bottom:85px}.chat-header h2{font-size:16px}.driver-topbar{align-items:flex-start;flex-wrap:wrap}}
[hidden]{display:none!important}

.support-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.support-workspace>.rc-panel{padding:22px}.support-workspace .chat-panel{padding:0}.tracking-provider-card>#providerDetails>.ride-btn{width:100%}
@media(max-width:820px){.support-workspace{grid-template-columns:1fr}.tracking-layout{display:flex;flex-direction:column}.tracking-layout>.ride-stack,.tracking-sidebar.ride-stack{display:contents}.tracking-layout .tracking-map-card{order:0;width:100%}.tracking-layout .tracking-provider-card{order:1;width:100%}.tracking-layout .tracking-timeline-card{order:2;width:100%}.tracking-layout .portal-support-card{order:3;width:100%}.tracking-layout #requestCancel,.tracking-layout #requestFeedback{order:4;width:100%}}