/* 委托提示：灵动岛式墨色小胶囊，宽度随内容；点开（多件时）竖排展开 */
#qtr { position: fixed; z-index: 11; box-sizing: border-box; display: inline-flex; max-width: 46vw; padding: 3px 10px 3px 4px; border-radius: 999px;
  background: rgba(34, 31, 27, .9); box-shadow: 0 2px 6px rgba(0,0,0,.28), inset 0 0 0 1px rgba(251,246,230,.18); color: #f3ead6;
  font-family: 'Noto Sans SC', sans-serif; opacity: var(--hud-alpha, 1); cursor: pointer; touch-action: manipulation; }
#qtr[hidden], #qtr [hidden] { display: none !important; }
#qtr.open { border-radius: 14px; padding: 4px 10px 4px 4px; }
#qtr .qtr-list { display: flex; align-items: center; gap: 6px; min-width: 0; }
#qtr.open .qtr-list { flex-direction: column; align-items: stretch; gap: 2px; }
#qtr.open .qtr-q { height: 24px; padding: 0 4px; border-radius: 8px; background: rgba(251,246,230,.08); }
#qtr .qtr-q { display: flex; align-items: center; gap: 5px; min-width: 0; height: 20px; }
#qtr .qtr-q i { flex: none; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-style: normal;
  font: 400 12px/1 "猫田楷", serif; color: #fbf6e6; background: var(--cinnabar, #a8392b); border-radius: 50%; }
#qtr .qtr-q.rd i { background: var(--jade, #3f6a4c); }
#qtr .qtr-q b { min-width: 0; font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#qtr .qtr-q.rd b { color: #9fd3a8; }
#qtr .qtr-n { flex: none; font-size: 11px; opacity: .75; padding-left: 6px; border-left: 1px solid rgba(243,234,214,.3); white-space: nowrap; }
/* 委托册里「指引」标签（秋粮、后山旧路等不占名额的行）：墨色，区别于朱红的「先做」 */
.qt29-it > em.gd { color: var(--ink-3, #86795f); border-color: var(--ink-3, #86795f); }