From 399d479ad2fd4e2a0ceb98a533a0bdf9ebcb8650 Mon Sep 17 00:00:00 2001
From: TheRON <webmaster@kane-il.us>
Date: Sun, 7 Jun 2026 07:48:49 -0400
Subject: [PATCH] Initial push

---
 hubzilla/addon/vs01/view/css/civicnav.css | 64 +++++++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 hubzilla/addon/vs01/view/css/civicnav.css

diff --git a/hubzilla/addon/vs01/view/css/civicnav.css b/hubzilla/addon/vs01/view/css/civicnav.css
new file mode 100644
index 0000000..c61fa08
--- /dev/null
+++ b/hubzilla/addon/vs01/view/css/civicnav.css
@@ -0,0 +1,64 @@
+/* CivicNav — Civic Diagnostics section navigation widget
+   Renders in right_aside on channel and addon module pages.
+   Uses #region_3 prefix to beat theme ID-selector specificity. */
+
+#region_3 .civicnav-widget {
+    margin-bottom: var(--civicinfra-space-4);
+    font-family: var(--bs-font-sans-serif);
+}
+
+#region_3 .civicnav-heading {
+    font-family: var(--bs-font-sans-serif);
+    font-size: var(--civicinfra-fs-sm);
+    font-weight: 700;
+    color: var(--civicinfra-text);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    margin-bottom: var(--civicinfra-space-2);
+    padding-bottom: var(--civicinfra-space-2);
+    border-bottom: 1px solid var(--civicinfra-border);
+}
+
+.civicnav-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--civicinfra-space-1);
+}
+
+.civicnav-item {
+    display: block;
+}
+
+#region_3 .civicnav-link {
+    display: block;
+    padding: var(--civicinfra-space-2) var(--civicinfra-space-3);
+    font-family: var(--bs-font-sans-serif);
+    font-size: var(--civicinfra-fs-sm);
+    font-weight: 500;
+    color: var(--civicinfra-primary);
+    text-decoration: none;
+    border-radius: var(--civicinfra-radius);
+    transition: background-color var(--civicinfra-transition),
+                color var(--civicinfra-transition);
+}
+
+#region_3 .civicnav-link:hover {
+    background: var(--civicinfra-surface);
+    color: var(--civicinfra-primary);
+    text-decoration: none;
+}
+
+#region_3 .civicnav-item.civicnav-active .civicnav-current {
+    display: block;
+    padding: var(--civicinfra-space-2) var(--civicinfra-space-3);
+    font-family: var(--bs-font-sans-serif);
+    font-size: var(--civicinfra-fs-sm);
+    font-weight: 700;
+    color: var(--civicinfra-text);
+    background: var(--civicinfra-surface);
+    border-radius: var(--civicinfra-radius);
+    cursor: default;
+}