/* Integration only. Load after the unchanged approved theralab-shell.css and
   existing FieldworkOS styles. The shell's own dimensions/tokens stay intact. */
body:has(#app > .fieldwork-shell){height:100dvh;min-height:0;overflow:hidden}
.app.fieldwork-shell{min-height:0}
.fieldwork-shell > .tl-layout{isolation:isolate}
.fieldwork-shell .tl-content.canvas{padding:0;max-width:1240px;width:100%;margin-inline:auto}
.fieldwork-shell .tl-side-nav.rail-scroll{gap:5px}

/* Old product-wide button minimums must not resize reference header controls. */
.fieldwork-shell .tl-top-link,.fieldwork-shell .tl-hamburger,.fieldwork-shell .tl-theralab-brand{min-height:0}
#app .fieldwork-shell :is(.tl-topbar,.tl-sidebar) button:focus-visible,
#app .fieldwork-shell .tl-skip-link:focus-visible{outline:3px solid #88a2ff;outline-offset:2px}
#app .fieldwork-shell .tl-side-nav .tl-nav-button:focus-visible{outline-offset:-3px}

/* Authentication uses the same header without exposing a dead product menu. */
.fieldwork-shell-auth .tl-layout{grid-template-columns:minmax(0,1fr)}
.fieldwork-shell-auth .tl-sidebar[hidden],.fieldwork-shell-auth .tl-hamburger[hidden]{display:none}

/* FieldworkOS is wider than the reference product name. Keep its complete name
   on one line in the reference's 205px sidebar; the wider mobile drawer keeps
   the original 21px title, and every header/sidebar dimension is unchanged. */
@media (min-width:641px) and (max-width:840px){
  .fieldwork-shell .tl-product-brand strong{font-size:18px;white-space:nowrap}
}