/* FieldGrid LLC login variant - loaded after login.css + brand.css.
   P10A split layout: the form panel keeps the shared light tokens from
   login.css (near-black ink on a near-white surface - WCAG AA "for free"),
   tinted a hair warm-lime so it still reads as this tenant's own panel.
   Only --accent/--accent-hover/--accent-glow/--sidebar are remapped to
   brand.css's --ot-* tokens, which is what actually re-colours the button,
   the input focus ring and every ot-hero-* accent (they all read
   var(--accent)). Hero: topographic fleet-network editorial art,
   object-position keeps the central hub + its node cluster in frame; the
   veil gives it a warm forest-green wash so the photo reads as part of
   this palette. */

.ot-ctx-fieldgrid-llc {
  --background: #F8FAF2;
  --surface-2: #EFF5E7;
  --accent: var(--ot-accent);
  --accent-hover: var(--ot-accent-hover);
  --accent-glow: rgba(166, 240, 13, 0.18);
  /* Dark green button text on the bright lime accent keeps AA contrast. */
  --sidebar: var(--ot-background);
  /* Per-tenant typography (--ot-font comes from brand.css, generated from
     brand/demo-tenants/fieldgrid-llc/brand.json). Cascades to .ot-input and
     .ot-button, which already declare font-family: inherit. */
  font-family: var(--ot-font, inherit);
}

/* Quiet per-variant touch: soft-rounded fields read "grid / structured". */
.ot-ctx-fieldgrid-llc .ot-input,
.ot-ctx-fieldgrid-llc .ot-button { border-radius: 10px; }

/* Layout personality: art-directed crop keeps the network's central hub
   node in frame regardless of viewport height (goal: each tenant hero
   should read deliberately cropped, not just "an image that got cover'd"). */
.ot-ctx-fieldgrid-llc .ot-split-hero-img { object-position: 66% 55%; }

.ot-ctx-fieldgrid-llc .ot-split-hero-veil {
  background:
    linear-gradient(200deg, rgba(166, 240, 13, 0.14), transparent 40%),
    linear-gradient(0deg, rgba(4, 16, 10, 0.5), transparent 40%);
}

/* Hero node-pulse (login.ftl): positioned over the hub's node cluster. */
.ot-ctx-fieldgrid-llc .ot-hero-node-pulse { top: 46%; left: 66%; }

/* .ot-hero-dot / .ot-hero-hairline-fill / .ot-hero-node-pulse already fall
   back to a static state under prefers-reduced-motion in the shared
   login.css - nothing tenant-specific to disable here. */

@media (min-width: 1024px) {
  .ot-ctx-fieldgrid-llc .ot-split { flex-direction: row-reverse; }
}