/* Supplied ConMonOS artwork, shared by the sign-in screen and app shell. */
.brand-logo{display:block;width:190px;height:auto;flex:none}
.brand-description{border-left:1px solid var(--line);padding-left:16px}
body:has(#workspace[hidden]){min-width:0;background:linear-gradient(135deg,var(--theme-accent-surface, #f4f8fd),var(--theme-accent-surface, #e8f0fa))}
.login{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,640px);gap:36px;align-items:center;max-width:1160px;margin:0 auto;padding:48px 28px;min-height:100dvh}
.login .card{padding:36px;box-shadow:0 16px 48px #172b4610}
.login-logo{display:block;width:100%;max-width:290px;height:auto;margin:0 0 28px}
.login h1{font-size:28px;margin-top:12px}
.login label{margin-top:30px}
.login input,.login button{min-height:44px}
.login-visuals{display:grid;gap:18px;min-width:0}
.login-visuals figure{margin:0;overflow:hidden;border-radius:14px;background:#07172e;box-shadow:0 14px 36px #122a4918}
.login-visuals img{display:block;width:100%;height:auto}
.login-visuals figcaption{display:grid;gap:4px;padding:18px 22px;color:#f3f8ff}
.login-visuals figcaption strong{font-size:17px;font-weight:600}
.login-visuals figcaption span{font-size:12px;color:#b9cce4}
.login-visuals .workflow-visual{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center}
.workflow-visual figcaption{padding:16px}
@media(max-width:900px){
  .login{gap:24px;padding:28px 20px;grid-template-columns:minmax(280px,1fr) minmax(0,1fr)}
  .login .card{padding:26px}
  .login-visuals .workflow-visual{grid-template-columns:1fr}
  .brand-description{display:none}
}
@media(max-width:640px){
  .login{grid-template-columns:minmax(0,1fr);max-width:480px;padding:24px 16px;gap:24px;min-height:auto}
  .login .card{padding:26px 24px}
  .login-logo{max-width:250px;margin-bottom:22px}
  .login h1{font-size:25px}
  .login-visuals figcaption{padding:16px 18px}
  .brand-logo{width:164px}
}