/* =============================================================
   Unihackers branding for the Twenty login page.
   Injected via nginx sub_filter sidecar in front of the Twenty
   container. Targets stable data-testid attributes and uses
   :has() so we do not couple to Linaria hashed class names,
   which change on every Twenty rebuild.
   ============================================================= */

/* Hide the sample CRM rendered behind the login modal.
   The modal-backdrop shares a flex parent with the sidebar and
   main area; anything that is not the backdrop under that parent
   is the unwanted demo content. */
*:has(> [data-testid="modal-backdrop"]) > :not([data-testid="modal-backdrop"]) {
  display: none !important;
}

/* Fully opaque backdrop so nothing bleeds through. */
[data-testid="modal-backdrop"] {
  background: #0A0A0A !important;
}

/* Subtle Unihackers green accent. */
[data-testid="modal-backdrop"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 10%, rgba(0, 241, 147, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 80% 90%, rgba(0, 241, 147, 0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}