/* Avnturin Support Desk — login rebrand: literal split-screen (ctx/Catalyx aesthetic) + full de-brand.
   Scoped to body.welcome-anonymous. Injected via nginx sub_filter only on the login page. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body.welcome-anonymous{
  --bg:#0d1117; --panel:#161b22; --line:#30363d; --line2:#3d444d;
  --ink:#e6edf3; --dim:#9198a1; --faint:#7d8590;
  --grad:linear-gradient(120deg,#6366f1 0%,#8b5cf6 45%,#22d3ee 100%);
  margin:0!important; background:var(--bg)!important; color:var(--ink);
  font-family:Inter,system-ui,sans-serif!important; min-height:100vh;
}
body.welcome-anonymous .skip-links{position:absolute!important}

/* ---- remove ALL GLPI branding on the login ---- */
body.welcome-anonymous .glpi-logo{display:none!important}
body.welcome-anonymous .copyright,
body.welcome-anonymous .text-center.text-muted.mt-3{display:none!important}
body.welcome-anonymous .mb-3:has(select[name="auth"]),
body.welcome-anonymous .mb-4:has(select[name="auth"]),
body.welcome-anonymous .col-auto:has(select[name="auth"]),
body.welcome-anonymous div:has(> select[name="auth"]){display:none!important}

/* ---- LEFT: product story (fixed half) ---- */
.av-left{display:none}
@media(min-width:900px){
  .av-left{
    display:flex; flex-direction:column; justify-content:space-between;
    position:fixed; left:0; top:0; width:50%; height:100%; padding:52px; box-sizing:border-box; z-index:2;
    border-right:1px solid var(--line); color:var(--ink);
    background:
      radial-gradient(760px 520px at 18% -5%,rgba(99,102,241,.24),transparent 60%),
      radial-gradient(620px 440px at 0% 105%,rgba(34,211,238,.15),transparent 55%),
      linear-gradient(rgba(48,54,61,.16) 1px,transparent 1px),
      linear-gradient(90deg,rgba(48,54,61,.16) 1px,transparent 1px),
      #0b1016;
    background-size:auto,auto,34px 34px,34px 34px,auto;
  }
  body.welcome-anonymous #page.page-anonymous{margin-left:50%; width:50%; min-height:100vh}
}
.av-left .av-l-top{display:flex; align-items:center; gap:11px; font-weight:800; font-size:18px; letter-spacing:.08em}
.av-left .av-eyebrow2{font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase;
  background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; margin-bottom:16px}
.av-left h1{font-size:clamp(32px,3.4vw,46px); line-height:1.05; font-weight:900; letter-spacing:-.03em; margin:0}
.av-left .av-grad{background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent}
.av-left p{color:var(--dim); font-size:15px; max-width:460px; margin-top:18px; line-height:1.6}
.av-left .av-l-foot{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.av-left .av-l-foot b{display:block; font-size:16px; font-weight:800; color:var(--ink)}
.av-left .av-l-foot span{font-size:11px; color:var(--faint)}

/* ---- RIGHT: sign-in ---- */
body.welcome-anonymous #page.page-anonymous{position:relative; z-index:1; background:var(--bg)}
body.welcome-anonymous .card.main-content-card{
  background:rgba(22,27,34,.72)!important; border:1px solid var(--line)!important;
  border-radius:16px!important; color:var(--ink)!important; backdrop-filter:blur(8px);
  box-shadow:0 24px 60px -30px rgba(1,4,9,.9), 0 0 0 1px var(--line)!important;
}
body.welcome-anonymous .card .card-header{background:transparent!important; border:none!important}
body.welcome-anonymous h2{color:var(--ink)!important; font-weight:800!important}
body.welcome-anonymous .form-control,
body.welcome-anonymous .form-select{background:#0d1117!important; border:1px solid var(--line2)!important; color:var(--ink)!important}
body.welcome-anonymous .form-control:focus{border-color:#6366f1!important; box-shadow:0 0 0 3px rgba(99,102,241,.25)!important; background:#0d1117!important}
body.welcome-anonymous .form-label,
body.welcome-anonymous label,
body.welcome-anonymous .form-check-label{color:var(--dim)!important}
body.welcome-anonymous .input-group-text,
body.welcome-anonymous .btn-outline-secondary{background:#0d1117!important; border-color:var(--line2)!important; color:var(--faint)!important}
body.welcome-anonymous .btn-primary{
  background:var(--grad)!important; border:none!important; color:#fff!important; font-weight:700!important;
  box-shadow:0 10px 30px -12px rgba(99,102,241,.6)!important;
}
body.welcome-anonymous .btn-primary:hover{filter:brightness(1.07)}
body.welcome-anonymous a{color:#22d3ee}
body.welcome-anonymous .av-sub{color:var(--dim)!important; font-size:13px}