Redesign the organization delete confirmation card

AgentCompany-New/src/renderer/src/shared/OrgSwitcher.tsx

@@ -117,14 +117,13 @@ function OrgRow({
   const initial = orgInitial(org.name);
   if (confirming) {
     return (
-      <div className="org-menu-row confirm">
-        <span className="brand-mark sm">{initial}</span>
-        <div className="org-menu-confirm-text">
-          <div>Delete {org.name}?</div>
-          <div className="org-menu-confirm-hint">All agents, work, chats, files removed.</div>
+      <div className="org-menu-confirm">
+        <div className="org-menu-confirm-title">Delete “{org.name}”?</div>
+        <div className="org-menu-confirm-hint">All agents, work, chats, and files are permanently removed.</div>
+        <div className="org-menu-confirm-actions">
+          <button type="button" className="org-menu-confirm-no" onClick={onCancelDelete}>Cancel</button>
+          <button type="button" className="org-menu-confirm-yes" onClick={onConfirmDelete}>Delete</button>
         </div>
-        <button type="button" className="org-menu-confirm-yes" onClick={onConfirmDelete}>Delete</button>
-        <button type="button" className="org-menu-confirm-no" onClick={onCancelDelete}>Cancel</button>
       </div>
     );
   }

AgentCompany-New/src/renderer/src/styles.css

@@ -190,11 +190,6 @@ a { color: inherit; }
 }
 .org-menu-row:hover { background: var(--hover); color: var(--text-1); }
 .org-menu-row.active { background: var(--panel-3); color: var(--text-1); font-weight: 540; }
-.org-menu-row.confirm {
-  background: var(--amber-soft);
-  flex-wrap: wrap;
-  padding: 8px;
-}
 .org-menu-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .org-menu-delete {
   display: inline-flex;
@@ -208,27 +203,52 @@ a { color: inherit; }
 .org-menu-row:hover .org-menu-delete { opacity: 1; }
 .org-menu-delete:hover { background: var(--panel-3); }
 .org-menu-row.active .org-menu-delete:hover { background: var(--border-strong); }
-.org-menu-confirm-text { flex: 1; min-width: 0; font-size: 12.5px; color: var(--text-1); }
-.org-menu-confirm-hint { font-size: 11px; color: var(--text-3); margin-top: 2px; }
+.org-menu-confirm {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  background: var(--amber-soft);
+  border-radius: var(--r-sm);
+  padding: 10px 12px;
+  margin: 2px 0;
+}
+.org-menu-confirm-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-1);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.org-menu-confirm-hint { font-size: 11.5px; line-height: 1.45; color: var(--text-3); }
+.org-menu-confirm-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 6px;
+}
 .org-menu-confirm-yes {
-  height: 24px;
-  padding: 0 8px;
+  height: 28px;
+  padding: 0 14px;
   border: 0;
   border-radius: var(--r-sm);
   background: var(--red);
   color: #fff;
-  font-size: 12px;
-  font-weight: 540;
+  font-size: 12.5px;
+  font-weight: 560;
+  cursor: pointer;
 }
 .org-menu-confirm-no {
-  height: 24px;
-  padding: 0 8px;
+  height: 28px;
+  padding: 0 14px;
   border: 1px solid var(--border-strong);
   border-radius: var(--r-sm);
   background: var(--panel);
   color: var(--text-2);
-  font-size: 12px;
+  font-size: 12.5px;
+  cursor: pointer;
 }
+.org-menu-confirm-no:hover { background: var(--hover); color: var(--text-1); }
 .org-menu-divider { height: 1px; background: var(--border-soft); margin: 4px 0; }
 .org-menu-action {
   display: flex;