.customer-ux{--account-ink:#12304a;--account-muted:#5d6b78;background:#f4f6f9;color:var(--account-ink)}
.customer-ux .wrap{max-width:1000px;margin:24px auto 40px}
.customer-ux .card{border:1px solid #e0e6ed;box-shadow:0 4px 18px #102b4607;padding:22px;border-radius:18px}
.customer-ux .account-welcome{background:linear-gradient(120deg,#102b46,#214b69);color:#fff;border:0;margin-bottom:14px}
.customer-ux .account-welcome h1,.customer-ux .account-welcome .muted{color:#fff}
.customer-ux .account-head-row{margin-bottom:0}.customer-ux #logoutButton{background:transparent;color:#fff;border:1px solid #ffffff60;min-width:0;font-weight:500}
.account-intro{font-size:17px;margin:0 0 16px;color:#465c70}.account-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.customer-ux .account-shortcuts button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;background:#fff;border:1px solid #dce4ec;border-radius:16px;color:#12304a;padding:18px;margin:0;min-height:100px;cursor:pointer}
.account-shortcuts strong{font-size:26px;line-height:1.15}.account-shortcuts span{font-size:14px;line-height:1.4}.account-shortcuts button:first-child{border-top:4px solid #b8872d}.account-summary-note{font-size:13px;color:var(--account-muted);line-height:1.5;margin:12px 0 24px}
.account-order-tools{scroll-margin-top:20px;background:#fff;border:1px solid #e0e6ed;border-radius:18px;padding:18px;margin-bottom:16px}.account-order-tools>label{font-size:17px;font-weight:700;margin-bottom:8px;display:block}
.customer-ux input,.customer-ux select,.customer-ux textarea{font-size:16px;max-width:100%}.account-filter-row{display:flex;align-items:center;gap:12px;margin-top:10px}.account-filter-row select{width:auto;flex:1;margin:0;min-height:44px}.account-filter-row label{margin:0;font-size:14px}#accountSearchResult:empty{display:none}#accountSearchResult{font-size:14px;margin-bottom:0}
.customer-ux .order{border:1px solid #dce4ec;border-radius:16px;overflow:hidden;margin:14px 0 20px;background:#fff}.customer-ux .order[hidden]{display:none!important}
.customer-ux .order-head{background:#f7f9fc;align-items:center;gap:12px;padding:16px}.account-seller{display:block;font-size:12px;font-weight:700;color:#5d6b78;margin-bottom:5px}.account-order-number{font-size:19px}.customer-ux .badge{font-size:11px;padding:7px 10px;white-space:normal;text-align:center}
.customer-ux .order>p{padding:0 16px}.customer-ux [data-jeha-pay]{width:100%;margin:0;min-height:50px;background:#123b5d!important;color:#fff!important;border-radius:12px;font-size:16px}.customer-ux .customer-order-status{margin:12px 16px;padding:12px;border-radius:12px;background:#f7f9fc}.customer-ux .customer-status-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.customer-ux .customer-status-steps{display:none}.customer-ux .customer-status-note{font-size:13px}.customer-ux .customer-status-tracking{overflow-wrap:anywhere}.customer-ux .customer-status-tracking a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;background:#e5edf5;border-radius:10px;color:#123b5d;font-weight:700;text-decoration:none;margin-top:8px}
.customer-ux .customer-order-details>summary{padding:16px;cursor:pointer;font-weight:600;min-height:48px;border-top:1px solid #e6eaf0}.customer-ux .order-body{padding:0 16px 16px}.customer-ux .item{gap:12px;padding:14px 0}.customer-ux .item>div{min-width:0;overflow-wrap:anywhere}.customer-ux .docs{display:flex;flex-wrap:wrap;gap:8px}.customer-ux .docs a{margin:0;max-width:100%;overflow-wrap:anywhere}
.customer-ux #merchantAccountOrders>p{font-size:14px;color:var(--account-muted);line-height:1.5}.customer-ux #merchantAccountOrders>section{padding:0!important;border:0!important}.customer-ux #merchantAccountOrders>section>p{font-size:13px}
.account-profile>summary{font-weight:700;font-size:18px;cursor:pointer;min-height:44px}.account-profile>summary span{display:block;font-size:13px;font-weight:400;color:var(--account-muted);margin:8px 0 0 18px}.account-profile-content{padding-top:20px}.customer-ux #customerEditButton{min-height:44px!important;padding:10px 16px!important;font-size:15px!important}.customer-ux #customerInfo{font-size:15px;line-height:1.65}.customer-ux #customerDeliveryBox input[type=radio]{width:auto;margin-right:8px}.customer-ux #customerDeliveryBox label{min-height:36px}
.account-mobile-nav{display:none}.customer-ux :focus-visible{outline:3px solid #c89736;outline-offset:3px}.customer-ux [hidden]{display:none!important}
.customer-ux .account-profile-link{width:auto;background:transparent;border:0;color:#fff;text-decoration:underline;text-underline-offset:4px;font-size:14px;margin:12px 0 0;padding:8px 0;min-height:44px}.account-profile{scroll-margin-top:20px}
.account-order-value{font-size:14px;margin-top:6px;color:#465c70}.customer-ux .account-legal{text-align:center!important;background:transparent!important;max-width:1000px;margin:24px auto}
.customer-ux .account-credit-link{background:#e9f4ef;border:1px solid #c9e0d4;border-radius:12px;color:#21533d;min-height:44px;font-size:14px;padding:12px 16px;text-align:left;margin:12px 0 0;width:100%;cursor:pointer}
.customer-ux .order:has(.customer-order-details[open]) .customer-status-steps{display:grid;margin-top:12px}
@media(max-width:650px){
 .customer-ux{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.customer-ux .wrap{width:calc(100% - 24px);padding-top:0!important;margin-top:18px}.customer-ux .card{padding:16px}.customer-ux h1{font-size:25px}.customer-ux h2{font-size:21px}.customer-ux .account-head-row{gap:10px;align-items:flex-start}.customer-ux #logoutButton{padding:9px 10px;font-size:12px;min-height:40px}
 .customer-ux #jehaPublicNav .jeha-public-brand{font-size:14px!important}.customer-ux #jehaPublicNav .jeha-login-prominent{font-size:13px;padding:0 10px}.customer-ux #jehaPublicNav .jeha-public-nav-inner{width:calc(100% - 24px);gap:7px}.customer-ux #jehaMobileMenuButton{padding:8px;min-width:40px}
 .account-intro{font-size:15px;line-height:1.5}.account-shortcuts{gap:8px;grid-template-columns:1fr 1fr}.customer-ux .account-shortcuts button{padding:14px;min-height:92px}.account-shortcuts button:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;min-height:54px}.account-shortcuts button:last-child strong{font-size:17px}.account-shortcuts span{font-size:13px}.account-shortcuts strong{font-size:25px}
 .customer-ux .order-head{padding:13px;align-items:flex-start}.customer-ux .order-head>div{min-width:0}.customer-ux .order-head .badge{max-width:120px}.customer-ux .customer-order-status{margin:10px}.customer-ux .order>p{padding:0 10px}.customer-ux .order-body{padding:0 12px 12px}.customer-ux .customer-order-details>summary{padding:14px 12px;font-size:14px;line-height:1.5}
 .account-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:900;background:#fff;border-top:1px solid #dce4ec;box-shadow:0 -4px 20px #102b4609;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.account-mobile-nav a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#52677b;min-height:44px;font-size:12px;font-weight:700;border-radius:10px}.account-mobile-nav a[aria-current]{background:#e9eff5;color:#12304a}
 .customer-ux #jehaSupportButton{bottom:calc(88px + env(safe-area-inset-bottom))!important}.customer-ux #jehaSupportBox{bottom:calc(88px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 110px);z-index:1100}.customer-ux .account-orders{padding:14px}.customer-ux .order-head{flex-wrap:wrap}.customer-ux #merchantAccountOrders .order-head>div:last-child{font-size:13px}
}
