.fu { display: grid; gap: 12px; }
.fu-head { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.fu-head .nm { font-family: var(--font-head); font-size: 17px; font-weight: 600; }
.stage { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; padding: 3px 10px; border-radius: 99px; color: #fff; }
.stage.thanks { background: linear-gradient(180deg, #3a3733, #1f1d1b); }
.stage.care { background: linear-gradient(180deg, #d4a56b, #9a6a35); }
.stage.next { background: linear-gradient(180deg, #8a857f, #5f5b56); }
.memo { font-size: 13px; color: var(--muted); background: var(--surface-2); padding: 8px 12px; border-radius: 8px; }
.flow { display: flex; gap: 6px; align-items: center; font-size: 12px; color: var(--muted); flex-wrap: wrap; }
.flow .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--line); display: inline-block; }
.flow .dot.on { background: var(--accent); }
.sent-text { white-space: pre-wrap; font-size: 14px; background: #fdf8f1; border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; }