/* SentinelLabeler's own accent theme, layered on top of the shared styles.css design system
   (copied verbatim from sentinel-website/assets/css/styles.css) exactly the way that file's own
   per-page themes work (see its "PER-PAGE ACCENT THEMES" block) -- same mechanism, new theme name,
   so every component that already reads var(--accent)/var(--accent-2)/var(--grad) just picks this
   up for free. Matches the amber identity already used for /admin/labeler and the license-server's
   own SentinelLabeler pages this session, so the whole product has one consistent secondary color. */
html[data-page-theme="labeler"] {
  --accent: #FFB000;
  --accent-2: #FF7A3D;
  --accent-hue: 38;
  --grad: linear-gradient(100deg, var(--accent), var(--accent-2));
}

/* SentinelLabeler's own brand mark -- same 30x30 rounded-badge component as JayyVision's "SCV" mark
   (styles.css .brand .mark), just "SL" instead, and using --grad (this theme's amber) instead of
   --grad-brand (styles.css re-pins .mark/.mark-text to the constant JayyVision cyan/magenta at
   line ~688 regardless of page theme, since that IS the JayyVision-specific brand identity --
   this override undoes that pin for SentinelLabeler's own pages only). */
.brand.labeler-brand .mark {
  background: var(--grad);
  box-shadow: 0 6px 18px -6px rgba(255,176,0,.5);
}
.brand.labeler-brand .mark-text b {
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}