.driver-app-header.portal-header,.customer-header.portal-header{z-index:30;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative;overflow:visible}.customer-header.portal-header{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.portal-header .driver-app-brand,.portal-header .customer-brand{flex:0 auto;min-width:0;padding-right:0}.portal-account-menu{color:#263f4e;background:0 0;border:0;min-width:0;max-width:50%;margin:0 0 0 auto;padding:0;position:relative}.portal-account-trigger{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:24px;justify-content:flex-end;align-items:center;gap:12px;min-height:48px;padding:0;list-style:none;display:flex}.portal-account-trigger::-webkit-details-marker{display:none}.portal-account-trigger::marker{content:""}.portal-account-trigger:focus-visible{outline:2px solid var(--primary,#2384cd);outline-offset:5px}.portal-account-copy{text-align:right;min-width:0}.portal-account-copy>strong,.portal-account-copy>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.portal-account-copy>strong{color:inherit;font-size:1rem;font-weight:800;line-height:1.4}.portal-account-copy>span{color:#718694;margin-top:3px;font-size:.85rem;line-height:1.4}.portal-account-avatar{width:46px;height:46px;color:var(--primary,#2384cd);background:#deeffa;border-radius:50%;flex:0 0 46px;place-items:center;font-size:1rem;font-weight:800;transition:box-shadow .18s;display:grid;overflow:hidden;box-shadow:0 0 0 2px #0000}.portal-account-avatar img{object-fit:cover;width:100%;height:100%}.portal-account-trigger:hover .portal-account-avatar,.portal-account-menu[open] .portal-account-avatar{box-shadow:0 0 0 2px #9bcfee}.portal-account-caret{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 19px;width:19px;height:19px;transition:transform .2s}.portal-account-menu[open] .portal-account-caret{transform:rotate(180deg)}.portal-account-dropdown{color:#263f4e;background:#fff;border:1px solid #dbe7ef;border-radius:16px;width:248px;max-width:calc(100vw - 32px);margin:0;padding:8px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 44px #102e472e}.portal-account-menu[open] .portal-account-dropdown{animation:.18s ease-out both portal-account-reveal}.portal-account-dropdown>a,.portal-account-dropdown>button{color:#263f4e;width:100%;min-height:48px;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:.95rem;font-weight:650;line-height:1.4;text-decoration:none;transition:background .16s,color .16s;display:flex}.portal-account-dropdown>a:hover,.portal-account-dropdown>button:hover{background:var(--primary-soft,#e7f3fc);color:var(--primary,#2384cd)}:is(.portal-account-dropdown>a:focus-visible,.portal-account-dropdown>button:focus-visible){outline:2px solid var(--primary,#2384cd);outline-offset:-2px}.portal-account-dropdown .portal-account-logout{color:#b54141;margin-top:4px}.portal-account-dropdown .portal-account-logout:hover{color:#a83232;background:#fff0f0}.portal-account-dropdown>button:disabled{opacity:.6;cursor:wait}.portal-account-dropdown svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 20px;width:20px;height:20px}.portal-account-dropdown .portal-account-error{color:#a83232;background:#fff0f0;border-radius:8px;margin:8px 4px 4px;padding:10px;font-size:.85rem;line-height:1.5}.driver-app-header .portal-account-menu{color:#fff}.driver-app-header .portal-account-copy>span{color:#c5e1f4}.driver-app-header .portal-account-avatar{color:#196eae;background:#eff8ff}.driver-app-header .portal-account-trigger:focus-visible{outline-color:#c5e1f4}@keyframes portal-account-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.driver-app-header.portal-header,.customer-header.portal-header{gap:12px}.portal-account-trigger{gap:7px}.portal-account-copy>strong{font-size:.9rem}.portal-account-copy>span{font-size:.75rem}.portal-account-avatar{flex-basis:42px;width:42px;height:42px}.portal-account-caret{flex-basis:16px;width:16px;height:16px}}@media (max-width:430px){.portal-header .driver-app-brand>div:nth-child(2)>strong{white-space:normal;max-width:88px;line-height:1.3}.portal-header .customer-brand small{display:none}.portal-account-menu{max-width:56%}.portal-account-dropdown{max-width:calc(100vw - 26px)}}@media (prefers-reduced-motion:reduce){.portal-account-menu[open] .portal-account-dropdown{animation:none}.portal-account-caret,.portal-account-avatar,.portal-account-dropdown>a,.portal-account-dropdown>button{transition:none}}.portal-header-controls{align-items:center;gap:18px;min-width:0;max-width:60%;margin-left:auto;display:flex;position:relative}.portal-header-controls .portal-account-menu{min-width:0;max-width:none;margin:0}.portal-notification-menu{color:#263f4e;background:0 0;border:0;flex:none;margin:0;padding:0}.portal-notification-trigger{color:#315366;cursor:pointer;background:#fff;border:1px solid #d3e3ed;border-radius:16px;place-items:center;width:48px;height:48px;list-style:none;display:grid;position:relative}.portal-notification-trigger::-webkit-details-marker{display:none}.portal-notification-trigger::marker{content:""}.portal-notification-trigger svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.portal-notification-trigger:focus-visible{outline-offset:3px;outline:2px solid #2384cd}.portal-notification-dropdown button:focus-visible{outline-offset:3px;outline:2px solid #2384cd}.portal-notification-badge{color:#fff;background:#de3d4c;border:2px solid #fff;border-radius:20px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-6px;right:-5px}.portal-notification-dropdown{color:#263f4e;text-align:left;z-index:40;background:#fff;border:1px solid #dbe7ef;border-radius:18px;width:430px;max-width:calc(100vw - 32px);padding:0;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 16px 44px #102e472e}.portal-notification-menu[open] .portal-notification-dropdown{animation:.18s ease-out both portal-account-reveal}.portal-notification-heading{border-bottom:1px solid #e2ebf1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px;display:flex}.portal-notification-heading>strong{color:#263f4e;font-size:1.1rem}.portal-notification-heading button,.portal-notification-status button,.portal-notification-more{color:#1676bf;font:inherit;cursor:pointer;background:#edf7ff;border:0;border-radius:8px;padding:8px;font-size:.8rem;font-weight:700}.portal-notification-dropdown button:disabled{opacity:.6;cursor:default}.portal-notification-list{overscroll-behavior:contain;max-height:min(460px,55dvh);overflow:auto}.portal-notification-item{color:#263f4e;text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e6edf2;align-items:flex-start;gap:12px;padding:16px;display:flex}.portal-notification-item.unread{background:#f0f8ff}.portal-notification-item:hover{background:#e7f3fc}.portal-notification-symbol{color:#2384cd;background:#e0effc;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:1.3rem;font-weight:800;display:grid}.portal-notification-copy{overflow-wrap:anywhere;gap:5px;min-width:0;line-height:1.45;display:grid}.portal-notification-copy>strong{color:#263f4e;font-size:.9rem}.portal-notification-copy>span{color:#5f7889;font-size:.85rem}.portal-notification-copy small,.portal-notification-copy time{color:#5f7889;font-size:.75rem}.portal-notification-copy time{color:#1676bf}.portal-notification-item>i{background:#2384cd;border-radius:50%;flex:none;width:8px;height:8px;margin-top:15px}.portal-notification-status{color:#637a8a;margin:0;padding:20px;font-size:.9rem;line-height:1.5}.portal-notification-status p{margin:0 0 10px}.portal-notification-more{background:#fff;border-top:1px solid #e2ebf1;border-radius:0;width:100%;padding:14px;display:block}.portal-notification-menu.driver .portal-notification-heading>strong{font-size:18px}.portal-notification-menu.driver .portal-notification-heading button,.portal-notification-menu.driver .portal-notification-more,.portal-notification-menu.driver .portal-notification-copy small,.portal-notification-menu.driver .portal-notification-copy time{font-size:14px}.portal-notification-menu.driver .portal-notification-copy>strong{font-size:16px;line-height:1.5}.portal-notification-menu.driver .portal-notification-copy>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.portal-notification-symbol svg{width:22px;height:22px}@media (max-width:760px){.portal-header-controls{gap:12px;position:static}.portal-notification-dropdown{width:calc(100% - 24px);max-width:430px;right:12px}.portal-header-controls .portal-account-copy,.portal-header-controls .portal-account-caret{display:none}.portal-notification-trigger{border-radius:14px;width:42px;height:42px}.portal-header-controls .portal-account-trigger{min-height:42px}.portal-notification-heading,.portal-notification-item{padding:14px}}@media (prefers-reduced-motion:reduce){.portal-notification-menu[open] .portal-notification-dropdown{animation:none}}
