/* === Force SVG hamburger/menu icon beside logo to white === */
.tw-text-current,
.tw-text-current svg,
.tw-text-current path {
  color: #fff !important;
  stroke: #fff !important;
  fill: #fff !important;
}
/* === Hamburger/Menu Icon beside logo: make lines white === */
.navbar-toggle .icon-bar,
.mobile-navbar .navbar-toggle .icon-bar,
.sidebar-toggle .icon-bar {
  background-color: #fff !important;
}
/* ADMIN AREA CUSTOM COLORS */
#header {
  background: #050618 !important;
}

.navbar-nav>li>a {
  color: #ffffff !important;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav .open>a,
.navbar-nav .open>a:hover,
.navbar-nav .open>a:focus {
  background: none !important;
  color: #ffffff !important;
}

.sidebar {
  background: #010537 !important;
}

.sidebar ul.nav li a {
  color: #ffffff !important;
}

.sidebar ul.nav li a i.menu-icon {
  color: #ffffff !important;
}

.sidebar>ul.nav>li:hover a:first-child,
.sidebar>ul.nav>li.active a:first-child {
  background: #40359a !important;
}

.sidebar ul.nav li.active>a,
.sidebar ul.nav>li>a:hover,
.sidebar ul.nav>li>a:focus,
.sidebar ul.nav li.active>a .menu-icon,
.sidebar ul.nav>li>a:hover .menu-icon,
.sidebar ul.nav>li>a:focus .menu-icon {
  color: #ececec !important;
}

.sidebar ul.nav li .nav-second-level li a {
  color: #ffffff !important;
}

.sidebar ul.nav li .nav-second-level li.active a {
  color: #ececec !important;
}

.sidebar ul.nav>li .nav-second-level>li:not(.active)>a:hover,
.sidebar ul.nav>li .nav-second-level>li:not(.active)>a:focus {
  color: #ececec !important;
}

.sidebar ul.nav li .nav-second-level a:hover .menu-icon,
.sidebar ul.nav li .nav-second-level a:focus .menu-icon {
  color: #ececec !important;
}

.mobile-navbar {
  background-color: #050618 !important;
}

.mobile-navbar .navbar-nav>li>a {
  color: #ffffff !important;
}

.sidebar-user-profile .dropdown-toggle.profile {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.sidebar-user-profile .dropdown-toggle.profile:hover,
.sidebar-user-profile .dropdown-toggle.profile:focus {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

#setup-menu>li:first-child {
  color: #ffffff !important;
}

#setup-menu>li>a {
  color: #ffffff !important;
}

#setup-menu li .nav-second-level li a {
  color: #ffffff !important;
}

/* === Override: make side-menu submenus transparent + show left indicator === */
/* Keeps parent active background intact but makes submenu items transparent like in custom purple */
#side-menu li .nav-second-level li,
#side-menu li .nav-second-level li a {
  background: transparent !important;
}

/* Ensure hover on submenu stays transparent */
#side-menu li .nav-second-level a:hover,
#side-menu li .nav-second-level li a:hover {
  background-color: transparent !important;
}

/* Re-enable the left vertical indicator for side menu submenu text */
#side-menu span.sub-menu-text:before,
#menu ul li span.sub-menu-text:before {
  background: #9274c3 !important;
  opacity: 1 !important;
}

/* Make active submenu text purple to match the theme (no solid bg) */
.admin #side-menu li .nav-second-level li.active a,
.admin #setup-menu li .nav-second-level li.active a {
  background: transparent !important;
  color: #764abc !important;
}

/* If any rule still forces a background for nav-second-level items, override it here */
#side-menu li.active > a + ul > li,
#side-menu li.active > a + ul > li a {
  background: transparent !important;
}

/* Submenu left indicator (match custom purple) */
#side-menu span.sub-menu-text,
#menu ul li span.sub-menu-text,
#setup-menu span.sub-menu-text {
  position: relative;
  padding-left: 28px; /* make room for the indicator */
  display: inline-block;
}

