/* Commander login — institutional panel in daylight mode.
   Kept as a separate layer so the long-lived GLPI asset cache receives this
   visual revision without changing the native authentication markup. */
body.welcome-anonymous.netcare-login-v2 {
  background: #e6e0ef !important;
}

body.welcome-anonymous.netcare-login-v2::before {
  background:
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.72),transparent 29rem),
    linear-gradient(128deg,rgba(103,55,209,.08),transparent 52%);
}

.netcare-login-v2 .main-content-card.netcare-login-panel {
  background: #e6e0ef;
}

.netcare-login-v2 .netcare-login-story {
  --story-ink: #281c35;
  --story-copy: #61566c;
  --story-muted: #766a82;
  --story-purple: #7144c8;
  --story-lime: #7d8900;
  color: var(--story-ink);
  background:
    radial-gradient(circle at 7% 9%,rgba(255,255,255,.85),transparent 25rem),
    radial-gradient(circle at 90% 79%,rgba(161,198,211,.38),transparent 29rem),
    linear-gradient(142deg,#eee9f8 0%,#e5deef 50%,#dbe5e9 100%);
}

.netcare-login-v2 .netcare-login-story::before {
  opacity: 1;
  background:
    linear-gradient(90deg,rgba(55,36,74,.045) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px);
  background-size: 16.66% 100%,100% 25%;
  mask-image: linear-gradient(to bottom,black,rgba(0,0,0,.55) 72%,transparent);
}

.netcare-login-v2 .netcare-login-story::after {
  display: block;
  position: absolute;
  right: -14%;
  bottom: -27%;
  width: 65%;
  aspect-ratio: 1;
  border: 1px solid rgba(103,55,209,.12);
  border-radius: 50%;
  box-shadow:
    0 0 0 70px rgba(103,55,209,.025),
    0 0 0 140px rgba(103,55,209,.018);
  content: '';
  pointer-events: none;
}

.netcare-login-v2 .netcare-story-brand > span {
  border-left-color: rgba(66,44,88,.2);
  color: #5c3d78;
}

.netcare-login-v2 .netcare-story-online {
  color: #655a70;
}

.netcare-login-v2 .netcare-story-online i {
  background: var(--story-lime);
  box-shadow: 0 0 0 4px rgba(125,137,0,.12);
}

.netcare-login-v2 .netcare-story-copy h1 {
  color: var(--story-ink);
}

.netcare-login-v2 .netcare-story-copy > p {
  color: var(--story-copy);
}

.netcare-login-v2 .netcare-map-head {
  color: #655a70;
}

.netcare-login-v2 .netcare-map-head small {
  color: #82778c;
}

.netcare-login-v2 .netcare-map-track {
  stroke: rgba(50,33,68,.22);
}

.netcare-login-v2 .netcare-map-progress {
  stroke: var(--story-purple);
}

.netcare-login-v2 .netcare-map-signal {
  stroke: var(--story-lime);
  filter: drop-shadow(0 0 4px rgba(125,137,0,.48));
}

.netcare-login-v2 .netcare-map-node {
  color: #3c3048;
}

.netcare-login-v2 .netcare-map-node i {
  border-color: #e6dfef;
  background: #8460cd;
  box-shadow: 0 0 0 1px rgba(103,55,209,.36),0 0 18px rgba(103,55,209,.22);
}

.netcare-login-v2 .netcare-map-node small {
  color: #776b81;
}

.netcare-login-v2 .netcare-map-node.is-entry i,
.netcare-login-v2 .netcare-map-node.is-decision i {
  background: var(--story-lime);
  box-shadow: 0 0 0 1px rgba(125,137,0,.34),0 0 18px rgba(125,137,0,.18);
}

.netcare-login-v2 .netcare-story-status {
  color: #6f6379;
}

.netcare-login-v2 .netcare-story-status strong {
  color: #3e314a;
}

.netcare-login-v2 .netcare-story-status strong::after {
  background: rgba(63,43,82,.18);
}

.netcare-login-v2 .netcare-story-status span {
  color: #766a80;
}

.netcare-login-v2 .main-content-card.netcare-login-panel > .card-body {
  box-shadow: -1px 0 0 rgba(60,40,78,.1),-24px 0 64px rgba(56,37,72,.06);
}

@media (max-width: 860px) {
  body.welcome-anonymous.netcare-login-v2,
  .netcare-login-v2 .main-content-card.netcare-login-panel {
    background: var(--login-paper) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .netcare-login-v2 .netcare-login-story::after { box-shadow:none; }
}