/* r-slides7 (worker e8ea5af5) */
/* 1. colour pop-up: the 44 px swatch grid (8 x 44 + gaps = 387 px) was wider than the 360 px pop, so the outer column was clipped
   (H04 at 844x390: «بنفسجي فاتح», «نيلي داكن», «سماوي», «برتقالي فاتح»). Let the pop take the grid's width when the screen allows,
   and let the grid wrap to as many 44 px columns as fit when it does not. Vertical overflow scrolls inside the pop. */
.pop.cpopw{max-width:min(440px,calc(100vw - 16px))!important;overflow-x:hidden!important}
.pop.cpopw .cpop{width:auto!important;max-width:100%!important;box-sizing:border-box}
.pop.cpopw .cgrid{grid-template-columns:repeat(auto-fill,44px)!important;justify-content:start;max-width:100%}
/* 4. format pane at touch sizes: colour buttons (34 px), the pane tabs, close and the small action buttons (40 px) go to 44 px */
@media (pointer:coarse){
  #pane .pf.pcol,#pane .btn.sm,#pane .ptabs button,#pane [role=tab],#pane .pclose{min-height:44px!important}
  #pane .pclose{min-width:44px!important}
}

/* 5. dark mode (first reached by the crawl this round, via Account → Dark mode): text drawn in --brand (#4b3fb0) or #6a46d8
   on the dark ribbon/pane/status/badge backgrounds measured 1.65–2.76:1. In dark mode those texts use a light brand tint. */
:root.dark .rtab[aria-selected=true],:root.dark #pane button[aria-selected=true],:root.dark #pane [role=tab][aria-selected=true],
:root.dark #status button[aria-pressed=true]{color:#b9b0ff!important}
:root.dark .rtab.ai,:root.dark .rtab.ai .ic{color:#c4b5fd!important}
html.dark[data-yo-app]:not(.yo-legacy-bars) :is(header.htop,header#hdr,header#titlebar,header#tb,header.top) .pts:not(.yoc *),:root.dark .pts{color:#b9b0ff!important}
:root.dark .pop .btn.ghost,:root.dark .pop label.btn.ghost{color:var(--ink)!important}