/* ============================================================
   AHORA - unified event registry screen.
   Registry container + En tránsito strip. Row anatomy (.frow3)
   lives in components/e2.css; .newsfeed-meta survives for the
   event detail modals (kc-newsfeed.js).
   ============================================================ */

.newsfeed-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.newsfeed-meta-sep { opacity: 0.5; }

/* Category tab strip (Imperio subtab anatomy) */
.surface-switch {
  display: flex;
  gap: 6px;
  padding: 10px 12px 6px;
  max-width: 640px;
  margin: 0 auto;
}

/* ── Registry (upcoming flowing into the past, one list) ── */
#feed-registry { max-width: 640px; margin: 0 auto; width: 100%; padding: 4px 12px 14px; }

/* ── En tránsito strip (fleets in transit, above the category tabs) ── */
#feed-transit { max-width: 640px; margin: 0 auto; width: 100%; padding: 6px 12px 2px; }
#feed-transit[hidden] { display: none; }
.feed-transit-head { font-family: var(--font-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--text-dim, #64748b); margin-bottom: 4px; }
.feed-transit-row { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px;
  -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.feed-transit-row::-webkit-scrollbar { display: none; }
.feed-transit-chip { flex: 0 0 auto; display: flex; flex-direction: column; gap: 4px;
  min-width: 148px; max-width: 200px; padding: 7px 10px; border-radius: 6px; text-align: left;
  border: 1px solid rgba(255,255,255,.12); background: var(--bg-surface, #141428);
  color: inherit; cursor: pointer; }
.feed-transit-chip:active { background: var(--bg-hover, #1c1c36); }
.feed-transit-chip .ftc-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.feed-transit-chip .ftc-label { font-size: 10.5px; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; color: var(--ftc, #00f0ff); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.feed-transit-chip .ftc-eta { font-size: 11px; color: var(--text-secondary, #94a3b8); white-space: nowrap; }
.feed-transit-chip .ftc-dest { font-size: 11.5px; color: #cbd5e1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.feed-transit-chip .ftc-prog { display: block; height: 4px; border-radius: 2px;
  background: rgba(255,255,255,.12); overflow: hidden; }
.feed-transit-chip .ftc-prog-fill { display: block; position: relative; height: 100%; border-radius: 2px;
  background: var(--ftc, #00f0ff); transition: width 1s linear; overflow: hidden; }
.feed-transit-chip .ftc-prog-fill::after { content: ''; position: absolute; top: 0; bottom: 0; left: -30px;
  width: 30px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);
  animation: kc-prog-sheen 2.4s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .feed-transit-chip .ftc-prog-fill::after { animation: none; display: none; }
}