/* Office rich-text geometry: one scrollable control row at every breakpoint. */
body.hyoffice-v16 #doc-hbar,
body.hyoffice-v16 #sheet-hbar{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  align-content:center!important;
  min-width:0!important;
  min-height:44px!important;
  max-height:52px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
body.hyoffice-v16 #doc-hbar > *,
body.hyoffice-v16 #sheet-hbar > *{flex:0 0 auto!important}
body.hyoffice-v16 #doc-hbar .os-tbtn,
body.hyoffice-v16 #sheet-hbar .os-tbtn{flex:0 0 auto!important}

/* A quiet two-lane ruler: numerals above short major ticks. */
body.hyoffice-v16 .hyoffice-ruler{
  display:flex!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 10px!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(53,234,255,.28) 11px 12px),linear-gradient(180deg,rgba(8,17,35,.98),rgba(2,7,17,.98))!important;
  box-shadow:inset 0 -1px 0 rgba(53,234,255,.7),0 4px 14px rgba(53,234,255,.10)!important;
}
body.hyoffice-v16 .hyoffice-ruler-scale{
  display:grid!important;
  align-items:start!important;
  height:100%!important;
  padding:4px 0 0!important;
  background:none!important;
  color:#d9f6ff!important;
  font:800 10px/12px Roboto Mono,monospace!important;
  text-shadow:none!important;
}
body.hyoffice-v16 .hyoffice-ruler-scale span{
  display:block!important;
  line-height:12px!important;
  font-size:10px!important;
  text-shadow:none!important;
}
body.hyoffice-v16 .hyoffice-ruler-scale span::before{
  bottom:0!important;
  width:1px!important;
  height:7px!important;
  background:rgba(53,234,255,.82)!important;
  box-shadow:none!important;
}
body.hyoffice-v16 .hyoffice-ruler-unit{
  top:5px!important;
  color:var(--ho-pink)!important;
  font-size:8px!important;
  text-shadow:none!important;
}