/* tfH7 (TestMu iPhone 15 Safari, Nov 9 2026). Loaded after table-fit.css.
   (2) the table menu follows the VISIBLE viewport (Safari toolbars), set by shared/table-fit-h7.js as --vvh/--vvt.
   (3) action and pre-action labels are never cut: no ellipsis; table-fit-h7.js shrinks the font until the label fits.
   (4) "Sitting out" / "Paused" / missed-blind bars in short landscape: a thin box in the empty top of the right rail,
       clear of the cards and the action buttons. */
@media (max-height:520px){
  html.pp-vv #menuDlg[open]{position:fixed!important;top:calc(var(--vvt,0px) + 8px)!important;bottom:auto!important;margin:0 auto!important;
    max-height:calc(var(--vvh,100svh) - 16px)!important}
}
#table #actionBar .acts .act,#table #actionBar #preActs .chk,#table #actionBar #preActs .chk span{text-overflow:clip!important;white-space:nowrap!important}
#table #actionBar .acts .act[data-fit],#table #actionBar #preActs .chk[data-fit]{letter-spacing:-.01em}
@media (orientation:landscape) and (max-height:520px){
  #table #sitInBar,#table #pausedOv,#ringBackBar{top:calc(84px + env(safe-area-inset-top))!important;bottom:auto!important;max-height:none!important;overflow:visible!important;padding:4px!important}
  #table #sitInBar p,#table #pausedH,#ringBackBar #ringBackMsg{display:none!important}
  #table #pausedOv .paused-t{margin:0 0 3px!important;font-size:11px!important;line-height:1.2!important}
  #table #sitInBar .btn,#table #pausedOv .btn,#ringBackBar .btn{min-height:40px!important;font-size:13px!important;white-space:normal!important;line-height:1.1!important}
  #ringBackBar{position:fixed!important;left:auto!important;right:calc(4px + env(safe-area-inset-right))!important;width:calc(clamp(112px,16vw,150px) - 8px)!important;z-index:30!important;transform:none!important}
  #ringBackBar .rb-btns{display:grid;gap:4px}
}
@media (orientation:landscape) and (max-height:360px){
  /* very short screens: with a Resume button showing, the button says it all */
  #table #pausedOv:has(#resumeBtn:not([hidden])) .paused-t{display:none!important}
  #table #sitInBar,#table #pausedOv,#ringBackBar{top:calc(72px + env(safe-area-inset-top))!important}
}
/* keyboard letters mean nothing on a touch screen and steal label room */
@media (pointer:coarse){#table #actionBar .acts .act kbd{display:none!important}}
#table #actionBar .acts .act[data-wrap],#table #actionBar #preActs .chk[data-wrap],#table #actionBar #preActs .chk[data-wrap] span{white-space:normal!important;line-height:1.1!important;overflow-wrap:anywhere}