/* Pulse 3.0 through the Pulse sign-in (qlik.html). Same look as the Airport page. */
:root{
  --navy:#00285E; --blue:#0079C1; --sky:#6EC1F5; --ink:#172235; --muted:#5E6A7D;
  --line:#E3E8EF; --bg:#F4F6F9; --field:#A9B8C8;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font-family:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:15px;line-height:1.4;display:flex;flex-direction:column}
button{font-family:inherit;font-size:inherit;color:inherit}
button:focus-visible,input:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.hd{background:var(--navy);color:#fff;display:flex;align-items:center;gap:8px 28px;padding:0 24px;min-height:56px;flex:0 0 auto}
.brand{display:flex;align-items:center;gap:12px}
.brand img{display:block;height:34px;width:auto}
.brand span{border-left:1px solid rgba(255,255,255,.3);padding-left:12px;font-size:12px;font-weight:700;color:#BFD3EA;text-transform:uppercase;letter-spacing:1.4px}
.hd-right{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px;color:#BFD3EA}
.hd-right button{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:6px;padding:5px 10px;cursor:pointer}
.stage{flex:1 1 auto;min-height:0;position:relative}
/* qlik-embed fills 100% of its container, so the container has a fixed box */
.stage .frame{position:absolute;inset:0}
.ovl{position:fixed;inset:0;background:rgba(244,246,249,.92);display:flex;align-items:center;justify-content:center;z-index:50}
.ovl[hidden]{display:none}
.ovl .box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 28px;max-width:440px;text-align:center;display:flex;flex-direction:column;gap:12px}
.note{color:var(--muted);font-size:13px}
.signin{display:flex;flex-direction:column;gap:12px;text-align:left;min-width:300px}
.signin label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.signin input{height:40px;border:1px solid var(--field);border-radius:6px;padding:0 12px;font-size:15px;font-family:inherit;color:var(--ink)}
.signin .err{margin:0;font-size:13px;color:#B3261E;min-height:1.2em}
.btn{align-self:flex-start;background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:6px;padding:9px 16px;cursor:pointer}
.btn:disabled{opacity:.6}