/* =========================================================
   FILE READER — LEGACY SANITY OUTPUT HIDDEN
   Status now goes to ZAR chat timeline.
========================================================= */

.sanity-zone-file {
  display: none !important;
}

.file-reader-sanity-report {
  display: none !important;
}
/* =========================================================
   ZAR CHAT — GENEBEAN SYSTEM EVENT CARD
========================================================= */

.zar-genebean-event-card {
  border: 1px solid rgba(79, 163, 209, 0.34);
  border-radius: 22px;

  padding: 14px;

  background:
    linear-gradient(135deg, rgba(255,255,255,0.055), transparent 22%),
    radial-gradient(circle at 14% 0%, rgba(79, 163, 209, 0.18), transparent 58%),
    linear-gradient(180deg, #132237 0%, #0b1423 56%, #060b14 100%);

  color: rgba(236, 248, 255, 0.96);

  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255,255,255,0.07),
    inset 0 -1px 0 rgba(0,0,0,0.40);
}

.zar-genebean-event-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;

  margin-top: 10px;
}

.zar-genebean-event-card__head h3 {
  margin: 0;

  font-size: 0.98rem;
  line-height: 1.2;
  font-weight: 850;

  color: rgba(242, 252, 255, 0.98);
}

.zar-genebean-event-card__head p {
  margin: 6px 0 0;

  font-size: 0.84rem;
  line-height: 1.45;

  color: rgba(196, 224, 240, 0.82);
}

.zar-genebean-event-card__status {
  flex: 0 0 auto;

  padding: 6px 9px;

  border: 1px solid rgba(79, 163, 209, 0.28);
  border-radius: 999px;

  background: rgba(79, 163, 209, 0.10);

  color: rgba(138, 216, 255, 0.92);

  font-size: 0.68rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.zar-genebean-event-card__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;

  margin: 14px 0 0;
}

.zar-genebean-event-card__facts div {
  padding: 9px;

  border: 1px solid rgba(79, 163, 209, 0.16);
  border-radius: 14px;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.014));
}

.zar-genebean-event-card__facts dt {
  margin: 0 0 4px;

  color: rgba(138, 216, 255, 0.70);

  font-size: 0.66rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.zar-genebean-event-card__facts dd {
  margin: 0;

  color: rgba(236, 248, 255, 0.92);

  font-size: 0.78rem;
  line-height: 1.25;
  font-weight: 700;
}

.zar-genebean-event-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin-top: 14px;
}

.zar-genebean-event-card__actions button {
  min-height: 32px;
  padding: 0 12px;

  border: 1px solid rgba(79, 163, 209, 0.28);
  border-radius: 999px;

  background:
    linear-gradient(180deg, rgba(79, 163, 209, 0.18), rgba(79, 163, 209, 0.08));

  color: rgba(226, 246, 255, 0.90);

  font-size: 0.76rem;
  font-weight: 800;

  cursor: pointer;
}

.zar-genebean-event-card__actions button:disabled {
  opacity: 0.52;
  cursor: not-allowed;
}

.zar-genebean-event-card--warning {
  border-color: rgba(244, 208, 63, 0.34);
}

.zar-genebean-event-card--warning .zar-genebean-event-card__status {
  border-color: rgba(244, 208, 63, 0.28);
  background: rgba(244, 208, 63, 0.10);
  color: rgba(255, 230, 130, 0.92);
}

@media (max-width: 640px) {
  .zar-genebean-event-card__head {
    flex-direction: column;
  }

  .zar-genebean-event-card__facts {
    grid-template-columns: 1fr;
  }
}

[data-file-reader-sanity-signal].is-sanity-ready {
  animation: file-reader-sanity-pulse 1.2s ease-in-out infinite;
  box-shadow:
    0 0 0 0 rgba(100, 255, 190, 0.45),
    0 0 22px rgba(100, 255, 190, 0.35);
}

@keyframes file-reader-sanity-pulse {
  0% {
    transform: scale(1);
    box-shadow:
      0 0 0 0 rgba(100, 255, 190, 0.45),
      0 0 18px rgba(100, 255, 190, 0.3);
  }

  70% {
    transform: scale(1.04);
    box-shadow:
      0 0 0 12px rgba(100, 255, 190, 0),
      0 0 28px rgba(100, 255, 190, 0.5);
  }

  100% {
    transform: scale(1);
    box-shadow:
      0 0 0 0 rgba(100, 255, 190, 0),
      0 0 18px rgba(100, 255, 190, 0.3);
  }
}