Fix organization member editing and drag sync

legacy/static/organization.css

@@ -338,11 +338,16 @@ body {
 
 .modal-content.wide #modal-fields {
   min-height: 0;
+  overflow-y: auto;
+  padding-right: 4px;
 }
 
 .modal-content.wide #modal-footer-area {
   margin-top: 0 !important;
   flex-shrink: 0;
+  position: relative;
+  z-index: 2;
+  background: var(--color-surface);
 }
 
 .member-photo-field {
@@ -761,6 +766,7 @@ body {
   height: 300px;
   border: 0;
   background: var(--color-surface);
+  pointer-events: none;
 }
 
 .seat-preview-card.is-assigned .seat-preview-frame {
@@ -1033,7 +1039,8 @@ body {
 .modal-footer-actions {
   display: flex;
   gap: 10px;
-  width: 100%;
+  width: auto;
+  flex: 1 1 auto;
   justify-content: flex-end;
   align-items: center;
 }
@@ -1045,10 +1052,12 @@ body {
   padding: 14px 18px;
   transition: all 0.2s ease;
   border: 1px solid transparent;
+  white-space: nowrap;
+  writing-mode: horizontal-tb;
 }
 
 .modal-btn-cancel {
-  flex: 1 1 0;
+  flex: 0 1 140px;
   background: var(--color-surface-strong);
   color: var(--color-text-soft);
   border-color: var(--color-border);
@@ -1059,7 +1068,7 @@ body {
 }
 
 .modal-btn-save {
-  flex: 1 1 0;
+  flex: 0 1 140px;
   background: var(--color-header);
   color: #fff;
   box-shadow: 0 10px 22px rgba(47, 153, 115, 0.2);
@@ -1070,6 +1079,8 @@ body {
 }
 
 .modal-btn-delete {
+  flex: 0 0 132px;
+  min-width: 132px;
   background: rgba(198, 71, 56, 0.12);
   color: #a33427;
   border-color: rgba(198, 71, 56, 0.2);