fraim-framework 2.0.170 → 2.0.173

package/public/ai-hub/styles.css

@@ -664,7 +664,7 @@ img.conv-employee-avatar {
 
 #active-conv {
   display: grid;
-  grid-template-rows: auto auto minmax(0, 1fr) auto;
+  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
   gap: 14px;
   min-width: 0;
   flex: 1;
@@ -826,6 +826,338 @@ img.conv-employee-avatar {
 .conversation-status > * {
   min-width: 0;
 }
+.delegation-ledger {
+  display: block;
+  border: 1px solid var(--line);
+  background: var(--surface);
+  border-radius: 8px;
+  padding: 0;
+  overflow: hidden;
+}
+.delegation-ledger[hidden] {
+  display: none;
+}
+.manager-oversight-board {
+  display: block;
+  border: 1px solid var(--line);
+  background: color-mix(in srgb, var(--surface) 84%, var(--accent) 16%);
+  border-radius: 8px;
+  padding: 0;
+  overflow: hidden;
+}
+.manager-oversight-board[hidden] {
+  display: none;
+}
+.manager-oversight-board > summary {
+  padding: 12px;
+}
+.manager-oversight-board > summary::before {
+  margin-top: 2px;
+}
+.manager-oversight-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+.manager-oversight-copy {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+}
+.manager-oversight-kicker {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--muted);
+}
+.manager-oversight-copy strong {
+  font-size: 15px;
+  color: var(--text);
+}
+.manager-oversight-meta {
+  flex-shrink: 0;
+  font-size: 12px;
+  color: var(--muted);
+}
+.manager-oversight-list {
+  display: grid;
+  gap: 8px;
+  padding: 0 12px 12px;
+}
+.manager-plan-row {
+  display: grid;
+  grid-template-columns: 28px minmax(0, 1fr);
+  gap: 10px;
+  border: 1px solid var(--line);
+  background: var(--surface);
+  border-radius: 8px;
+  padding: 10px;
+  min-width: 0;
+}
+.manager-plan-step {
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--accent) 14%, var(--surface));
+  border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line));
+  color: var(--accent);
+  font-size: 12px;
+  font-weight: 800;
+}
+.manager-plan-body {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+.manager-plan-top {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 8px;
+  min-width: 0;
+}
+.manager-plan-top strong,
+.manager-plan-empty strong {
+  font-size: 12px;
+  color: var(--text);
+  overflow-wrap: anywhere;
+}
+.manager-plan-status {
+  flex-shrink: 0;
+  border-radius: 999px;
+  padding: 2px 7px;
+  background: var(--soft);
+  border: 1px solid var(--line);
+  color: var(--muted);
+  font-size: 10px;
+  font-weight: 800;
+  text-transform: uppercase;
+}
+.manager-plan-status.status-running,
+.manager-plan-status.status-submitted {
+  border-color: color-mix(in srgb, #0b63ce 28%, var(--line));
+  background: #e8f1ff;
+  color: #0b63ce;
+}
+.manager-plan-status.status-reviewed,
+.manager-plan-status.status-completed {
+  border-color: color-mix(in srgb, #1c7c36 30%, var(--line));
+  background: #e9f7ee;
+  color: #1c7c36;
+}
+.manager-plan-status.status-blocked,
+.manager-plan-status.status-failed {
+  border-color: color-mix(in srgb, #b3261e 28%, var(--line));
+  background: #fdecea;
+  color: #b3261e;
+}
+.manager-plan-meta,
+.manager-plan-review,
+.manager-plan-instructions,
+.manager-plan-empty span {
+  font-size: 11px;
+  color: var(--muted);
+  overflow-wrap: anywhere;
+}
+.manager-plan-review {
+  color: var(--text);
+}
+.manager-plan-empty {
+  display: grid;
+  gap: 3px;
+  border: 1px dashed var(--line);
+  background: var(--surface);
+  border-radius: 8px;
+  padding: 10px;
+  min-width: 0;
+}
+.delegation-ledger > summary {
+  padding: 12px;
+}
+.delegation-ledger > summary::before {
+  margin-top: 2px;
+}
+.delegation-ledger-body {
+  padding: 0 12px 12px;
+  display: grid;
+  gap: 10px;
+  overflow-y: auto;
+}
+.delegation-ledger-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+.delegation-ledger-copy {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+}
+.delegation-ledger-kicker {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--muted);
+}
+.delegation-ledger-copy strong {
+  font-size: 15px;
+  color: var(--text);
+}
+.delegation-ledger-meta {
+  flex-shrink: 0;
+  font-size: 12px;
+  color: var(--muted);
+}
+.delegation-ledger-summary {
+  margin: 0;
+  font-size: 13px;
+  color: var(--muted);
+  line-height: 1.45;
+}
+.delegation-task-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 8px;
+}
+.delegation-task {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--soft);
+  padding: 10px;
+}
+.delegation-task-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.delegation-task-assignee {
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--accent-strong);
+}
+.delegation-task-status {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  padding: 3px 7px;
+  font-size: 10px;
+  font-weight: 800;
+  text-transform: uppercase;
+  background: var(--line);
+  color: var(--muted);
+}
+.delegation-task-status.status-running,
+.delegation-task-status.status-submitted {
+  background: var(--state-working-soft);
+  color: var(--state-working);
+}
+.delegation-task-status.status-reviewed,
+.delegation-task-status.status-completed {
+  background: var(--state-complete-soft);
+  color: var(--state-complete);
+}
+.delegation-task-status.status-blocked,
+.delegation-task-status.status-failed {
+  background: var(--state-waiting-soft);
+  color: var(--state-waiting);
+}
+.delegation-task-title {
+  min-width: 0;
+  font-size: 14px;
+  color: var(--text);
+}
+.delegation-task-detail {
+  font-size: 12px;
+  color: var(--muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.delegation-task-summary {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.45;
+  color: var(--text);
+}
+.delegation-artifacts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.delegation-artifact,
+.delegation-review-note,
+.delegation-view-work {
+  display: inline-flex;
+  width: fit-content;
+  max-width: 100%;
+  border-radius: 999px;
+  padding: 4px 8px;
+  font-size: 11px;
+  font-weight: 700;
+  background: color-mix(in srgb, var(--accent) 10%, transparent);
+  color: var(--accent-strong);
+}
+.delegation-artifact {
+  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
+  cursor: pointer;
+}
+.delegation-artifact:hover {
+  background: color-mix(in srgb, var(--accent) 16%, transparent);
+}
+.delegation-review-note {
+  background: var(--state-working-soft);
+  color: var(--state-working);
+}
+.delegation-view-work {
+  border: 1px solid var(--line);
+  cursor: pointer;
+  background: var(--surface);
+  color: var(--text);
+}
+.delegation-view-work:hover {
+  border-color: var(--accent);
+  color: var(--accent-strong);
+}
+.coach-panel--managed-readonly {
+  border-color: var(--line);
+}
+.coach-panel--managed-readonly textarea {
+  background: var(--soft);
+  color: var(--muted);
+}
+.managed-disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.conv-delegated-list {
+  display: grid;
+  gap: 6px;
+  margin: 6px 0 10px 20px;
+  padding-left: 10px;
+  border-left: 1px solid var(--line);
+}
+.conv-delegated-label {
+  font-size: 10px;
+  font-weight: 800;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--muted);
+}
+.conv-item--delegated-child {
+  background: var(--surface);
+  border-color: color-mix(in srgb, var(--accent) 14%, var(--line));
+}
 .status-stack {
   display: grid;
   gap: 10px;
@@ -2487,12 +2819,58 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
 .proj-context-top { flex-shrink: 0; padding: 12px 16px 0; overflow-y: auto; max-height: 46vh; }
 /* #521: shared empty/CTA block — used by BOTH the Brief and Learnings sections so
    they look consistent (a left-aligned message, optional note, primary button). */
-.ctx-cta { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 18px 16px; }
-.ctx-cta-msg { font-size: 13px; color: var(--muted); line-height: 1.6; max-width: 520px; }
+.ctx-cta { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 16px; }
+.ctx-cta-ico { font-size: 26px; line-height: 1; }
+.ctx-cta-title { font-size: 14px; font-weight: 600; color: var(--text, #1a1a1a); margin: 0; }
+.ctx-cta-msg { font-size: 13px; color: var(--muted); line-height: 1.6; max-width: 520px; margin: 0; }
 .ctx-cta-note { font-size: 12px; color: var(--text); line-height: 1.5; max-width: 520px; padding: 8px 12px; background: var(--soft, #f6f6f6); border: 1px solid var(--line, #e6e6e6); border-radius: 8px; }
 .ctx-cta-btn { font-size: 14px; font-weight: 600; color: #fff; background: var(--accent, #1f6feb); border: none; border-radius: 8px; padding: 10px 16px; cursor: pointer; }
 .ctx-cta-btn:hover { filter: brightness(1.05); }
+.ctx-push-auto { font-size: 11px; color: var(--muted); opacity: .7; white-space: nowrap; }
+/* Unified Company/Manager area layout: info view (accordions) vs conversation panel */
+.area-info-view { flex: 1; overflow-y: auto; min-height: 0; }
+/* Shared conversation host — a workspace-conv slot inside Company/Manager .area-main.
+   The .page element is physically moved here when a company/manager job is active,
+   inheriting all .workspace-conv CSS rules (header hidden, rail hidden, conv fills space). */
+.area-conv-host { flex: 1; overflow: hidden; min-height: 0; }
+/* Rail "info" nav button — mirrors the "Project Info" entry in the Projects tree sidebar */
+.area-rail-info-btn {
+  display: flex; align-items: center; gap: 8px;
+  width: 100%; padding: 9px 16px;
+  font-size: 13px; font-weight: 600; color: var(--text);
+  background: none; border: none; border-bottom: 1px solid var(--line);
+  text-align: left; cursor: pointer; margin-bottom: 2px;
+}
+.area-rail-info-btn:hover { background: var(--bg); }
+.area-rail-info-btn.info-active { color: var(--accent); background: var(--accent-soft); }
+/* #594 R2: area-level conversation panel (Company/Manager tab inline run view) — kept for reference */
+.area-page-conv { display: flex; flex-direction: column; gap: 0; margin: 0 0 20px; background: var(--card, #fff); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
+.area-conv-topline { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
+.area-conv-thread { flex: 1; max-height: 340px; overflow-y: auto; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
+.area-conv-empty { font-size: 13px; color: var(--muted); margin: 0; }
+.area-conv-msg { display: flex; flex-direction: column; gap: 2px; }
+.area-conv-msg--manager .area-conv-msg-text { align-self: flex-end; background: var(--accent-soft, #eef4ff); border-radius: 10px 10px 2px 10px; padding: 8px 12px; font-size: 13px; color: var(--text); max-width: 80%; margin: 0; }
+.area-conv-msg--employee .area-conv-msg-text { align-self: flex-start; background: var(--surface, #f8f8f8); border: 1px solid var(--line); border-radius: 10px 10px 10px 2px; padding: 8px 12px; font-size: 13px; color: var(--text); max-width: 80%; margin: 0; white-space: pre-wrap; }
+.area-conv-coach { display: flex; align-items: flex-end; gap: 8px; padding: 10px 14px; border-top: 1px solid var(--line); background: var(--bg, #fafafa); }
+.area-conv-coach-ta { flex: 1; resize: none; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; font-size: 13px; font-family: inherit; color: var(--text); background: var(--card, #fff); outline: none; min-height: 38px; }
+.area-conv-coach-ta:focus { border-color: var(--accent); }
+.area-conv-coach-send { flex-shrink: 0; font-size: 13px; font-weight: 600; color: #fff; background: var(--accent, #0071e3); border: none; border-radius: 8px; padding: 8px 16px; cursor: pointer; height: 38px; }
+.area-conv-coach-send:hover { filter: brightness(1.08); }
 .ctx-loading { font-size: 13px; color: var(--muted); padding: 10px 4px; }
+.ctx-push-bar { display: flex; align-items: center; gap: 10px; padding: 9px 14px; margin-top: 6px; background: var(--accent-soft, #eef4ff); border: 1px solid var(--line); border-radius: 8px; }
+.ctx-push-msg { flex: 1; font-size: 13px; color: var(--text); }
+.ctx-push-btn { font-size: 13px; font-weight: 600; color: #fff; background: var(--accent, #0071e3); border: none; border-radius: 6px; padding: 6px 14px; cursor: pointer; white-space: nowrap; }
+.ctx-push-btn:hover { filter: brightness(1.07); }
+.ctx-push-dismiss { font-size: 12.5px; color: var(--muted); background: none; border: 1px solid var(--line, rgba(0,0,0,.1)); border-radius: 5px; padding: 4px 10px; cursor: pointer; white-space: nowrap; }
+.ctx-push-dismiss:hover { color: var(--text); border-color: var(--muted); }
+.push-to-team-banner { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; margin: 10px 0; background: var(--accent-soft, #eef4ff); border: 1px solid var(--line); border-radius: 10px; }
+.ptb-ico { font-size: 20px; flex-shrink: 0; line-height: 1.4; }
+.ptb-copy { flex: 1; font-size: 13px; color: var(--text); line-height: 1.6; }
+.ptb-copy strong { font-weight: 600; }
+.ptb-push-btn { font-size: 13px; font-weight: 600; color: #fff; background: var(--accent, #0071e3); border: none; border-radius: 8px; padding: 8px 16px; cursor: pointer; white-space: nowrap; flex-shrink: 0; }
+.ptb-push-btn:hover { filter: brightness(1.07); }
+.ptb-dismiss { font-size: 13px; color: var(--muted); background: none; border: 1px solid var(--line, rgba(0,0,0,.1)); border-radius: 6px; padding: 6px 12px; cursor: pointer; white-space: nowrap; flex-shrink: 0; }
+.ptb-dismiss:hover { color: var(--text); border-color: var(--muted); }
 /* #521: project-onboarding input modal (manager's direction before a run). */
 .obi-input { width: 100%; box-sizing: border-box; resize: vertical; min-height: 96px; font: inherit; font-size: 14px; line-height: 1.5; padding: 11px 13px; border: 1px solid var(--line, #e2e2e2); border-radius: 10px; background: var(--surface, #fff); color: var(--ink, #1a1a1a); }
 .obi-input:focus { outline: none; border-color: var(--accent, #1f6feb); }
@@ -2772,6 +3150,33 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
   max-height: clamp(120px, 24vh, 260px);
   overflow-y: auto;
 }
+
+.workspace-conv #active-conv.has-delegation-board .delegation-ledger[open] .delegation-ledger-body {
+  max-height: clamp(140px, 24vh, 260px);
+}
+.workspace-conv #active-conv.has-manager-oversight .manager-oversight-board[open] .manager-oversight-list {
+  max-height: clamp(120px, 22vh, 240px);
+  overflow-y: auto;
+}
+.workspace-conv #active-conv.has-delegation-board .progress,
+.workspace-conv #active-conv.has-manager-oversight .progress {
+  max-height: 68px;
+  overflow: hidden;
+}
+.workspace-conv #active-conv.has-delegation-board #coach-panel[open] .panel-body,
+.workspace-conv #active-conv.has-manager-oversight #coach-panel[open] .panel-body {
+  max-height: clamp(120px, 18vh, 240px);
+  overflow-y: auto;
+}
+.workspace-conv #active-conv.has-delegation-board .support-stack,
+.workspace-conv #active-conv.has-manager-oversight .support-stack {
+  flex: 0 0 auto;
+  max-height: none;
+  overflow-y: visible;
+}
+.workspace-conv #active-conv.has-manager-oversight {
+  gap: 6px;
+}
 .workspace-conv .support-stack > .panel-details,
 .workspace-conv .support-stack > .micro { margin-bottom: 0; }
 
@@ -2844,6 +3249,13 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
   .workspace-conv .layout {
     min-width: 0;
   }
+  .manager-oversight-header {
+    display: grid;
+    gap: 4px;
+  }
+  .manager-oversight-meta {
+    flex-shrink: 1;
+  }
 }
 
 /* Review surfaces */
@@ -2874,6 +3286,8 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
 .modal-body { padding: 18px 22px; display: flex; flex-direction: column; gap: 14px; }
 .modal-close { float: right; background: var(--bg); border: none; width: 28px; height: 28px; border-radius: 50%; font-size: 16px; cursor: pointer; color: var(--muted); line-height: 1; }
 .modal-close:hover { color: var(--text); }
+.aom-cancel-btn { background: none; border: 1px solid var(--line); border-radius: 20px; padding: 9px 20px; font-size: 14px; cursor: pointer; color: var(--muted); }
+.aom-cancel-btn:hover { color: var(--text); }
 .modal-footer { padding: 12px 22px 20px; display: flex; align-items: center; justify-content: space-between; }
 .modal-next { padding: 9px 22px; background: var(--text); color: #fff; border: none; border-radius: 20px; font-size: 14px; font-weight: 600; cursor: pointer; }
 .modal-back { font-size: 13px; color: var(--muted); background: none; border: none; cursor: pointer; }
@@ -3859,11 +4273,12 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
 .hm-fieldrow { display: flex; gap: 10px; }
 .hm-fieldrow .hm-field { flex: 1; }
 .hm-field label { display: block; font-size: 12px; font-weight: 600; color: var(--muted); margin-bottom: 5px; }
-.hm-field select, .hm-field input {
+.hm-field select, .hm-field input, .hm-field textarea {
   width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 9px 12px;
   font: inherit; font-size: 13px; background: var(--bg); color: var(--text);
 }
-.hm-field select:focus, .hm-field input:focus { outline: 2px solid var(--accent); border-color: transparent; }
+.hm-field textarea { resize: vertical; min-height: 60px; }
+.hm-field select:focus, .hm-field input:focus, .hm-field textarea:focus { outline: 2px solid var(--accent); border-color: transparent; }
 .hm-query { display: flex; align-items: flex-start; gap: 10px; background: var(--bg); border: 1px solid var(--line); border-radius: 9px; padding: 10px 12px; }
 .hm-query code { flex: 1; font-family: ui-monospace, "SF Mono", "JetBrains Mono", monospace; font-size: 12px; line-height: 1.55; color: var(--text); white-space: pre-wrap; word-break: break-word; }
 .hm-copy-btn { flex-shrink: 0; font-size: 12px; font-weight: 600; color: var(--accent); background: none; border: 1px solid var(--line); border-radius: 7px; padding: 4px 10px; cursor: pointer; }
@@ -3940,7 +4355,6 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
 .prt-hire-btn { font-size:11px; font-weight:700; color:#fff; background:var(--accent,#0071e3); border:none; border-radius:6px; padding:4px 12px; cursor:pointer; margin-top:2px; }
 .prt-hire-btn:hover { background:var(--accent-hover,#005bbf); }
 .prt-price { font-size:10px; color:var(--sub); margin-top:1px; }
-.manager-team-section { padding:4px 0 16px; }
 .manager-no-team-msg { font-size:13px; color:var(--sub); margin:0 0 10px; }
 .manager-go-company-btn { font-size:12px; font-weight:600; color:var(--accent,#0071e3); background:var(--accent-soft,rgba(0,113,227,.08)); border:1px solid var(--accent,#0071e3); border-radius:6px; padding:5px 13px; cursor:pointer; }
 .manager-go-company-btn:hover { background:var(--accent-soft,rgba(0,113,227,.15)); }
@@ -3993,3 +4407,56 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
 .hs-btn--primary:hover { opacity:.85; }
 .hs-btn--ghost { background:transparent; color:var(--muted); border:1px solid var(--line); }
 .hs-btn--ghost:hover { color:var(--text); border-color:var(--text); }
+
+/* ── Issue #578: Scheduled + Reactive Employees ── */
+
+/* sourceTrigger chip on run rail items */
+.trigger-badge { display:inline-block; padding:1px 6px; border-radius:4px; font-size:10px; font-weight:600; letter-spacing:.02em; flex-shrink:0; }
+.trigger-badge--scheduled { background:rgba(0,122,255,.12); color:#0071e3; }
+.trigger-badge--webhook   { background:rgba(88,86,214,.12); color:#5856d6; }
+
+/* Deployment roster accordion */
+#proj-deployments-acc { margin-top:0; }
+.dep-actions { display:flex; gap:8px; margin-top:8px; }
+.dep-add-btn { padding:4px 12px; background:var(--accent-soft,rgba(0,113,227,.08)); color:var(--accent,#0071e3); border:1px solid rgba(0,113,227,.2); border-radius:8px; font-size:12px; font-weight:600; cursor:pointer; }
+.dep-add-btn:hover { background:var(--accent,#0071e3); color:#fff; }
+
+/* Deployment cards */
+.dep-card { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; padding:8px 10px; background:var(--surface,#fff); border:1px solid var(--line,#e5e5e5); border-radius:10px; margin-bottom:6px; }
+.dep-card-top { display:flex; align-items:center; gap:6px; flex:1; min-width:0; }
+.dep-type-icon { font-size:14px; flex-shrink:0; }
+.dep-label { font-size:13px; font-weight:600; color:var(--text,#1d1d1f); flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.dep-type-badge { display:inline-block; padding:1px 7px; border-radius:4px; font-size:10px; font-weight:600; flex-shrink:0; }
+.dep-type-badge--scheduled { background:rgba(0,122,255,.12); color:#0071e3; }
+.dep-type-badge--webhook   { background:rgba(88,86,214,.12); color:#5856d6; }
+.dep-detail { width:100%; font-size:11px; color:var(--muted,#888); margin-left:20px; }
+.dep-detail--url { display:flex; align-items:center; gap:6px; }
+.dep-inbound-url { font-size:11px; word-break:break-all; color:var(--muted,#888); flex:1; }
+.dep-inbound-url--inline { display:inline; font-size:11px; }
+/* Assignment modals — redesigned */
+.dep-modal-card { max-width:540px; }
+.dep-modal-card .modal-hdr p { font-size:12px; color:var(--muted,#888); margin:3px 0 0; font-weight:400; }
+.dep-optional { font-weight:400; font-size:11px; color:var(--muted,#888); }
+.dep-preset-chips { display:flex; gap:8px; flex-wrap:wrap; margin-top:2px; }
+.dep-preset-chip { padding:6px 18px; border-radius:20px; font-size:13px; font-weight:500; border:1.5px solid var(--line,#e5e5e5); background:var(--bg,#f5f5f7); color:var(--muted,#888); cursor:pointer; transition:border-color .12s, color .12s, background .12s; }
+.dep-preset-chip:hover { border-color:var(--accent,#0071e3); color:var(--accent,#0071e3); }
+.dep-preset-chip.active { background:var(--accent,#0071e3); border-color:var(--accent,#0071e3); color:#fff; }
+.dep-wh-inbound-reveal { margin-top:16px; padding-top:16px; border-top:1px solid var(--line,#e5e5e5); }
+.dep-wh-inbound-header { margin-bottom:8px; }
+.dep-wh-inbound-label { font-size:12px; font-weight:600; color:var(--text,#1d1d1f); display:block; }
+.dep-wh-inbound-hint { font-size:11px; color:var(--muted,#888); display:block; margin-top:2px; }
+.dep-card-actions { display:flex; gap:6px; margin-left:auto; align-items:center; flex-shrink:0; }
+.dep-edit-btn { padding:2px 8px; background:transparent; border:1px solid var(--line,#e5e5e5); border-radius:6px; font-size:11px; color:var(--muted,#888); cursor:pointer; }
+.dep-edit-btn:hover { border-color:var(--accent,#0071e3); color:var(--accent,#0071e3); }
+.dep-del-btn { padding:2px 8px; background:transparent; border:1px solid var(--line,#e5e5e5); border-radius:6px; font-size:11px; color:var(--muted,#888); cursor:pointer; }
+.dep-del-btn:hover { border-color:#ff3b30; color:#ff3b30; }
+.dep-detail--emp { font-style:normal; }
+.dep-empty { color:var(--muted,#888); font-size:12px; margin:4px 0 8px; line-height:1.5; }
+.dep-cron-preview { font-size:11px; color:var(--accent,#0071e3); margin:2px 0 0; }
+
+/* Deployment modals */
+.dep-modal-actions { display:flex; gap:8px; margin-top:12px; }
+.dep-error { color:#ff3b30; font-size:12px; margin-top:4px; }
+.cancel-button { padding:7px 18px; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer; background:transparent; color:var(--muted,#888); border:1px solid var(--line,#e5e5e5); }
+.cancel-button:hover { border-color:var(--text,#1d1d1f); color:var(--text,#1d1d1f); }
+.dep-inbound-url-row { display:flex; align-items:center; gap:8px; padding:6px 10px; background:var(--bg,#f5f5f7); border-radius:8px; margin-top:6px; }