/* ── Agent selection dialog ─────────────────────────────────────────────────── */ .agent-dialog-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 1050; display: flex; align-items: center; justify-content: center; } .agent-dialog { background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: 3px; padding: 1.25rem; min-width: 320px; max-width: 420px; width: 100%; box-shadow: 0 8px 32px rgba(0,0,0,0.25); } .agent-dialog--ticket { min-width: 480px; max-width: 620px; } .agent-dialog-title { font-weight: 600; font-size: 1rem; margin-bottom: 1rem; } .agent-dialog-list { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.25rem; } .agent-dialog-option { display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.6rem 0.75rem; border-radius: 6px; border: 1px solid var(--bs-border-color); cursor: pointer; transition: border-color 0.15s, background 0.15s; } .agent-dialog-option input[type="radio"] { margin-top: 0.2rem; flex-shrink: 0; } .agent-dialog-option.selected { border-color: var(--bs-primary); background: var(--bs-primary-bg-subtle, rgba(13,110,253,0.08)); } .agent-dialog-info { display: flex; flex-direction: column; gap: 0.15rem; } .agent-dialog-name { font-weight: 600; font-size: 0.9rem; } .agent-dialog-desc { font-size: 0.78rem; opacity: 0.7; } .agent-dialog-actions { display: flex; justify-content: flex-end; gap: 0.5rem; }