/* Theme overrides are important because upstream styles are inserted lazily. */
.pill-light{--pill-paper:var(--t-bg)!important;--pill-sheet:var(--t-bg)!important;--pill-ink:var(--t-deep)!important;--pill-ink-2:var(--nc-muted,var(--t-deep))!important;--pill-ink-3:color-mix(in srgb,var(--t-deep) 60%,var(--t-bg))!important;--pill-ink-4:var(--t-soft)!important;--pill-line:var(--t-soft)!important;--pill-bub:color-mix(in srgb,var(--t-soft) 32%,transparent)!important;--pill-bubline:color-mix(in srgb,var(--t-main) 22%,white)!important;--pill-cjk:var(--font-cn),serif!important}
#pillDraft[hidden]{display:none!important}
#pillDraft{position:absolute;bottom:calc(100% + 5px);left:12px;right:12px;display:flex;align-items:center;gap:6px;min-height:25px;padding:4px 9px;border:1px solid var(--t-soft);border-radius:12px;background:var(--t-bg);color:var(--t-deep);box-shadow:0 3px 12px color-mix(in srgb,var(--t-deep) 6%,transparent);font:11px/1.4 var(--font-cn),sans-serif;z-index:4}
#pillDraftLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pillDraft button{flex:none;border:0;background:none;padding:3px 4px;color:var(--t-deep);font:inherit}
#pillDraftClear{font-size:16px!important}

.row.human.has-pills .message-stack{display:flex;flex-direction:column;align-items:flex-end}
.message-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:min(72vw,520px);margin:0 2px 5px}
.message-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px;border:1px solid color-mix(in srgb,var(--t-main) 22%,transparent);border-radius:10px;background:color-mix(in srgb,var(--t-bg) 88%,var(--t-soft));color:var(--t-deep);font:11px/1.3 var(--font-cn),sans-serif;cursor:pointer}
.message-pill>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-pill-icon{flex:none;width:15px;height:7px;overflow:hidden;border:1px solid currentColor;border-radius:6px;transform:rotate(-30deg);opacity:.75;background:linear-gradient(90deg,var(--t-main) 49%,transparent 50%)}
