/* ── AGENT OVERLAY ── */
#agent-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:500;display:flex;align-items:flex-end;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .2s}
#agent-overlay.visible{opacity:1;pointer-events:all}
#agent-sheet{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:14px 14px 10px 10px;width:100%;max-width:520px;max-height:65vh;overflow-y:auto;padding:18px;transform:translateY(16px);transition:transform .2s cubic-bezier(.4,0,.2,1)}
#agent-overlay.visible #agent-sheet{transform:translateY(0)}
.agent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.agent-title{font-size:13px;font-weight:700;color:#2774AE}
.agent-close{width:26px;height:26px;border-radius:50%;background:#252525;border:1px solid #2a2a2a;color:#888;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}
.agent-log{font-family:monospace;font-size:12px;color:#666;line-height:1.8}
.agent-line{display:flex;gap:7px}
.agent-line .ap{color:#2774AE;flex-shrink:0}
.agent-line.done .ap{color:#22C55E}
.agent-line.error .ap{color:#EF4444}
.agent-result{margin-top:12px;padding:9px 11px;border-radius:7px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);font-size:12px;color:#22C55E;font-weight:600;display:none}
.agent-result.visible{display:block}

/* ── CHAT NAME SUGGESTION ── */
#name-suggest-bar{display:none;padding:10px 16px;border-top:1px solid #1e1e1e;background:#0f0f0f;flex-shrink:0}
#name-suggest-bar.visible{display:block}
.ns-label{font-size:11px;color:#555;margin-bottom:7px;letter-spacing:.2px}
.ns-row{display:flex;align-items:center;gap:7px}
.ns-name{flex:1;font-size:13px;font-weight:600;color:#e0e0e0;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:7px 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ns-name.loading{color:#444;font-style:italic}
.ns-btn{padding:7px 13px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;flex-shrink:0}
.ns-accept{background:#2774AE;color:#fff}
.ns-accept:hover{background:#ea6c0a}
.ns-refresh{background:#1e1e1e;color:#888;border:1px solid #2a2a2a}
.ns-refresh:hover{background:#2a2a2a;color:#ccc}
.ns-edit{background:none;color:#555;border:1px solid transparent;font-size:11px}
.ns-edit:hover{color:#888}
.ns-input{display:none;flex:1;background:#1a1a1a;border:1px solid #2774AE;border-radius:8px;padding:7px 11px;color:#e0e0e0;font-size:13px;font-family:inherit;outline:none}
.ns-input.visible{display:block}
.ns-name.hidden{display:none}
.long-chat-nudge{margin:12px 16px;padding:10px 14px;background:#161616;border:1px solid #2a2a2a;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.lcn-text{font-size:12px;color:#666;line-height:1.4}
.lcn-text strong{color:#ccc}
.lcn-btn{padding:6px 12px;background:#2774AE;color:#fff;border:none;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;flex-shrink:0;white-space:nowrap}
.lcn-dismiss{background:none;border:none;color:#444;font-size:18px;cursor:pointer;padding:0 2px;flex-shrink:0}

/* ── AGENT MODE SELECTOR ── */
#mode-bar{display:none;padding:10px 16px;border-top:1px solid #1e1e1e;background:#111;flex-shrink:0}
#mode-bar.visible{display:block}
.mode-intro{font-size:12px;color:#666;margin-bottom:8px;line-height:1.4}
.mode-intro strong{color:#ccc}
.mode-chips{display:flex;gap:6px;flex-wrap:wrap}
.mode-chip{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1px solid #2a2a2a;background:#1a1a1a;color:#666;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}
.mode-chip:hover{border-color:#3a3a3a;color:#ccc;background:#1e1e1e}
.mode-chip.active{background:rgba(255,209,0,.12);border-color:#2774AE;color:#2774AE}
.mode-chip.think.active{background:rgba(59,130,246,.1);border-color:#3B82F6;color:#3B82F6}
.mode-chip.plan.active{background:rgba(34,197,94,.1);border-color:#22C55E;color:#22C55E}
.mode-chip.execute.active{background:rgba(255,209,0,.12);border-color:#2774AE;color:#2774AE}
.mode-chip.review.active{background:rgba(168,85,247,.1);border-color:#A855F7;color:#A855F7}
.mode-switch-nudge{margin-top:8px;font-size:11px;color:#2774AE;cursor:pointer;display:none}
.mode-switch-nudge.visible{display:block}
.current-mode-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;margin-left:8px;vertical-align:middle}
.current-mode-badge.think{background:rgba(59,130,246,.1);color:#3B82F6}
.current-mode-badge.plan{background:rgba(34,197,94,.1);color:#22C55E}
.current-mode-badge.execute{background:rgba(255,209,0,.12);color:#2774AE}
.current-mode-badge.review{background:rgba(168,85,247,.1);color:#A855F7}