/* v7726 pour-peek.css — LOADED LAST. Pour dock: colors first, full-width row, 3+ chips on first paint.
   Row order: [palette full width] then [spin dial + Pour/Again pills]. Kills empty band under canvas. */
@media (orientation:portrait),(max-aspect-ratio:1/1){
 html body #pour .prrow{flex-wrap:wrap!important;align-items:center!important;row-gap:6px!important;column-gap:10px!important;
  margin-top:0!important;padding:6px 8px calc(8px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 html body #pour .prrow #prpal{order:-1!important;flex:1 0 100%!important;width:100%!important;max-width:100%!important;
  --sw:48px!important;gap:8px!important;padding:7px 10px!important;max-height:calc(var(--sw) + 16px)!important;
  scroll-snap-type:x proximity;scroll-padding-left:10px}
 html body #pour #prpal .sw{scroll-snap-align:start;flex:0 0 var(--sw)!important;width:var(--sw)!important;height:var(--sw)!important;min-width:var(--sw)!important}
 html body #pour .prrow .prspin{flex:0 0 auto!important;order:1!important}
 html body #pour .prrow #prCount{order:2!important}
 html body #pour .prrow .prPills{order:3!important;flex:1 1 0!important;min-width:0!important;margin-top:0!important;gap:8px!important}
 html body #pour .prrow .pill{height:56px!important;font-size:20px!important}
 html body #pour .stage{flex:1 1 0!important;height:auto!important;min-height:0!important;align-items:center!important;padding-top:2px!important}
}
/* v7730: close ~90px canvas<->dock gap — sit canvas on dock instead of centering */
@media (orientation:portrait),(max-aspect-ratio:1/1){
 html body #pour .stage{align-items:flex-end!important;justify-content:center!important;padding-bottom:0!important;margin-bottom:0!important}
 html body #pour .prrow{padding-top:2px!important}
}