/* ============================================================
   contact.css — "Transmission" node.
   Neutral base, signal-strength bars, transmission buttons.
   ============================================================ */

.contact-panel {
  --theme-primary: #00bfa5;
  --theme-bg: #05060a;
  background: linear-gradient(180deg, rgba(5,6,10,0.96), rgba(8,10,16,0.94));
  color: #e8ecf3;
}
.contact-panel .panel-inner { text-align: center; display: flex; flex-direction: column; align-items: center; padding-top: 110px; }
.contact-panel .panel-return { border-color: rgba(0,191,165,0.4); color: #00bfa5; }
.contact-panel .panel-return:hover { background: rgba(0,191,165,0.12); }
.contact-panel .eyebrow { color: #00bfa5; }
.contact-panel h1 { color: #fff; }
.contact-panel h2 { color: #fff; margin-top: 48px; }
.contact-lead { color: #b4bdcc; font-size: 17px; margin-bottom: 32px; }

/* signal strength bars */
.signal-bars { display: flex; align-items: flex-end; gap: 6px; height: 48px; margin-bottom: 12px; }
.signal-bar {
  width: 12px; background: linear-gradient(180deg, #00bfa5, #007a66);
  border-radius: 2px; transform-origin: bottom;
  height: calc((var(--i) + 1) * 20% + 20%);
  animation: signal-pulse 1.6s ease-in-out infinite;
  animation-delay: calc(var(--i) * 0.12s);
}
@keyframes signal-pulse {
  0%, 100% { opacity: 0.35; transform: scaleY(0.7); }
  50% { opacity: 1; transform: scaleY(1); box-shadow: 0 0 12px #00bfa5; }
}
.signal-status { color: #00bfa5; font-size: 11px; letter-spacing: 0.16em; margin-bottom: 24px; }

.contact-actions { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; margin-bottom: 36px; }
.tx-btn { margin-top: 0; }
.tx-btn:hover { box-shadow: 0 0 20px rgba(0,191,165,0.45); }

.contact-meta { width: 100%; max-width: 560px; text-align: left; padding: 20px 22px; border: 1px solid rgba(120,140,180,0.18); border-radius: 4px; background: rgba(0,0,0,0.3); }
.meta-row { display: flex; gap: 16px; padding: 8px 0; border-bottom: 1px solid rgba(120,140,180,0.1); font-size: 13px; }
.meta-row:last-child { border-bottom: none; }
.meta-k { flex: 0 0 90px; color: #6a7388; text-transform: uppercase; letter-spacing: 0.08em; font-size: 11px; }
.meta-v { color: #e8ecf3; }

@media (prefers-reduced-motion: reduce) {
  .signal-bar { animation: none; opacity: 0.9; transform: none; }
}