/* =========================================
   CYRTIX LAB — IDENTITY LAYER
========================================= */

/* .lab-app {
  --lab-bg: var(--cx-blue-950);
  --lab-panel: var(--cx-glass-dark);
  --lab-border: var(--cx-card-border);
  --lab-accent: var(--cx-cyan-400);
  --lab-text-primary: var(--cx-slate-50);
  --lab-text-muted: var(--cx-slate-400);
  --lab-glow: var(--cx-glow-cyan-soft);
} */


/* LAB GLOBAL RESET */
html, body {
  height: 100%;
}

body.cx-lab-body {
  margin: 0;
  background: var(--cx-steel-950);
  color: var(--cx-slate-100);
  font-family: var(--cx-font-body);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}



/* HEADER */
.lab-header {
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--cx-space-6);
  background: var(--cx-glass-dark);
  border-bottom: 1px solid var(--cx-card-border);
  z-index: 100;
  position: relative;
}

.lab-header a {
  color: var(--cx-slate-200);
  text-decoration: none;
  margin-left: var(--cx-space-6);
  font-size: var(--cx-text-sm);
}

.lab-header a:hover {
  color: var(--cx-cyan-400);
}

.lab-logo {
  font-family: var(--cx-font-display);
  font-weight: var(--cx-weight-bold);
  color: var(--cx-cyan-400);
  letter-spacing: 0.08em;
}

/* ROOT CONTAINER */
.lab-root {
  flex: 1;                /* occupies remaining space after header */
  display: flex;
  min-height: 0;          /* REQUIRED for nested scrolling */
}