/* SDZ Composer + 队列托盘类名约定（HUI-2823，HUI-2824 页面层组装用）。
 *
 * pattern-level 移植自 Whirl（MIT，whirlchat/whirl）：
 *   - apps/v2/components/composer.tsx:853-859 —— 托盘长在药丸内、文本框上方
 *     （"Queued messages stack above everything else in the pill"）；
 *   - apps/v2/components/composer-queue.tsx:76-86 —— 移除按钮带可读 aria-label；
 *   - apps/v2/components/sidebar.tsx:39-40 —— 折叠/展开统一过渡曲线。
 *
 * 纪律：不定义颜色；时长/缓动引用 motion.css 令牌（var() 不带字面量 fallback，
 *   SDZ-F2 收口：冻结值只在 motion.css 物化一次，缺失时按 unset 降级为无过渡）；
 * send/remove 触达面积 ≥44px（移动端可用性下限）。
 */

.sdz-composer {
  display: flex;
  flex-direction: column;
  border-radius: 26px;
}

.sdz-composer__input {
  flex: 1;
  min-height: 44px;
  resize: none;
  overflow-y: auto;
}

/* 发送：≥44px 触达；过渡走 motion 令牌。 */
.sdz-composer__send {
  min-width: 44px;
  min-height: 44px;
  border-radius: 999px;
  transition:
    opacity var(--sdz-motion-fast) var(--sdz-ease-standard),
    scale var(--sdz-motion-fast) var(--sdz-ease-standard);
}

/* 队列托盘：排在文本框上方（先出队的先显示）。 */
.sdz-queue {
  display: flex;
  flex-direction: column;
}

.sdz-queue__item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  overflow: hidden;
}

/* 移除：≥44px 触达（视觉尺寸可小，命中区必须达标）。 */
.sdz-queue__remove {
  min-width: 44px;
  min-height: 44px;
  border-radius: 8px;
  transition:
    opacity var(--sdz-motion-fast) var(--sdz-ease-standard);
}

/* 重试上送（Wave G）：与移除同 44px 触达底线；色彩归页面层令牌。 */
.sdz-queue__retry {
  min-width: 44px;
  min-height: 44px;
  border-radius: 8px;
  transition:
    opacity var(--sdz-motion-fast) var(--sdz-ease-standard);
}