/* ── INPUT ── */
#attachments-bar{display:none;padding:8px 24px 0;gap:8px;flex-wrap:wrap}
#attachments-bar.has-files{display:flex}
.attachment-preview{display:flex;align-items:center;gap:6px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:4px 10px;font-size:12px;color:#ddd}
.attachment-preview .remove-btn{cursor:pointer;color:#666;font-size:14px;margin-left:2px}
.attachment-preview .remove-btn:hover{color:#2774AE}
#paste-banner{display:none;margin:8px 24px 0;background:#1e1e1e;border:1px solid #2774AE;border-radius:8px;padding:10px 14px;font-size:13px;color:#ddd;align-items:center;gap:10px}
#paste-banner.visible{display:flex}
#paste-banner button{background:#2774AE;color:white;border:none;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600}
#paste-banner .dismiss{background:#2a2a2a;color:#aaa}
#input-area{padding:12px 24px 16px;border-top:1px solid #2a2a2a;display:flex;flex-direction:column;gap:8px;flex-shrink:0}
#input-row{display:flex;gap:8px;align-items:flex-end}
#model-selector{background:#1e1e1e;color:#aaa;border:1px solid #2a2a2a;border-radius:10px;padding:8px 10px;font-size:12px;cursor:pointer;outline:none;height:44px;flex-shrink:0}
#model-selector:hover,#model-selector:focus{border-color:#2774AE;color:#fff}
#upload-btn{background:#1e1e1e;color:#aaa;border:1px solid #2a2a2a;border-radius:10px;padding:8px 12px;font-size:18px;cursor:pointer;height:44px;display:flex;align-items:center;flex-shrink:0}
#upload-btn:hover{border-color:#2774AE;color:#2774AE}
#file-input{display:none}
#user-input{flex:1;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;padding:12px 16px;color:#e0e0e0;font-size:15px;resize:none;outline:none;font-family:inherit;max-height:150px;min-height:44px}
#user-input:focus{border-color:#2774AE}
#send-btn{background:#2774AE;color:white;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;height:44px;flex-shrink:0}
#send-btn:hover{background:#ea6c0a}
#send-btn:disabled{background:#444;cursor:not-allowed}
#deep-check-btn{background:transparent;border:1.5px solid #444;color:#888;padding:0 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;height:44px;flex-shrink:0;transition:all 0.2s;white-space:nowrap}
#deep-check-btn.active{border-color:#7c3aed;color:#a78bfa;background:rgba(124,58,237,0.1)}
#deep-check-btn:hover{border-color:#666;color:#aaa}
#deep-check-btn.active:hover{border-color:#9f67ff}
.deep-check-status{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(124,58,237,0.08);border:1px solid rgba(124,58,237,0.2);border-radius:10px;font-size:13px;color:#a78bfa;margin-bottom:4px}
.deep-check-status .agent{display:flex;align-items:center;gap:6px}
.agent-dot{width:8px;height:8px;border-radius:50%;background:#7c3aed;animation:pulse-dot 1.2s ease-in-out infinite}
.agent-dot.done{background:#22c55e;animation:none}
.agent-dot.patched{background:#2774AE;animation:none}
.deep-check-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;margin-top:4px}
.deep-check-badge.clean{background:rgba(34,197,94,0.12);color:#22c55e;border:1px solid rgba(34,197,94,0.2)}
.deep-check-badge.patched{background:rgba(255,209,0,0.12);color:#2774AE;border:1px solid rgba(255,209,0,0.2)}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.7)}}
#input-disclaimer{font-size:10px;color:#333;text-align:center;padding:2px 0}

/* ── MODEL DROPDOWN ── */
.model-dropdown{position:relative;flex-shrink:0}
.model-selected{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;padding:0 10px;height:44px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#aaa;white-space:nowrap;min-width:90px}
.model-selected:hover{border-color:#2774AE;color:#fff}
.model-dropdown-arrow{margin-left:2px;font-size:10px;color:#555}
.model-options{position:absolute;bottom:50px;left:0;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;min-width:220px;z-index:100;overflow:hidden;box-shadow:0 -8px 24px rgba(0,0,0,0.4)}
.model-options.hidden{display:none}
.model-option{padding:10px 14px;cursor:pointer;border-bottom:1px solid #222;transition:background .1s}
.model-option:last-child{border-bottom:none}
.model-option:hover{background:#2a2a2a}
.model-option.active{background:#1e1200}
.mo-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}
.mo-icon{font-size:14px}
.mo-name{font-size:13px;font-weight:600;color:#e0e0e0}
.mo-badge{font-size:9px;padding:1px 6px;border-radius:8px;font-weight:600;margin-left:auto}
.mo-badge.local{background:#1a1200;color:#2774AE;border:1px solid #2774AE}
.mo-badge.cloud{background:#0a1a12;color:#1D9E75;border:1px solid #1D9E75}
.mo-desc{font-size:11px;color:#555;padding-left:20px}

/* ── STOP BUTTON ── */
#stop-btn{background:#E24B4A;color:white;border:none;padding:12px 16px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;height:44px;flex-shrink:0;display:none}
#stop-btn:hover{background:#c73c3b}
#stop-btn.visible{display:flex;align-items:center;gap:6px}

/* ── CONTENT BOX ── */
.content-box{max-width:75%;margin-top:8px;background:#0f0f0f;border:1px solid #2774AE;border-radius:10px;overflow:hidden}
.content-box-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1a0a00;border-bottom:1px solid #2a2a2a}
.content-box-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#2774AE;font-weight:600}
.content-box-actions{display:flex;gap:6px}
.cb-btn{background:none;border:1px solid #2a2a2a;border-radius:6px;padding:3px 8px;cursor:pointer;font-size:11px;color:#555;transition:all .15s}
.cb-btn:hover{border-color:#2774AE;color:#2774AE}
.cb-btn.revert-btn{display:none}
.cb-btn.revert-btn.visible{display:inline-flex}
.cb-btn.copied{border-color:#1D9E75;color:#1D9E75}
.content-box-textarea{width:100%;background:#0f0f0f;border:none;padding:12px 14px;color:#e0e0e0;font-family:'Consolas',monospace;font-size:13px;line-height:1.6;resize:vertical;outline:none;min-height:80px}
.content-box-textarea:focus{background:#111}

/* ── FEEDBACK BUTTONS ── */
.feedback-bar{display:flex;gap:6px;align-items:center;padding:2px 4px;margin-top:2px}
.fb-btn{background:none;border:1px solid #2a2a2a;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:13px;color:#555;transition:all .15s;display:flex;align-items:center;gap:4px}
.fb-btn:hover{border-color:#2774AE;color:#2774AE}
.fb-btn.active-up{border-color:#1D9E75;color:#1D9E75;background:#0a1a12}
.fb-btn.active-down{border-color:#E24B4A;color:#E24B4A;background:#1a0a0a}
.fb-btn.copy-btn:hover{border-color:#378ADD;color:#378ADD}
.fb-btn.retry-btn:hover{border-color:#2774AE;color:#2774AE}
.retry-notice{font-size:11px;color:#2774AE;padding:4px 4px;font-style:italic}
.rewritten-badge{font-size:11px;background:#1a1200;border:1px solid #2774AE;border-radius:6px;padding:3px 8px;color:#2774AE;margin-bottom:6px;display:inline-block}