/* v1.10.7 — bottom dock polish.
   Fix used-divider text direction and keep the Rest & Recover card fully inside the dock. */

/* Used divider: keep vertical feel, but do not reverse the Chinese text. */
.hand-cycle-divider{
  flex:0 0 24px!important;
  margin:0 3px 0 5px!important;
}
.hand-cycle-divider span{
  writing-mode:vertical-rl!important;
  transform:none!important;
  text-orientation:mixed!important;
  letter-spacing:.04em!important;
  font-size:7px!important;
  line-height:1!important;
}

/* Bottom right dock: slightly rebalance widths so the rest card stays fully inside. */
.personal-zone-right.has-orders{
  grid-template-columns:minmax(0,1fr) clamp(178px,24vw,300px) clamp(50px,6.2vw,72px)!important;
  gap:4px!important;
  align-items:center!important;
}
.completed-orders-panel{
  min-width:0!important;
}
.rest-action-card{
  width:100%!important;
  max-width:72px!important;
  min-width:50px!important;
  height:100%!important;
  max-height:calc(var(--v160-dock-h) - 8px)!important;
  align-self:stretch!important;
  justify-self:end!important;
  padding:4px 2px!important;
  gap:3px!important;
  overflow:hidden!important;
}
.rest-card-icon{
  font-size:clamp(16px,2vw,24px)!important;
}
.rest-action-card strong{
  font-size:clamp(7px,.74vw,10px)!important;
  line-height:1.08!important;
  word-break:break-word!important;
}
.rest-action-card small{
  font-size:clamp(5px,.58vw,7px)!important;
  line-height:1.05!important;
}

@media (orientation:landscape) and (max-height:620px){
  .personal-zone-right.has-orders{
    grid-template-columns:minmax(0,1fr) clamp(150px,22vw,220px) 48px!important;
    gap:3px!important;
  }
  .hand-cycle-divider{flex-basis:20px!important;margin:0 2px 0 4px!important}
  .hand-cycle-divider span{font-size:6px!important}
  .rest-action-card{
    max-width:48px!important;
    min-width:48px!important;
    padding:3px 2px!important;
    gap:2px!important;
  }
  .rest-card-icon{font-size:17px!important}
  .rest-action-card strong{font-size:6px!important;line-height:1.02!important}
  .rest-action-card small{font-size:5px!important;line-height:1!important}
}
