/* Operio Pulse branding — injected by box3 nginx (deploy/box3/pulse.sh nginx). The app itself is unmodified.
   Selectors target the upstream build pinned in docker-compose.yml; re-check the login page after any upgrade. */

/* Operio amber instead of the upstream purple; dark text on amber for contrast. */
:root, html, html.dark, body {
  --color-forth: #F5A623 !important;
  --new-btn-primary: #F5A623 !important;
}
.bg-forth, .bg-btnPrimary, .hover\:bg-forth:hover, .group:hover .group-hover\:bg-btnPrimary,
.forceChange .changeColor { color: #111 !important; }
.bg-forth *, .bg-btnPrimary * { color: inherit; }

/* The upstream wordmark (inline SVG) → the Operio Pulse logo. Pure CSS, so React never sees a change. */
svg[viewBox="0 0 101 33"] {
  width: 168px !important;
  height: 36px !important;
  background: url("/operio-pulse/logo.svg") left center / contain no-repeat;
}
svg[viewBox="0 0 101 33"] > * { display: none !important; }

/* ---- sign-in pages only (data-op-auth is set by operio-pulse.js on /auth routes) ---- */

/* No Google sign-in (not configured) and no public sign-up (accounts are created by Operio). */
html[data-op-auth] .text-\[14px\].mt-\[32px\].mb-\[12px\],
html[data-op-auth] .bg-white.h-\[52px\].rounded-\[10px\],
html[data-op-auth] .h-\[20px\].mb-\[24px\].mt-\[24px\].relative,
html[data-op-auth] p:has(> a[href="/auth"]) { display: none !important; }

/* Right-hand marketing panel → Operio message. */
html[data-op-auth] .text-\[36px\].flex-1.pt-\[88px\] > * { display: none !important; }
html[data-op-auth] .text-\[36px\].flex-1.pt-\[88px\] {
  justify-content: center;
  padding: 48px !important;
  gap: 20px;
  text-align: center;
  background:
    radial-gradient(ellipse at 50% 35%, rgba(245, 166, 35, 0.14), transparent 60%);
}
html[data-op-auth] .text-\[36px\].flex-1.pt-\[88px\]::before {
  content: "";
  width: 96px;
  height: 96px;
  background: url("/operio-pulse/mark.svg") center / contain no-repeat;
  filter: drop-shadow(0 0 24px rgba(245, 166, 35, 0.35));
}
html[data-op-auth] .text-\[36px\].flex-1.pt-\[88px\]::after {
  content: var(--op-headline);
  white-space: pre-line;
  font-size: 34px;
  line-height: 1.3;
  font-weight: 500;
  max-width: 520px;
}
html[data-op-auth] { --op-headline: "Your social media, always on.\A You approve, we publish."; }
html[data-op-auth][data-op-lang="es"] { --op-headline: "Tus redes, siempre activas.\A Tú apruebas, nosotros publicamos."; }

/* Licence notice (AGPL source offer), added by operio-pulse.js on sign-in pages. */
.op-licence {
  position: fixed;
  left: 16px;
  bottom: 12px;
  z-index: 50;
  font-size: 12px;
  color: #8a8a8a;
  text-decoration: underline;
}
.op-licence:hover { color: #F5A623; }