#side-menu span.sub-menu-text:before,
#menu ul li span.sub-menu-text:before,
#setup-menu span.sub-menu-text:before {
  content: '';
  position: absolute;
  left: 8px; /* position inside the padding area */
  top: 0;
  height: 100%;
  width: 2px;
  background: #9274c3 !important;
  opacity: 1 !important;
  border-radius: 15px;
  pointer-events: none;
}

/* Ensure the indicator is visible for active submenu items */
.admin #side-menu li .nav-second-level li.active a span.sub-menu-text:before,
.admin #setup-menu li .nav-second-level li.active a span.sub-menu-text:before {
  background: #9274c3 !important;
  opacity: 1 !important;
}

/* === Ensure Setup menu submenus are transparent like side-menu === */
#setup-menu li .nav-second-level li,
#setup-menu li .nav-second-level li a,
#setup-menu .nav-second-level li,
#setup-menu .nav-second-level li a {
  background: transparent !important;
}

/* Keep hover/active states transparent for setup submenu items */
#setup-menu li .nav-second-level a:hover,
#setup-menu li .nav-second-level li a:hover,
#setup-menu .nav-second-level li a:hover {
  background-color: transparent !important;
}

/* If parent link is active and the submenu is visible, keep its children transparent */
#setup-menu > li > a.active + ul > li,
#setup-menu > li > a.active + ul > li a {
  background: transparent !important;
}

/* Ensure the left indicator is visible for setup submenu text */
#setup-menu span.sub-menu-text:before {
  background: #9274c3 !important;
  opacity: 1 !important;
}

/* End setup-menu transparent overrides */

/* =============================
   Modern Admin Login Styling
   - Gradient background
   - Glassmorphism card
   - Subtle accent & hover effects
   Only affects body.login_admin and children
============================= */
body.login_admin {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(99,102,241,0.18), transparent 60%),
              radial-gradient(1000px 500px at 90% 20%, rgba(56,189,248,0.16), transparent 55%),
              linear-gradient(135deg, #eef2ff 0%, #f8fafc 100%);
  min-height: 100vh;
}

