/* WAJIB | Official visual identity v1.0, implementation V41.
   Owner approved palette 2026-10-28. Final shared layer in BOTH locales.
   Contrast: #fff on CTA #50652E, secondary #865A75; dark text on ivory.
   CTZ 7.0 / WCAG 2.2 AA / 8px grid / compact, responsive UI.
*/
:root {
  --brand-primary:#738D46; --brand-secondary:#865A75;
  --brand-accent:#E9DDC7; --brand-cta:#50652E;
  --brand-bg:#FBFAF5; --brand-text:#293226;
  --brand-cta-hover:#3D5222; --brand-muted:#4D594A;
  --brand-line:#DBDFD3; --brand-olive-soft:#EFF2E9;
  --brand-lilac-soft:#F2E9EE; --brand-white:#FFFFFF;
  --brand-shadow:0 9px 30px rgba(41,50,38,.07);
  --brand-round:14px;
  --brand-font-ar:'Noto Sans Arabic',Tahoma,Arial,sans-serif;
  --brand-font-title:'Noto Kufi Arabic','Noto Sans Arabic',Tahoma,sans-serif;
  --brand-font-en:'Inter',Arial,sans-serif;
  /* Bridge the previous W26/W29 design tokens to the one approved source. */
  --ink:var(--brand-text); --deep:var(--brand-text);
  --accent:var(--brand-cta);--accent-d:var(--brand-cta-hover);
  --cream:var(--brand-bg);--surface:#fff;
  --line:var(--brand-line);--muted:var(--brand-muted);
  --burgundy:var(--brand-text);--gold:var(--brand-primary);
  --c-bg:var(--brand-bg);--c-ink:var(--brand-text);
  --c-night:var(--brand-text);--c-brand:var(--brand-cta);
  --c-gold:var(--brand-primary);--c-warm:var(--brand-accent);
  --c-card:#fff;--c-soft:var(--brand-olive-soft);
  --c-border:var(--brand-line);--c-muted:var(--brand-muted);
  --c-focus:var(--brand-cta);
  --ui-bg:var(--brand-bg);--ui-panel:#fff;
  --ui-border:var(--brand-line);--ui-muted:var(--brand-muted);
  --wajib-bg:var(--brand-bg);--wajib-soft:var(--brand-olive-soft);
  --wajib-line:var(--brand-line);--wajib-text:var(--brand-text);
  --wajib-muted:var(--brand-muted);
  --wajib-gradient:linear-gradient(120deg,#E9DDC7,#F3F1E8 65%,#F8F2F6);
  --w29-plum:var(--brand-text);--w29-plum-soft:#374533;
  --w29-coral:var(--brand-primary);--w29-orange:var(--brand-primary);
  --w29-violet:var(--brand-secondary);--w29-coral-deep:var(--brand-cta);
  --w29-violet-deep:var(--brand-secondary);
  --w29-background:var(--brand-bg);--w29-paper:#fff;
  --w29-ivory:#F6F2E9;--w29-soft-pink:var(--brand-olive-soft);
  --w29-soft-purple:var(--brand-lilac-soft);
  --w29-text:var(--brand-text);--w29-muted:var(--brand-muted);
  --w29-border:var(--brand-line);
  --w29-spectrum:linear-gradient(120deg,#E7EDD9,#F8F4EA 58%,#F1E5EE);
  --w29-spectrum-strong:linear-gradient(125deg,#50652E,#3E5227);
  --w29-hero:linear-gradient(119deg,#F5F1E9,#EDF1E5 56%,#F8F0F4);
  --w29-shadow:var(--brand-shadow);
  --w37-charcoal:var(--brand-text);--w37-ivory:var(--brand-bg);
  --w37-beige:var(--brand-accent);--w37-sand:#DCCEB6;
  --w37-gold:#AA761E; /* star glyph color, distinct from brand CTA */
}
html { accent-color:var(--brand-cta); scrollbar-color:#B6C4A2 var(--brand-bg); }
html[lang=ar] body, body {font-family:var(--brand-font-ar)!important;font-size:15px;line-height:1.72;color:var(--brand-text);}
html[lang=en] body, body[lang=en] {font-family:var(--brand-font-en)!important;}
body,body.founder-layout,body.provider-layout {
  background:var(--brand-bg)!important;color:var(--brand-text)!important;
}
::selection{background:#CADAB0;color:var(--brand-text)}
:where(h1,h2,h3,h4,h5,h6,.section-heading h2,.page-title,.page-top h1,.auth-card h1){
  font-family:var(--brand-font-title);color:var(--brand-text)!important;
  letter-spacing:normal!important;line-height:1.48;
}
html[lang=en] :where(h1,h2,h3,h4,h5,h6,.page-title,.page-top h1) {font-family:var(--brand-font-en)}
h1{font-size:clamp(1.6rem,2.3vw,2.3rem)!important}
h2{font-size:clamp(1.22rem,1.8vw,1.62rem)!important}
h3{font-size:clamp(1rem,1.4vw,1.22rem)!important}
p,.muted,.subdued,.meta,small,.caption{color:var(--brand-muted)}
a{color:var(--brand-cta)}
a:hover{color:var(--brand-cta-hover)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[role=button]:focus-visible {
  outline:3px solid var(--brand-secondary)!important;outline-offset:3px!important;
}
:where(input:not([type=checkbox]):not([type=hidden]):not([type=radio]),select,textarea){
  min-height:44px;background:#fff!important;color:var(--brand-text)!important;
  border-color:#BDCAB0!important;border-radius:10px!important;
}
:where(input,select,textarea)::placeholder {color:#586854;opacity:1}
:where(input,select,textarea):focus {border-color:var(--brand-cta)!important;
  box-shadow:0 0 0 3px rgba(115,141,70,.17)!important}
:where(label,legend){color:var(--brand-text)}
:where(.header,.founder-layout .header) {
  background:rgba(251,250,245,.98)!important;
  border-bottom:1px solid var(--brand-line)!important;
  box-shadow:0 3px 13px rgba(41,50,38,.045)!important;
}
.header::before{height:2px!important;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary))!important}
.header .official-wordmark,.footer .official-wordmark{
  width:auto;max-width:100%;height:40px;object-fit:contain;filter:none!important;
}
.header .header-inner{min-height:68px;gap:14px}
.header .brand {min-width:0;padding-inline:2px}
.header .brand:focus-visible{outline-offset:5px}
:where(.menu a,.header-login,.language-switch button,.mobile-drawer a){
  color:var(--brand-text)!important;font-size:.87rem
}
:where(.menu a[aria-current=page],.menu a:hover,.mobile-drawer a[aria-current=page],
  .mobile-drawer a:hover){
  background:var(--brand-olive-soft)!important;color:var(--brand-cta)!important;
  border-color:#C9D4B7!important
}
:where(.language-switch button,.my-events-shortcut,.header-utility,.mobile-menu-trigger){
  background:#fff!important;border:1px solid var(--brand-line)!important;
  color:var(--brand-text)!important;border-radius:10px!important;
}
:where(.language-switch button:hover,.my-events-shortcut:hover,.header-utility:hover){
  background:var(--brand-olive-soft)!important;color:var(--brand-cta)!important;
}
.mobile-menu-trigger span{background:var(--brand-text)!important}
.mobile-drawer,.mobile-bottom-nav{
  background:rgba(251,250,245,.99)!important;border-color:var(--brand-line)!important;
  box-shadow:0 -5px 20px rgba(41,50,38,.07)!important
}
.mobile-bottom-nav a{color:var(--brand-text)!important}
.mobile-bottom-nav a[aria-current=page] {
  background:var(--brand-olive-soft)!important;color:var(--brand-cta)!important
}
.mobile-bottom-nav a[aria-current=page] .mobile-nav-icon{color:var(--brand-cta)!important}
:where(.button,.header-install,.account-button,.premium-search button,.auth-card button[type=submit],
 .form-card button[type=submit]){
  border-radius:10px!important;min-height:44px;transition:background .16s,box-shadow .16s,transform .16s;
}
.header .account-button,.account-button,.header-install,.premium-search .button,
.button:not(.light):not(.ghost):not(.danger):not(.button-champagne):not(.button-join),
button.button[type=submit],button[type=submit]:not(.minimal):not(.light):not(.ghost):not(.danger) {
  background:var(--brand-cta)!important;color:#fff!important;
  border:1px solid var(--brand-cta)!important;
  box-shadow:0 3px 10px rgba(41,50,38,.12)!important;
}
.header .account-button:hover,.account-button:hover,.header-install:hover,.premium-search .button:hover,
.button:not(.light):not(.ghost):not(.danger):hover,
button[type=submit]:not(.minimal):not(.light):not(.ghost):not(.danger):hover {
  background:var(--brand-cta-hover)!important;color:#fff!important;transform:none!important;
}
:where(.button.light,.button.ghost,.button-join,.button-champagne){
  background:#fff!important;color:var(--brand-cta)!important;
  border:1px solid var(--brand-cta)!important;
}
:where(.button.light,.button.ghost,.button-join,.button-champagne):hover {
  background:var(--brand-olive-soft)!important;color:var(--brand-cta-hover)!important;
}
:where(.minimal,.text-button,.text-link,.section-more,.card-more,.subdued-link,.link-pill){
  color:var(--brand-cta)!important
}
:where(.button.danger,.danger):is(button,a){
  background:#A13244!important;border-color:#A13244!important;color:#fff!important
}
:where(.button.danger,.danger):is(button,a):hover{background:#7F2633!important;color:#fff!important}
button:disabled,.button[aria-disabled=true]{opacity:.62;cursor:not-allowed}
.premium-hero,.hero{
  background:var(--w29-hero)!important;
  border:1px solid #DCE4D2!important;color:var(--brand-text)!important;
  box-shadow:0 13px 35px rgba(41,50,38,.07)!important;
}
.premium-hero::before,.hero::before{background:radial-gradient(circle at 0% 100%,rgba(115,141,70,.12),transparent 60%)!important}
.premium-hero::after,.hero::after{background:radial-gradient(circle at 100% 0%,rgba(134,90,117,.09),transparent 55%)!important}
.premium-hero :where(h1,h2,h3,strong),.hero :where(h1,h2,h3,strong) {color:var(--brand-text)!important}
.premium-hero :where(p,small,.hero-overline),.hero :where(p,small,.hero-overline){color:var(--brand-muted)!important}
.premium-hero :where(h1 em,h2 em),.hero :where(h1 em,h2 em){color:var(--brand-cta)!important}
.premium-search,.hero-search{background:#fff!important;border:1px solid var(--brand-line)!important;
  box-shadow:0 8px 18px rgba(41,50,38,.07)!important}
:where(.premium-pills a,.hero-shortcuts a,.category-tag,.chips>span,.status,.status-strip,
 .w37-profile-video-featured){
  background:var(--brand-olive-soft)!important;color:var(--brand-cta)!important;
  border:1px solid #C9D7B8!important;
}
:where(.premium-pills a,.hero-shortcuts a):hover{background:#DDE9CC!important;color:var(--brand-cta-hover)!important}
:where(.category-symbol,.tile-icon,.profile-avatar,.avatar){
  background:linear-gradient(135deg,#D4DFC0,#E9DDC7)!important;color:var(--brand-text)!important
}
:where(.category,.editorial-category,.provider-card,.service,.card-section,.filters,.form-card,
 .form-wide,.list-card,.review,.stat-card,.stats>div,.profile-summary,.profile-gallery,.auth-card,
 .financial-card,.receipt,.chat-card,.reel-info,.support-card,.notification-card,.table-wrap,
 .control-grid>*,.how-grid>*,.event-card,.pricing-card,.benefits-strip,.profile-hero){
  background:#fff!important;border:1px solid var(--brand-line)!important;
  box-shadow:var(--brand-shadow)!important;border-radius:var(--brand-round)!important;
}
:where(.category,.editorial-category,.provider-card,.list-card,.service):hover{
  border-color:#A5BA8C!important;box-shadow:0 11px 26px rgba(41,50,38,.1)!important
}
.provider-card .card-cover{
  background:linear-gradient(143deg,#E8E1D2,#E2EACA)!important;
}
.provider-card .card-body h3{font-size:1.03rem!important}
:where(.price,.amount,.rate,.result-total,.provider-card-bottom strong,.service-side strong){
  color:var(--brand-cta)!important;
}
:where(.muted,.meta,.card-body p,.card-body .meta,.w37-reel-caption span){
  color:var(--brand-muted)!important
}
:where(.free-launch-banner,.w37-onboarding-card,.w37-search-video,.w37-onboarding-note,.empty){
  background:var(--brand-olive-soft)!important;color:var(--brand-text)!important;
  border:1px solid #D6E0CA!important;box-shadow:none!important;
}
:where(.free-launch-banner strong,.w37-onboarding-card h2,.w37-search-video-info strong){
  color:var(--brand-text)!important
}
:where(.free-launch-banner p,.w37-onboarding-note,.w37-search-video-info){color:var(--brand-muted)!important}
.dashboard-intro,.founder-layout .dashboard-intro {
  background:linear-gradient(120deg,#293226,#3B4C33)!important;color:#fff!important;
  border:1px solid #364630!important;box-shadow:0 8px 20px rgba(41,50,38,.13)!important;
}
.dashboard-intro :where(h1,h2,h3,p,strong,small),.founder-layout .dashboard-intro :where(h1,h2,h3,p,strong,small){
  color:#fff!important
}
:where(.stats>div,.dashboard-links a,.control-grid>*,.table-wrap){border-color:var(--brand-line)!important}
:where(.stats strong,.financial-card strong,.stat-card strong){color:var(--brand-text)!important}
:where(.table-wrap,table){background:#fff;color:var(--brand-text)}
:where(table th,thead td){background:var(--brand-olive-soft)!important;color:var(--brand-text)!important}
:where(table td,table th){border-color:var(--brand-line)!important}
:where(.alert,.chat-trust,.moderation-notice){
  background:#FFF7E8!important;color:#55441E!important;border:1px solid #E8CFA0!important;
}
:where(.alert a,.chat-trust a,.moderation-notice a){color:#654F18!important}
:where(.messages,.chat-thread,.thread-messages,.message-list){background:var(--brand-bg)!important}
:where(.message,.chat-message){background:#F1F2EF!important;color:var(--brand-text)!important;
  border:1px solid #DEE1DC!important;border-radius:15px!important;
  max-width:min(88%,540px);overflow-wrap:anywhere;
}
:where(.message.mine,.chat-message.mine,.message.own){
  background:#DDEAD0!important;border-color:#C5D6B6!important;
  color:var(--brand-text)!important;
}
:where(.message p,.message small,.message.mine p,.message.mine small,
.chat-message p,.chat-message small){color:var(--brand-text)!important}
.message small,.chat-message small{opacity:.76}
:where(.w37-reel,.w37-profile-video,.media-card,.premium-reel,.reel-info){
  background:#fff!important;border:1px solid var(--brand-line)!important
}
:where(.w37-reel-caption a,.w37-profile-video figcaption){color:var(--brand-text)!important}
.w37-rating{font-size:.91rem!important;color:var(--brand-text)!important;gap:7px}
.w37-star{font-size:1.19rem!important;color:#C1C8BB}
.w37-rating--compact{background:#FBFAF5F2!important;border-color:#CFD7C2!important;
  padding:7px 9px!important}
.w37-rating--compact .w37-star{font-size:1.08rem!important}
.w37-rating-value{font-size:.95rem;color:var(--brand-text)!important}
.w37-rating-count,.w37-rating-empty{font-size:.78rem!important;color:var(--brand-muted)!important}
.w37-star-fill{color:#A56E16!important}
.w37-profile-video-featured{padding:4px 8px}
:where(.w37-search-video-info a,.w37-reel-caption a){color:var(--brand-cta)!important}
:where(.badge,.chip,.eyebrow){color:var(--brand-cta)!important}
.footer {background:var(--brand-text)!important;color:#fff!important}
.footer :where(p,small,.footnote){color:#EBF0E7!important}
.footer :where(a,.footer-links a){color:#FFFFFF!important}
.footer a:hover{color:#DDEAD0!important}
.footer-logo{display:inline-flex;align-items:center;background:var(--brand-bg)!important;
  border-radius:12px;padding:8px 12px}
.footer .official-wordmark{height:36px}
.footer .footnote{border-top-color:rgba(255,255,255,.22)!important}
.founder-footer{background:var(--brand-text)!important}
.founder-footer :where(a,span){color:#fff!important}
@media(max-width:760px){
  .header .official-wordmark{height:32px!important;width:auto!important;max-width:138px!important}
  .header .header-inner{min-height:61px;gap:6px}
  .header .account{gap:5px!important}
  .header .brand{max-width:145px!important}
  .mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)}
  .mobile-bottom-nav a{min-height:48px}
  :where(.button,button[type=submit],.button.small){min-height:44px}
  .wrap{width:min(100% - 24px,1160px)}
  .content{padding-top:18px}
}
@media(max-width:375px){
  .header .official-wordmark{height:27px!important;max-width:112px!important}
  .header .brand{max-width:116px!important}
  .header .header-brand-cluster{gap:4px!important}
  .header .account{gap:4px!important}
  .footer-logo{padding:6px 9px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* CTZ visual audit: legacy authentication/installation/help panels had dark
   backgrounds behind newly dark headings. Re-surface all with readable ink. */
:where(.auth-promo,.install-page-hero,.assistant-hero,.logistics-hero) {
  background:linear-gradient(130deg,#E9DDC7,#F3F0E7 64%,#F3E9EF)!important;
  color:var(--brand-text)!important;border:1px solid #DADFCF!important;
  box-shadow:var(--brand-shadow)!important;
}
:where(.auth-promo,.install-page-hero,.assistant-hero,.logistics-hero)
 :where(h1,h2,h3,p,strong,small,.eyebrow,.text-link) {
  color:var(--brand-text)!important;
}
:where(.auth-promo,.install-page-hero,.assistant-hero,.logistics-hero) .eyebrow {
  color:var(--brand-cta)!important;
}
.install-app-mark{background:#FBFAF5!important;border:1px solid var(--brand-line)!important}
:where(.premium-benefits,.benefits-strip) :where(.benefit-icon,.benefit-symbol,.icon-wrap) {
  background:var(--brand-olive-soft)!important;color:var(--brand-cta)!important;
}
:where(.premium-benefits,.benefits-strip) :where(h3,h4,strong,p,small) {
  color:var(--brand-text)!important
}
:where(.category-symbol,.premium-feature-icon,.eyebrow-mark,.hero-overline-dot,.dot){
  color:var(--brand-cta)!important
}

/* Readability and accent alignment from real founder dashboard QA at 390px. */
.dashboard-intro :where(.eyebrow,.hero-overline,.meta,.dashboard-intro-label),
.founder-layout .dashboard-intro :where(.eyebrow,.hero-overline,.meta,.dashboard-intro-label) {
  color:#EDF3E7!important;
}
:where(.stats>div,.founder-layout .stats>div,.stat-card) {
  border-top-color:var(--brand-primary)!important;
}
:where(.dashboard-links a,.founder-layout .dashboard-links a) {
  background:#fff!important;color:var(--brand-text)!important;
  border:1px solid var(--brand-line)!important;border-radius:11px!important;
}
:where(.dashboard-links a,.founder-layout .dashboard-links a):hover {
  background:var(--brand-olive-soft)!important;
  border-color:#B6C7A4!important;color:var(--brand-cta)!important;
}
.ai-chat-screen :where(.ai-chat-header,.ai-chat-topbar){
  background:#fff!important;color:var(--brand-text)!important;
}