/* Opening navigation remains in flow: no content passes underneath it. */
html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar{position:relative!important;top:auto!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:20px 0 26px!important;align-items:center;gap:16px}
html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar .tr-section-nav{flex-wrap:wrap;justify-content:flex-start;gap:10px!important}
html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar a,html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar button{position:relative;overflow:hidden;border-radius:30px!important;background:rgba(119,192,211,.08)!important;border-color:rgba(164,232,239,.4)!important;padding:13px 19px!important;font-weight:700;min-height:46px;box-shadow:inset 0 1px 0 rgba(244,255,252,.13)!important;transition:transform .25s,border-color .25s,background .25s}
html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar a:before,html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar button:before{content:'';pointer-events:none;position:absolute;inset:-100% -70%;background:linear-gradient(115deg,transparent 43%,rgba(210,255,249,.16),transparent 57%);animation:studio-sheen 8s linear infinite}
html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar a:hover,html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar button:hover{background:rgba(105,225,211,.17)!important;border-color:#b1ffed!important;transform:translateY(-2px)}
html[data-cosmos=pearl] body.tr-app-home #tracking-app-home .tr-brandbar,html[data-cosmos=pearl] body.tr-app-home #tracking-app-home .tr-brandbar *{color:#183b45!important;-webkit-text-fill-color:#183b45!important}
html[data-cosmos] body.tr-app-home #tracking-app-home #tr-journey{scroll-margin-top:76px!important}
.tr-studio,.tr-studio-admin{margin:28px 0;padding:24px;border:1px solid var(--cosmos-border,#486876);border-radius:22px;background:var(--cosmos-surface,#102532)}
.tr-studio summary{cursor:pointer;font-weight:800;min-height:44px;padding:10px}.tr-studio-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.tr-studio button,.tr-studio-admin button{border:1px solid currentColor;border-radius:22px;padding:13px 18px;background:transparent;color:inherit;min-height:44px;cursor:pointer}.tr-studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tr-studio-admin label{display:grid;gap:8px;margin-bottom:18px;font-weight:700}.tr-studio-admin select,.tr-studio-admin textarea{width:100%;padding:14px;border-radius:12px;border:1px solid #59828a;background:var(--cosmos-surface,#102532);color:inherit}.tr-studio-admin small{font-weight:400;line-height:1.5}.tr-studio-note{border-left:3px solid #87ffe0;padding:12px 16px;margin:16px 0;white-space:pre-line}
[data-shipment-map] .tr-map-cargo svg{color:var(--studio-vehicle,#90ffe1)}[data-shipment-map] .tr-map-cargo svg path{stroke:var(--studio-vehicle,#90ffe1)}[data-shipment-map] .tr-map-cargo svg path[fill]{fill:var(--studio-vehicle,#90ffe1)}[data-shipment-map] .tr-map-route-progress{stroke:var(--studio-route,#90ffe1)!important}
[data-shipment-map] .tr-map-cargo{filter:drop-shadow(0 0 6px rgba(134,255,223,.6))}
html[data-cosmos] [data-shipment-map] .leaflet-top.leaflet-right strong,html[data-cosmos] [data-shipment-map] .tr-map-progress-tip strong{color:#ecfff9!important;-webkit-text-fill-color:#ecfff9!important;opacity:1!important}
.tr-studio-contrast .leaflet-tile-pane{filter:saturate(.6) contrast(.82)}.tr-studio-contrast .tr-map-route-progress{stroke:#ffb64c!important;stroke-width:8!important}.tr-studio-contrast .tr-map-tip{filter:drop-shadow(0 0 8px #ffffff)}
[data-shipment-map]:fullscreen,.tr-studio-fullscreen{height:100vh!important;width:100vw!important;border-radius:0!important}.tr-studio-fullscreen{position:fixed!important;inset:0;z-index:2000}.tr-studio-fullscreen:after{content:'Press Escape to return';position:absolute;bottom:20px;left:20px;background:#102532;color:#fff;padding:12px;z-index:1100;pointer-events:none}
@keyframes studio-sheen{0%,50%{transform:translateX(-40%)}100%{transform:translateX(40%)}}
@media(max-width:900px){html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar .tr-section-nav{flex-basis:100%}}
@media(max-width:540px){html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar .tr-section-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px!important}html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar a,html[data-cosmos] body.tr-app-home #tracking-app-home .tr-brandbar button{padding:12px 8px!important;font-size:12px!important}.tr-studio-fields{grid-template-columns:1fr}.tr-studio{padding:16px}.tr-studio-actions{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.tr-brandbar a:before,.tr-brandbar button:before{animation:none!important}}

[data-shipment-map] .tr-map-cargo svg rect,[data-shipment-map] .tr-map-cargo svg path:nth-child(2){fill:var(--studio-vehicle,#90ffe1)!important;stroke:#102532!important;stroke-width:2.5!important}[data-shipment-map] .tr-map-cargo svg path:nth-child(3){fill:#123947!important;stroke:#e9fff8!important;stroke-width:1!important}

.tr-studio-exit{display:none;position:absolute;bottom:32px;left:16px;z-index:1200;background:#102532!important;color:#ecfff9!important;-webkit-text-fill-color:#ecfff9!important;border:1px solid #90ffe1;border-radius:22px;padding:12px 18px;cursor:pointer}[data-shipment-map]:fullscreen .tr-studio-exit,.tr-studio-fullscreen .tr-studio-exit{display:block}