/* خلفية موحّدة لمنصة XSecRoot — نفس صفحة الشهادات */
html.xsecroot-shell {
  background: linear-gradient(165deg, #faf5ff 0%, #f8fafc 45%, #fff7ed 100%);
  min-height: 100%;
}

html.xsecroot-shell body {
  background-color: #f8fafc;
  background-image:
    radial-gradient(circle at 50% 15%, rgba(79, 70, 229, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(37, 99, 235, 0.08) 0%, transparent 50%),
    linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  background-attachment: fixed;
  color: #0f172a;
}

html.xsecroot-shell body.learn-workspace,
html.xsecroot-shell body.learn-admin-workspace {
  background-color: #f8fafc;
  background-image:
    radial-gradient(circle at 50% 15%, rgba(79, 70, 229, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(37, 99, 235, 0.08) 0%, transparent 50%),
    linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  background-attachment: fixed;
}

html.xsecroot-shell body.learn-admin-workspace main {
  background-color: transparent;
}

html.xsecroot-shell body.xsr-landing,
html.xsecroot-shell body.auth-body-calm,
html.xsecroot-shell body.auth-body-login,
html.xsecroot-shell body.admin-workspace {
  background-color: #f8fafc;
  background-image:
    radial-gradient(circle at 50% 15%, rgba(79, 70, 229, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(37, 99, 235, 0.08) 0%, transparent 50%),
    linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  background-attachment: fixed;
}

html.xsecroot-shell body.design-workspace,
html.xsecroot-shell body.data-workspace,
html.xsecroot-shell body.verify-workspace {
  background-color: #f8fafc !important;
  background-image:
    radial-gradient(circle at 50% 15%, rgba(79, 70, 229, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(37, 99, 235, 0.08) 0%, transparent 50%),
    linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) !important;
  background-attachment: fixed;
}

html.xsecroot-shell body.design-workspace .layout,
html.xsecroot-shell body.data-workspace .layout,
html.xsecroot-shell body.verify-workspace .verify-main-layout.layout {
  background-color: transparent !important;
  background-image: none !important;
}