na: Remove inline styles and non-theme color literals from frontend

1 files changed, 57 insertions, 0 deletions

diff --git a/web/css/layout.css b/web/css/layout.css
index 9f51008..ccaeb88 100644
--- a/web/css/layout.css
+++ b/web/css/layout.css
@@ -165,6 +165,12 @@ body {
   color: var(--text-primary);
 }
 
+.media-card .card-actions {
+  display: flex;
+  gap: 0.25rem;
+  padding: 0 0.5rem 0.5rem;
+}
+
 /* Audio row variant */
 .media-row {
   display: flex;
@@ -274,3 +280,54 @@ body {
 .hidden { display: none !important; }
 .overflow-hidden { overflow: hidden; }
 
+/* Layout helpers */
+.flex { display: flex; }
+.flex-wrap { flex-wrap: wrap; }
+.justify-end { justify-content: flex-end; }
+.align-center { align-items: center; }
+.gap-1 { gap: 0.25rem; }
+.gap-2 { gap: 0.5rem; }
+.gap-3 { gap: 0.75rem; }
+.gap-4 { gap: 1rem; }
+.mt-1 { margin-top: 0.25rem; }
+.mt-2 { margin-top: 0.5rem; }
+.mt-3 { margin-top: 0.75rem; }
+.my-1 { margin: 0.25rem 0; }
+.text-sm { font-size: 0.85rem; }
+.text-xs { font-size: 0.8rem; }
+.text-75 { font-size: 0.75rem; }
+.text-90 { font-size: 0.9rem; }
+.flex-1-18 { flex: 1 1 18rem; }
+.grid-full { grid-column: 1 / -1; }
+
+/* Toolbar */
+.toolbar {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.75rem;
+}
+
+/* Modal sizes */
+.modal-wide { width: min(56rem, 96vw); }
+
+/* Admin lists */
+.admin-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+.admin-list li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.25rem 0.35rem;
+  border-radius: var(--radius-sm);
+}
+.admin-list li.is-admin {
+  background: var(--accent-soft);
+}
+