feat: promote seatmap and organization updates

legacy/static/organization.css

@@ -316,7 +316,28 @@ body {
 }
 
 .modal-content.wide {
-  max-width: 1200px;
+  max-width: 1060px;
+  width: min(1040px, calc(100vw - 48px));
+  max-height: calc(100vh - 28px);
+  padding: 20px 20px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  overflow: hidden;
+}
+
+.modal-content.wide #modal-title {
+  margin-bottom: 0;
+  padding-bottom: 12px;
+}
+
+.modal-content.wide #modal-fields {
+  min-height: 0;
+}
+
+.modal-content.wide #modal-footer-area {
+  margin-top: 0 !important;
+  flex-shrink: 0;
 }
 
 .member-photo-field {
@@ -333,37 +354,59 @@ body {
   align-items: stretch;
 }
 
-.member-edit-layout {
+.member-basic-editor {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.member-basic-split {
   display: grid;
-  grid-template-columns: minmax(320px, 380px) minmax(0, 1fr);
-  gap: 16px;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 14px;
   align-items: stretch;
 }
 
-.member-edit-left-pane,
-.member-edit-right-pane {
+.member-basic-left,
+.member-basic-right,
+.member-photo-panel,
+.member-basic-fields {
   min-width: 0;
 }
 
-.member-edit-left-pane {
-  display: flex;
-  flex-direction: column;
+.member-basic-left,
+.member-basic-right,
+.member-photo-panel {
+  height: 100%;
+}
+
+.member-basic-left {
+  display: grid;
+  grid-template-rows: auto 1fr;
   gap: 12px;
 }
 
-.member-edit-profile-card {
+.member-basic-fields {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px 12px;
+  align-content: start;
+}
+
+.member-basic-field {
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 5px;
+  min-width: 0;
 }
 
 .member-seat-field {
-  flex: 1 1 auto;
   min-height: 0;
 }
 
-.member-seat-field-emphasis .seat-preview-card {
+.member-seat-field-compact .seat-preview-card {
   min-height: 100%;
+  height: 100%;
 }
 
 .member-detail-top-row {
@@ -455,8 +498,6 @@ body {
   border: 1px solid #e2e8f0;
   border-radius: 16px;
   background: #f8fafc;
-  height: 100%;
-  min-height: 100%;
   box-sizing: border-box;
 }
 
@@ -467,13 +508,21 @@ body {
   justify-content: space-between;
 }
 
+.member-photo-upload-card-inline {
+  min-height: 168px;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
 .member-photo-preview-wrap {
   flex: 0 0 auto;
 }
 
 .member-photo-preview {
-  width: 84px;
-  height: 84px;
+  width: 96px;
+  height: 96px;
   border-radius: 9999px;
   object-fit: cover;
   border: 3px solid #e0e7ff;
@@ -520,6 +569,11 @@ body {
   min-height: 100%;
 }
 
+.seat-preview-card.is-assigned {
+  border-color: rgba(79, 70, 229, 0.28);
+  box-shadow: 0 14px 30px rgba(79, 70, 229, 0.12);
+}
+
 .seat-preview-head {
   display: flex;
   justify-content: space-between;
@@ -549,10 +603,11 @@ body {
   align-items: center;
   padding: 6px 10px;
   border-radius: 9999px;
-  background: #dbeafe;
-  color: #1d4ed8;
+  background: linear-gradient(135deg, #4f46e5 0%, #2563eb 100%);
+  color: #ffffff;
   font-size: 11px;
   font-weight: 900;
+  box-shadow: 0 8px 20px rgba(79, 70, 229, 0.18);
 }
 
 .seat-preview-badge-muted {
@@ -583,6 +638,11 @@ body {
   overflow: hidden;
 }
 
+.seat-preview-card.is-assigned .seat-preview-canvas {
+  border-color: rgba(79, 70, 229, 0.35);
+  box-shadow: inset 0 0 0 1px rgba(79, 70, 229, 0.08);
+}
+
 .seat-preview-frame {
   display: block;
   width: 100%;
@@ -591,6 +651,10 @@ body {
   background: #fff;
 }
 
+.seat-preview-card.is-assigned .seat-preview-frame {
+  box-shadow: inset 0 0 0 2px rgba(79, 70, 229, 0.14);
+}
+
 .seat-preview-placeholder {
   display: flex;
   flex-direction: column;
@@ -601,30 +665,78 @@ body {
   font-weight: 900;
 }
 
-.member-edit-right-pane .seat-preview-head {
-  padding: 18px 20px 12px;
+.member-seat-field-compact .seat-preview-head {
+  padding: 14px 16px 10px;
 }
 
-.member-edit-right-pane .seat-preview-head strong {
-  font-size: 18px;
+.member-seat-field-compact .seat-preview-head strong {
+  font-size: 17px;
 }
 
-.member-edit-right-pane .seat-preview-head p {
+.member-seat-field-compact .seat-preview-head p {
   font-size: 12px;
+  line-height: 1.35;
 }
 
-.member-edit-right-pane .seat-preview-badge {
-  font-size: 12px;
-  padding: 8px 12px;
+.member-seat-field-compact .seat-preview-badge {
+  font-size: 11px;
+  padding: 7px 10px;
 }
 
-.member-edit-right-pane .seat-preview-canvas {
-  min-height: 360px;
+.member-seat-field-compact .seat-preview-canvas {
+  min-height: 208px;
 }
 
-.member-edit-right-pane .seat-preview-frame,
-.member-edit-right-pane .seat-preview-placeholder {
-  min-height: 320px;
+.member-seat-field-compact .seat-preview-frame,
+.member-seat-field-compact .seat-preview-placeholder {
+  min-height: 208px;
+}
+
+.member-photo-upload-card-inline {
+  min-height: 168px;
+  padding: 16px 14px;
+  gap: 10px;
+  align-items: stretch;
+  justify-content: space-between;
+  text-align: left;
+}
+
+.member-photo-card-title {
+  font-size: 11px;
+  font-weight: 900;
+  color: #475569;
+  line-height: 1.2;
+}
+
+.member-photo-upload-card-inline .member-photo-preview-wrap {
+  margin: 0 auto;
+}
+
+.member-photo-upload-card-inline .member-photo-preview {
+  width: 82px;
+  height: 82px;
+}
+
+.member-photo-upload-card-inline .member-photo-upload-controls {
+  align-items: center;
+  text-align: center;
+}
+
+.member-photo-upload-card-inline .member-photo-file-label {
+  padding: 9px 12px;
+}
+
+.member-photo-upload-card-inline .member-photo-file-name {
+  font-size: 11px;
+}
+
+.member-basic-field input {
+  min-width: 0;
+  padding: 12px 14px;
+}
+
+.member-basic-field label {
+  line-height: 1.2;
 }
 
 
@@ -645,7 +757,11 @@ body {
     grid-template-columns: 1fr;
   }
 
-  .member-edit-layout {
+  .member-basic-split {
+    grid-template-columns: 1fr;
+  }
+
+  .member-basic-fields {
     grid-template-columns: 1fr;
   }