/* OWNER BREAKDOWN MASTER v14: fixed full-screen panel, centered cloud, symmetric gutters, 20px particle clearances. */
body.bm-fullscreen-open #approved-breakdown-portal .bm-panel{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
  margin:0!important;padding:0!important;transform:none!important;
  overflow:hidden!important;overflow-y:hidden!important;overscroll-behavior:none!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-focus{
  position:absolute!important;top:21.7dvh!important;left:20px!important;right:20px!important;
  width:calc(100% - 40px)!important;max-width:none!important;
  height:calc(78.3dvh - 120px)!important;min-height:calc(78.3dvh - 120px)!important;max-height:calc(78.3dvh - 120px)!important;
  box-sizing:border-box!important;margin:0!important;
  padding:38px clamp(18px,5vw,32px) 20px!important;
  overflow:hidden!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-focus .bm-organic-svg{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-focus>*:not(.bm-organic-svg){max-width:100%!important}
body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units,
body.bm-fullscreen-open #approved-breakdown-portal .bm-vi-bottom-triple{
  position:absolute!important;top:auto!important;bottom:20px!important;
  left:0!important;right:0!important;width:100%!important;height:auto!important;
  min-height:0!important;max-height:none!important;margin:0!important;
  padding:0 8px!important;box-sizing:border-box!important;overflow:visible!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units>.bm-unit,
body.bm-fullscreen-open #approved-breakdown-portal .bm-vi-bottom-triple>.bm-vi-bottom-part{
  min-height:0!important;max-height:none!important;padding:0 4px!important;
}
@media(max-width:390px){
  body.bm-fullscreen-open #approved-breakdown-portal .bm-focus{
    left:18px!important;right:18px!important;width:calc(100% - 36px)!important;
    padding-left:18px!important;padding-right:18px!important;
  }
  body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units,
  body.bm-fullscreen-open #approved-breakdown-portal .bm-vi-bottom-triple{padding-left:8px!important;padding-right:8px!important}
}
@media(max-height:740px){
  body.bm-fullscreen-open #approved-breakdown-portal .bm-focus{
    top:21.7dvh!important;height:calc(78.3dvh - 120px)!important;
    min-height:calc(78.3dvh - 120px)!important;max-height:calc(78.3dvh - 120px)!important;
  }
}

/* OWNER GEOMETRY LOCK v1 — 2026-11-07
   Preserve the approved cloud dimensions and content. Anchor its visual center
   to the viewport, then use fixed semantic arcs for 1–6 meaning units. */
body.bm-fullscreen-open #approved-breakdown-portal .bm-focus{
  top:50%!important;
  transform:translateY(-50%)!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-top-choices{
  transform:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-top-choices:has(>:nth-child(3))>:first-child,
body.bm-fullscreen-open #approved-breakdown-portal .bm-top-choices:has(>:nth-child(3))>:last-child{
  transform:translateY(12px)!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-top-choices:has(>:nth-child(3))>:nth-child(2){
  transform:none!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units,
body.bm-fullscreen-open #approved-breakdown-portal .bm-vi-bottom-triple{
  position:absolute!important;
  top:auto!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  justify-items:stretch!important;
  gap:4px!important;
  width:100%!important;
  height:clamp(80px,11dvh,104px)!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units:has(>:only-child),
body.bm-fullscreen-open #approved-breakdown-portal .bm-vi-bottom-triple:has(>:only-child){
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:center!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units:has(>:nth-child(2):last-child){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  justify-items:center!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units:has(>:nth-child(3))>:first-child,
body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units:has(>:nth-child(3))>:last-child{
  transform:translateY(-8px)!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units:has(>:nth-child(3))>:nth-child(2){
  transform:translateY(8px)!important;
}
body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units>.bm-unit,
body.bm-fullscreen-open #approved-breakdown-portal .bm-vi-bottom-triple>.bm-vi-bottom-part{
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  box-sizing:border-box!important;
  padding:2px 3px!important;
  gap:3px!important;
  overflow:visible!important;
}
@media(max-height:700px){
  body.bm-fullscreen-open #approved-breakdown-portal .bm-focus{
    padding-top:24px!important;
    padding-bottom:18px!important;
  }
  body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units,
  body.bm-fullscreen-open #approved-breakdown-portal .bm-vi-bottom-triple{
    gap:2px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  body.bm-fullscreen-open #approved-breakdown-portal .bm-extra-units>.bm-unit,
  body.bm-fullscreen-open #approved-breakdown-portal .bm-vi-bottom-triple>.bm-vi-bottom-part{
    gap:2px!important;
  }
}
/* HOTFIX v2: anchor the cloud to the actual viewport, not the inner panel. */
body.bm-fullscreen-open #approved-breakdown-portal .bm-focus{
  position:fixed!important;
  top:50dvh!important;
  left:20px!important;
  right:20px!important;
  width:calc(100vw - 40px)!important;
  transform:translateY(-50%)!important;
}
/* FINAL CENTER CORRECTION: keep the proven dvh top anchor and compensate by half-height. */
body.bm-fullscreen-open #approved-breakdown-portal .bm-focus{
  position:absolute!important;
  top:14.5dvh!important;
  transform:translateY(calc(35.5dvh - 50%))!important;
}
/* FINAL viewport anchor: use layout viewport vh; dvh is browser-chrome dependent. */
body.bm-fullscreen-open #approved-breakdown-portal .bm-focus{
  position:absolute!important;
  top:50vh!important;
  transform:translateY(-50%)!important;
}
