/* ICS brand skin for the Zammad sign-in screens (served by nginx, injected into every HTML response).
   Scoped to .login / .fullscreen so the agent workspace keeps Zammad's own look. */
@font-face{font-family:"Space Grotesk";src:url(/ics-brand/space-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Inter";src:url(/ics-brand/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}

.login.fullscreen,
.fullscreen:has(.hero-unit){
  --ics-ink:#04060c; --ics-ink2:#090e1a; --ics-brand:#2f6bff; --ics-cyan:#38e1ff; --ics-red:#ff3b47;
  --ics-text:#e8eefc; --ics-muted:#93a0c2; --ics-dim:#5d6b8f;
  font-family:"Inter",system-ui,sans-serif;
  color:var(--ics-text);
  background:
    radial-gradient(900px 520px at 50% -10%, rgba(47,107,255,.28), transparent 70%),
    radial-gradient(600px 400px at 100% 100%, rgba(56,225,255,.10), transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0/48px 48px,
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0/48px 48px,
    var(--ics-ink);
}
body:has(.fullscreen .hero-unit){background:#04060c}

/* headline above the card: mono "01 // LABEL" tag style */
.fullscreen-body > p:first-child{
  font:600 11px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ics-muted); margin:0 0 18px; white-space:nowrap; text-align:center; font-weight:500;
}
.fullscreen-body > p:first-child::before{content:"01 // ";color:var(--ics-dim)}

/* glass card with cyan HUD corner brackets */
.fullscreen .hero-unit{
  position:relative; background:rgba(8,13,26,.62); border:1px solid rgba(255,255,255,.09);
  border-radius:14px; padding:28px 28px 24px; box-shadow:0 24px 60px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
}
.fullscreen .hero-unit::before,.fullscreen .hero-unit::after{
  content:""; position:absolute; width:16px; height:16px; border:2px solid var(--ics-cyan); pointer-events:none;
}
.fullscreen .hero-unit::before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:14px}
.fullscreen .hero-unit::after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:14px}

/* the ICS logo has dark-blue lettering: give it a light plate so it reads on navy */
.fullscreen .company-logo{
  display:block; box-sizing:content-box; width:auto; max-width:150px; max-height:76px; margin:0 auto 22px;
  background:#fff; padding:10px 18px; border-radius:10px; box-shadow:0 0 0 1px rgba(255,255,255,.12),0 8px 24px rgba(47,107,255,.25);
}

/* form fields */
.fullscreen label,.fullscreen .formGroup-label label{
  font:600 11px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--ics-muted);
}
.login.fullscreen .form-group .form-control,.fullscreen .hero-unit .form-control{
  background:rgba(4,6,12,.75) !important; color:var(--ics-text) !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:8px; height:42px;
  font-family:"Inter",system-ui,sans-serif;
}
.login.fullscreen .form-group .form-control:focus,.fullscreen .hero-unit .form-control:focus{border-color:var(--ics-cyan) !important; box-shadow:0 0 0 3px rgba(56,225,255,.18) !important; background:rgba(4,6,12,.9) !important}
.fullscreen .inline-label .label-text{font:400 13px "Inter",sans-serif; text-transform:none; letter-spacing:0; color:var(--ics-text)}

/* primary button */
.fullscreen .btn--primary{
  background:linear-gradient(135deg,#2f6bff,#1f8bff); border:0; border-radius:8px; height:44px; color:#fff;
  font:600 14px "Space Grotesk","Inter",sans-serif; letter-spacing:.04em; box-shadow:0 8px 22px rgba(47,107,255,.40);
  transition:filter .15s, transform .15s;
}
.fullscreen .btn--primary:hover,.fullscreen .btn--primary:focus{filter:brightness(1.12); transform:translateY(-1px)}
.fullscreen .btn--text,.fullscreen .btn--secondary{color:var(--ics-muted)}
.fullscreen .btn--text:hover{color:var(--ics-cyan)}

/* footer text + links */
.fullscreen .js-footer,.fullscreen .js-footer p{color:var(--ics-muted); font-size:13px}
.fullscreen a{color:var(--ics-cyan)}
.fullscreen a:hover{color:#fff}
.fullscreen hr{border-color:rgba(255,255,255,.09)}
.fullscreen .poweredBy,.fullscreen .poweredBy a{color:var(--ics-dim); opacity:.8}

/* error / info notices */
.fullscreen .alert{border-radius:8px}