/* Login only: protected, uncropped branding region in both orientations. */
body:has(.md-login-scene){background:#042c3b!important;color:#ecf8fa;margin:0}
body:has(.md-login-scene) #app{padding:0!important;max-width:none!important}
.md-auth-shell.md-login-scene{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.9fr);align-items:center;gap:clamp(20px,3vw,48px);width:100%;min-height:100vh;min-height:100svh;padding:24px clamp(18px,3vw,48px) 24px 0;background:radial-gradient(ellipse at 68% 75%,#07526788,transparent 65%),#042c3b;box-sizing:border-box}
.md-login-visual{position:relative;min-width:0;width:100%;aspect-ratio:1.38;overflow:hidden;align-self:center;mask-image:linear-gradient(90deg,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 96%,transparent)}
.md-login-art{display:block;position:absolute;left:0;top:0;width:170%;height:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0}
.md-login-area{min-width:0;width:100%;max-width:460px;justify-self:center;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.md-login-card{background:linear-gradient(145deg,#0a3b4cba,#103f4ead);border:1px solid #b2e5ed33;border-radius:24px;padding:30px;box-shadow:0 14px 45px #0019233d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#f2fafc}
.md-login-label{font-size:10px;font-weight:750;letter-spacing:2px;color:#75dbe2;margin-bottom:10px}
.md-login-card h1,.md-login-card h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;color:#f4fbfd;margin:0 0 10px}
.md-login-intro{font-size:14px;line-height:1.5;color:#bed9e0;margin:0 0 24px}
.md-login-card p{line-height:1.5;color:#c1dce3;overflow-wrap:anywhere}
.md-login-card label{display:block;margin:16px 0 7px;color:#d9edf2;font-size:13px;font-weight:650}
.md-login-card input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;min-height:48px;padding:12px 13px;font-size:16px;line-height:1.3;color:#effbff;background:#092c3cb8;border:1px solid #a5d4e044;border-radius:11px;box-shadow:inset 0 1px 4px #00152213}
.md-login-card input::placeholder{color:#a3bec8;opacity:1}
.md-login-card input:focus-visible{outline:2px solid #58d4db;outline-offset:2px}
.md-login-card .md-remember{display:flex;align-items:center;gap:10px;font-weight:400;font-size:12px;line-height:1.45;margin:18px 0;color:#d0e7ed}
.md-login-card input[type=checkbox]{appearance:auto;width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:0;padding:0;accent-color:#11b6c0}
.md-login-card button[type=submit],.md-login-card .btn{display:block;box-sizing:border-box;width:100%;min-height:48px;margin-top:18px;padding:12px 16px;border:1px solid #62dce13d;border-radius:11px;background:linear-gradient(110deg,#07929e,#11b5bd);color:white;font-size:15px;font-weight:750;box-shadow:0 7px 20px #00283230}
.md-login-card button:hover{filter:brightness(1.08)}
.md-login-card button:focus-visible,.md-login-card a:focus-visible{outline:2px solid #6de2e7;outline-offset:3px}
.md-login-card #md-forgot,.md-login-card #md-back-login{display:block;width:100%;min-height:44px;margin:9px 0 0;border:0;background:transparent;color:#84e2e8;text-decoration:underline;text-underline-offset:4px;font-size:13px;box-shadow:none}
.md-login-card #md-error,.md-login-card #activation-error{color:#ffc6bd;font-size:13px;margin-bottom:0}
.md-login-card #md-error:empty,.md-login-card #activation-error:empty{display:none}
.md-login-card a{color:#88dfe5;font-size:12px;text-underline-offset:3px}
.md-login-card .md-login-offline{display:inline-block;margin-top:4px}
.md-login-footer{font-size:11px;line-height:1.5;text-align:center;color:#a8c7d1;margin:16px 0 0}
@media(orientation:portrait) and (max-width:1000px){
 .md-auth-shell.md-login-scene{display:flex;flex-direction:column;gap:0;padding:env(safe-area-inset-top) 0 calc(20px + env(safe-area-inset-bottom));justify-content:flex-start}
 .md-login-visual{width:100%;aspect-ratio:1.6;flex:none;mask-image:linear-gradient(180deg,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 90%,transparent)}
 .md-login-area{width:calc(100% - 28px);max-width:480px;padding:0;position:relative;z-index:1;margin-top:-10px}
 .md-login-card{padding:25px 23px;border-radius:21px}.md-login-card h1{font-size:28px}.md-login-intro{margin-bottom:21px}
}
@media(orientation:landscape) and (max-height:600px){
 .md-auth-shell.md-login-scene{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);align-items:start;padding:12px max(12px,env(safe-area-inset-right)) 18px max(0px,env(safe-area-inset-left));gap:16px}
 .md-login-visual{position:sticky;top:max(12px,env(safe-area-inset-top));align-self:start;aspect-ratio:1.5}
 .md-login-card{padding:20px;border-radius:19px}.md-login-card h1{font-size:25px}.md-login-intro{margin-bottom:15px;font-size:13px}.md-login-card label{margin-top:12px}.md-login-card input:not([type=checkbox]){min-height:44px;padding:10px 12px}.md-login-card .md-remember{margin:13px 0}.md-login-card button[type=submit]{min-height:44px;margin-top:12px}.md-login-footer{margin-top:10px}
}
@media(max-width:360px) and (orientation:portrait){.md-login-area{width:calc(100% - 20px)}.md-login-card{padding:22px 18px}.md-login-card h1{font-size:25px}}