/* ICS brand skin for the Wazuh sign-in screen (served by nginx, injected into every HTML response).
   Everything is scoped to .wz-login so the Wazuh app itself keeps its 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}

html:has(.wz-login),body:has(.wz-login){background:#04060c !important;min-height:100%}
body:has(.wz-login){
  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,
    #04060c !important;
}
#ics-world{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;display:block}
html.ics-3d body:has(.wz-login){background:#04060c !important}
#opensearch-dashboards-body{position:relative;z-index:1}

.wz-login,.wz-login .app-wrapper,.wz-login .app-wrapper-panel,.wz-login .application{background:transparent !important}
.wz-login{
  --ics-ink:#04060c; --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);
}
.wz-login .application{
  min-height:100vh; display:flex; flex-direction:row; align-items:center; justify-content:center; padding:24px 16px;
}
@media (min-aspect-ratio:5/4){ .wz-login .application{justify-content:flex-end;padding-right:9vw} }
.wz-login .application > div{width:100%;max-width:392px;margin:0}

/* glass card with cyan HUD corner brackets */
.wz-login .login-wrapper{
  position:relative; box-sizing:border-box; list-style:none; margin:0 !important; padding:30px 28px 26px; max-width:392px; width:100%;
  background:rgba(8,13,26,.62); border:1px solid rgba(255,255,255,.09); border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.55); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
}
.wz-login .login-wrapper::before,.wz-login .login-wrapper::after{
  content:""; position:absolute; width:16px; height:16px; border:2px solid var(--ics-cyan); pointer-events:none;
}
.wz-login .login-wrapper::before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:14px}
.wz-login .login-wrapper::after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:14px}

/* swap the Wazuh mark for the ICS logo, on a light plate so the navy lettering reads */
.wz-login .login-wrapper figure{display:flex;justify-content:center;margin:0 0 6px}
.wz-login .login-wrapper figure img{
  content:url(/ics-brand/ics-logo.png); box-sizing:content-box; width:auto !important; max-width:150px; max-height:70px;
  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);
}
/* mono product tag + title under the logo */
.wz-login .login-wrapper::before{z-index:1}
.wz-login .login-wrapper .euiText--medium::before{
  content:"01 // SIEM"; display:block; text-align:center; margin:14px 0 4px;
  font:500 11px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--ics-muted);
}
.wz-login .login-wrapper .euiText--medium::after{
  content:"Security Monitoring"; display:block; text-align:center; margin:0 0 4px;
  font:600 20px/1.2 "Space Grotesk","Inter",sans-serif; color:var(--ics-text);
}

/* form: drop Wazuh's white panel */
.wz-login .login-wrapper{top:0 !important}
.wz-login .login-wrapper .euiForm{background:transparent !important;padding:0 !important;box-shadow:none !important;border:0 !important;margin-top:6px !important}
.wz-login .login-wrapper .euiFormControlLayout,.wz-login .login-wrapper .euiFormControlLayout__childrenWrapper{background:transparent !important;box-shadow:none !important}
.wz-login .login-wrapper .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper{display:block}
.wz-login .login-wrapper .euiFormControlLayout__append{background:transparent !important;position:absolute;right:4px;top:0;bottom:0;z-index:2;display:flex;align-items:center;padding:0}
.wz-login .login-wrapper .euiFormControlLayout--group{position:relative}
.wz-login .login-wrapper .euiFieldPassword--withToggle{padding-right:40px}
.wz-login .login-wrapper .euiFormRow{margin-top:14px}
.wz-login .login-wrapper .euiFormControlLayout{height:auto;max-width:none}

/* form fields */
.wz-login .euiFieldText,.wz-login .euiFieldPassword{
  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; max-width:none; width:100%; font-family:"Inter",system-ui,sans-serif; box-shadow:none !important;
  -webkit-text-fill-color:var(--ics-text);
}
.wz-login .euiFieldText::placeholder,.wz-login .euiFieldPassword::placeholder{color:var(--ics-dim) !important}
.wz-login .euiFieldText:focus,.wz-login .euiFieldPassword: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;
}
.wz-login .euiFieldText:-webkit-autofill,.wz-login .euiFieldPassword:-webkit-autofill{
  -webkit-box-shadow:0 0 0 40px #0a1020 inset !important; -webkit-text-fill-color:var(--ics-text) !important; caret-color:#fff;
}
.wz-login .euiFormControlLayoutCustomIcon svg,.wz-login .euiFormControlLayoutCustomIcon svg *{fill:var(--ics-dim)}
.wz-login .euiFormControlLayout__append svg{fill:var(--ics-muted)}

/* primary button */
.wz-login .btn-login,.wz-login .euiButton--fill{
  width:100%; height:44px; background:linear-gradient(135deg,#2f6bff,#1f8bff) !important; border:0 !important; border-radius:8px !important;
  color:#fff !important; font:600 14px "Space Grotesk","Inter",sans-serif; letter-spacing:.04em; box-shadow:0 8px 22px rgba(47,107,255,.40) !important;
  transition:filter .15s, transform .15s;
}
.wz-login .btn-login:hover,.wz-login .btn-login:focus{filter:brightness(1.12);transform:translateY(-1px)}
.wz-login .btn-login .euiButton__text{color:#fff}

/* error / info callouts + links */
.wz-login .euiCallOut{background:rgba(255,59,71,.10);border:1px solid rgba(255,59,71,.35);border-radius:8px}
.wz-login .euiCallOutHeader__title,.wz-login .euiText{color:var(--ics-text)}
.wz-login a{color:var(--ics-cyan)}
.wz-login a:hover{color:#fff}

/* small footer under the card */
.wz-login .login-wrapper form::after{
  content:"Authorized use only \00B7 activity is monitored"; display:block; margin-top:16px; text-align:center;
  font:400 11px/1.4 "Inter",sans-serif; letter-spacing:.04em; color:var(--ics-dim);
}
@media (prefers-reduced-motion:reduce){ .wz-login .btn-login{transition:none} }