/* ═══════════════════════════════════════════════════════
   ALPHA MATRIX — ARTICLES DASHBOARD
   Strict Institutional Density + Fluid Motion
   ═══════════════════════════════════════════════════════ */

.am-container {
  font-family: var(--mono, "JetBrains Mono", monospace);
}

/* ── ALPHA CATALYST (LEFT) ── */
.am-catalyst-node {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.am-cat-header {
  font-size: 10px;
  color: var(--amber, #f5a623);
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.am-pulse-dot {
  width: 6px;
  height: 6px;
  background: var(--lime);
  border-radius: 50%;
  animation: am-pulse 1.5s infinite;
}
@keyframes am-pulse {
  0% { box-shadow: 0 0 0 0 rgba(245, 166, 35, 0.4); }
  70% { box-shadow: 0 0 0 6px rgba(245, 166, 35, 0); }
  100% { box-shadow: 0 0 0 0 rgba(245, 166, 35, 0); }
}

.am-cat-title {
  font-family: var(--sans, 'Inter', sans-serif);
  font-size: 16px;
  font-weight: 600;
  color: var(--t1, #E8E8E8);
  line-height: 1.4;
}
.am-cat-meta {
  font-size: 9px;
  color: var(--t3, #8A8A8A);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border, #2A2A2A);
}

.am-cat-mid {
  background: var(--surface, #141414);
  border: 1px solid var(--border, #2A2A2A);
  padding: 12px;
  margin: 8px 0;
}
.am-micro-chart-label {
  font-size: 8px;
  color: var(--t3);
  margin-bottom: 8px;
  letter-spacing: 0.5px;
}

.am-cat-tldr {
  margin: 0;
  padding: 0 0 0 16px;
  color: var(--t2, #B3B3B3);
  font-size: 11px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.am-cat-tldr li {
  line-height: 1.5;
}

.am-cat-link {
  margin-top: auto;
  font-size: 10px;
  color: var(--lime, #C6E310);
  text-decoration: none;
  font-weight: 600;
  padding: 8px 0;
  transition: opacity 0.2s;
}
.am-cat-link:hover {
  opacity: 0.7;
}

/* ── ENTITY FIREHOSE (RIGHT) ── */
.am-fh-header {
  display: flex;
  padding: 8px 16px;
  border-bottom: 1px solid var(--border);
  font-size: 9px;
  color: var(--t3);
  letter-spacing: 1px;
}
.am-fh-col {
  width: 80px;
  flex-shrink: 0;
}

.am-firehose-row {
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid var(--surface-3, #1e1e1e);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  background: transparent;
  box-sizing: border-box;
}
/* Hover Physics 21st.dev style */
.am-firehose-row:hover {
  background: rgba(198, 227, 16, 0.03); /* Ultra-low opacity #C6E310 */
  transform: scale(1.002);
  z-index: 2;
  box-shadow: inset 2px 0 0 var(--lime, #C6E310);
}

.am-fh-time {
  width: 80px;
  font-size: 9px;
  color: var(--t2);
  flex-shrink: 0;
}
.am-fh-title {
  flex: 1;
  font-family: var(--sans, 'Inter', sans-serif);
  font-size: 12px;
  color: var(--t1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 16px;
}
.am-fh-source {
  width: 80px;
  font-size: 9px;
  color: var(--lime);
  text-align: right;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Entity Tags */
.entity-tag {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 2px;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 600;
  margin-right: 4px;
}
.ticker-geo { background: rgba(255, 42, 85, 0.15); color: #FF2A55; border: 1px solid rgba(255, 42, 85, 0.3); }
.ticker-long { background: rgba(198, 227, 16, 0.15); color: #C6E310; border: 1px solid rgba(198, 227, 16, 0.3); }
.ticker-macro { background: rgba(0, 229, 255, 0.15); color: #00E5FF; border: 1px solid rgba(0, 229, 255, 0.3); }

/* Container Queries for strict density */
@container (max-width: 500px) {
  .am-fh-source { display: none; }
  .am-fh-time { width: 65px; }
}