.auth-content .company-logo{width:200px;max-width:100%;height:auto}.auth-content h1,.auth-content h2{line-height:1.25}.auth-content h2{margin-top:32px;font-size:1.25rem}.auth-content form{margin:20px 0}.auth-content label{display:block}.auth-content input{display:block;padding:10px;margin:8px 0;max-width:100%;box-sizing:border-box;font:inherit;border:1px solid #78909c;border-radius:4px}.auth-content button{padding:10px 18px;background:#18576d;color:white;border:0;border-radius:5px;font:inherit;cursor:pointer}.auth-content a{color:#125c76}.auth-content .secret{font-family:monospace;overflow-wrap:anywhere}.auth-content table{width:100%;font-size:.85rem;border-collapse:collapse}.auth-content th,.auth-content td{text-align:left;border-bottom:1px solid #dde4e7;padding:8px;overflow-wrap:anywhere}.auth-content section{border-bottom:1px solid #dde4e7}.auth-content .code-resend{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.auth-content .code-resend button:disabled{background:#dce5e9;color:#526874;cursor:not-allowed}.auth-content .code-countdown{font-size:.8rem;color:#526874;font-variant-numeric:tabular-nums;white-space:nowrap}.auth-content .authenticator-qr{display:table;padding:24px;margin:16px 0;background:#fff;border:1px solid #dce5e9;border-radius:8px}.auth-content .authenticator-qr canvas,.auth-content .authenticator-qr img{width:224px;height:224px;max-width:100%;image-rendering:pixelated}.auth-content .authenticator-qr+details{margin:16px 0}.auth-content .security-button{display:inline-block;padding:10px 18px;background:#18576d;color:#fff;border-radius:5px;text-decoration:none}.auth-content button:disabled{background:#dce5e9;color:#526874;cursor:not-allowed}

.auth-content{min-width:0;overflow-wrap:anywhere}.auth-content h1{font-size:28px;letter-spacing:-.5px}.auth-content input:not([type="hidden"]){width:100%}.auth-content button{width:100%;justify-content:center}.auth-content .auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:24px 0}.auth-divider::before,.auth-divider::after{content:"";flex:1;border-top:1px solid var(--line)}.auth-content section{border-bottom:1px solid var(--line)}

/* Keep company and application branding at the top beside long account forms. */
.welcome-main{align-items:start}
@media(max-width:760px){
    .welcome-main>.suite{grid-row:1}
    .welcome-main>.signin-card{grid-row:2}
}