/* ============================================================
   PER-TAB ROBOTS v48.22 (2026-07-17)
   Fiecare tab are robotul = agent titular, cu glow color specific.
   Pastreaza animatia robotFloat existenta; pe mobil 60px.

   Agent mapping:
     dashboard   → bos     (#ff7a00 orange)
     decizii     → nora    (#a855f7 purple)
     leads       → hunter  (#ef4444 red)
     postari     → mira    (#d946ef magenta)
     media       → carlos  (#c084fc light purple)
     comanda     → klark   (#f59e0b amber)
     intake      → bos     (#ff7a00 orange)
     mk          → dexter  (#06b6d4 cyan)
     chat        → nora    (#a855f7 purple)
     chat-admin  → bos     (#ff7a00 orange)
     rapoarte    → klark   (#f59e0b amber)
     hercules    → bos     (#ff7a00 orange)
   ============================================================ */

/* Override per-tab --robot-color pe .bg-robot prin [data-agent] */
.bg-robot[data-agent="bos"]    { --robot-color: rgba(212, 175, 55, 0.8); }  /* golden, not orange (Ali, 2026-07-18) */
.bg-robot[data-agent="nora"]   { --robot-color: rgba(168, 85, 247, 0.70); }
.bg-robot[data-agent="hunter"] { --robot-color: rgba(239, 68, 68, 0.70); }
.bg-robot[data-agent="mira"]   { --robot-color: rgba(217, 70, 239, 0.70); }
.bg-robot[data-agent="carlos"] { --robot-color: rgba(192, 132, 252, 0.70); }
.bg-robot[data-agent="klark"]  { --robot-color: rgba(245, 158, 11, 0.70); }
.bg-robot[data-agent="dexter"] { --robot-color: rgba(6, 182, 212, 0.70); }

/* Glow mai puternic — masca trebuie sa para vie */
.bg-robot {
  filter: drop-shadow(0 0 18px var(--robot-color, transparent)) drop-shadow(0 0 6px var(--robot-color, transparent));
  transition: background-image 0.6s ease, filter 0.6s ease;
}

/* Mobile: pastram dar mai mic.
   FIX 2026-07-18: containing block-ul lui .bg-robot e header.app-header
   (position:relative, ~130px inalt pe mobil), nu viewport-ul. bottom:80px
   fata de un header de 130px il impingea la top:-52px, adica in afara
   ecranului (de-aia "nu apare pe mobil"). position:fixed il ancoreaza
   corect fata de viewport, ca un mascot plutitor jos-dreapta. */
@media (max-width: 768px) {
  .bg-robot {
    /* Anchored to header.app-header (position:relative, set in 10-shell.css),
       next to the logo — NOT position:fixed. It used to float fixed to the
       viewport (bottom:80px), which meant it drifted over whatever content
       happened to scroll under that screen position instead of staying put
       near the logo (Ali, 2026-07-18). */
    position: absolute !important;
    width: 48px !important;
    height: 48px !important;
    top: 50% !important;
    bottom: auto !important;
    right: 24px !important;
    transform: translateY(-50%) !important;
    opacity: 0.9 !important;
    z-index: 5 !important;
  }
}

/* Indicator mic langa robot — culoarea agentului */
.bg-robot::before {
  content: '';
  position: absolute;
  bottom: -4px; right: -4px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--robot-color, transparent);
  box-shadow: 0 0 8px var(--robot-color, transparent);
  animation: robotPulseDot 2.4s ease-in-out infinite;
}
@keyframes robotPulseDot {
  0%, 100% { transform: scale(1); opacity: 0.9; }
  50%      { transform: scale(1.3); opacity: 0.6; }
}