/* Workomat24 v3.1: poprawiony układ logowania i kompletne ustawienia konta */
.customer-auth-grid{
  grid-template-columns:minmax(0,1fr) minmax(430px,520px);
  align-items:start;
  gap:clamp(48px,6vw,92px);
  padding-top:18px;
}
.customer-auth-copy{padding-top:18px;min-width:0}
.customer-auth-copy h1{
  width:max-content;
  max-width:100%;
  white-space:nowrap;
  text-wrap:initial;
}
.customer-auth-copy p{max-width:680px;text-wrap:pretty}
.customer-auth-card{width:100%;justify-self:end}
.customer-auth-card h2,.customer-auth-card .muted{text-wrap:pretty}
.login-form{gap:10px}
.form-label-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:4px}
.form-label-row label{margin:0}
.form-label-row a{color:var(--w24-blue);font-size:13px;font-weight:850;text-decoration:none;white-space:nowrap}
.form-label-row a:hover{text-decoration:underline}
.full-link{width:100%;margin-top:12px}
.auth-compact .customer-auth-copy h1{font-size:clamp(46px,5vw,68px)}

.account-settings{scroll-margin-top:24px}
.account-message{margin:0 0 24px}
.account-card{
  padding:32px;
  background:#fff;
  border:1px solid var(--w24-line);
  border-radius:26px;
  box-shadow:0 20px 60px rgba(7,37,77,.065);
}
.account-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}
.account-card-head h3{margin:0 0 7px;font-size:25px;line-height:1.18;letter-spacing:-.035em}
.account-card-head p{margin:0;color:#60708a;font-size:14px;line-height:1.55}
.account-card-head p strong{color:#20314a;overflow-wrap:anywhere}
.account-card-head>span{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#eef6ff;
  color:var(--w24-blue);
  font-size:13px;
  font-weight:950;
}
.account-personal-fields{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:22px}
.account-personal-fields .field{grid-column:span 2}
.account-address-fields{margin-bottom:0}
.account-company-fields{margin-top:22px}
.account-save{margin-top:24px;white-space:nowrap}
.account-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
.account-nice-form{margin-top:0}
.account-nice-form label{margin-top:4px}
.pending-change{margin:-8px 0 24px;padding:13px 15px;border:1px solid #cfe1f4;border-radius:14px;background:#f4f9ff;color:#40516b;font-size:13px;line-height:1.5}
.pending-change strong{color:#12304f;overflow-wrap:anywhere}

@media(max-width:980px){
  .customer-auth-grid{grid-template-columns:minmax(0,1fr) 430px;gap:40px}
  .customer-auth-copy h1{font-size:52px}
  .account-security-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .customer-auth-grid{grid-template-columns:1fr;padding-top:0}
  .customer-auth-copy{padding-top:0}
  .customer-auth-copy h1{width:auto;white-space:normal}
  .customer-auth-card{justify-self:stretch}
}
@media(max-width:680px){
  .account-card{padding:24px 20px;border-radius:22px}
  .account-card-head{gap:14px;margin-bottom:24px}
  .account-card-head h3{font-size:22px}
  .account-personal-fields,.account-address-fields{grid-template-columns:1fr}
  .account-personal-fields .field{grid-column:auto}
  .account-company-fields{grid-template-columns:1fr}
  .account-save{width:100%;white-space:normal}
}
@media(max-width:420px){
  .form-label-row{align-items:flex-start;flex-direction:column;gap:5px}
  .customer-auth-card .brand.full{height:auto;min-height:58px;padding:14px 18px;white-space:normal;text-align:center}
}