typescript

frontend/src/styles/auth/login.css

@@ -1,5 +1,6 @@
 .login-screen {
   min-height: 100vh;
+  min-height: 100dvh;
   height: 100%;
   display: flex;
   align-items: center;

frontend/src/styles/base/theme.css

@@ -97,7 +97,7 @@
   --surface-ink-soft: color-mix(in oklch, var(--fg) 8%, transparent);
 
   font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  font-size: 15px;
+  font-size: clamp(13px, 0.5vw + 12px, 15px);
   --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
 
   --detail-panel-width: calc(100vw / 3);

frontend/src/styles/detail/detail-panels.css

@@ -4,6 +4,7 @@
   right: 0;
   width: min(100vw, var(--detail-panel-width));
   min-height: 100vh;
+  min-height: 100dvh;
   height: 100%;
   height: 100%;
   background: var(--bg);

frontend/src/styles/documents/viewer.css

@@ -241,6 +241,19 @@
   word-break: break-word;
 }
 
+.detail-panel .document-viewer__section-item dt {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--muted);
+  margin-top: 0;
+}
+
+.detail-panel .document-viewer__section-item dd {
+  margin: 0;
+  font-size: 0.9rem;
+  font-weight: 500;
+}
+
 .document-viewer__section-placeholder {
   margin: 0;
   font-size: 0.9rem;

frontend/src/styles/layout/structure.css

@@ -10,6 +10,7 @@
   flex: 1;
   display: flex;
   min-height: 100vh;
+  min-height: 100dvh;
   width: 100%;
   position: relative;
 }

frontend/src/styles/sidebar/sidebar.css

@@ -203,6 +203,19 @@
   font-weight: 600;
   color: var(--fg);
   padding-left: 0.25rem;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+}
+
+.sidebar__logo {
+  width: 1.6rem;
+  height: 1.6rem;
+  display: inline-block;
+}
+
+.sidebar__title-text {
+  display: inline-block;
 }
 
 .sidebar__tenant {