/* Wahid's Archive — emerald consistency layer. Loaded LAST on every page.
   - Dark emerald is the default look (matches the mobile reference); the toggle still switches to light.
   - Dark card tints stay in the emerald family (no brown / maroon).
   - No white or cream glow on boxes, navigation buttons or footer. */
html[data-theme="dark"]{--ar-lilac:#17352A;--ar-pink:#203A2A;--ar-butter:#153A35;--ar-sky:#1E3329;--ar-mint:#1F3B2C;
  --ar-out:10px 12px 24px rgba(2,8,5,.55),-3px -3px 10px rgba(95,176,149,.04);
  --ar-sm:5px 6px 12px rgba(2,8,5,.55),-2px -2px 6px rgba(95,176,149,.04);
  --ar-in:inset 2px 2px 5px rgba(95,176,149,.03),inset -3px -4px 8px rgba(2,8,5,.35);
  --ar-press:inset 5px 5px 9px rgba(2,8,5,.6),inset -3px -3px 7px rgba(95,176,149,.05)}
/* Header buttons, footer links, banners, result boxes: depth comes from dark shadow only */
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.nav-login,.whatsapp-header,.mobile-menu,.theme-toggle,.footer-contact-link,.home-palestine-banner,#homePalestineBanner,.newsletter-mark,.tool-result,.formula-equation,.graph-canvas-wrap,.graph-status){box-shadow:5px 6px 12px rgba(2,8,5,.55),inset 0 0 0 rgba(0,0,0,0)!important;border-color:transparent!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.tool-result,.formula-equation,.graph-canvas-wrap,.graph-status){box-shadow:inset 5px 5px 10px rgba(2,8,5,.55)!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.footer-contact,.footer-bottom,.footer-main){border-color:rgba(95,176,149,.14)!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body .certificate-seal{border-color:#C9A24D!important}
/* Outlines/focus rings stay gold, never white */
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body :focus-visible{outline-color:#E3C98B!important}
/* Login page: emerald + gold shapes (dark only) */
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body .login-shapes i{background:linear-gradient(145deg,#1D4A3A,#0F3328)!important;box-shadow:8px 10px 22px rgba(2,8,5,.5)!important;opacity:.7!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body .login-shapes .s2,html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body .login-shapes .s4{background:linear-gradient(145deg,#E3C98B,#C9A24D)!important;opacity:.4!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body .login-badge,html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body .login-badge.ok{background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:#10241D!important;box-shadow:0 12px 22px rgba(4,20,15,.45)!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e) body .login-badge *{color:#10241D!important;stroke:#10241D!important}
/* Safari / iOS: avoid blur halos around the header */
html body :is(.lux-header,.nav-wrap){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* Remaining cream hairlines (admin + login areas) */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) :is(.auth-tabs,.admin-header,.home-image-admin-preview,.home-banner-admin-preview,.showcase-status-box,.profile-upload,.link-manager,.certificate-seal){border-color:rgba(95,176,149,.18)!important}
html[data-theme="dark"] body:not(#a):not(#b):not(#c):not(#d):not(#e) .certificate-seal{border-color:#C9A24D!important}

/* ===== v3: dark home hero matches the other page heroes; admin row buttons always visible ===== */
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body section.hero{background:#14271F!important;background-image:none!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body section.hero .hero-sign{background:rgba(2,8,5,.28)!important;box-shadow:inset 5px 6px 12px rgba(2,8,5,.55),inset -4px -4px 10px rgba(95,176,149,.05)!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body section.hero :is(.welcome,.home-greeting){background:#14271F!important;box-shadow:5px 6px 12px rgba(2,8,5,.55),inset 2px 2px 5px rgba(95,176,149,.03)!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body section.hero :is(.welcome,.home-greeting) *{color:#E3C98B!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body section.hero .stats>div{background:rgba(2,8,5,.28)!important;box-shadow:inset 4px 4px 9px rgba(2,8,5,.5),inset -3px -3px 7px rgba(95,176,149,.05)!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body section.hero .btn.outline{background:#1D372C!important;box-shadow:5px 6px 12px rgba(2,8,5,.55)!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body section.hero .btn.outline,html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body section.hero .btn.outline *{color:#F4EEDF!important}
/* Materials / admin list: Details · Open · Edit · Delete as clear clay pills */
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .row-actions{display:flex!important;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;min-width:0}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .row-actions :is(a.tiny-link,button.edit,button.delete){display:inline-flex!important;align-items:center;justify-content:center;flex:none!important;width:auto!important;min-width:0!important;white-space:nowrap!important;padding:10px 18px!important;min-height:36px;font:800 12px/1 var(--ar-sans,Manrope,system-ui,sans-serif)!important;letter-spacing:.02em!important;text-transform:none!important;text-decoration:none!important;border:0!important;border-radius:999px!important;background:var(--ar-ctl,#FAF6EC)!important;color:var(--ar-ink,#12241D)!important;box-shadow:var(--ar-sm)!important;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.5,.5,1),box-shadow .2s ease}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .row-actions a.tiny-link{color:var(--ar-accent,#0F5A47)!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .row-actions button.delete{color:#B3392B!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .row-actions button.delete{color:#F2A99B!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .row-actions :is(a.tiny-link,button.edit,button.delete):hover{transform:translateY(-2px)}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .row-actions :is(a.tiny-link,button.edit,button.delete):active{transform:translateY(1px);box-shadow:var(--ar-press)!important}