/* V34: app version cache busting + full Islamic background patterns */
:root{--islamic-bg-image:url('../images/backgrounds/islamic-arches-soft.svg')}
body:not(.login-page){
  background-image:
    var(--islamic-bg-image),
    radial-gradient(circle at 10% 7%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 34%),
    radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 30%)!important;
  background-size:cover,auto,auto!important;
  background-position:center,11% 6%,86% 18%!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-attachment:fixed,scroll,scroll!important;
}
html[data-theme="dark"] body:not(.login-page){
  background-image:
    linear-gradient(rgba(6,18,24,.78),rgba(6,18,24,.78)),
    var(--islamic-bg-image),
    radial-gradient(circle at 10% 7%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 34%),
    radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--gold) 7%,transparent),transparent 30%)!important;
  background-size:cover,cover,auto,auto!important;
  background-position:center,center,11% 6%,86% 18%!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-attachment:fixed,fixed,scroll,scroll!important;
}
html body:not(.login-page){background-color:var(--bg)!important}
.site-footer__bottom span{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.app-version-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:950;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border))}.pattern-preview-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pattern-preview{min-height:76px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);padding:10px;font-weight:900;color:var(--text);position:relative;overflow:hidden}.pattern-preview::before{content:'';position:absolute;inset:0;background:var(--preview-bg) center/cover no-repeat;opacity:.82}.pattern-preview span{position:relative;z-index:1;background:color-mix(in srgb,var(--surface) 80%,transparent);padding:5px 8px;border-radius:999px;font-size:12px}
.pattern-preview{cursor:pointer;text-align:center;font:inherit}.pattern-preview:hover,.pattern-preview.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}