stuff

frontend/src/styles.css

@@ -848,7 +848,7 @@ button.danger:hover:not([disabled]) {
   font-size: 0.9rem;
 }
 
-.column-header {
+.panel-section__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -856,33 +856,33 @@ button.danger:hover:not([disabled]) {
   padding: 0 0 0.5rem;
 }
 
-.column-header__titles {
+.panel-section__titles {
   display: flex;
   flex-direction: column;
   gap: 0.3rem;
 }
 
-.column-header h2 {
+.panel-section__header h2 {
   margin: 0;
   font-size: 0.9rem;
   font-weight: 600;
 }
 
-.column-subtitle {
+.panel-section__subtitle {
   margin-top: 0.25rem;
   font-size: 0.78rem;
   color: var(--muted);
 }
 
-
-.column-body {
+.panel-section__body {
   flex: 1;
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
 
-.column-body.scrollable {
+.panel-section__body--scrollable,
+.panel-section__body.scrollable {
   overflow-y: auto;
 }
 
@@ -1256,29 +1256,23 @@ button.danger:hover:not([disabled]) {
   outline-offset: 2px;
 }
 
-.documents-panel .column-header {
+.documents-panel .panel-section__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
-.documents-panel .column-header .header-actions {
+.documents-panel .panel-section__header .header-actions {
   display: flex;
   gap: 0.5rem;
 }
 
-
-.documents-panel .column-body {
+.documents-panel .panel-section__body {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
 
-.documents-panel .column-toolbar {
-  flex-shrink: 0;
-  padding-bottom: 0.4rem;
-}
-
 .documents-panel .documents-scroll {
   overflow-y: auto;
   background: transparent;
@@ -2341,9 +2335,6 @@ form.inline {
   opacity: 0.6;
   cursor: default;
 }
-.column-toolbar .filter-bar {
-  margin-bottom: 0;
-}
 .doc-list__name {
   width: 100%;
 }