/* طبقة موحّدة لتجربة تطبيق العميل؛ تعتمد ألوان المتجر المعرفة في الإعدادات. */
:root{--primary-soft:color-mix(in srgb,var(--primary) 11%,#fff);--primary-deep:color-mix(in srgb,var(--primary) 78%,#071a35)}
body,button,input,textarea,select{font-family:'Tajawal',Tahoma,Arial,sans-serif!important;font-variant-numeric:lining-nums tabular-nums}
.app-header{background:linear-gradient(135deg,var(--primary-deep),var(--primary))!important;border-bottom:1px solid #ffffff22}
.header-top{padding:9px 11px}.hbtn{border:1px solid #ffffff40!important;border-radius:11px!important}.search-bar{box-shadow:0 5px 15px #071a3529}.sections-nav{background:transparent!important}.section-tab{border-radius:10px 10px 0 0}.section-tab.active{background:#ffffff18!important;color:#fff!important}
.side-menu{width:min(86vw,340px);background:#f7f9fd}.side-menu-header{background:linear-gradient(135deg,var(--primary-deep),var(--primary));padding:22px 18px}.side-menu-body{padding:8px}.side-item{border:0;border-radius:12px;margin:3px 0;padding:13px 12px;background:#fff;box-shadow:0 2px 7px #18385b08}.side-item:hover{background:var(--primary-soft);transform:translateX(-2px)}.side-section-title{padding:17px 9px 6px;color:#60708a;font-size:.76rem}.side-item i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary)}
.customer-account-screen{min-height:calc(100vh - var(--header-h));padding:0 0 calc(92px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--primary) 0 158px,var(--bg) 158px)}
.customer-profile{padding:18px 16px 48px;color:#fff;display:flex;align-items:center;gap:13px}.customer-profile-avatar{width:62px;height:62px;border-radius:18px;object-fit:cover;background:#fff;border:2px solid #ffffff80}.customer-profile-info{min-width:0;flex:1}.customer-profile-info h2{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-profile-info p{font-size:12px;opacity:.82;margin-top:4px;direction:ltr;text-align:right}.customer-profile-edit{width:39px;height:39px;border:1px solid #ffffff66;border-radius:12px;background:#ffffff18;color:#fff;font:inherit}
.customer-account-card{position:relative;margin:-28px 12px 0;background:#fff;border:1px solid #e4ecf7;border-radius:20px;overflow:hidden;box-shadow:0 13px 32px #14356416}.customer-account-stat{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#fff,var(--primary-soft));border-bottom:1px solid #e7edf5}.customer-account-stat div{padding:13px 15px}.customer-account-stat div+div{border-right:1px solid #e2eaf4}.customer-account-stat small{display:block;color:#70809a;font-size:11px}.customer-account-stat b{display:block;margin-top:4px;font-size:17px;color:var(--primary)}
.customer-account-menu{padding:7px}.customer-account-action{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:14px;background:transparent;color:#1d304d;text-align:right;padding:12px 9px;font:inherit;cursor:pointer}.customer-account-action:hover{background:var(--primary-soft)}.customer-account-action .account-action-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex:0 0 auto}.customer-account-action .account-action-copy{flex:1;min-width:0}.customer-account-action strong,.customer-account-action small{display:block}.customer-account-action strong{font-size:13px}.customer-account-action small{color:#7c8ba1;font-size:11px;margin-top:3px}.customer-account-action>i{color:#9aabc0;font-size:11px}.customer-account-action.danger{color:#db3c49}.customer-account-action.danger .account-action-icon{background:#fff0f1;color:#db3c49}.customer-account-separator{height:1px;background:#edf1f6;margin:4px 8px}
.customer-account-contact{margin:14px 12px 0;background:#fff;border:1px solid #e3eaf3;border-radius:18px;padding:14px;box-shadow:0 8px 20px #18385b0b}.customer-account-contact h3{font-size:14px;color:var(--primary);margin-bottom:9px}.customer-account-contact-row{display:flex;align-items:center;gap:9px;padding:8px 0}.customer-account-contact-row+.customer-account-contact-row{border-top:1px solid #eef2f6}.customer-account-contact-row .contact-symbol{width:32px;height:32px;border-radius:10px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary)}.customer-account-contact-row div{flex:1;min-width:0}.customer-account-contact-row small,.customer-account-contact-row strong{display:block}.customer-account-contact-row small{color:#7d8ba0;font-size:10px}.customer-account-contact-row strong{font-size:12px}.customer-account-contact-row a{color:var(--primary);font-weight:800;font-size:12px}
.customer-account-footer{text-align:center;color:#95a2b6;font-size:11px;padding:16px}.account-modal-input{width:100%;border:1px solid #cbd7e8;border-radius:12px;padding:12px;margin-top:6px;font:inherit;outline:0}.account-modal-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}