/* Account layout follows Studio Lite's utility sign-in. */
.utility-account, .utility-account * {box-sizing:border-box;}
.utility-account {margin:0; color:var(--text);}
.utility-account .topnav, .utility-account .topnav-logo {display:flex; align-items:center;}
.utility-account .topnav-logo {text-decoration:none;}
.utility-account .header-logo {display:block;}
.utility-account .account-workspace {flex:1; min-height:0; overflow:auto; padding:clamp(24px,8vh,80px) 12px 32px;}
.utility-account .account-form {width:360px; max-width:100%; margin:0 auto;}
.utility-account h1 {font-size:17px; font-weight:600; padding:0 0 10px; margin:0 0 16px; border-bottom:1px solid var(--border);}
.utility-account .form-group {position:relative; margin-bottom:10px;}
.utility-account label {display:block; color:var(--text-dim); margin-bottom:4px;}
.utility-account input, .utility-account button, .utility-account select {font:inherit; color:inherit; border:1px solid #555; border-radius:0; min-height:32px; padding:3px 8px;}
.utility-account input {display:block; width:100%; min-width:0; background:#202020;}
.utility-account #password {padding-right:34px;}
.utility-account button {background:#383838; cursor:pointer;}
.utility-account button:hover {background:#444; border-color:#777;}
.utility-account input:focus {outline:1px solid #72AFE0; outline-offset:-1px;}
.utility-account .eye {position:absolute; bottom:0; right:0; width:32px; height:32px; padding:6px; background:none; border:0; color:var(--text-dim);}
.utility-account .eye svg {display:block;}
.utility-account .eye:hover, .utility-account .eye.on {color:var(--text);}
.utility-account .login-btn {display:block; width:100%; margin-top:14px; border-color:#666; text-align:center; padding:6px 10px;}
.utility-account .login-error {color:var(--danger); margin:10px 0; overflow-wrap:anywhere;}
.utility-account .card-links {margin-top:12px;}
.utility-account .card-links a {color:#72AFE0; text-decoration:underline;}
.utility-account .card-links a:hover {color:#9DC8EA;}