Adopt shared WebUI structural primitives

webui/src/styles/records.css

@@ -1,40 +1,14 @@
-.records-page,
-.records-shell {
+.records-page {
   height: 100%;
   min-height: 0;
   overflow: hidden;
 }
 
-.records-shell {
-  display: flex;
-  flex-direction: column;
-  background: var(--panel);
-}
-
-.records-toolbar {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  min-height: 58px;
-  padding: 9px 14px;
-  border-bottom: var(--border-line-dark);
-  background: var(--panel-header);
-}
-
 .records-search {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: min(420px, 100%);
+  flex: 1 1 420px;
   margin-left: 8px;
 }
 
-.records-search input {
-  min-width: 130px;
-  height: 36px;
-  flex: 1;
-}
-
 .records-result-count {
   margin-left: auto;
   color: var(--muted);
@@ -205,17 +179,6 @@
   padding: 18px 20px 32px;
 }
 
-.records-detail-empty {
-  display: grid;
-  place-items: center;
-  align-content: center;
-  gap: 10px;
-  height: 100%;
-  color: var(--muted);
-  padding: 30px;
-  text-align: center;
-}
-
 .records-detail-header,
 .records-detail-actions,
 .records-section-heading {
@@ -529,12 +492,6 @@
   font-weight: 700;
 }
 
-.records-empty-note {
-  margin: 12px;
-  color: var(--muted);
-  font-size: var(--font-size-sm);
-}
-
 .records-dialog {
   width: min(760px, calc(100vw - 32px));
 }