From c6d9b20d9f1cff1babdc752613c0c47ced1b1e86 Mon Sep 17 00:00:00 2001
From: Joseph Doherty <dohejw01@gmail.com>
Date: Wed, 3 Jun 2026 04:37:23 -0400
Subject: [PATCH] chore(adminui): prune kit-duplicate + dead shell CSS from
 site.css
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The ZB.MOM.WW.Theme cutover left site.css carrying a near-verbatim copy of the
kit's layout.css (.app-shell/.side-rail/.rail-link/.rail-foot/.login-*) plus two
dead rules (#sidebar-collapse — the kit emits #theme-rail; .rail-eyebrow-chevron
— rendered by the deleted NavSection.razor). Those duplicates loaded after the
kit and could silently override it. Removed them; kept only the app-only rules
the kit does not provide: .rail-eyebrow (footer Session label) and
.chip-alert/.chip-caution (domain status variants). 167 lines removed; builds clean.
---
 .../wwwroot/css/site.css                      | 173 +-----------------
 1 file changed, 7 insertions(+), 166 deletions(-)

diff --git a/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/wwwroot/css/site.css b/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/wwwroot/css/site.css
index d58efd1e..599c308e 100644
--- a/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/wwwroot/css/site.css
+++ b/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/wwwroot/css/site.css
@@ -1,77 +1,11 @@
-/* OtOpcUa Admin — view-specific layer over the technical-light theme (theme.css).
-   Tokens live in theme.css; this sheet only carries layout + the side rail. */
-
-/* ── App shell: side rail + page ─────────────────────────────────────────── */
-/* The outer flex direction is supplied by Bootstrap utilities on the wrapper
-   (`d-flex flex-column flex-lg-row`) so the mobile hamburger row stacks above
-   the rail on <lg viewports and the rail sits beside the page on lg+. */
-.app-shell {
-    align-items: stretch;
-    min-height: calc(100vh - 3.3rem);
-}
-
-.app-shell .page {
-    flex: 1;
-    min-width: 0;
-}
-
-/* ── Side rail ───────────────────────────────────────────────────────────── */
-.side-rail {
-    width: 220px;
-    flex: 0 0 220px;
-    display: flex;
-    flex-direction: column;
-    gap: 0.15rem;
-    padding: 1rem 0.7rem;
-    background: var(--card);
-    border-right: 1px solid var(--rule-strong);
-}
-
-/* On lg+ keep the side rail pinned so it stays visible when content scrolls. */
-@media (min-width: 992px) {
-    #sidebar-collapse {
-        position: sticky;
-        top: 0;
-        height: 100vh;
-        align-self: flex-start;
-        z-index: 1020;
-    }
-}
-
-/* When the side rail is collapsed under <lg viewports the Bootstrap collapse
-   container removes the fixed width; restore full width on mobile. */
-@media (max-width: 991.98px) {
-    .side-rail {
-        width: 100%;
-        min-width: 100%;
-        max-width: 100%;
-        height: auto;
-    }
-}
-
-/* Login card title. Replaces the panel-head top strip on the login page so the
-   card reads as a self-contained sign-in form, not a tabbed panel. */
-.login-title {
-    margin: 0 0 1.1rem 0;
-    font-size: 1.05rem;
-    font-weight: 600;
-    letter-spacing: 0.01em;
-    color: var(--ink);
-}
-
-/* Brand block pinned at the top of the side rail. Mirrors ScadaLink's
-   .sidebar .brand styling — used now that the top app-bar was dropped. */
-.side-rail .brand {
-    color: var(--ink);
-    font-size: 1.1rem;
-    font-weight: 600;
-    letter-spacing: 0.02em;
-    padding: 1rem;
-    border-bottom: 1px solid var(--rule);
-    margin-bottom: 0.4rem;
-}
-.side-rail .brand .mark { color: var(--accent); }
+/* OtOpcUa Admin — app-only view layer over the shared ZB.MOM.WW.Theme kit.
+   The kit's theme.css (tokens) + layout.css (side-rail shell, login card) are
+   linked via <ThemeHead/> and own all of the shell/rail/login styling. This
+   sheet carries only the few rules the kit does not provide. */
 
+/* Static (non-collapsible) eyebrow label — used for the "Session" caption in the
+   rail footer. The kit styles a collapsible section <summary> as
+   .rail-eyebrow-toggle; a plain inline label needs this lighter rule. */
 .rail-eyebrow {
     font-size: 0.68rem;
     font-weight: 600;
@@ -81,99 +15,6 @@
     padding: 0.3rem 0.6rem;
 }
 
-/* Collapsible variant — rendered by NavSection.razor. Looks like .rail-eyebrow
-   plus a leading chevron; clicking flips chevron + expanded state. */
-.rail-eyebrow-toggle {
-    display: flex;
-    align-items: center;
-    gap: 0.4rem;
-    width: 100%;
-    background: transparent;
-    border: 0;
-    text-align: left;
-    font-size: 0.68rem;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.07em;
-    color: var(--ink-faint);
-    padding: 0.45rem 0.6rem 0.3rem;
-    cursor: pointer;
-}
-.rail-eyebrow-toggle:hover { color: var(--ink); }
-.rail-eyebrow-chevron {
-    display: inline-block;
-    width: 0.7rem;
-    font-size: 0.55rem;
-    color: var(--ink-faint);
-}
-.rail-section-body {
-    display: flex;
-    flex-direction: column;
-}
-
-.rail-link {
-    display: block;
-    padding: 0.4rem 0.6rem;
-    border-radius: 4px;
-    border-left: 2px solid transparent;
-    font-size: 0.86rem;
-    color: var(--ink-soft);
-}
-.rail-link:hover {
-    background: #f3f6fd;
-    color: var(--ink);
-    text-decoration: none;
-}
-.rail-link.active {
-    background: #eef2fc;
-    border-left-color: var(--accent);
-    color: var(--accent-deep);
-    font-weight: 600;
-}
-
-/* ── Session block, pinned to the rail foot ──────────────────────────────── */
-.rail-foot {
-    margin-top: auto;
-    padding-top: 0.6rem;
-    border-top: 1px solid var(--rule);
-}
-.rail-user {
-    display: block;
-    padding: 0 0.6rem;
-    font-weight: 600;
-    font-size: 0.88rem;
-}
-.rail-roles {
-    padding: 0.1rem 0.6rem 0.5rem;
-    font-family: var(--mono);
-    font-size: 0.72rem;
-    color: var(--ink-faint);
-}
-.rail-btn {
-    display: inline-block;
-    margin: 0 0.6rem;
-    padding: 0.3rem 0.7rem;
-    font-size: 0.78rem;
-    font-weight: 600;
-    color: var(--ink-soft);
-    background: var(--card);
-    border: 1px solid var(--rule-strong);
-    border-radius: 4px;
-    cursor: pointer;
-}
-.rail-btn:hover {
-    border-color: var(--accent);
-    color: var(--accent);
-    text-decoration: none;
-}
-
-/* ── Login card centring ─────────────────────────────────────────────────── */
-.login-wrap {
-    max-width: 380px;
-    margin: 3.5rem auto 0;
-}
-
-/* --- App-specific rules not provided by ZB.MOM.WW.Theme (migrated during theme adoption) --- */
 /* OtOpcUa domain pages (Alerts, ScriptLog, Fleet, Hosts, AlarmsHistorian,
    RoleGrants, ImportEquipment) use two extra status-chip variants on top of the
    kit's .chip base + .chip-ok/.chip-warn/.chip-bad/.chip-idle/.chip-info set.