/* Shared login keeps the original portal authentication and invitation flow. */
:root{color-scheme:dark;--p-ink:#f3eee8;--p-muted:#b6b0a9;--p-line:#35363b}
body{background:#101113!important;color:#f3eee8!important}
.login{background:#17191c!important;color:#f3eee8!important;border:1px solid #35363b!important;border-radius:22px!important;box-shadow:none!important;max-width:900px;margin:8vh auto!important;min-height:480px;overflow:hidden}
.p-login-brand{background:#17191c!important;padding:44px!important;border-right:1px solid #35363b}
.p-orbit{display:none!important}
.p-brandmark{color:#f3eee8!important;font-size:25px!important;letter-spacing:-.04em;gap:9px!important}
.p-brandmark>span{display:block;width:34px;height:23px;flex:0 0 34px;font-size:0!important;background:transparent url('./gramma-original-red-icon.png') center/contain no-repeat!important;letter-spacing:0!important}
.login>.card{background:#17191c!important;color:#f3eee8!important;padding:44px!important}
.login h1,.login h2{color:#f3eee8!important;letter-spacing:-.045em;font-weight:500!important}
.p-login-brand h2{font-size:38px!important;line-height:1.14!important;margin:76px 0 21px!important}
.login h1{font-size:28px!important;line-height:1.2}
.login p,.login label{color:#bbb6b1!important}
.p-login-brand p{font-size:14px!important;line-height:1.8!important;max-width:280px}
.login>.card>p{font-size:13px!important;line-height:1.7!important}
.login label{font-size:13px!important;line-height:1.6}
.login input{background:#101113!important;color:#f3eee8!important;caret-color:#f3eee8;border:1px solid #56565d!important;border-radius:12px!important;color-scheme:dark!important;font-size:16px!important;min-height:49px;padding:12px 14px!important}
.login input:focus{outline:2px solid #d83240!important;outline-offset:3px!important;box-shadow:none!important}
.login button.primary{background:#f3eee8!important;color:#171719!important;border:0!important;border-radius:99px!important;min-height:49px;font-size:14px!important;font-weight:550!important;cursor:pointer}
.login button.primary:focus-visible{outline:2px solid #d83240;outline-offset:4px}
.login small{color:#bbb6b1!important}.login .error{color:#ffd6dc!important;background:#3c2026!important;border-color:#ad4d5b!important}
@media(max-width:720px){.login{margin:18px 16px!important;grid-template-columns:1fr;min-height:0}.p-login-brand{padding:26px 26px 24px!important;min-height:0!important;border-right:0;border-bottom:1px solid #35363b}.p-login-brand h2{font-size:32px!important;margin:30px 0 13px!important}.p-login-brand p{font-size:13px!important;margin:0;max-width:100%}.login>.card{padding:28px 26px!important}.login h1{font-size:25px!important}.login .stack{margin-top:22px;gap:17px}.login>.card>p:last-child{margin-bottom:0;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.login *{animation:none!important;transition:none!important}}