/* =============================
   Customer (Clients Portal) Login Styling
   Mirrors admin dark purple theme but scoped to body.customers_login
============================= */
body.customers_login {
  background: radial-gradient(1200px 600px at 15% 10%, rgba(168,85,247,0.22), transparent 60%),
              radial-gradient(1000px 500px at 85% 20%, rgba(147,51,234,0.18), transparent 55%),
              linear-gradient(135deg, #0e0a1c 0%, #160b2c 50%, #0a0615 100%) !important;
  min-height: 100vh;
}
body.customers_login::after,
body.customers_login::before {
  content: '';
  position: fixed;
  pointer-events: none;
  z-index: 0;
  filter: blur(48px);
  opacity: 0.55;
}
body.customers_login::after {
  top: -12vh; right: -10vw;
  width: 60vw; height: 60vh;
  background: radial-gradient(circle at 30% 30%, rgba(124,58,237,0.45), transparent 60%),
              radial-gradient(circle at 70% 70%, rgba(236,72,153,0.28), transparent 60%);
  animation: float-aurora 16s ease-in-out infinite alternate;
}
body.customers_login::before {
  bottom: -14vh; left: -12vw;
  width: 55vw; height: 55vh;
  background: radial-gradient(circle at 40% 40%, rgba(99,102,241,0.35), transparent 62%),
              radial-gradient(circle at 60% 60%, rgba(59,130,246,0.25), transparent 62%);
  animation: float-aurora 22s ease-in-out infinite alternate-reverse;
}

body.customers_login .customer-login-wrapper { position: relative; z-index: 20; }
body.customers_login .auth-card {
  position: relative;
  backdrop-filter: saturate(140%) blur(6px);
  -webkit-backdrop-filter: saturate(140%) blur(6px);
  background: linear-gradient(185deg, rgba(255,255,255,0.82), rgba(255,255,255,0.94));
  box-shadow: 0 32px 48px -18px rgba(17,12,38,0.55), 0 4px 12px rgba(17,12,38,0.25);
  border: 1px solid rgba(132,76,255,0.25);
  border-radius: 10px;
}
body.customers_login .auth-card::before {
  content: '';
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: 12px;
  background: linear-gradient(120deg, rgba(139,92,246,0.7), rgba(168,85,247,0.35), rgba(147,51,234,0.5));
}
body.customers_login .form-control {
  border-radius: 10px;
  border-color: rgba(2,6,23,0.15);
  box-shadow: inset 0 0 0 1px rgba(2,6,23,0.02);
  transition: border-color .2s ease, box-shadow .2s ease;
  background-color: rgba(255,255,255,0.9);
  color: #0f172a;
}
body.customers_login .form-control::placeholder { color: #64748b; }
body.customers_login .form-control:focus {
  border-color: rgba(124,58,237,0.7) !important;
  box-shadow: 0 0 0 4px rgba(124,58,237,0.22) !important;
}
body.customers_login .input-with-icon { position: relative; }
body.customers_login .input-with-icon .input-icon {
  position: absolute; left:10px; top:50%; transform:translateY(-50%);
  display:inline-flex; align-items:center; color:#64748b; pointer-events:none;
}
body.customers_login .input-with-icon .form-control.has-icon { padding-left:38px; }
body.customers_login #togglePassword { background:transparent!important; border:none!important; cursor:pointer; color:#64748b; }
body.customers_login #togglePassword:hover { color:#c084fc; }
body.customers_login #togglePassword:focus-visible { outline:2px solid rgba(124,58,237,0.55); outline-offset:2px; border-radius:6px; }
body.customers_login #togglePassword .eye-on,
body.customers_login #togglePassword .eye-off { transition: opacity .18s ease; }
body.customers_login #togglePassword.is-visible .eye-off { opacity:1; }
body.customers_login #togglePassword.is-visible .eye-on { opacity:0; }
body.customers_login .form-control.has-toggle { padding-right:42px; }
body.customers_login .auth-submit { background-image: linear-gradient(90deg, #4c1d95, #6d28d9, #7c3aed) !important; color:#fff; border:none; }
body.customers_login .auth-submit:hover { filter: brightness(1.06); }
body.customers_login .auth-corners .corner { position:absolute; width:38px; height:22px; pointer-events:none; }
body.customers_login .auth-corners .corner:before,
body.customers_login .auth-corners .corner:after { content:''; position:absolute; background: linear-gradient(90deg, #8b5cf6, #c084fc); border-radius:2px; }
body.customers_login .auth-corners .corner.tl { top:4px; left:6px; }
body.customers_login .auth-corners .corner.tl:before { top:0; left:0; width:28px; height:3px; }
body.customers_login .auth-corners .corner.tl:after { top:0; left:0; width:3px; height:18px; background: linear-gradient(180deg,#8b5cf6,#c084fc); }
body.customers_login .auth-corners .corner.tr { top:4px; right:6px; }
body.customers_login .auth-corners .corner.tr:before { top:0; right:0; width:28px; height:3px; background: linear-gradient(90deg,#c084fc,#8b5cf6); }
body.customers_login .auth-corners .corner.tr:after { top:0; right:0; width:3px; height:18px; background: linear-gradient(180deg,#8b5cf6,#c084fc); }
body.customers_login .auth-corners .corner.bl { bottom:4px; left:6px; }
body.customers_login .auth-corners .corner.bl:before { bottom:0; left:0; width:28px; height:3px; background: linear-gradient(90deg,#8b5cf6,#c084fc); }
body.customers_login .auth-corners .corner.bl:after { bottom:0; left:0; width:3px; height:18px; background: linear-gradient(180deg,#c084fc,#8b5cf6); }
body.customers_login .auth-corners .corner.br { bottom:4px; right:6px; }
body.customers_login .auth-corners .corner.br:before { bottom:0; right:0; width:28px; height:3px; background: linear-gradient(90deg,#c084fc,#8b5cf6); }
body.customers_login .auth-corners .corner.br:after { bottom:0; right:0; width:3px; height:18px; background: linear-gradient(180deg,#8b5cf6,#c084fc); }
/* Customers forgot password reuse gradient + remove footer */
body.customers_login.customers_forgot { background: radial-gradient(1200px 600px at 15% 10%, rgba(168,85,247,0.22), transparent 60%),
              radial-gradient(1000px 500px at 85% 20%, rgba(147,51,234,0.18), transparent 55%),
              linear-gradient(135deg, #0e0a1c 0%, #160b2c 50%, #0a0615 100%) !important; }
body.customers_login.customers_forgot .footer { display:none !important; }
@media (max-width:480px){ body.customers_login .auth-card { padding-left:18px; padding-right:18px; } }

/* =============================
   Customer Login: Header & Footer Enhancements + Contrast Fix
============================= */
body.customers_login { -webkit-font-smoothing: antialiased; font-smooth: always; }
body.customers_login .navbar.header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: absolute; top:0; left:0; right:0;
  padding-top: 10px; padding-bottom: 6px;
  z-index: 40;
}
body.customers_login .navbar.header .navbar-brand img { filter: drop-shadow(0 4px 10px rgba(0,0,0,.4)); max-height:54px; }
body.customers_login .navbar.header .navbar-toggle .icon-bar { background:#fff !important; }
body.customers_login .navbar.header .nav > li > a { color:#ecebff !important; font-weight:500; text-shadow:0 1px 2px rgba(0,0,0,.4); }
body.customers_login .navbar.header .nav > li > a:hover,
body.customers_login .navbar.header .nav > li > a:focus { color:#c9b8ff !important; background:transparent !important; }
body.customers_login .navbar.header .dropdown-menu { background:rgba(30,20,55,.96); border:1px solid rgba(255,255,255,0.12); box-shadow:0 10px 32px -8px rgba(8,5,20,.6); }
body.customers_login .navbar.header .dropdown-menu>li>a { color:#d9d4ff; }
body.customers_login .navbar.header .dropdown-menu>li>a:hover { background:linear-gradient(90deg,rgba(139,92,246,.15),rgba(168,85,247,.15)); color:#fff; }

/* Centering wrapper spacing compensation (nav absolute) */
body.customers_login .customer-login-wrapper { padding-top: 70px; }

/* Heading & subtitle contrast */
body.customers_login .customer-auth-heading { color:#f1efff; text-shadow:0 2px 4px rgba(0,0,0,.45); letter-spacing: .5px; }
body.customers_login .customer-login-wrapper p { color:#c7c2e8; }

/* Card refinement (slight purple tint & stronger border glow) */
body.customers_login .auth-card { background: linear-gradient(160deg, rgba(255,255,255,0.92) 0%, rgba(247,239,255,0.90) 45%, rgba(236,221,255,0.86) 100%) !important; }
body.customers_login .auth-card::before { background: linear-gradient(120deg, rgba(139,92,246,0.85), rgba(168,85,247,0.50), rgba(147,51,234,0.75)); filter: drop-shadow(0 0 10px rgba(147,51,234,0.35)); }

/* Form label & link adjustments */
body.customers_login .auth-card label.control-label { font-weight:600; color:#3a2a66; }
body.customers_login .auth-card a.text-muted, body.customers_login .auth-card a { color:#7358d9; transition:color .2s ease; }
body.customers_login .auth-card a.text-muted:hover, body.customers_login .auth-card a:hover { color:#9d83ff; text-decoration:none; }
/* Slightly darker forgot password link */
body.customers_login .auth-card a[href*='forgot_password'] { color:#6a5ca8; font-weight:500; }
body.customers_login .auth-card a[href*='forgot_password']:hover { color:#8e7bd6; }

/* Password toggle icon refinement */
body.customers_login #togglePassword { color:#6d5fb4; }
body.customers_login #togglePassword:hover { color:#9d83ff; }
/* Inside input password toggle placement */
body.customers_login .pw-toggle-inside { position:absolute; top:50%; right:0; transform:translateY(-50%); height:auto; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; background:transparent; border:0; color:#6a5ca8; line-height:0; }
body.customers_login .pw-toggle-inside:hover { color:#8e7bd6; }
body.customers_login .pw-toggle-inside:focus-visible { outline:2px solid rgba(124,58,237,0.55); border-radius:6px; }
/* Ensure input right padding to avoid overlap */
body.customers_login input.has-toggle { padding-right:42px !important; }

/* Footer styling */
body.customers_login .footer {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: relative;
}
body.customers_login .footer::before { display:none !important; }
/* Fallback: if any theme core injects border via .footer * descendants */
body.customers_login .footer *,
body.customers_login .footer { border-top: none !important; }
body.customers_login .footer .container { padding-top:20px; padding-bottom:18px; }
body.customers_login .footer span, body.customers_login .footer a { color:#bdb6e6; font-size:.85rem; letter-spacing:.4px; }
body.customers_login .footer a:hover { color:#e9e6ff; }

/* Footer band fix: force full transparency & inherit body gradient */
body.customers_login .footer,
body.customers_login .footer .container,
body.customers_login .footer .row,
body.customers_login .footer [class*='col-'] {
  background: transparent !important;
  background-image: none !important;
}
body.customers_login .footer { padding-top: 8px; padding-bottom: 12px; }
/* Remove any accidental top margin that may create color seam */
body.customers_login .footer { margin-top: 0 !important; }
/* If theme core injects gradient using :before/:after, suppress */
body.customers_login .footer:before,
body.customers_login .footer:after { display: none !important; }
/* Ensure body gradient stretches behind footer */
html, body.customers_login { height: 100%; }
body.customers_login { min-height: 100vh; }

/* Accessibility contrast tweak for input text */
@media (prefers-contrast: more) { body.customers_login .form-control { background:#fff; } }


body.login_admin .auth-card {
  position: relative;
  backdrop-filter: saturate(140%) blur(6px);
  -webkit-backdrop-filter: saturate(140%) blur(6px);
  background: linear-gradient(185deg, rgba(255,255,255,0.82), rgba(255,255,255,0.94));
  box-shadow: 0 32px 48px -18px rgba(17,12,38,0.55), 0 4px 12px rgba(17,12,38,0.25);
  border: 1px solid rgba(132,76,255,0.25);
  border-radius: 10px;
}

/* Fancy gradient border via pseudo-element */
body.login_admin .auth-card::before {
  content: '';
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: 12px;
  background: linear-gradient(120deg, rgba(139,92,246,0.7), rgba(168,85,247,0.35), rgba(147,51,234,0.5));
}


body.login_admin .brand-badge img {
  filter: drop-shadow(0 6px 16px rgba(2,6,23,0.15));
}

body.login_admin .form-control {
  border-radius: 10px;
  border-color: rgba(2,6,23,0.15);
  box-shadow: inset 0 0 0 1px rgba(2,6,23,0.02);
  transition: border-color .2s ease, box-shadow .2s ease;
}

body.login_admin .form-control:focus {
  border-color: rgba(99,102,241,0.6);
  box-shadow: 0 0 0 4px rgba(99,102,241,0.15);
}

body.login_admin #togglePassword {
  height: 44px;
  display: inline-flex;
  align-items: center;
}

/* Fix default browser button look for password toggle */
body.login_admin #togglePassword {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
  color: #64748b;
  line-height: 1;
}
body.login_admin #togglePassword:hover { color: #c084fc; }
body.login_admin #togglePassword:focus-visible { outline: 2px solid rgba(124,58,237,0.55); outline-offset: 2px; border-radius: 6px; }

body.login_admin #togglePassword .eye-on,
body.login_admin #togglePassword .eye-off { transition: opacity .18s ease; }
body.login_admin #togglePassword.is-visible .eye-off { opacity:1; }
body.login_admin #togglePassword.is-visible .eye-on { opacity:0; }
body.login_admin .pw-toggle-inside { position:absolute; top:50%; right:0; transform:translateY(-50%); height:auto; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; background:transparent; border:0; color:#6a5ca8; line-height:0; }
body.login_admin .pw-toggle-inside:hover { color:#9d83ff; }
body.login_admin .pw-toggle-inside:focus-visible { outline:2px solid rgba(124,58,237,0.55); border-radius:6px; }
body.login_admin input.has-toggle { padding-right:42px !important; }
body.login_admin a[href*='forgot_password'] { color:#6a5ca8; font-weight:500; }
body.login_admin a[href*='forgot_password']:hover { color:#8e7bd6; }

/* Ensure password field has room for toggle */
body.login_admin .form-control.has-toggle { padding-right: 42px; }

body.login_admin .auth-submit {
  background-image: linear-gradient(90deg, #111827, #334155);
  border: none;
}

body.login_admin .auth-submit:hover {
  filter: brightness(1.05);
}

@media (max-width: 480px) {
  body.login_admin .auth-card { padding-left: 18px; padding-right: 18px; }
}

/* Input with leading icon */
body.login_admin .input-with-icon {
  position: relative;
}
body.login_admin .input-with-icon .input-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  color: #64748b;
  pointer-events: none;
}
body.login_admin .input-with-icon .form-control.has-icon {
  padding-left: 38px;
}
body.login_admin .form-group + .form-group { margin-top: 18px; }

/* Dynamic contrast for headings/subheadings on dark bg */
body.login_admin .auth-heading { color: #e9e6ff; text-shadow: 0 1px 2px rgba(0,0,0,0.25); }
body.login_admin .auth-subheading { color: #c7bff4; }

/* Inputs on dark context remain light for readability */
body.login_admin .form-control {
  background-color: rgba(255,255,255,0.9);
  color: #0f172a;
}
body.login_admin .form-control::placeholder { color: #64748b; }

/* =============================
   Dark Purple Theme Overrides
============================= */
/* Hide older pale overlay SVG to avoid color clash */
body.login_admin > .tw-absolute.tw-inset-0.tw-pointer-events-none { display: none !important; }

/* Rich dark purple background with layered gradients */
body.login_admin {
  background: radial-gradient(1200px 600px at 15% 10%, rgba(168,85,247,0.2), transparent 60%),
              radial-gradient(1000px 500px at 85% 20%, rgba(147,51,234,0.18), transparent 55%),
              linear-gradient(135deg, #0f0a1e 0%, #160b2c 45%, #0b0717 100%) !important;
}

/* Forgot password reuse dark theme + hide footer */
body.login_admin.forgot-password { background: radial-gradient(1200px 600px at 15% 10%, rgba(168,85,247,0.2), transparent 60%),
              radial-gradient(1000px 500px at 85% 20%, rgba(147,51,234,0.18), transparent 55%),
              linear-gradient(135deg, #0f0a1e 0%, #160b2c 45%, #0b0717 100%) !important; }
body.login_admin.forgot-password .footer { display:none !important; }

/* Subtle animated aurora blobs */
body.login_admin::after,
body.login_admin::before {
  content: '';
  position: fixed;
  pointer-events: none;
  z-index: 0;
  filter: blur(48px);
  opacity: 0.55;
}

body.login_admin::after {
  top: -12vh; right: -10vw;
  width: 60vw; height: 60vh;
  background: radial-gradient(circle at 30% 30%, rgba(124,58,237,0.45), transparent 60%),
              radial-gradient(circle at 70% 70%, rgba(236,72,153,0.28), transparent 60%);
  animation: float-aurora 14s ease-in-out infinite alternate;
}

body.login_admin::before {
  bottom: -14vh; left: -12vw;
  width: 55vw; height: 55vh;
  background: radial-gradient(circle at 40% 40%, rgba(99,102,241,0.35), transparent 62%),
              radial-gradient(circle at 60% 60%, rgba(59,130,246,0.25), transparent 62%);
  animation: float-aurora 18s ease-in-out infinite alternate-reverse;
}

@keyframes float-aurora {
  0%   { transform: translate3d(0,0,0) scale(1); }
  50%  { transform: translate3d(-2vw, 2vh, 0) scale(1.03); }
  100% { transform: translate3d(0,0,0) scale(1); }
}

/* Purple accent bar on the card */
body.login_admin .auth-card-accent {
  background: linear-gradient(90deg, #7c3aed, #a855f7, #9333ea) !important;
}

/* Inputs focus ring in purple */
body.login_admin .form-control:focus {
  border-color: rgba(124,58,237,0.7) !important;
  box-shadow: 0 0 0 4px rgba(124,58,237,0.22) !important;
}

/* Submit button in deep purple gradient */
body.login_admin .auth-submit {
  background-image: linear-gradient(90deg, #4c1d95, #6d28d9, #7c3aed) !important;
  color: #fff;
}
body.login_admin .auth-submit:hover { filter: brightness(1.06); }

/* Corner bracket accents */
body.login_admin .auth-corners .corner {
  position: absolute;
  width: 38px;
  height: 22px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(124,58,237,0.0), rgba(124,58,237,0.0));
}
body.login_admin .auth-corners .corner:before,
body.login_admin .auth-corners .corner:after {
  content: '';
  position: absolute;
  background: linear-gradient(90deg, #8b5cf6, #c084fc);
  border-radius: 2px;
}
/* Top Left */
body.login_admin .auth-corners .corner.tl { top: 4px; left: 6px; }
body.login_admin .auth-corners .corner.tl:before { top:0; left:0; width:28px; height:3px; }
body.login_admin .auth-corners .corner.tl:after { top:0; left:0; width:3px; height:18px; background: linear-gradient(180deg,#8b5cf6,#c084fc); }
/* Top Right */
body.login_admin .auth-corners .corner.tr { top:4px; right:6px; }
body.login_admin .auth-corners .corner.tr:before { top:0; right:0; width:28px; height:3px; background: linear-gradient(90deg,#c084fc,#8b5cf6); }
body.login_admin .auth-corners .corner.tr:after { top:0; right:0; width:3px; height:18px; background: linear-gradient(180deg,#8b5cf6,#c084fc); }
/* Bottom Left */
body.login_admin .auth-corners .corner.bl { bottom:4px; left:6px; }
body.login_admin .auth-corners .corner.bl:before { bottom:0; left:0; width:28px; height:3px; background: linear-gradient(90deg,#8b5cf6,#c084fc); }
body.login_admin .auth-corners .corner.bl:after { bottom:0; left:0; width:3px; height:18px; background: linear-gradient(180deg,#c084fc,#8b5cf6); }
/* Bottom Right */
body.login_admin .auth-corners .corner.br { bottom:4px; right:6px; }
body.login_admin .auth-corners .corner.br:before { bottom:0; right:0; width:28px; height:3px; background: linear-gradient(90deg,#c084fc,#8b5cf6); }
body.login_admin .auth-corners .corner.br:after { bottom:0; right:0; width:3px; height:18px; background: linear-gradient(180deg,#c084fc,#8b5cf6); }