.tenant-auth {
grid-template-columns: minmax(360px,46%) minmax(360px,54%); background: #f6f8fb; color: #142235; line-height:var(--ui-text-body-line);
}
.tenant-auth .auth-form-panel {
background: #f6f8fb; padding: 42px 30px;
}
.tenant-auth .auth-card h2 {
font-size:var(--ui-text-title-size); line-height:var(--ui-text-title-line); margin-bottom: 11px;
}
.tenant-auth .auth-card>.muted {
font-size:var(--ui-text-body-size); line-height:var(--ui-text-body-line); margin-bottom: 28px;
}
.tenant-auth .auth-card form {
margin-top: 24px;
}
.tenant-auth .auth-card .field {
gap: 6px; margin-bottom: 19px;
}
.tenant-auth .auth-card .field label {
font-size:var(--ui-text-help-size); font-weight:var(--ui-font-emphasis); color: #31445a;
}
.tenant-auth .auth-card input {
height: var(--ui-auth-height); min-height: var(--ui-auth-height); --ui-control-border: var(--ui-border-width) solid #c7d3e0; --ui-control-background: #fff; font-size:var(--ui-text-body-size);
}
.tenant-auth .auth-card .button-full {
height: var(--ui-auth-height); min-height: var(--ui-auth-height); margin-top: 7px; --ui-control-padding: 10px 16px; font-size:var(--ui-text-body-size); font-weight:var(--ui-font-emphasis); line-height:var(--ui-text-body-line); --ui-control-background: #ff7a1a; --ui-control-border: var(--ui-border-width) solid #ff7a1a;
}
.tenant-auth .auth-card .button-full:hover {
--ui-hover-background: #e9680c; --ui-hover-border-color: #e9680c;
}
.tenant-auth .auth-help {
font-size:var(--ui-text-help-size); line-height:var(--ui-text-help-line); color: #758496; margin-top: 25px; padding-top: 19px;
}
.tenant-auth .auth-footer {
line-height:var(--ui-text-body-line); overflow-wrap: break-word;
}
.tenant-auth .auth-intro {
background: #fcfcfd; color: #122e50; padding: 32px clamp(28px,4vw,76px); border-right: 1px solid #e3e9ef;
}
.tenant-auth .auth-intro::after {
display: none;
}
.tenant-intro-content {
width: 100%; max-width: 650px; margin: auto; position: relative; z-index: 1; padding: 16px 0 28px;
}
.tenant-logo {
display: block; width: 100%; height: auto; aspect-ratio: 3/1; object-fit: contain; margin: 0 0 24px; border: 0; border-radius: 0;
}
.tenant-auth .auth-intro-copy {
margin: 0; padding: 0 clamp(0px,1vw,18px);
}
.tenant-auth .auth-intro-copy .eyebrow {
color: #94602d; margin-bottom: 16px; letter-spacing: .12em;
}
.tenant-auth .auth-intro-copy h1 {
font-size:var(--ui-text-title-size); line-height:var(--ui-text-title-line);
}
.tenant-auth .auth-intro-copy p {
color: #60748a; font-size:var(--ui-text-body-size); line-height:var(--ui-text-body-line); margin-top: 20px; max-width: 440px;
}
.tenant-auth .auth-footer {
color: #7b8b9b; padding-left: clamp(0px,1vw,18px);
}
@media(max-width:850px) {
.tenant-auth {
grid-template-columns: minmax(0,46%) minmax(0,54%);
}
.tenant-auth .auth-intro {
padding: 28px 22px;
}
.tenant-logo {
margin-bottom: 20px;
}
.tenant-auth .auth-intro-copy {
padding: 0;
}
.tenant-auth .auth-intro-copy h1 {
font-size:var(--ui-text-title-size);
}
.tenant-auth .auth-intro-copy p {
font-size:var(--ui-text-help-size);
}
.tenant-auth .auth-footer {
padding-left: 0;
}
}
@media(max-width:650px) {
.tenant-auth .auth-intro {
padding: 20px 24px 22px; border-right: 0; border-bottom: 1px solid #e3e9ef;
}
.tenant-intro-content {
max-width: 430px; padding: 0; margin: 0 auto;
}
.tenant-logo {
margin-bottom: 8px;
}
.tenant-auth .auth-intro-copy {
display: block; text-align: center;
}
.tenant-auth .auth-intro-copy .eyebrow {
margin: 0; font-size:var(--ui-text-help-size);
}
.tenant-auth .auth-intro-copy h1 {
display: none;
}
.tenant-auth .auth-intro-copy p {
display: none;
}
.tenant-auth .tenant-label {
display: none;
}
.tenant-auth .auth-form-panel {
padding-top: 28px;
}
}
@media(max-width:850px) {
.tenant-auth .auth-form-panel {
padding: 34px 25px;
}
.tenant-auth .auth-card>.muted {
font-size:var(--ui-text-help-size);
}
}
@media(max-width:650px) {
.tenant-auth {
display: flex; flex-direction: column;
}
.tenant-auth .auth-form-panel {
padding: 28px 25px 39px; flex: 1; align-items: start;
}
.tenant-auth .auth-card {
max-width: 430px;
}
.tenant-auth .auth-card h2 {
font-size:var(--ui-text-title-size);
}
}