/* R4F7 — isolated data integration only */

#foLiveStatus {
  padding: 10px 12px;
  margin-bottom: 16px;
  border: 1px solid #d9e5de;
  border-radius: 11px;
  background: #f0f7f3;
  color: #24523b;
  font-size: 12px;
  font-weight: 650;
}

#foLiveStatus[data-kind="demo"] {
  background: #fff5e8;
  color: #875c28;
  border-color: #f0ddbb;
}

#foLiveStatus[data-kind="error"] {
  background: #fff3f2;
  color: #9e3542;
  border-color: #f0d6d9;
}

.fo-unconnected {
  position: relative;
}

.fo-unconnected:before {
  content: "DÉMONSTRATION · données non connectées";
  display: block;
  position: relative;
  z-index: 2;
  margin: 0 0 8px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #fff5e8;
  color: #76501b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

@media (prefers-reduced-motion: reduce) {
  .fo-unconnected,
  .fo-unconnected * {
    animation: none !important;
  }
}


/* FREEDOM_R4F9A_GRID_FIX
   Preserve exact Mockup V1 grid geometry.
   Demo states remain visible in their cards.
*/

#view-home .quick-grid.fo-unconnected::before,
#view-home .content-grid.fo-unconnected::before {
  display: none !important;
}

/* Keep the same columns and original spacing. */
#view-home .quick-grid,
#view-home .content-grid {
  align-content: start;
}


/* FREEDOM_R4F9D — exact original grid retained */
#view-home .donut-legend > div[hidden] {
  display: none !important;
}

#view-home .donut-legend .fo-r4f9d-empty {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: #718075;
}