更新

app/video_companion/src/style.css

@@ -341,3 +341,93 @@ button:disabled { cursor: not-allowed; opacity: .55; }
   .message-list { padding-inline: 18px; }
   .message-bubble { max-width: 82%; }
 }
+
+/* Doctor workstation blue-white subwindow contract.  Video pixels remain on
+   the dark stage; every application-owned chrome surface follows the shell. */
+:root { color: #111f46; background: #eef3fd; }
+.consultation-shell { background: #eef3fd; }
+.chat-panel { background: #f7f9fe; }
+.chat-header,
+.composer { border-color: #e6eaf5; background: rgba(255, 255, 255, .98); }
+.patient-avatar { background: linear-gradient(135deg, #5761f4, #7769f7); }
+.chat-heading p,
+.empty-chat,
+.message-meta,
+.composer-toolbar { color: #7886aa; }
+.connection-dot--online {
+  background: #17a77d;
+  box-shadow: 0 0 0 3px rgba(23, 167, 125, .12);
+}
+.primary-action,
+.send-button,
+.capture-button {
+  border-color: #5761f4;
+  background: linear-gradient(90deg, #5761f4, #7769f7);
+}
+.primary-action:hover,
+.send-button:hover,
+.capture-button:hover { background: #4c57e9; }
+.secondary-action {
+  border-color: #e6eaf5;
+  color: #3f4e75;
+}
+.secondary-action:hover {
+  border-color: #5761f4;
+  color: #4451e2;
+  background: #f0f2ff;
+}
+.message-list {
+  background:
+    radial-gradient(circle at 12% 16%, rgba(87, 97, 244, .055), transparent 25%),
+    #f7f9fe;
+}
+.load-more,
+.empty-chat__icon,
+.message-bubble { border-color: #e6eaf5; }
+.load-more { color: #7886aa; }
+.empty-chat__icon { color: #5761f4; }
+.empty-chat h2 { color: #111f46; }
+.message-bubble { box-shadow: 0 4px 14px rgba(17, 31, 70, .05); }
+.message-row--mine .message-bubble { border-color: #5761f4; background: #5761f4; }
+.composer-toolbar button { color: #4451e2; background: #f0f2ff; }
+.composer textarea {
+  border-color: #e6eaf5;
+  color: #111f46;
+  background: #fafbfe;
+}
+.composer textarea:focus {
+  border-color: #8d9bff;
+  box-shadow: 0 0 0 3px rgba(87, 97, 244, .11);
+}
+.video-actions button { border-radius: 9px; }
+.recording-status {
+  border-color: rgba(230, 234, 245, .88);
+  border-radius: 9px;
+  color: #3f4e75;
+  background: rgba(255, 255, 255, .95);
+}
+.recording-status--active,
+.recording-status--error {
+  border-color: rgba(241, 91, 103, .45);
+  color: #b63849;
+  background: rgba(255, 241, 243, .96);
+}
+.recording-indicator {
+  background: #f15b67;
+  box-shadow: 0 0 0 4px rgba(241, 91, 103, .16);
+}
+@keyframes recording-pulse {
+  50% { box-shadow: 0 0 0 8px rgba(241, 91, 103, .04); opacity: .72; }
+}
+.hangup-button { border-color: #f15b67; background: #f15b67; }
+.hangup-button:hover { background: #d94857; }
+.video-notice {
+  border-color: rgba(23, 167, 125, .35);
+  color: #12765b;
+  background: rgba(234, 249, 243, .95);
+}
+.video-notice--error {
+  border-color: rgba(241, 91, 103, .4);
+  color: #b63849;
+  background: rgba(255, 241, 243, .96);
+}