.edgestream-shell {
  min-height: 100vh;
  background:
    radial-gradient(circle at top, rgba(239, 68, 68, 0.18), transparent 40%),
    linear-gradient(180deg, #06080b, #0b1016 55%, #070a0f);
  color: #f3f4f6;
  font-family: Inter, system-ui, sans-serif;
}

.edgestream-nav,
.edgestream-main {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 24px;
}

.edgestream-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.edgestream-brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.edgestream-mark {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.28);
  color: #fca5a5;
}

.edgestream-name { font-weight: 700; }
.edgestream-sub, .edgestream-user, .edgestream-card-muted, .edgestream-section-head p { color: #9ca3af; }

.edgestream-nav-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.edgestream-hero, .edgestream-grid, .edgestream-grid-2 { display: grid; gap: 16px; }
.edgestream-hero { grid-template-columns: 1.4fr 0.8fr; align-items: start; margin-top: 28px; }
.edgestream-hero h1 { font-size: clamp(2rem, 5vw, 4rem); line-height: 1; margin: 10px 0 12px; }
.edgestream-kicker { text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.72rem; color: #fca5a5; }
.edgestream-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.edgestream-panel, .edgestream-card { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; backdrop-filter: blur(14px); }
.edgestream-panel { padding: 18px; display: grid; gap: 12px; }
.edgestream-metric span { display: block; font-size: 1.35rem; font-weight: 700; }
.edgestream-metric small { color: #9ca3af; }
.edgestream-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); margin-top: 18px; }
.edgestream-grid-2 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.edgestream-card { padding: 18px; color: inherit; text-decoration: none; }
.edgestream-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.edgestream-card-empty { color: #9ca3af; }
.status { padding: 4px 10px; border-radius: 999px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }
.status-online { background: rgba(16, 185, 129, 0.14); color: #6ee7b7; }
.status-offline { background: rgba(239, 68, 68, 0.14); color: #fca5a5; }
.edgestream-stack { display: grid; gap: 14px; margin-top: 14px; }
.edgestream-divider { height: 1px; background: rgba(255, 255, 255, 0.08); margin: 14px 0; }
.edgestream-section-head { margin-top: 28px; }
.edgestream-section-head h1 { margin: 0; font-size: 2rem; }
.edgestream-banner {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(251, 191, 36, 0.3);
  background: rgba(120, 53, 15, 0.32);
}
.edgestream-banner--warn strong { color: #fde68a; }
pre { overflow: auto; white-space: pre-wrap; word-break: break-word; }

@media (max-width: 820px) {
  .edgestream-nav, .edgestream-hero { grid-template-columns: 1fr; display: grid; }
  .edgestream-nav { align-items: start; }
}