/* Hub app-specific styles.
 * Loaded after stratum-bootstrap.css — most of the look comes from the Stratum theme.
 */

/* ===== Sidebar (dark steel, mirrors dib / BugHelper / desktool) ===== */
.sidebar {
  width: 160px;
  background-color: var(--sr-steel);
  position: fixed;
  top: 2rem;
  left: 0;
  height: calc(100vh - 2rem);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 50;
  display: flex;
  flex-direction: column;
}

.sidebar .nav-link {
  display: flex;
  align-items: center;
  padding: 0.45rem 0.625rem;
  color: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  white-space: nowrap;
  overflow: hidden;
  border-left: 3px solid transparent;
  font-size: 0.75rem;
  text-decoration: none;
}

.sidebar .nav-link i {
  width: 1.2rem;
  margin-right: 0.4rem;
  font-size: 0.95rem;
  opacity: 0.85;
}

.sidebar .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: white;
}

.sidebar .nav-link.active {
  background-color: rgba(255, 255, 255, 0.14);
  color: white;
  border-left-color: var(--sr-orange);
}

/* ===== Main content offset (sidebar width) ===== */
.main-content {
  margin-left: 160px;
  min-height: calc(100vh - 2rem);
}

/* ===== Shell badge (run-mode indicator) ===== */
.shell-badge {
  display: inline-block;
  padding: 0.1rem 0.45rem;
  background-color: var(--sr-orange);
  color: white;
  font-size: 0.65rem;
  font-weight: 600;
  border-radius: 0.25rem;
  letter-spacing: 0.02em;
}

/* ===== Hub-specific helpers ===== */
.public-id { font-family: 'JetBrains Mono', monospace; font-size: 0.875rem; }
.empty-state { color: #777; padding: 3rem 0; text-align: center; }
.log-viewer {
  max-height: 400px;
  overflow: auto;
  background: #1e1e1e;
  color: #e6e6e6;
  font-family: monospace;
  white-space: pre-wrap;
}