.work-tabs-shell { margin: 0; height: 100dvh; display: flex; flex-direction: column; font: 14px system-ui,sans-serif; background: #f2f6fb; }
#work-views iframe[hidden], [data-mobile-location-control][hidden] { display: none !important; }
[data-mobile-location-control][aria-pressed="true"] { background: #315b4d; color: #fff; }
[data-mobile-location-notice]:not([hidden]) { color: #dceaf7; font-size: 12px; }
.titlebar-account:has([data-mobile-location-notice]:not([hidden])) { flex-wrap: wrap; }
.work-view-document .erp-shell { padding-top: var(--mds-header-height, 96px); }
.work-view-document .erp-shell .desktop-chrome,
.work-view-document .erp-shell .desktop-chrome:has(#main-navigation.is-open) { position: fixed !important; top: 0; inset-inline: 0; z-index: 40; }
.work-view-document .erp-shell #main-navigation.is-open { max-height: 65dvh; overflow-y: auto; }
#work-views { position: relative; flex: 1; min-height: 0; }
#work-views iframe { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
#work-tabs-status { padding: 6px 12px; margin: 0; background: #fff4df; color: #633e13; }
#detail.workspace-detail[open] { display: block; position: relative !important; inset: auto !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important; min-height: 0; padding: 0 !important; margin: 0 !important; box-sizing: border-box; border: 0 !important; border-radius: 0 !important; box-shadow: none; overflow: visible; }
body:has(#detail.workspace-detail[open]) #app .workspace { display: none; }
/* The full-screen detail follows the fixed header, outside the application shell. */
.work-view-document body:has(#detail.workspace-detail[open]) #app,
.work-view-document body:has(#detail.workspace-detail[open]) .erp-shell { height: auto; min-height: 0; }
#detail.workspace-detail[open] > .dialog-content { max-height: none; }
@media(min-width:1080px){
  .work-view-document #detail.workspace-detail[open] { margin-inline-start: var(--ui-sidebar) !important; width: calc(100% - var(--ui-sidebar)) !important; }
}
.shipment-tracking:has(> .workspace-shipment[open]) > :not(.workspace-shipment) { display: none; }
.shipment-tracking > .workspace-shipment[open] { position: static; width: 100%; max-width: none; max-height: none; margin: 0; box-sizing: border-box; }
.team-person .team-profile-name { display: flex; align-items: center; gap: 8px; text-align: start; color: #1d507c; background: transparent; border: 0; padding: 3px; min-width: 0; }
.team-person .team-profile-name:hover { background: #e6f2fb; color: #123552; }
.team-user-profile { margin: 10px 0; padding: 12px; border: 1px solid #d4dfe8; border-radius: 8px; }
.team-user-profile:empty { display: none; }
.team-location-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px 0; }
.team-location-map { position: relative; overflow: hidden; width: 100%; height: 300px; border: 1px solid #d4dfe8; border-radius: 7px; background: #e0e9ea; touch-action: none; cursor: grab; user-select: none; }
.team-location-map:active { cursor: grabbing; }
.team-location-tiles { position: absolute; left: 50%; top: 50%; }
.team-location-tiles img { position: absolute; width: 256px; height: 256px; max-width: none; pointer-events: none; }
.team-location-pin { position: absolute; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 50%; background: #236fa3; border: 3px solid #fff; box-shadow: 0 0 0 2px #164266; pointer-events: none; }
.team-location-credit { position: absolute; bottom: 0; right: 0; background: #fff; padding: 2px 5px; }