/* When a placeholder box has a real uploaded image, hide the placeholder chrome */
.ph.treei-filled::after{display:none !important}
.ph.treei-filled .ph-i,
.ph.treei-filled .ph-tag{display:none !important}
.ph.treei-filled{background-color:transparent !important}

/* ============================================================
   Live Dashboard LED — blinks/pulses through all brand colours
   ============================================================ */
.cta-live .dot{
  width:7px;height:7px;border-radius:50%;
  animation: treeiLedColor 5s infinite, treeiLedPulse 1s ease-out infinite !important;
}
@keyframes treeiLedColor{
  0%,19%   {background:#53c0e6;color:#53c0e6}   /* sky   */
  20%,39%  {background:#53c06e;color:#53c06e}   /* green */
  40%,59%  {background:#c9b08a;color:#c9b08a}   /* sand  */
  60%,79%  {background:#7a5630;color:#7a5630}   /* brown */
  80%,100% {background:#025250;color:#025250}   /* teal  */
}
@keyframes treeiLedPulse{
  0%      {box-shadow:0 0 0 0 currentColor}
  70%,100%{box-shadow:0 0 0 7px rgba(0,0,0,0)}
}
@media (prefers-reduced-motion: reduce){
  .cta-live .dot{ animation: treeiLedColor 5s infinite !important; }
}