/* 小窗按钮与置顶小窗（Document Picture-in-Picture）。小窗会把本文件连同其它样式表一起带过去。 */

/* 主窗口：按钮在输入框右侧，位于输入框之外 */
#chatRow { display: flex; align-items: stretch; gap: 8px; }
#inputBar { flex: 1; min-width: 0; }
#pinBtn {
  flex: none; border: 0; border-radius: var(--radius-pill); padding: 0 18px; font-size: 14px; color: var(--muted);
  background: var(--plate); backdrop-filter: blur(10px); box-shadow: var(--shadow-float);
}

/* 小窗：今日任务列表在上（占满剩余高度、可滚动），气泡与输入行贴底；背景复用主窗口 #bg */
body.pip { display: flex; flex-direction: column; gap: 10px; padding: 12px; }
body.pip #bg { z-index: 0; }
body.pip > :not(#bg) { position: relative; z-index: 1; }
body.pip #bubble {
  position: relative; bottom: auto; left: auto; transform: none; width: auto; min-width: 0; max-width: none;
  max-height: 45vh; overflow-y: auto; flex: none;
}
body.pip #chatRow { flex: none; }
/* 小窗里的提示改为顶部内嵌横幅：出现时把任务列表往下推，不覆盖条目 */
body.pip #toasts { position: relative; top: auto; right: auto; z-index: 1; max-width: none; }

/* 今日任务列表：每行 任务名 | 今日完成标记 | 完成按钮 */
.pip-list { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 4px; }
.pip-row { flex: none; display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: var(--plate); border-radius: var(--radius-card); }
.pip-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pip-row.ended .pip-name { color: var(--done); }
/* 固定宽度的标记位：没有完成点时留空，按钮始终对齐 */
.pip-count { flex: none; min-width: 22px; display: flex; justify-content: center; }
.pip-count .dot { cursor: default; }
.pip-done { flex: none; padding: 2px 10px; font-size: 12px; }
.pip-empty { color: var(--muted); text-align: center; padding: 28px 0; }