/* Prime Creation // pill geometry authority v6
   One viewport-authority-owned control rail: TOOLS | 10 PAGES | SFX + FULLSCREEN. */
:root{
  --prime-pill-lock-max:76rem;
  --prime-pill-lock-gutter:clamp(.18rem,.8vw,.6rem);
  --prime-pill-lock-tools:clamp(2.7rem,6.4vw,3.65rem);
  --prime-pill-lock-utilities:clamp(4.45rem,10.5vw,6.25rem);
  --prime-pill-lock-gap:clamp(1px,.2vw,3px);
}

html[data-prime-viewport-authority] body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider,
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider{
  position:absolute!important;
  z-index:9990!important;
  left:var(--pf-center-x,50%)!important;
  right:auto!important;
  top:auto!important;
  bottom:var(--prime-pill-bottom-gap,.28rem)!important;
  display:grid!important;
  grid-template-columns:var(--prime-pill-lock-tools) minmax(0,1fr) var(--prime-pill-lock-utilities)!important;
  grid-template-rows:minmax(0,1fr)!important;
  column-gap:var(--prime-pill-lock-gap)!important;
  align-items:stretch!important;
  width:min(var(--prime-pill-lock-max),calc(var(--pf-vw,100%) - (var(--prime-pill-lock-gutter) * 2)))!important;
  min-width:0!important;
  max-width:calc(var(--pf-vw,100%) - (var(--prime-pill-lock-gutter) * 2))!important;
  height:var(--prime-pill-height)!important;
  min-height:var(--prime-pill-height)!important;
  max-height:var(--prime-pill-height)!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  transform-origin:50% 100%!important;
  -webkit-transform-origin:50% 100%!important;
  isolation:isolate!important;
}
@supports (translate:-50% 0){
  html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider{translate:-50% 0!important}
}
@supports not (translate:-50% 0){
  html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider{transform:translateX(-50%)!important;-webkit-transform:translateX(-50%)!important}
  @keyframes primePillDoor{0%{opacity:0;transform:translateX(-50%) perspective(900px) rotateX(72deg) translateY(1rem) scale(.94);filter:blur(5px)}62%{opacity:1;transform:translateX(-50%) perspective(900px) rotateX(-5deg) translateY(-.05rem) scale(1.01);filter:blur(0)}100%{opacity:1;transform:translateX(-50%);filter:none}}
}

/* Column 1: toolbox owns only its slot. */
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .prime-tool-panel-shell{
  position:relative!important;z-index:9996!important;grid-column:1!important;grid-row:1!important;inset:auto!important;align-self:stretch!important;justify-self:stretch!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;-webkit-transform:none!important;overflow:visible!important;pointer-events:none!important
}
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .prime-tool-panel-shell > .prime-tool-panel-trigger{
  position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:.12rem!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important
}
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .prime-tool-panel-shell > .prime-tool-panel{
  position:absolute!important;left:0!important;right:auto!important;top:auto!important;bottom:calc(100% + .55rem)!important;width:min(25rem,calc(var(--pf-vw,100%) - (var(--prime-pill-lock-gutter) * 2)))!important;max-width:calc(var(--pf-vw,100%) - (var(--prime-pill-lock-gutter) * 2))!important;max-height:calc(var(--pf-vh,100%) - var(--prime-pill-height,3.5rem) - var(--prime-pill-bottom-gap,.28rem) - 1.4rem)!important;overflow:hidden!important;box-sizing:border-box!important
}

/* Column 2: ten equal page buttons consume every available pixel. */
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .app-dock-links{
  position:relative!important;z-index:2!important;grid-column:2!important;grid-row:1!important;display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;justify-content:stretch!important;gap:var(--prime-pill-lock-gap)!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:.08rem!important;box-sizing:border-box!important;overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;touch-action:manipulation!important
}
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .app-dock-links::-webkit-scrollbar{display:none!important}
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .app-dock-links > button[data-focus10-target]{
  position:relative!important;display:flex!important;flex:1 1 0px!important;width:0!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important
}
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider[data-prime-pill-gate="unlocked"] > .app-dock-links,
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider[data-prime-pill-gate="unlocked"] > .app-dock-links > button[data-focus10-target]{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .app-dock-links > .prime-pill-slider-indicator{pointer-events:none!important}

/* Column 3: utility controls are physical pill children, never floating overlays. */
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .prime-pill-utilities{
  position:relative!important;z-index:7!important;grid-column:3!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important;gap:var(--prime-pill-lock-gap)!important;align-items:stretch!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:.08rem!important;box-sizing:border-box!important;overflow:hidden!important;pointer-events:auto!important
}
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .prime-pill-utilities > button{
  position:relative!important;inset:auto!important;display:grid!important;place-items:center!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:.12rem!important;transform:none!important;-webkit-transform:none!important;box-sizing:border-box!important;overflow:hidden!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important
}

/* Initializer remains the one centered gate over the complete pill. */
html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .prime-pill-initializer{
  position:absolute!important;z-index:10020!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;margin:0!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important
}
@supports (translate:-50% -50%){html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .prime-pill-initializer{translate:-50% -50%!important}}
@supports not (translate:-50% -50%){html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .prime-pill-initializer{transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important}}

@media(max-width:680px){
  :root{--prime-pill-lock-tools:2.42rem;--prime-pill-lock-utilities:4.2rem;--prime-pill-lock-gutter:.16rem;--prime-pill-lock-gap:1px}
  html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider > .prime-tool-panel-shell > .prime-tool-panel{width:min(23.5rem,calc(var(--pf-vw,100%) - .32rem))!important;max-width:calc(var(--pf-vw,100%) - .32rem)!important;max-height:calc(var(--pf-vh,100%) - var(--prime-pill-height,3.1rem) - var(--prime-pill-bottom-gap,.28rem) - 1rem)!important}
}
@media(max-width:390px){:root{--prime-pill-lock-gutter:.1rem;--prime-pill-lock-tools:2.28rem;--prime-pill-lock-utilities:3.95rem}}
@media(orientation:landscape) and (max-height:520px){:root{--prime-pill-height:2.65rem;--prime-pill-lock-tools:2.3rem;--prime-pill-lock-utilities:3.9rem;--prime-pill-bottom-gap:.16rem}}
@media(forced-colors:active){html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider{border:1px solid CanvasText!important;background:Canvas!important}html body.prime-v2 #main[data-app-shell] > .app-dock.prime-pill-slider button{forced-color-adjust:auto}}
