custom branding

Overlord-Server/public/assets/main.css

@@ -340,6 +340,27 @@ a {
   overflow: hidden;
 }
 
+.login-hero-image {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  opacity: 0.38;
+  filter: saturate(0.9) contrast(1.05);
+  pointer-events: none;
+}
+
+.login-body.login-has-hero-image::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(90deg, rgba(5, 7, 15, 0.88), rgba(5, 7, 15, 0.64)),
+    radial-gradient(75% 75% at 50% 25%, transparent, rgba(5, 7, 15, 0.62));
+  pointer-events: none;
+}
+
 .login-body::before {
   content: "";
   position: absolute;
@@ -984,6 +1005,7 @@ article.card[data-bookmarked="true"] {
   inset: 0;
   pointer-events: none;
   overflow: hidden;
+  z-index: 1;
 }
 
 .particle {
@@ -1031,6 +1053,7 @@ article.card[data-bookmarked="true"] {
     0 0 100px rgba(92, 145, 255, 0.1);
   position: relative;
   opacity: 0;
+  z-index: 2;
 }
 
 .login-card::before {
@@ -1056,8 +1079,8 @@ article.card[data-bookmarked="true"] {
 
 .login-crown {
   font-size: 48px;
-  color: #7a5bff;
-  filter: drop-shadow(0 4px 12px rgba(122, 91, 255, 0.5));
+  color: var(--brand-accent, #7a5bff);
+  filter: drop-shadow(0 4px 12px color-mix(in srgb, var(--brand-accent, #7a5bff) 50%, transparent));
 }
 
 .login-logo {
@@ -1065,7 +1088,7 @@ article.card[data-bookmarked="true"] {
   height: 56px;
   object-fit: contain;
   border-radius: 12px;
-  filter: drop-shadow(0 4px 12px rgba(122, 91, 255, 0.35));
+  filter: drop-shadow(0 4px 12px color-mix(in srgb, var(--brand-accent, #7a5bff) 35%, transparent));
 }
 
 .login-brand {
@@ -1074,7 +1097,7 @@ article.card[data-bookmarked="true"] {
   font-weight: 700;
   letter-spacing: 1px;
   margin-bottom: 12px;
-  background: linear-gradient(135deg, #7a5bff, #5672ff);
+  background: linear-gradient(135deg, var(--brand-accent, #7a5bff), #7dd3fc);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
@@ -1097,6 +1120,24 @@ article.card[data-bookmarked="true"] {
   opacity: 0;
 }
 
+.login-enterprise-footer,
+.login-support-link {
+  display: block;
+  text-align: center;
+  font-size: 0.78rem;
+  color: #94a3b8;
+  margin-top: 12px;
+}
+
+.login-support-link {
+  color: #c4b5fd;
+  text-decoration: none;
+}
+
+.login-support-link:hover {
+  color: #e0e7ff;
+}
+
 .form-group {
   margin-bottom: 20px;
   opacity: 0;
@@ -4456,6 +4497,33 @@ body.sb-collapsed .sb-link .sb-text {
   text-decoration: none;
 }
 
+.nav-brand-link {
+  min-width: 0;
+}
+
+.nav-brand-logo {
+  width: 24px;
+  height: 24px;
+  object-fit: contain;
+  border-radius: 6px;
+  flex: 0 0 auto;
+  filter: drop-shadow(0 2px 8px color-mix(in srgb, var(--brand-accent, #7a5bff) 28%, transparent));
+}
+
+.sb-logo .nav-brand-logo,
+.sb-mobile-brand .nav-brand-logo {
+  width: 22px;
+  height: 22px;
+}
+
+#nav-brand-name,
+#nav-mobile-brand-name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 /* ---- Mobile backdrop ---- */
 #sb-backdrop {
   display: none;