/* Divine Status admin panel backgrounds (matches Admin_Software custom.css + admin login) */

html.ds-theme-dark {
  --ds-admin-page-bg: #12151c;
  --ds-admin-page-bg-end: #0d1016;
  background-color: var(--ds-admin-page-bg);
  background-image: url("/images/admin-page-icon-pattern.svg?v=8");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 112px 72px;
}

body.fixed-sidebar:not(.public)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: var(--ds-admin-page-bg, #12151c);
  background-image:
    url("/images/admin-page-icon-pattern.svg?v=8"),
    linear-gradient(180deg, var(--ds-admin-page-bg, #12151c) 0%, var(--ds-admin-page-bg-end, #0d1016) 100%);
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: 112px 72px, auto;
}

body.fixed-sidebar:not(.public) #wrapper {
  position: relative;
  z-index: 1;
}

body.fixed-sidebar:not(.public) #page-wrapper {
  background-color: transparent !important;
  background-image: none !important;
}

/* Login — same photo + gradient overlay as admin login.php */
.login-root {
  background-color: #12151c !important;
  background-image: none !important;
}

.login-root::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: url("/images/admin_bg.jpg") no-repeat center center / cover;
}

.login-root .bg-overlay {
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 15% 20%, rgba(58, 64, 82, 0.34) 0%, transparent 34%),
    radial-gradient(circle at 80% 15%, rgba(52, 62, 78, 0.3) 0%, transparent 28%),
    linear-gradient(120deg, rgba(14, 17, 24, 0.58), rgba(24, 28, 36, 0.15));
}

.login-hero::before,
.login-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(4px);
  opacity: 0.7;
  pointer-events: none;
}

.login-hero::before {
  width: 280px;
  height: 280px;
  top: -80px;
  right: -60px;
  background: radial-gradient(circle, rgba(107, 139, 255, 0.7), transparent 70%);
}

.login-hero::after {
  width: 240px;
  height: 240px;
  left: -80px;
  bottom: -70px;
  background: radial-gradient(circle, rgba(54, 210, 255, 0.55), transparent 72%);
}

.login-hero,
.login-panel {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}