/* Display the supplied logo on the page without its pale rectangular backdrop.
   Brightness maps the near-white source background to white; multiply blends
   that white into the underlying surface without changing the source image. */
.company-brand img,.login-brand{filter:brightness(1.06);mix-blend-mode:multiply}
.login-panel{max-width:490px;margin:34px auto}
.login-panel section{padding:28px 32px}
.login-panel .login-brand{width:165px;margin:0 auto 24px}
.login-panel input{width:100%}
.login-panel button{width:100%;margin-top:10px}
@media screen{
:root{background:#e6eee9;color:#2d4138}
header{background:linear-gradient(#eff7f2,#cfe3d7);border-top-color:#d4e6db;border-bottom-color:#7fa28d;box-shadow:0 1px 2px #71968033;color:#244a36}
header a{color:#244a36}
.menubar{background:#f4f7f4;border-bottom-color:#b1c6b8}
.menubar a{color:#304b3b;border-right-color:#d9e3dc}
.menubar a:hover{background:#e0eee5}
a{color:#276443}
section,.card{border-color:#b9ccbf;box-shadow:0 1px 2px #59756212}
button.primary,.button.primary{background:linear-gradient(#42865f,#2c6946);border-color:#285e3e;color:#fff}
button.primary:hover,.button.primary:hover{background:linear-gradient(#35794f,#205c38)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#398058}
input:focus{border-color:#398058}
.metric{color:#2a6a45}
.statusbar{background:#edf3ef;border-top-color:#bbcec2;color:#60766a}
.login-panel section{background:#f9fbf9;border-top:3px solid #55966e}
}
@media(max-width:600px){.login-panel{margin:22px auto}.login-panel section{padding:24px}.login-panel .login-brand{width:150px}}