/* V8.10.4 — tool chrome never overlaps the teaching visual; pathway cue + session highlighter. */

/* Reset legacy floating geometry. The visual owns its row; tool surfaces own separate rows. */
#viewer.focus-layout-v894.immersive-viewer .slide-zone{
  display:grid!important;
  grid-template-rows:auto var(--mws-tools-h,64px) minmax(0,1fr) var(--mws-inspect-h,40px)!important;
  grid-template-areas:'information' 'tools' 'visual' 'inspection'!important;
  padding:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
#viewer.focus-layout-v894.immersive-viewer .visual-info,
#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock,
#viewer.focus-layout-v894.immersive-viewer .immersive-zoom-dock{
  position:relative!important;
  inset:auto!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#viewer.focus-layout-v894.immersive-viewer .visual-info{grid-area:information!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-study-dock{grid-area:tools!important}
#viewer.focus-layout-v894.immersive-viewer #slide-viewport{grid-area:visual!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important}
#viewer.focus-layout-v894.immersive-viewer .immersive-zoom-dock{grid-area:inspection!important}

/* Manual Tools hide is sticky until Tools is pressed again. Side panels remain open independently. */
#viewer.focus-layout-v894.chrome-minimized:not(.recall-active):not(.recall-compare) .slide-zone{
  grid-template-rows:0 0 minmax(0,1fr) 0!important;
}
#viewer.focus-layout-v894.chrome-minimized:not(.recall-active):not(.recall-compare) :is(.visual-info,.immersive-study-dock,.immersive-zoom-dock){
  min-height:0!important;height:0!important;padding:0!important;border:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;overflow:hidden!important;
}
/* Zoom/highlighter are active tools: keep only the non-overlapping bottom inspection row. */
#viewer.focus-layout-v894.chrome-minimized:is(.zoom-active,.highlighter-active):not(.recall-active):not(.recall-compare) .slide-zone{
  grid-template-rows:0 0 minmax(0,1fr) var(--mws-inspect-h,40px)!important;
}
#viewer.focus-layout-v894.chrome-minimized:is(.zoom-active,.highlighter-active) .immersive-zoom-dock{
  min-height:var(--mws-inspect-h,40px)!important;height:var(--mws-inspect-h,40px)!important;padding:3px 8px!important;border-top:1px solid rgba(126,190,230,.07)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow-x:auto!important;
}

/* Pathway is intentionally absent from the upper tool strip. Its cue lives bottom-left and auto-hides with chrome. */
.pathway-cue{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:0 10px!important;
  border-color:rgba(255,204,74,.22)!important;background:rgba(255,190,45,.055)!important;color:#ffd86e!important;font-weight:900!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.pathway-cue span{font-size:14px;line-height:1}.pathway-cue b{font-size:9px;letter-spacing:.035em;white-space:nowrap}
.pathway-cue:hover,.pathway-cue:focus-visible{background:rgba(255,190,45,.13)!important;border-color:rgba(255,220,126,.58)!important;box-shadow:0 0 20px rgba(255,196,48,.14)!important;transform:translateY(-1px)}

/* Highlighter is session-local and attached to the decoded original geometry. */
.slide-highlighter-layer{
  position:absolute;z-index:4;overflow:visible;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;
}
.slide-highlighter-layer[hidden]{display:none!important}
.slide-highlighter-layer.is-active{pointer-events:auto;cursor:crosshair}
#viewer.highlighter-active #slide-viewport{cursor:crosshair!important}
.highlighter-controls{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-right:4px;color:#ffe985;font-size:9px;font-weight:900;white-space:nowrap}
.highlighter-controls[hidden]{display:none!important}
.highlighter-controls>strong{padding:0 4px}.highlighter-controls .ghost-btn{min-height:30px!important;padding:0 9px!important}
[data-toggle-highlighter].active{color:#fff0a0!important;border-color:rgba(255,223,84,.35)!important;background:rgba(255,209,42,.09)!important}

/* Reading Focus must reserve all header/tool rows; no overlays over the visual. */
.visual-reader-dialog{grid-template-rows:auto auto auto minmax(0,1fr) auto!important;overflow:hidden!important}
.reader-header,.reader-controls,.reader-select-tools,.reader-footer{position:relative!important;inset:auto!important;transform:none!important;z-index:2!important}
.reader-stage{position:relative!important;z-index:1!important;min-height:0!important;overflow:hidden!important}

/* Memory Loop compare typography cannot collide, even at browser zoom. */
.recall-sprint-head{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;white-space:normal!important}
.recall-sprint-head>*{min-width:0!important}
.recall-step{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:normal!important;flex-wrap:wrap!important}
.recall-verdicts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.recall-verdict{min-width:0!important;overflow:hidden!important}
.recall-verdict-copy{min-width:0!important;display:grid!important;gap:3px!important}
.recall-verdict-copy b,.recall-verdict-copy small{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.2!important}

@media(max-width:760px){
  .pathway-cue b{display:none}.pathway-cue{width:34px;padding:0!important;justify-content:center!important}
  .highlighter-controls>strong{display:none}
}