style: complete medtech frontend visual QA

frontend/src/components/MainLayout.vue

@@ -268,4 +268,30 @@ function handleLogout() {
 .notify-time { font-size: 11px; color: var(--color-text-muted); margin-top: 2px; }
 .notify-empty { padding: 20px; text-align: center; color: var(--color-text-muted); font-size: 13px; }
 .notify-footer { padding-top: 8px; text-align: center; border-top: 1px solid var(--color-border-soft); margin-top: 4px; }
+
+@media (max-width: 700px) {
+  .clinical-sidebar {
+    display: none;
+  }
+
+  .clinical-topbar {
+    padding: 0 12px;
+  }
+
+  .topbar-left {
+    min-width: 0;
+  }
+
+  .topbar-right {
+    gap: 6px;
+  }
+
+  .user-info {
+    display: none;
+  }
+
+  .clinical-main {
+    padding: 14px;
+  }
+}
 </style>