/* PatCh.BaGs V6 — customer sign-up password guidance and confirmation */
.patch-password-guide{margin:-2px 0 2px;padding:12px 14px;border:1px solid #dbe1d7;border-radius:10px;background:#eef1eb;color:#4f5f52}
.patch-password-guide-title{font-size:12px;font-weight:700;line-height:1.45;margin:0 0 8px}
.patch-password-guide ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;padding:0;margin:0;list-style:none}
.patch-password-guide li,.patch-password-match{display:flex;align-items:center;gap:7px;line-height:1.35;font-size:11px;font-weight:500;min-width:0;color:#6c776c}
.patch-rule-check{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;min-width:17px;border:1px solid #b9c4b8;border-radius:50%;color:transparent;font-size:10px;font-weight:700;background:#fff;transition:color .15s,background .15s,border-color .15s}
.patch-password-guide .is-met,.patch-password-match.is-met{color:#285638}
.patch-password-guide .is-met .patch-rule-check,.patch-password-match.is-met .patch-rule-check{background:#31543d;border-color:#31543d;color:white}
.patch-password-match{margin-top:-6px;padding:3px 0 0}
.patch-password-status{font-size:11px;color:#285638;margin:-3px 0 0;min-height:0;line-height:1.5}
.patch-commerce-form button[type="submit"]:disabled{cursor:not-allowed;opacity:.55}
.patch-commerce-form input:focus-visible{outline:2px solid #31543d;outline-offset:2px}
@media(max-width:680px){
 .patch-commerce-content{padding:31px 23px 24px!important}
 .patch-commerce-dialog{max-height:calc(100dvh - 20px)!important;overscroll-behavior:contain}
 .patch-password-guide{padding:11px 12px}
 .patch-password-guide ul{gap:7px 5px}
 .patch-password-guide li,.patch-password-match{font-size:10.5px}
 .patch-commerce-content h2{font-size:clamp(32px,8.5vw,43px)!important}
 .patch-commerce-form{gap:10px!important}
 .patch-commerce-form label{gap:5px!important}
 .patch-auth-tabs{margin:13px 0!important}
 .patch-commerce-intro{margin-bottom:10px!important}
}
@media(max-width:340px){.patch-password-guide ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.patch-rule-check{transition:none}}

html[lang="ar"] .patch-commerce-dialog{direction:rtl;text-align:right}
html[lang="ar"] .patch-auth-tabs{justify-content:flex-start}
html[lang="ar"] .patch-commerce-form input[type="password"],html[lang="ar"] .patch-commerce-form input[type="email"]{direction:ltr;text-align:left}