/* زيت علاء V64 — الهوية الثلاثية: وردي #f2336f وأسود وأبيض */
:root,body{
  --pink:#f2336f;--pink2:#f2336f;--red:#f2336f;--darkred:#f2336f;
  --gold:#f2336f;--gold2:#fff;--ok:#fff;--marketing-gold:#f2336f;
  --marketing-pink:#f2336f;--partnerRose:#f2336f;--unit-rose:#f2336f;
  --bg:#08080a;--bg2:#101012;--panel:#151517;--panel2:#1b1b1e;
  --field:#101013;--text:#fff;--muted:#cecece;--soft:#bcbcbc;
  --line:rgba(255,255,255,.15);--line2:rgba(242,51,111,.55);
  --partnerEdge:rgba(255,255,255,.16);
  color-scheme:dark;
}
html{scroll-behavior:smooth}
body{background:#09090b!important;color:#fff!important}
:where(.partner-portal,.partner-admin,.public-site){accent-color:#f2336f}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid #f2336f!important;outline-offset:3px}
::selection{background:#f2336f;color:#fff}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#f2336f;border-radius:12px}::-webkit-scrollbar-track{background:#101012}
/* Exact brand accent: #f2336f. No pale pink, red, or gold primary accents. */
.btn.primary,button.primary,.btn.gold,button.gold,.btn.btnPrimary,.btn-primary,.btn.submit,
#sendOrderBtn,#submitOrderBtn,.registerSubmit,.orderFormActions .btn.primary{
 background:#f2336f!important;color:#fff!important;border-color:#f2336f!important;
 box-shadow:0 10px 30px rgba(242,51,111,.20)!important;
 transition:filter .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.btn.primary:hover,button.primary:hover,.btn.gold:hover,.orderFormActions .btn.primary:hover{
 background:#f2336f!important;filter:brightness(1.06);transform:translateY(-1px);
 box-shadow:0 12px 32px rgba(242,51,111,.28)!important;
}
.btn.primary:active,button.primary:active,.btn.gold:active{transform:translateY(1px)}
/* Header: clear black and white */
body.partner-portal .partnerPublicNav{background:#080809!important;border-bottom:1px solid #29292b!important}
body.partner-portal .partnerPublicIdentity,body.partner-portal .partnerPublicIdentity small{color:#fff!important}
.partnerBrandMark,body.partner-portal .partnerBrandMark{
 background:#f2336f!important;color:#fff!important;border:1px solid #f2336f!important;
 box-shadow:0 6px 18px rgba(242,51,111,.19)!important;
}
body.partner-portal .partnerPublicBack,body.partner-portal .partnerTopHome,
body.partner-portal .partnerHelpLink{background:#141416!important;border-color:#444447!important;color:#fff!important}
body.partner-portal .partnerTopNavigation{background:#121214!important;border:1px solid #323235!important;box-shadow:none!important}
body.partner-portal .partnerTopNavigationBrand small{color:#d5d5d5!important}
body.partner-portal .partnerTopNavigationLinks button{color:#fff!important;background:transparent!important}
body.partner-portal .partnerTopNavigationLinks button:is(.active,:hover,:focus-visible){
 background:#f2336f!important;color:#fff!important;border-color:#f2336f!important;
 box-shadow:0 5px 18px rgba(242,51,111,.22)!important;
}
body.partner-portal .partnerGettingStarted{background:#161618!important;border:1px solid #38383c!important;color:#fff!important}
body.partner-portal .partnerGettingStarted p{color:#d2d2d2!important}
body.partner-portal .partnerHelpDetails{background:#151517!important;color:#fff!important;border-color:#333!important}
/* Dashboard: neutral black cards and readable white statistics. */
body.partner-portal .partnerAccountHeader,
body.partner-portal .partnerHeaderStats .statModern,
body.partner-portal .partnerHeaderStats .statModern.available,
body.partner-portal .panel,body.partner-portal .card,
body.partner-admin .panel,body.partner-admin .stat{
 background:#171719!important;border:1px solid #353538!important;color:#fff!important;
 box-shadow:none!important;
}
body.partner-portal .partnerHeaderStats .statModern.available{border-color:#f2336f!important;background:#202023!important}
body.partner-portal .partnerHeaderStats .statModern .statHeading,
body.partner-portal .partnerHeaderStats .statModern .statDescription,
body.partner-portal .partnerHeaderStats .statModern .statNumber{color:#fff!important}
body.partner-portal .partnerHeaderStats .statModern.profit .statNumber,
body.partner-portal .partnerHeaderStats .statModern.available .statNumber{color:#fff!important}
body.partner-portal .partnerAccountHeader h1,body.partner-portal .partnerAccountHeader h2,
body.partner-portal .partnerAccountHeader .partnerName{color:#f2336f!important}
/* Form inputs and city picker */
body.partner-portal :is(input,select,textarea),body.partner-admin :is(input,select,textarea){
 color:#fff;caret-color:#f2336f;
}
body.partner-portal :is(input,select,textarea):focus,body.partner-admin :is(input,select,textarea):focus{border-color:#f2336f!important;box-shadow:0 0 0 3px rgba(242,51,111,.14)!important}
body.partner-portal :is(input,select,textarea)::placeholder{color:#bdbdbd!important}
body.partner-portal .partnerCityButton:is(:hover,.selected,.active),
body.partner-portal .partnerCityGrid .partnerCityButton.active{background:#28282b!important;border-color:#f2336f!important;color:#fff!important}
/* V61 quantity: saturated pink #f2336f plus, charcoal minus, brilliant white number. */
body.partner-portal .quantityCounter input[type=number]{background:#09090b!important;border-color:#47474b!important;color:#fff!important;box-shadow:none!important}
body.partner-portal .quantityCounter input:is(:focus,:focus-visible){outline:2px solid #f2336f!important;border-color:#f2336f!important}
body.partner-portal .qtyStep{background:#222226!important;color:#fff!important;border-color:#505055!important}
body.partner-portal .qtyStep.qtyPlus,body.partner-portal .qtyStep.qtyPlus:not(:disabled):hover{
 background:#f2336f!important;color:#fff!important;border-color:#f2336f!important;
}
body.partner-portal .qtyStep:not(:disabled):hover{background:#343438!important;border-color:#f2336f!important}
body.partner-portal .qtyQuickActions button{background:#1f1f21!important;border-color:#505054!important;color:#fff!important}
body.partner-portal .qtyQuickActions button:hover{background:#343438!important;border-color:#f2336f!important}
body.partner-portal .qtyQuickActions>span,body.partner-portal .qtyHelper{color:#d5d5d5!important}
/* Invoice: dark solid container with bright, single-color commission highlight. */
body.partner-portal .partnerInvoiceV61{
 background:#131315!important;border:1px solid #414144!important;
 box-shadow:0 14px 36px rgba(0,0,0,.30)!important;
}
body.partner-portal .invoiceIcon{background:#212124!important;border:1px solid #46464a!important;color:#fff!important}
body.partner-portal .invoiceHeading h3{color:#fff!important}
body.partner-portal .invoiceHeading p,body.partner-portal .invoiceLine span small,
body.partner-portal .invoiceCustomerTotal small,body.partner-portal .invoiceNote{color:#d3d3d3!important}
body.partner-portal .invoiceLive{background:#f2336f!important;color:#fff!important}
body.partner-portal .invoiceLine>span,body.partner-portal .invoiceLine b{color:#fff!important}
body.partner-portal .invoiceCustomerTotal{background:#1c1c1e!important;border-color:#454549!important}
body.partner-portal .invoiceCustomerTotal :is(strong,span){color:#fff!important}
body.partner-portal .commissionBill{
 background:#f2336f!important;border:1px solid #f2336f!important;color:#fff!important;
 box-shadow:0 12px 27px rgba(242,51,111,.24)!important;
}
body.partner-portal .commissionBill :is(b,small,strong){color:#fff!important}
body.partner-portal .commissionBill .commissionCoin{
 background:rgba(0,0,0,.20)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;
}
/* Buttons, loading states and system feedback */
body.partner-portal .pill.gold,body.partner-portal .tag.gold,body.partner-portal .notice.gold{
 background:#212124!important;border-color:#f2336f!important;color:#fff!important}
body.partner-portal .sidebar button.active,body.partner-portal .partnerSideMenu button.active{background:#f2336f!important;color:#fff!important;border-color:#f2336f!important}
body.partner-portal .partnerSideMenu button.active :is(span,b){color:#fff!important}
/* Fewer wasted rows on phones, without removing any functions or tabs. */
@media(max-width:700px){
 body.partner-portal .partnerPublicNav{min-height:58px!important;padding:9px 14px!important}
 body.partner-portal .partnerTopNavigation{padding:9px 12px!important;gap:8px!important;margin-bottom:12px!important}
 body.partner-portal .partnerTopNavigationBrand{display:none!important}
 body.partner-portal .partnerTopHome{display:none!important} /* Existing top header already links to home */
 body.partner-portal .partnerTopNavigationLinks{order:0!important;flex-basis:100%!important;justify-content:space-between!important;gap:3px!important;overflow-x:auto}
 body.partner-portal .partnerTopNavigationLinks button{font-size:11px!important;padding:10px 8px!important;border-radius:10px!important;min-height:43px}
 body.partner-portal .partnerGettingStarted{padding:13px!important;margin-bottom:10px!important;gap:6px!important}
 body.partner-portal .partnerGettingStarted p{line-height:1.85!important}
 body.partner-portal .partnerHeaderStats{gap:9px!important}
 body.partner-portal .partnerHeaderStats .statModern{min-height:110px!important}
 body.partner-portal .commissionBill{align-items:center!important;gap:9px!important}
 body.partner-portal .commissionBill>strong{font-size:clamp(17px,4.8vw,24px)!important}
}
@media(max-width:375px){body.partner-portal .partnerTopNavigationLinks button{padding:9px 5px!important;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.btn.primary,button.primary,.btn.gold{transition:none!important}}
/* V64 final mobile accessibility: all six sections visible as two rows, no tiny tabs. */
@media(max-width:700px){
 body.partner-portal .partnerTopNavigationLinks{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:5px!important;row-gap:6px!important;overflow:visible!important;width:100%!important;
 }
 body.partner-portal .partnerTopNavigationLinks button{
  white-space:normal!important;line-height:1.5!important;font-size:12px!important;
  width:100%!important;min-height:43px!important;padding:9px 4px!important;text-align:center!important;
  border-color:#333337!important;background:#1b1b1e!important;
 }
 body.partner-portal .partnerTopNavigationLinks button.active{
  background:#f2336f!important;border-color:#f2336f!important;color:#fff!important;
 }
}

/* V64 official brand palette: #f2336f is the single accent. */
:root,body{--pink:#f2336f!important;--pink2:#f2336f!important;--red:#f2336f!important;--darkred:#f2336f!important;--gold:#f2336f!important;--marketing-pink:#f2336f!important;--marketing-gold:#f2336f!important;--partnerRose:#f2336f!important;--unit-rose:#f2336f!important;--rose:#f2336f!important;--rose2:#f2336f!important}

/* V64: one accent pink (#F2336F), with monochrome surface and text only. */
:root,body{--brand:#f2336f!important;--accent:#f2336f!important;--primary:#f2336f!important;--pink:#f2336f!important;--pink2:#f2336f!important;--red:#f2336f!important;--darkred:#f2336f!important;--gold:#f2336f!important;--marketing-pink:#f2336f!important;--marketing-gold:#f2336f!important;--partnerRose:#f2336f!important;--unit-rose:#f2336f!important;--rose:#f2336f!important;--rose2:#f2336f!important;}