/* Workomat24 v3.0: konta klientów, potwierdzenie e-mail i kody odbioru */
.customer-fields .field-email,
.customer-fields .field-email-confirm{grid-column:span 3}
.customer-fields .field-phone{grid-column:span 2}
.registration-hero{margin-bottom:0}
.registration-shell{max-width:860px;margin:0 auto 104px}
.registration-form .customer-fields .field-phone,
.registration-form .customer-fields .field-password{grid-column:span 3}
.registration-company{margin-top:26px}
.field label small{color:#718096;font-weight:600}
.registration-success{padding:52px;text-align:center;background:#fff;border:1px solid var(--w24-line);border-radius:28px;box-shadow:var(--w24-shadow)}
.registration-success-icon{width:68px;height:68px;margin:0 auto 20px;display:grid;place-items:center;border-radius:21px;background:#e9f9ef;color:#148044;font-size:30px;font-weight:950}
.registration-success h2{margin:0 0 12px;font-size:32px;letter-spacing:-.04em}
.registration-success p{max-width:620px;margin:0 auto 26px;color:#52647d;font-size:17px;line-height:1.7}

.account-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.account-hero>div{min-width:0}
.account-hero .btn{margin-bottom:30px;white-space:nowrap}
.account-section{padding:34px 0 54px}
.account-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}
.account-section-head .overline{margin-bottom:12px}
.account-section-head h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.05;letter-spacing:-.05em}
.pickup-code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pickup-code-card{position:relative;overflow:hidden;padding:26px;border:1px solid #d8e7f5;border-radius:26px;background:#fff;box-shadow:0 22px 62px rgba(7,31,65,.08)}
.pickup-code-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--w24-blue)}
.pickup-code-card.is-used{opacity:.7}
.pickup-code-card.is-used:before{background:#8b98a9}
.pickup-code-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}
.pickup-code-top span{padding:7px 10px;border-radius:999px;background:#eaf4ff;color:var(--w24-blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.pickup-code-card.is-used .pickup-code-top span{background:#eef1f4;color:#5c6878}
.pickup-code-top small{color:#718096;font-size:11px;font-weight:700}
.pickup-code{display:block;margin:0 0 22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:38px;line-height:1;letter-spacing:.12em;color:#071a33}
.pickup-code-card h3{margin:0 0 8px;font-size:20px;letter-spacing:-.025em}
.pickup-code-card p{min-height:50px;margin:0 0 20px;color:#5b6b82;font-size:14px;line-height:1.55}
.pickup-code-meta{display:flex;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid #e4edf6;color:#66758b;font-size:12px}
.pickup-code-meta b{color:#071a33}
.account-empty{padding:34px;border:1px dashed #bed2e6;border-radius:24px;background:#f8fbff;text-align:center}
.account-empty h3{margin:0 0 8px}
.account-empty p{margin:0;color:#60708a}
.order-history{padding-bottom:96px}
.order-history .wide{margin-top:0}
.account-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
.account-status.status-paid{background:#e8f8ee;color:#126b36}
.account-status.status-pending_payment,.account-status.status-new{background:#fff4d6;color:#835800}
.account-status.status-cancelled,.account-status.status-refunded{background:#f1f3f5;color:#596574}

@media(max-width:980px){
  .pickup-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .customer-fields .field-email,
  .customer-fields .field-email-confirm,
  .customer-fields .field-phone,
  .registration-form .customer-fields .field-phone,
  .registration-form .customer-fields .field-password{grid-column:auto}
  .registration-shell{margin-bottom:72px}
  .registration-success{padding:34px 22px}
  .account-hero,.account-section-head{display:block}
  .account-hero .btn,.account-section-head .btn{margin:0 0 24px}
  .pickup-code-grid{grid-template-columns:1fr}
  .pickup-code-card p{min-height:0}
  .pickup-code{font-size:34px}
}