/* yo-scroll.css — Yamama «token-driven scrollbar theme» (task 16e280f0, 2026-10-25).
   One slim, rounded, brand-tinted scrollbar for every page and inner panel. No arrow buttons, transparent track.
   Chromium/Safari draw it with ::-webkit-scrollbar (standard scrollbar-* reset to auto there, because Chrome 121+
   ignores ::-webkit-scrollbar on any element that sets scrollbar-width/scrollbar-color and then paints arrows).
   Firefox gets scrollbar-width:thin + scrollbar-color. Bars that were hidden on purpose stay hidden.
   Rollback: files/qa-oct23/office-scroll-rollback.sh */
:root{--ysb-thumb:#cdc6f4;--ysb-thumb-h:#a197ec;--ysb-thumb-a:#6a5cf0;--ysb-size:10px;--ysb-pad:2px}
@media (prefers-color-scheme:dark){:root:not(.light){--ysb-thumb:#6e66b4;--ysb-thumb-h:#8f84e6;--ysb-thumb-a:#b3a9ff}}
:root.dark,html.dark{--ysb-thumb:#544c94;--ysb-thumb-h:#7d72d9;--ysb-thumb-a:#a99ff7}
:root.light{--ysb-thumb:#cdc6f4;--ysb-thumb-h:#a197ec;--ysb-thumb-a:#6a5cf0}
@media (hover:none) and (pointer:coarse){:root{--ysb-size:6px;--ysb-pad:1px}}

/* Firefox */
@supports not selector(::-webkit-scrollbar){
  *{scrollbar-color:var(--ysb-thumb) transparent}
  :where(*){scrollbar-width:thin}
}

/* Chromium, Edge, Safari, the desktop and Android apps */
@supports selector(::-webkit-scrollbar){
  *{scrollbar-width:auto!important;scrollbar-color:auto!important}
  ::-webkit-scrollbar{width:var(--ysb-size);height:var(--ysb-size);background:transparent}
  ::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece,::-webkit-scrollbar-corner{background:transparent;border:0;box-shadow:none}
  ::-webkit-scrollbar-button{display:none;width:0;height:0}
  ::-webkit-scrollbar-thumb{background:var(--ysb-thumb);border-radius:999px;border:var(--ysb-pad) solid transparent;background-clip:padding-box;min-height:40px;min-width:40px}
  ::-webkit-scrollbar-thumb:hover{background-color:var(--ysb-thumb-h);border-width:1px}
  ::-webkit-scrollbar-thumb:active{background-color:var(--ysb-thumb-a);border-width:1px}
  /* inner panels that had their own grey/white-bordered bars */
  .yoc-log::-webkit-scrollbar,.ysgrid .gsc::-webkit-scrollbar{width:var(--ysb-size);height:var(--ysb-size);background:transparent}
  .yoc-log::-webkit-scrollbar-thumb,.ysgrid .gsc::-webkit-scrollbar-thumb,:root.dark .ysgrid .gsc::-webkit-scrollbar-thumb{background:var(--ysb-thumb);border:var(--ysb-pad) solid transparent;border-radius:999px;background-clip:padding-box}
  .yoc-log::-webkit-scrollbar-thumb:hover,.ysgrid .gsc::-webkit-scrollbar-thumb:hover{background-color:var(--ysb-thumb-h);border-width:1px}
  .ysgrid .gsc::-webkit-scrollbar-track,.ysgrid .gsc::-webkit-scrollbar-corner,:root.dark .ysgrid .gsc::-webkit-scrollbar-track,:root.dark .ysgrid .gsc::-webkit-scrollbar-corner{background:transparent}
  /* strips whose bar is hidden by design (chips, tabs, ribbons) stay hidden */
  #hdr nav.tabs::-webkit-scrollbar,#sheetbar .stabs::-webkit-scrollbar,#thumbs::-webkit-scrollbar,#tools::-webkit-scrollbar,.aitabs::-webkit-scrollbar,.chips::-webkit-scrollbar,.hnav::-webkit-scrollbar,.pf-tabs::-webkit-scrollbar,.rrow::-webkit-scrollbar,.rtabs::-webkit-scrollbar,.tgchips::-webkit-scrollbar,.top nav.tabs::-webkit-scrollbar,.wchips::-webkit-scrollbar,.ymm-chips::-webkit-scrollbar,.ymm-rib::-webkit-scrollbar,.ysdlg .tabsx::-webkit-scrollbar,html header#hdr.top nav.tabs::-webkit-scrollbar,html.r5.yoc-phone:not(.yoc-collapsed) #yoc .r5-q::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
}

/* w25 (cbd0de33): phones draw the PAGE scrollbar as an overlay, like iOS/Android do natively. A classic 6 px page bar on
   touch WebKit shrank the fixed containing block to 384 px while 100vw stayed 390, so any fixed 100vw panel in RTL sat
   6 px past the left edge (builder dialog «طلبات الإجازة» -6..384, crawler H02). WebKit styles the page bar from body. */
@media (hover:none) and (pointer:coarse){
  @supports selector(::-webkit-scrollbar){html::-webkit-scrollbar,body::-webkit-scrollbar{width:0!important;height:0!important;background:transparent}}
}