/* Room for content and controls, without changing the selected theme. */
.desk-grid>.panel{min-width:0}
.desk-grid>.panel>.between{gap:12px;margin-bottom:16px;align-items:center}
.desk-grid>.panel>.between h3{margin:0;line-height:1.7}
.desk-grid>.panel>.task{box-sizing:border-box;display:grid;gap:12px;min-width:0;padding:18px;margin:0 0 14px;border:1px solid var(--ws-line);border-radius:14px}
.desk-grid>.panel>.task:last-child{margin-bottom:0;border:1px solid var(--ws-line)}
.desk-grid .task>.between{gap:12px;align-items:flex-start;flex-wrap:wrap}
.desk-grid .task b{line-height:1.8;overflow-wrap:anywhere}
.desk-grid .task p{margin:0;line-height:1.9;overflow-wrap:anywhere}
.desk-grid .task .meta,.desk-grid .task small{display:block;line-height:1.9;overflow-wrap:anywhere}
.desk-grid .task .actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;align-items:center}
.desk-grid .task .btn{min-height:36px;max-width:100%;padding:7px 12px;line-height:1.6;white-space:normal}
.desk-grid .task .actions>.btn{flex:0 1 auto}
/* A direct, keyboard-accessible reply arrow beside every message. */
.message-wrap:has(>.message-reply-arrow141){padding-inline-start:42px;box-sizing:border-box;max-width:min(92%,610px)}
.message-reply-arrow141{position:absolute;inset-inline-start:0;top:28px;display:grid;place-items:center;width:34px;height:34px;padding:6px;border:1px solid var(--ws-line);border-radius:50%;background:var(--ws-soft);color:var(--ws-ink);cursor:pointer}
.message-reply-arrow141 svg{display:block;width:20px;height:20px;pointer-events:none}
.message-reply-arrow141:hover{background:var(--ws-surface);border-color:var(--ws-accent)}
.message-reply-arrow141:focus-visible{outline:2px solid var(--ws-accent);outline-offset:3px}
.message-wrap:has(>.message-reply-arrow141)>.message-menu120{left:auto;right:auto;inset-inline-start:7px;top:0}
#send>#reply-preview100{order:-1;grid-column:1/-1;flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:10px 12px;border-inline-start:3px solid var(--ws-accent);border-radius:8px;background:var(--ws-soft);color:var(--ws-ink);min-width:0}
#send>#reply-preview100[hidden]{display:none!important}
.reply-preview-copy141{display:grid;gap:4px;min-width:0;line-height:1.7}
.reply-preview-copy141 span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.reply-cancel141{flex:none;min-width:34px;min-height:34px;background:transparent;border:1px solid var(--ws-line);border-radius:8px;color:var(--ws-ink);cursor:pointer;font-size:20px}
@media(max-width:600px){.desk-grid>.panel>.task{padding:14px;gap:10px}.desk-grid .task .actions>.btn{flex:1 1 120px}.message-wrap:has(>.message-reply-arrow141){max-width:98%;padding-inline-start:38px}}
.reply-jump142{background:transparent;border:0;color:inherit;text-align:start;font:inherit;padding:0;flex:1;cursor:pointer;overflow:hidden}
.reply-jump142:focus-visible,.reply-quote142:focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}
.reply-selected142>.text-message,.reply-focus142>.bubble{outline:2px solid var(--ws-accent);outline-offset:2px}
.ai-message142{position:relative;box-sizing:border-box;max-width:94%;padding-inline-start:42px;align-self:flex-start;min-width:0}
.ai-message142.mine{align-self:flex-end}
.ai-message142>.bubble{max-width:100%;margin:0;min-width:0}
.ai-message142>.message-reply-arrow141{top:8px}
#chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto}
.ai-reply-preview142{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 12px;border-inline-start:3px solid var(--ws-accent);border-radius:8px;background:var(--ws-soft);color:var(--ws-ink);min-width:0}
.ai-reply-preview142[hidden]{display:none!important}
.reply-quote142{display:grid;gap:4px;width:100%;min-width:0;max-height:100px;overflow:hidden;white-space:normal;overflow-wrap:anywhere;text-align:start;font:inherit;font-size:12px;line-height:1.7;margin:0 0 10px;padding:8px 10px;border:0;border-inline-start:3px solid currentColor;border-radius:6px;background:var(--ws-soft);color:var(--ws-ink);cursor:pointer}
.reply-quote142 span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:600px){.ai-message142{max-width:100%;padding-inline-start:38px}}
/* Reply controls sit toward the conversation centre and point at their bubble. */
.message-wrap.mine:has(>.message-reply-arrow141),.ai-message142.mine{padding-inline-start:0;padding-inline-end:42px}
.message-wrap.mine>.message-reply-arrow141,.ai-message142.mine>.message-reply-arrow141{inset-inline-start:auto;inset-inline-end:0}
.message-wrap.mine>.message-reply-arrow141 svg,.ai-message142.mine>.message-reply-arrow141 svg{transform:scaleX(-1)}
.message-wrap.mine:has(>.message-reply-arrow141)>.message-menu120{inset-inline-start:auto;inset-inline-end:7px}
.ai-message142{align-self:flex-end}
.ai-message142.mine{align-self:flex-start}
@media(max-width:600px){.message-wrap.mine:has(>.message-reply-arrow141),.ai-message142.mine{padding-inline-start:0;padding-inline-end:38px}}