First Version

web/css/dialogs.css

@@ -0,0 +1,83 @@
+/* ── 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;
+}