cleanup

frontend/src/styles.css

@@ -2012,43 +2012,36 @@ button.danger:hover:not([disabled]) {
   color: inherit;
 }
 
-.doc-type-label {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.05rem 0.4rem;
-  margin-right: 0.35rem;
-  border-radius: 999px;
-  background: var(--surface-subtle);
+.doc-name__primary {
+  font-weight: 600;
+}
+
+.doc-type-inline {
   color: var(--muted);
-  font-size: 0.75rem;
+  font-size: 0.85em;
   line-height: 1.2;
   cursor: default;
-  gap: 0.25rem;
 }
 
-.doc-type-label[role='button'] {
-  cursor: pointer;
-  color: var(--accent);
-  background: color-mix(in oklch, var(--accent) 12%, transparent);
-}
-
-.doc-type-label[role='button']:hover,
-.doc-type-label[role='button']:focus-visible {
-  color: var(--accent-strong, var(--accent));
-  background: color-mix(in oklch, var(--accent) 20%, transparent);
-}
-
-.doc-type-label[role='button']:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
-
-.doc-type-label.active {
-  background: color-mix(in oklch, var(--accent) 28%, transparent);
+.doc-type-inline.active {
   color: var(--accent-strong, var(--accent));
   font-weight: 600;
 }
 
+.doc-type-inline[role='button'] {
+  cursor: pointer;
+}
+
+.doc-type-inline[role='button']:hover,
+.doc-type-inline[role='button']:focus-visible {
+  color: var(--accent-strong, var(--accent));
+}
+
+.doc-type-inline[role='button']:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
 .doc-correspondent-link {
   background: none;
   background-color: transparent;