/* Universal Store Engine customer portal. Namespaced to avoid theme overrides. */
.usecp-portal,.usecp-portal *{box-sizing:border-box}.usecp-portal{direction:rtl;display:grid;grid-template-columns:minmax(255px,.82fr) minmax(0,1.18fr);width:100%;max-width:1120px;margin:36px auto;background:#fff;color:#162234;border:1px solid #e5eaf1;border-radius:22px;overflow:hidden;box-shadow:0 22px 65px rgba(19,33,55,.085);font-family:inherit;text-align:right;line-height:1.8}
.usecp-portal h2,.usecp-portal h3,.usecp-portal p{margin-top:0}.usecp-aside{min-width:0;color:white;background:linear-gradient(158deg,var(--usecp-primary,#2463eb) 0%,#1c2a42 98%);padding:36px 30px;display:flex;flex-direction:column;gap:56px;min-height:480px;position:relative;isolation:isolate}.usecp-aside::before{content:"";position:absolute;z-index:-1;width:330px;height:330px;left:-155px;bottom:80px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.03)}.usecp-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:16px}.usecp-brand-symbol{width:42px;height:42px;background:rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center}.usecp-logo{max-width:64px;max-height:55px;object-fit:contain}.usecp-aside h2{font-size:27px;line-height:1.6;color:white;margin:8px 0 12px}.usecp-aside p{color:rgba(255,255,255,.83);line-height:2;font-size:13px}.usecp-kicker{font-size:12px;letter-spacing:.3px;color:rgba(255,255,255,.75)}.usecp-aside-foot{margin-top:auto;display:flex;flex-direction:column;gap:9px;font-size:12px;color:rgba(255,255,255,.84)}.usecp-aside-foot span{display:flex;gap:8px;align-items:center}.usecp-icon{width:19px;height:19px;flex-shrink:0}.usecp-content{min-width:0;padding:38px 42px 44px}.usecp-page-head{margin-bottom:20px}.usecp-page-head h2{font-size:23px;line-height:1.6;color:#142134;margin:1px 0 5px}.usecp-page-head p{font-size:13px;color:#677789;margin:0}.usecp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.2px;color:var(--usecp-primary,#2463eb)}.usecp-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:5px;margin:0 0 20px;background:#f1f4f8;border-radius:12px}.usecp-tabs a{font-size:12px;line-height:1.5;flex:1 1 auto;text-align:center;padding:9px 12px;border-radius:9px;text-decoration:none!important;color:#52647a;font-weight:700;white-space:nowrap}.usecp-tabs a[aria-current=page]{color:#fff;background:var(--usecp-primary,#2463eb);box-shadow:0 3px 9px rgba(30,50,80,.14)}.usecp-portal .usecp-form{display:grid;gap:14px;margin:0;max-width:none;border:0;box-shadow:none;padding:0;background:transparent}.usecp-portal .usecp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.usecp-col-full{grid-column:1/-1}.usecp-portal .usecp-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#354359;font-weight:650}.usecp-portal .usecp-form label small{font-weight:400;color:#78869a}.usecp-portal .usecp-form input:not([type=checkbox]),.usecp-portal .usecp-form select{width:100%;height:48px;border:1px solid #d8e0e9;border-radius:10px;background:#fff;color:#223045;font:inherit;font-size:14px;line-height:1.5;text-align:right;padding:10px 13px;outline:none;box-shadow:none;margin:0;min-width:0}.usecp-portal .usecp-form input:focus,.usecp-portal .usecp-form select:focus{border-color:var(--usecp-primary,#2463eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--usecp-primary,#2463eb),transparent 87%)}.usecp-portal .usecp-form .usecp-remember{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:400;color:#53647a}.usecp-remember input{width:17px;height:17px;margin:0;accent-color:var(--usecp-primary,#2463eb)}.usecp-portal .usecp-primary-btn{min-height:49px;border:0;border-radius:10px;padding:12px 19px;background:var(--usecp-primary,#2463eb);color:#fff;display:flex;gap:12px;align-items:center;justify-content:center;font-size:14px;font-family:inherit;font-weight:750;text-align:center;cursor:pointer;width:100%;transition:filter .15s}.usecp-primary-btn:hover{filter:brightness(.92);color:white}.usecp-alert{padding:11px 14px;border-radius:10px;margin:0 0 16px;font-size:13px;line-height:1.8}.usecp-error{background:#fff1ef;color:#962d24;border:1px solid #ffc9c3}.usecp-success{background:#eef9f2;color:#176d3c;border:1px solid #cbe8d3}.usecp-hint{font-size:12px;color:#64748b;padding:11px 13px;background:#f5f7fa;border-radius:9px;line-height:1.9;margin:0}.usecp-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.usecp-otp-step{display:flex;align-items:center;gap:10px}.usecp-otp-step span{background:#eef3fd;color:var(--usecp-primary,#2463eb);border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:12px;font-weight:800}.usecp-otp-step h3{margin:0;font-size:14px;color:#25364c}.usecp-separator{margin:24px 0;border-top:1px dashed #dce3ec}.usecp-account-head{display:flex;gap:13px;align-items:center;border:1px solid #e4eaf1;border-radius:13px;padding:18px;margin-bottom:16px}.usecp-avatar{background:#edf2fc;color:var(--usecp-primary,#2463eb);width:56px;height:56px;border-radius:15px;display:grid;place-items:center}.usecp-avatar svg{width:28px;height:28px}.usecp-account-head h3{font-size:17px;margin:0 0 7px}.usecp-badge{font-size:11px;padding:4px 10px;border-radius:18px;font-weight:700}.usecp-badge-good{background:#e8f8ee;color:#198351}.usecp-badge-wait{background:#fff6dc;color:#986a0a}.usecp-badge-neutral{background:#eef2f7;color:#5d6678}.usecp-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.usecp-stats>div{border:1px solid #e4eaf1;border-radius:12px;padding:16px 14px;display:grid;gap:3px}.usecp-stats strong{font-size:18px;line-height:1.4;color:#162234;overflow-wrap:anywhere}.usecp-stats span{color:#738094;font-size:11px}.usecp-info{border:1px solid #e4eaf1;border-radius:13px;padding:17px 18px;margin-bottom:14px}.usecp-info h3{font-size:15px;margin-bottom:13px}.usecp-info dl{margin:0}.usecp-info dl div{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f3f6;font-size:12px}.usecp-info dl div:last-child{border:0}.usecp-info dt{color:#728093}.usecp-info dd{margin:0;color:#27384d;font-weight:600;overflow-wrap:anywhere}.usecp-orders{display:grid;gap:8px}.usecp-order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #eef1f5;border-radius:10px;font-size:12px}.usecp-order>div{display:grid;gap:4px}.usecp-order small{color:#8794a2}.usecp-order>span{color:#52647a}.usecp-empty{font-size:13px;color:#7d8996;margin:0}.usecp-account-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:18px}.usecp-secondary-btn{background:#f0f5ff;padding:10px 15px;border-radius:9px;text-decoration:none!important;color:var(--usecp-primary,#2463eb);font-weight:700;font-size:12px}.usecp-logout{font-size:12px;color:#aa4040;text-decoration:none!important}
@media(max-width:850px){.usecp-portal{grid-template-columns:1fr;max-width:640px;margin:18px auto}.usecp-aside{min-height:auto;padding:22px 25px;gap:16px}.usecp-aside-main h2{font-size:19px;margin-bottom:4px}.usecp-aside-main p{font-size:12px;margin:0}.usecp-aside-foot{display:none}.usecp-content{padding:26px 24px 30px}}@media(max-width:480px){.usecp-portal{margin:10px auto;border-radius:14px}.usecp-content{padding:20px 15px}.usecp-aside{padding:20px 17px}.usecp-aside h2{font-size:17px}.usecp-portal .usecp-form-grid,.usecp-stats{grid-template-columns:1fr}.usecp-tabs a{font-size:11px;padding:8px}.usecp-page-head h2{font-size:20px}}

/* OTP web portal: one visible stage; JS enhanced, safe POST fallback. */
.usecp-portal [hidden]{display:none!important}
.usecp-otp-flow{display:grid;gap:16px}
.usecp-otp-flow [data-usecp-otp-step]{display:grid;gap:15px}
.usecp-otp-flow [data-usecp-otp-step] .usecp-otp-step{margin-bottom:2px}
.usecp-otp-number{margin:0;padding:12px 14px;border:1px solid #e4eaf1;background:#f5f7fa;border-radius:10px;font-size:13px;color:#425168;line-height:1.9}
.usecp-otp-number strong{direction:ltr;unicode-bidi:isolate;font-weight:700;color:#263447;display:inline-block}
.usecp-otp-inline-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.usecp-portal .usecp-otp-mini-btn{border:1px solid #dce5ed;border-radius:9px;background:#fff;color:var(--usecp-primary,#2463eb);font-size:12px;text-decoration:none;padding:10px 14px;cursor:pointer;font:inherit}
.usecp-portal .usecp-otp-mini-btn:disabled{cursor:not-allowed;opacity:.6}
.usecp-otp-status{margin:0;font-size:13px;line-height:1.8;color:#38556e;border-radius:9px;padding:10px 14px;background:#f1f6fb}
.usecp-otp-status[data-error="true"]{color:#962d24;background:#fff1ef}
.usecp-otp-flow .usecp-primary-btn:disabled{opacity:.65;cursor:wait}