/*
 * SimpleFiber AI Receptionist — minimal NS portal CSS.
 * BUILD_TAG: prod-2026-04-27e-mirror-sprite
 *
 * What this file does (round 5, per Zack 2026-04-27):
 *   ONE thing - point ALL nav-button icons (.nav-bg-image) at our
 *   mirrored copy of NS's sprite, into which we've added an AI
 *   Receptionist icon at cell (592,120) (the only empty cell in NS's
 *   9x3 grid). Native icons stay pixel-identical because our sprite
 *   IS NS's sprite, just with one cell filled in.
 *
 *   Tile chrome (gradient, hover state, current-page color, border,
 *   radius) is left to NS's stock styling, driven by the standard
 *   PORTAL_CSS_PRIMARY_1 / _2 / _3 UICONFIG variables. Header,
 *   sub-bar, dropdowns, login - all NS native + UICONFIG.
 *
 *   When NS ships a portal update with new tabs, those tabs will
 *   render blank icons until we re-mirror NS's sprite. Sprite source:
 *   https://talk.simplefiber.com/portal/img/nav/navigation-background.png.
 *   Re-mirror with C:/temp/build-nav-sprite.py (preserved in repo).
 *
 * Loaded via NS Platform Setting PORTAL_CSS_CUSTOM ->
 *   https://receptionist.simplefiber.com/portal-custom.css
 *
 * Hard-refresh any Manager Portal page to apply changes.
 */

/* ── Global nav-icon sprite override ───────────────────────────────── */
/* NS's stock CSS sets .nav-bg-image background-image to
   /portal/img/nav/navigation-background.png. We override it to our
   mirrored copy so the AI Receptionist tile (which references position
   -592px -120px below) finds its icon in the same canvas as everything
   else. Per-tile background-position values (set by NS's stock CSS for
   each #nav-* id) continue to crop the correct icon - we haven't
   moved any of NS's existing icons, just filled in cell (592,120). */
.nav-bg-image {
  background-image: url('https://receptionist.simplefiber.com/nav-sprite.png') !important;
}

/* ── AI Receptionist tile ─────────────────────────────────────────── */
/* The tile's <li id="sf-ai-receptionist-nav"> is injected by
   portal-inject.js. NS has no #nav-* CSS rule pinning a background-
   position for it, so we set the position here to crop the new
   receptionist cell in the sprite. */
#sf-ai-receptionist-nav .nav-bg-image {
  background-position: -592px -120px !important;
}