/* Login-only art direction. No dashboard or authentication rules. */
#login-screen{position:fixed;inset:0;width:100%;height:100dvh;z-index:1000;background:#181919;color:#eeeee4;overflow:auto;isolation:isolate;align-items:center;justify-content:flex-start;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color-scheme:dark;}
#login-screen *{box-sizing:border-box}
#login-screen .sip-map{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;filter:grayscale(1)}
#login-screen::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.055;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}
#login-screen .sip-map-top{position:absolute;top:max(26px,env(safe-area-inset-top));left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #666a5e;padding-top:12px;z-index:4;font-size:10px;letter-spacing:.12em;color:#ced0c4}
#login-screen .sip-map-top b{font-size:12px;color:#f4f2e9;letter-spacing:.16em}
#login-screen .sip-map-top span:last-child{color:#b4b8ac}
#login-screen .sip-terminal{position:relative;z-index:4;width:380px;margin:85px 0 90px 9vw;padding:25px 27px 23px;background:#181919;border:1px solid #656763;box-shadow:8px 8px 0 #10131080;text-align:left;flex-shrink:0;}
#login-screen .sip-terminal::before,#login-screen .sip-terminal::after{content:"";position:absolute;width:9px;height:9px;border-color:#e8e9da;border-style:solid;pointer-events:none}
#login-screen .sip-terminal::before{left:-1px;top:-1px;border-width:2px 0 0 2px}
#login-screen .sip-terminal::after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
#login-screen .sip-terminal-line{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:#b5b9a9;padding-bottom:17px;border-bottom:1px solid #3f4140}
#login-screen .sip-terminal-line i{display:inline-block;width:5px;height:5px;background:#eb792f;margin-right:6px}
#login-screen .sip-brand{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.085em;line-height:.86;font-size:92px;margin:25px 0 14px;color:#f0efe4;}
#login-screen .sip-brand span{color:#ef803c}
#login-screen .sip-institution{font-size:9px;line-height:1.8;letter-spacing:.11em;text-transform:uppercase;color:#b8bcad;max-width:250px;margin:0}
#login-screen h1{font:500 12px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase;margin:24px 0 20px;padding-top:18px;border-top:1px solid #3f4140;color:#f0efe4}
#login-screen h1 span{color:#9da390;margin-right:10px;font-size:10px}
#login-screen label{display:block;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;color:#c9cdbf}
#login-screen input{display:block;width:100%;height:48px;margin:0 0 17px;padding:12px 13px;background:#232424;border:1px solid #585a58;border-radius:0;color:#f5f3e8;font:400 16px/1.4 ui-monospace,Consolas,monospace;outline:none;box-shadow:none;}
#login-screen input::placeholder{color:#9b9d97;font-size:12px}
#login-screen input:focus{border-color:#f29a60!important;outline:2px solid #f29a60;outline-offset:3px;box-shadow:none!important}
#login-screen #login-error{font:400 12px/1.5 ui-monospace,Consolas,monospace;color:#ffb99b;min-height:18px;margin:0 0 12px;}
#login-screen .sip-submit{width:100%;min-height:49px;padding:14px 15px;border:1px solid #f78b44;border-radius:0;background:#ec7b34;color:#181b17;font:700 12px/1.4 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;transition:background .15s;}
#login-screen .sip-submit:hover{background:#ff9b58}
#login-screen .sip-submit:disabled{background:#ad7a53;color:#141714;cursor:wait;border-color:#ad7a53}
#login-screen button:focus-visible{outline:2px solid #f4eddb;outline-offset:4px}
#login-screen .sip-terminal-foot{margin-top:17px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#a9af9f}
#login-screen .sip-sector{position:absolute;right:7vw;bottom:11vh;z-index:2;pointer-events:none;border-left:2px solid #ec7b34;padding-left:18px;text-shadow:0 2px 3px #151915}
#login-screen .sip-sector small{font-size:9px;letter-spacing:.18em;color:#ccd0c2}
#login-screen .sip-sector strong{display:block;font:700 clamp(28px,3.7vw,60px)/1.2 Arial,sans-serif;letter-spacing:.04em;color:#e9eadf;margin:8px 0}
#login-screen .sip-sector p{font-size:10px;letter-spacing:.2em;color:#b8bdac;margin:0}
#login-screen .sip-map-bottom{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;z-index:4;border-bottom:1px solid #666a5e;padding-bottom:10px;font-size:9px;letter-spacing:.1em;color:#b8beac}
#login-screen .sip-motion{min-width:44px;min-height:44px;font:inherit;color:#d1d5c5;border:0;border-bottom:1px solid #727968;background:transparent;cursor:pointer;padding:8px 0 8px 10px}
.sip-login-exit{position:fixed;inset:0;z-index:1001;pointer-events:none;background:#1b211b;animation:sip-open .24s ease-out both}
#login-screen.sip-keyboard{align-items:flex-start}
#login-screen.sip-keyboard .sip-terminal{margin-top:80px;margin-bottom:24px}
#login-screen.sip-keyboard .sip-sector,#login-screen.sip-keyboard .sip-map-bottom{display:none}
@keyframes sip-open{from{opacity:.8}to{opacity:0}}
@media(min-width:1700px){#login-screen .sip-terminal{margin-left:12vw;width:400px;padding:30px}}
@media(max-width:700px){
 #login-screen{justify-content:center;align-items:center}
 #login-screen .sip-map-top{top:max(17px,env(safe-area-inset-top));left:18px;right:18px;font-size:8px;padding-top:9px}
 #login-screen .sip-map-top b{font-size:10px}
 #login-screen .sip-map-top .sip-desktop{display:none}
 #login-screen .sip-terminal{width:min(310px,calc(100% - 48px));margin:128px 0 158px;padding:20px 22px 18px;box-shadow:6px 6px 0 #10131080}
 #login-screen .sip-terminal-line{font-size:8px;padding-bottom:11px}
 #login-screen .sip-brand{font-size:69px;margin:18px 0 9px}
 #login-screen .sip-institution{font-size:8px;letter-spacing:.08em}
 #login-screen h1{font-size:11px;margin:17px 0;padding-top:14px}
 #login-screen input{height:46px;margin-bottom:14px}
 #login-screen .sip-terminal-foot{font-size:7px;margin-top:12px}
 #login-screen .sip-sector{right:auto;left:25px;bottom:77px;padding-left:12px}
 #login-screen .sip-sector strong{font-size:21px;margin:4px 0}
 #login-screen .sip-sector small{font-size:8px}
 #login-screen .sip-sector p{font-size:8px}
 #login-screen .sip-map-bottom{left:18px;right:18px;bottom:max(12px,env(safe-area-inset-bottom));font-size:7px;padding-bottom:5px}
}
/* Keyboard / short landscape: keep fields reachable, allow vertical scrolling. */
@media(max-height:720px){#login-screen{align-items:flex-start}#login-screen .sip-terminal{margin-top:88px;margin-bottom:145px}#login-screen .sip-sector{position:fixed;bottom:58px;right:25px}#login-screen .sip-sector strong{font-size:22px}#login-screen .sip-map-bottom{position:fixed}}
@media(max-width:700px) and (max-height:720px){#login-screen .sip-sector{display:none}#login-screen .sip-map-bottom{display:none}#login-screen .sip-terminal{margin-top:100px;margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){#login-screen *, .sip-login-exit{animation:none!important;transition:none!important}}