/* Reviewed V2/V3 presentation only. No data, pricing or approval logic. */
#root :is(.customer-portal,.staff-portal) aside nav a{gap:8px;border-radius:8px;font-size:13px;line-height:1.45;min-height:40px}
#root :is(.customer-portal,.staff-portal) aside nav a[aria-current=page]{border-inline-start:3px solid #ffbf19;font-weight:600}
#root :is(.customer-portal,.staff-portal) aside nav a>svg{height:18px;width:18px;flex-shrink:0}
#root .customer-portal .customer-next-actions{border-radius:12px;padding:16px}
#root .customer-record-milestones{margin-block:12px}
#root :is(.customer-record-milestones,.customer-next-actions) :is(p,small){line-height:1.5}
#root :is(#staff-main .commercial-mobile-screen .workspace-page-header,.public-website .prototype-public-header){position:relative;isolation:isolate;overflow:hidden;background:#0d2d59;border-radius:8px;padding:16px;color:white}
#root :is(#staff-main .commercial-mobile-screen .workspace-page-header,.public-website .prototype-public-header)::before{content:'';position:absolute;pointer-events:none;z-index:-1;inset:0;background:url('/brand/platform/v2-v3/staff-imgGroup.svg') no-repeat right top/280px 180px;opacity:.1}
#root :is(#staff-main .commercial-mobile-screen .workspace-page-header,.public-website .prototype-public-header) h1{font-size:24px;font-weight:600;line-height:1.45;color:white}
#root :is(#staff-main .commercial-mobile-screen .workspace-page-header,.public-website .prototype-public-header) p{font-size:13px;color:#cadcf0}
#root .customer-portal aside nav a::before{content:'';display:block;width:18px;height:18px;flex:none;background:var(--v23-icon) center/18px 18px no-repeat}
#root .customer-portal aside nav a:has(>svg){gap:8px}

#root .customer-portal aside nav a[href^="/portal/customer?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgLayoutDashboard.svg")}
#root .customer-portal aside nav a[href^="/portal/customer/request-quote?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgCirclePlus.svg")}
#root .customer-portal aside nav a[href^="/portal/customer/quotes?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgFileText.svg")}
#root .customer-portal aside nav a[href^="/portal/customer/shipments?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgShip.svg")}
#root .customer-portal aside nav a[href^="/portal/customer/invoices?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgReceipt.svg")}
#root .customer-portal aside nav a[href^="/portal/customer/documents?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgFolder.svg")}
#root .customer-portal aside nav a[href^="/portal/customer/exceptions?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgHeadphones.svg")}
#root .customer-portal aside nav a[href^="/portal/customer/notifications?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgBell.svg")}
#root .customer-portal aside nav a[href^="/portal/customer/profile?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgUserRound.svg")}
#root .customer-portal aside nav a[href^="/portal/customer/help?"]{--v23-icon:url("/brand/platform/v2-v3/customer-imgBookOpen.svg")}
#root .customer-portal aside nav a:has(>svg){position:relative}
#root .customer-portal aside nav a[href*="?lang="]>svg{display:none}
@media(max-width:760px){#root :is(#staff-main .commercial-mobile-screen .workspace-page-header,.public-website .prototype-public-header) h1{font-size:21px}#root .customer-portal .customer-next-actions{padding:16px}}
@media(prefers-reduced-motion:reduce){#root .customer-next-actions .silsila-heartbeat{animation:none}}
