:root {
  color-scheme: dark;
  --bg: #0b0b0f;
  --bg-elevated: #080d17;
  --panel: #111827;
  --panel-soft: #121826;
  --line: rgba(31, 41, 55, 0.9);
  --line-strong: rgba(156, 163, 175, 0.26);
  --text: #f9fafb;
  --muted: #9ca3af;
  --soft: #e5e7eb;
  --violet: #7b61ff;
  --violet-soft: #a78bfa;
  --violet-deep: #5b3fff;
  --cyan: #38bdf8;
  --blue: #38bdf8;
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.38);
  --radius: 8px;
  --sidebar-width: 252px;
  --content-max: 1480px;
  --ui-font: "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  font-family:
    "Segoe UI Variable",
    "Segoe UI",
    Arial,
    sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  width: 100%;
  max-width: 100%;
  background: var(--bg);
}

body {
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  font-family: var(--ui-font);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  color: var(--text);
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    radial-gradient(circle at top left, rgba(123, 97, 255, 0.16), transparent 32%),
    linear-gradient(180deg, rgba(56, 189, 248, 0.055), transparent 22rem),
    #0b0b0f;
  background-size: 48px 48px, 48px 48px, auto, auto;
  letter-spacing: 0;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body:not(.is-authenticated) {
  overflow: hidden;
}

body:not(.is-authenticated) .app-shell,
body:not(.is-authenticated) > .toast {
  display: none;
}

.auth-gate {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  color: #d9d9de;
  background: #0b0b0f;
  font-family: "Satoshi", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
}

body.is-authenticated .auth-gate {
  display: none;
}

.auth-grid-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.015;
  background-image:
    linear-gradient(rgba(255, 255, 255, 1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 1) 1px, transparent 1px);
  background-size: 64px 64px;
}

.auth-login-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(800px, 110vw);
  height: min(800px, 110vw);
  pointer-events: none;
  background: radial-gradient(circle, rgba(123, 97, 255, 0.12) 0%, rgba(123, 97, 255, 0) 70%);
  transform: translate(-50%, -50%);
}

.auth-gate-main {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
  padding: 32px 16px 18px;
  transform: translateY(-17px);
}

.auth-login-card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: min(400px, calc(100vw - 40px));
  min-width: 0;
  max-width: 400px;
  min-height: 596px;
  padding: 2.5rem;
  border: 1px solid rgba(217, 217, 222, 0.1);
  border-radius: 24px;
  background: rgba(26, 26, 31, 0.6);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(20px);
  animation: authLoginAppear 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.auth-login-card.is-leaving {
  opacity: 0;
  transform: scale(0.95);
}

@keyframes authLoginAppear {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.auth-login-header {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.auth-login-logo {
  width: 140px;
  aspect-ratio: 1;
  height: auto;
  filter: drop-shadow(0 0 20px rgba(123, 97, 255, 0.3));
}

.auth-login-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
}

.auth-input-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

.auth-input-group label {
  color: #d9d9de;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.auth-input-wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 54px;
  min-width: 0;
  padding: 0 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(13, 13, 18, 0.7);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.auth-input-wrapper:focus-within {
  border-color: #7b61ff;
  background: rgba(20, 20, 28, 0.8);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 0 4px rgba(123, 97, 255, 0.25);
  transform: translateY(-1px);
}

.auth-input-icon {
  flex: 0 0 auto;
  color: #d9d9de;
  opacity: 0.5;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.auth-input-wrapper:focus-within .auth-input-icon {
  color: #7b61ff;
  opacity: 1;
}

.auth-input-wrapper input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #f7f7f8;
  background: transparent;
  box-shadow: none;
  font-family: inherit;
  font-size: 0.95rem;
}

.auth-input-wrapper input::placeholder {
  color: rgba(217, 217, 222, 0.42);
}

.auth-login-error {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 8px;
  color: #ef4444;
  background: rgba(239, 68, 68, 0.1);
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  line-height: 1.45;
}

.auth-login-error[hidden] {
  display: none;
}

.auth-login-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  height: 52px;
  margin-top: 0.5rem;
  padding: 0.75rem 1.6rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  color: #f7f7f8;
  background: linear-gradient(135deg, #7b61ff 0%, #a28dff 50%, #7b61ff 100%);
  background-size: 200% auto;
  box-shadow: 0 4px 15px rgba(123, 97, 255, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.auth-login-button:hover:not(:disabled) {
  background-position: right center;
  box-shadow: 0 8px 25px rgba(123, 97, 255, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  filter: brightness(1.1);
  transform: translateY(-2px) scale(1.02);
}

.auth-login-button:active:not(:disabled) {
  box-shadow: 0 2px 10px rgba(123, 97, 255, 0.2);
  transform: translateY(1px) scale(0.98);
}

.auth-login-button.is-loading svg {
  animation: authSpin 0.8s linear infinite;
}

@keyframes authSpin {
  to {
    transform: rotate(360deg);
  }
}

.auth-login-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #d9d9de;
  opacity: 0.4;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.55rem;
  letter-spacing: 0.05em;
}

.auth-demo-button {
  width: 100%;
  padding: 0;
  border: 0;
  color: rgba(217, 217, 222, 0.58);
  background: transparent;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.5rem;
  line-height: 1.25rem;
  text-align: center;
  transition: color 0.3s ease;
}

.auth-demo-button:hover {
  color: #7b61ff;
  text-decoration: underline;
}

.auth-demo-button[hidden] {
  display: none;
}

.auth-global-footer {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem 2.5rem;
  background: transparent;
  transform: translateY(-18px);
}

.auth-footer-left {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.auth-footer-brand {
  width: auto;
  height: 24px;
  opacity: 0.7;
}

.auth-footer-copy,
.auth-footer-nav a {
  color: rgba(146, 142, 161, 0.3);
  font-family: "JetBrains Mono", monospace;
  font-size: 0.55rem;
  letter-spacing: 0.15em;
  text-decoration: none;
}

.auth-footer-nav {
  display: flex;
  gap: 1.5rem;
}

.auth-footer-nav a {
  transition: color 0.3s ease;
}

.auth-footer-nav a:hover {
  color: #7b61ff;
}

@media (max-width: 520px) {
  .auth-gate-main {
    padding: 18px 16px 8px;
    transform: none;
  }

  .auth-login-card {
    width: calc(100vw - 32px);
    min-height: 0;
    gap: 1.6rem;
    padding: 2rem 1.35rem;
  }

  .auth-login-logo {
    width: 112px;
  }

  .auth-global-footer {
    justify-content: center;
    padding: 1rem;
    transform: none;
  }

  .auth-footer-left {
    gap: 0.8rem;
  }

  .auth-footer-nav {
    display: none;
  }

  .auth-footer-brand {
    height: 18px;
  }

  .auth-footer-copy {
    font-size: 0.45rem;
  }
}

.app-shell {
  display: grid;
  grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
  min-width: 0;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 22px 16px;
  border-right: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 18rem),
    rgba(8, 9, 13, 0.96);
  backdrop-filter: blur(20px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}

.sidebar::before,
.sidebar::after {
  display: none;
}

.sidebar::before {
  right: -118px;
  top: 88px;
  box-shadow: 0 0 60px rgba(124, 58, 237, 0.2);
}

.sidebar::after {
  left: -140px;
  bottom: 96px;
  border-color: rgba(56, 189, 248, 0.12);
}

.brand-overview,
.sidebar-panel {
  position: static;
}

.brand-home {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  text-align: left;
}

.brand-home span {
  font-size: clamp(2.2rem, 3.2vw, 4rem);
  line-height: 0.9;
  font-weight: 750;
  letter-spacing: 0;
}

.brand-home .brand-os {
  color: var(--violet-soft);
}

.brand-subtitle {
  margin: 22px 0 0;
  color: var(--muted);
  font-size: clamp(0.92rem, 0.95vw, 1.08rem);
}

.brand-copy {
  max-width: 280px;
  margin: 34px 0 0;
  color: rgba(216, 222, 233, 0.78);
  line-height: 1.55;
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 58px;
}

.brand-mark {
  width: 54px;
  height: 54px;
  border: 1px solid rgba(107, 214, 255, 0.34);
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-size: 23px;
  font-weight: 800;
  color: var(--text);
  background:
    linear-gradient(145deg, rgba(107, 214, 255, 0.16), rgba(139, 108, 255, 0.1) 45%),
    #101218;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 12px 28px rgba(0, 0, 0, 0.34);
}

.brand-mark span {
  color: var(--violet);
}

.brand-lockup strong,
.sidebar-panel strong {
  display: block;
  font-size: 0.95rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.brand-lockup small,
.sidebar-panel small,
.sidebar-panel span {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  margin-top: 3px;
}

.nav-stack {
  display: grid;
  gap: 5px;
  flex: 1 1 auto;
  align-content: start;
  min-height: 0;
  overflow-y: auto;
  padding-right: 3px;
  scrollbar-width: thin;
  scrollbar-color: rgba(123, 97, 255, 0.4) transparent;
}

.nav-section-label {
  display: block;
  margin: 8px 0 2px;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.nav-section-label:first-child {
  margin-top: 0;
}

.nav-item {
  width: 100%;
  min-height: 38px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.018);
  color: var(--soft);
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  text-align: left;
  font-size: 0.88rem;
}

.nav-item span {
  min-height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: 6px;
  color: var(--cyan);
  font-size: 0.72rem;
  font-weight: 800;
  text-align: center;
}

.nav-item:hover,
.nav-item:focus-visible,
.nav-item.is-active {
  border-color: rgba(123, 97, 255, 0.44);
  background: linear-gradient(90deg, rgba(123, 97, 255, 0.18), rgba(56, 189, 248, 0.08));
  color: var(--text);
  outline: none;
  box-shadow: 0 0 22px rgba(123, 97, 255, 0.12);
}

.nav-item.is-active span {
  border-color: rgba(107, 214, 255, 0.42);
  background: rgba(107, 214, 255, 0.09);
}

.nav-item-secondary {
  min-height: 36px;
  background: rgba(255, 255, 255, 0.012);
  color: rgba(215, 221, 234, 0.72);
}

.nav-item-secondary span {
  color: var(--muted);
}

.sidebar-panel {
  margin-top: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  background: rgba(255, 255, 255, 0.035);
}

.brand-mini-mark {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(168, 85, 247, 0.48);
  color: var(--text);
  font-size: 0.72rem;
  font-weight: 900;
  box-shadow: 0 0 24px rgba(124, 58, 237, 0.25);
}

.main-area {
  min-width: 0;
  overflow-x: clip;
  padding: 24px clamp(16px, 3vw, 36px) 38px;
}

.topbar {
  max-width: var(--content-max);
  margin: 0 auto 22px;
  min-width: 0;
  min-height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}

.topbar > div {
  min-width: 0;
}

.topbar h1 {
  max-width: 100%;
  overflow-wrap: break-word;
  text-wrap: balance;
}

.eyebrow {
  margin: 0 0 8px;
  color: var(--cyan);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ui-font);
  font-synthesis: none;
  font-kerning: normal;
  text-shadow: none;
  -webkit-text-stroke: 0 transparent;
  filter: none;
}

h1 {
  margin-bottom: 0;
  font-size: clamp(1.62rem, 3vw, 2.45rem);
  line-height: 1.05;
  font-weight: 700;
}

h2 {
  font-size: 1.05rem;
  line-height: 1.25;
  margin-bottom: 14px;
  font-weight: 700;
}

h3 {
  font-size: 0.95rem;
  line-height: 1.35;
  margin-bottom: 8px;
  font-weight: 700;
}

.topbar-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.primary-action,
.ghost-action,
.icon-button {
  min-height: 40px;
  border-radius: var(--radius);
  border: 1px solid var(--line-strong);
  color: var(--text);
  background: rgba(255, 255, 255, 0.035);
}

.primary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 16px;
  border-color: rgba(107, 214, 255, 0.54);
  background: linear-gradient(135deg, rgba(107, 214, 255, 0.22), rgba(139, 108, 255, 0.34));
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
  font-weight: 700;
}

.ghost-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 13px;
}

.danger-action {
  border-color: rgba(255, 127, 127, 0.38);
  color: #ffd0d0;
}

.icon-button {
  width: 40px;
  display: grid;
  place-items: center;
  padding: 0;
}

.primary-action:hover,
.ghost-action:hover,
.icon-button:hover {
  border-color: rgba(107, 214, 255, 0.58);
  transform: translateY(-1px);
}

.primary-action:disabled,
.ghost-action:disabled,
.icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  transform: none;
}

.view-surface {
  width: 100%;
  max-width: var(--content-max);
  margin: 0 auto;
  overflow-x: clip;
}

.overview-mode .topbar {
  display: none;
}

.overview-mode .main-area {
  padding: 18px 16px 22px;
}

.overview-mode .view-surface {
  max-width: none;
}

.view-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.view-grid > * {
  min-width: 0;
}

.panel,
.metric-card,
.module-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)),
    rgba(14, 16, 22, 0.94);
  box-shadow: var(--shadow);
}

.panel {
  padding: 18px;
}

.panel::before,
.metric-card::before,
.module-card::before {
  content: "";
  display: block;
  height: 1px;
  margin: -18px -18px 17px;
  background: linear-gradient(90deg, rgba(107, 214, 255, 0.45), transparent 38%);
  opacity: 0.8;
}

.span-12 {
  grid-column: span 12;
}

.span-9 {
  grid-column: span 9;
}

.span-8 {
  grid-column: span 8;
}

.span-7 {
  grid-column: span 7;
}

.span-6 {
  grid-column: span 6;
}

.span-5 {
  grid-column: span 5;
}

.span-4 {
  grid-column: span 4;
}

.span-3 {
  grid-column: span 3;
}

.metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.metric-card {
  min-height: 122px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.metric-card::before {
  margin: -16px -16px 15px;
}

.module-card::before {
  margin: -15px -15px 14px;
}

.metric-card.metric-success::before {
  background: linear-gradient(90deg, rgba(114, 230, 178, 0.62), transparent 38%);
}

.metric-card.metric-cyan::before {
  background: linear-gradient(90deg, rgba(107, 214, 255, 0.62), transparent 38%);
}

.metric-card.metric-violet::before {
  background: linear-gradient(90deg, rgba(139, 108, 255, 0.62), transparent 38%);
}

.metric-card.metric-warning::before {
  background: linear-gradient(90deg, rgba(240, 193, 91, 0.62), transparent 38%);
}

.metric-card.metric-danger::before {
  background: linear-gradient(90deg, rgba(255, 111, 115, 0.62), transparent 38%);
}

.metric-card small,
.table-caption,
.meta-label {
  color: var(--muted);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 700;
}

.metric-value {
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1;
  font-weight: 800;
}

.metric-trend {
  color: var(--soft);
  font-size: 0.86rem;
}

.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}

.panel-header p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.5;
}

.focus-banner {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
  border: 1px solid rgba(107, 214, 255, 0.22);
  border-radius: 7px;
  background: rgba(107, 214, 255, 0.052);
  padding: 10px;
}

.focus-banner div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.focus-banner strong,
.focus-banner small {
  overflow-wrap: anywhere;
}

.focus-banner strong {
  color: var(--text);
  line-height: 1.35;
}

.focus-banner small {
  color: var(--muted);
  line-height: 1.35;
}

.toolbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.toolbar-field {
  min-width: 210px;
}

.toolbar-field select {
  min-height: 40px;
}

.connection-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.connection-status {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.connection-session-note {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(240, 193, 91, 0.26);
  border-radius: var(--radius);
  color: var(--soft);
  background: rgba(120, 87, 23, 0.1);
  line-height: 1.45;
}

.connection-session-note + .connection-grid {
  margin-top: 14px;
}

.recovery-panel {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(125, 211, 252, 0.34);
  border-radius: var(--radius);
  background: rgba(14, 116, 144, 0.14);
}

.recovery-panel > div:first-child {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.recovery-panel strong {
  color: var(--text);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.recovery-panel.is-error {
  border-color: rgba(248, 113, 113, 0.38);
  background: rgba(127, 29, 29, 0.16);
}

.recovery-panel.is-done {
  border-color: rgba(74, 222, 128, 0.36);
  background: rgba(20, 83, 45, 0.15);
}

.recovery-form {
  max-width: 720px;
}

.dashboard-brief {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(420px, 0.9fr);
  gap: 18px;
  align-items: stretch;
}

.dashboard-brief h2 {
  margin: 5px 0 8px;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.dashboard-brief p {
  max-width: 760px;
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.6;
}

.brief-stack {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.brief-item {
  min-width: 0;
  min-height: 92px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
  color: var(--text);
  text-align: left;
}

.brief-item span {
  display: block;
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.brief-item strong {
  display: block;
  margin-top: 11px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.dashboard-redesign {
  align-items: start;
}

.dashboard-command {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: space-between;
  gap: 18px;
  min-height: 420px;
  overflow: hidden;
  padding: clamp(1.4rem, 3vw, 2.4rem);
  background:
    radial-gradient(circle at 100% 0, rgba(139, 108, 255, 0.16), transparent 24rem),
    linear-gradient(135deg, rgba(107, 214, 255, 0.075), rgba(255, 255, 255, 0.018)),
    rgba(8, 12, 19, 0.96);
}

.dashboard-command h2 {
  max-width: 920px;
  margin: 12px 0 14px;
  font-size: clamp(2.35rem, 4.6vw, 4.65rem);
  line-height: 0.95;
  overflow-wrap: break-word;
  text-wrap: balance;
}

.dashboard-command p {
  max-width: 760px;
  margin: 0;
  color: rgba(215, 221, 234, 0.82);
  line-height: 1.62;
}

.dashboard-command-copy {
  width: 100%;
  max-width: 940px;
  align-self: start;
}

.dashboard-command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.dashboard-next-card {
  min-width: 0;
  width: min(100%, 960px);
  align-self: end;
  display: grid;
  align-content: space-between;
  gap: 12px;
  border: 1px solid rgba(219, 226, 239, 0.14);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(139, 108, 255, 0.13), rgba(107, 214, 255, 0.045)),
    rgba(0, 0, 0, 0.18);
  padding: 16px;
}

.dashboard-next-card span,
.dashboard-focus-stats span,
.dashboard-cost-breakdown span,
.dashboard-execution-row span,
.dashboard-pipeline-list span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.dashboard-next-card strong {
  font-size: 1.26rem;
  line-height: 1.24;
  overflow-wrap: anywhere;
}

.dashboard-next-card small {
  color: var(--soft);
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.dashboard-kpi-grid {
  margin-bottom: 0;
}

.dashboard-focus-card,
.dashboard-cost-card,
.dashboard-health-card,
.dashboard-flow-panel,
.dashboard-priority-panel,
.dashboard-executions-panel,
.dashboard-pipeline-card {
  display: grid;
  align-content: start;
  gap: 14px;
}

.dashboard-focus-stats,
.dashboard-cost-breakdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.dashboard-focus-stats div,
.dashboard-cost-breakdown div {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.028);
  padding: 11px;
}

.dashboard-focus-stats strong,
.dashboard-cost-breakdown strong,
.dashboard-pipeline-list strong {
  display: block;
  margin-top: 7px;
  color: var(--text);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.dashboard-stage-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.dashboard-stage-card {
  min-width: 0;
  min-height: 132px;
  display: grid;
  align-content: start;
  gap: 9px;
  border: 1px solid rgba(219, 226, 239, 0.11);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.028);
  color: var(--text);
  padding: 13px;
  text-align: left;
}

.dashboard-stage-card span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(107, 214, 255, 0.42);
  border-radius: 50%;
  color: var(--cyan);
  background: rgba(107, 214, 255, 0.08);
  font-weight: 900;
}

.dashboard-stage-card strong,
.dashboard-stage-card small {
  overflow-wrap: anywhere;
}

.dashboard-stage-card small {
  color: var(--muted);
  line-height: 1.35;
}

.dashboard-priority-list,
.dashboard-execution-list,
.dashboard-pipeline-list {
  display: grid;
  gap: 9px;
}

.dashboard-priority-list article,
.dashboard-execution-row,
.dashboard-pipeline-list button {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  color: var(--text);
  padding: 10px;
}

.dashboard-priority-list article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.dashboard-priority-list strong,
.dashboard-priority-list small {
  display: block;
  overflow-wrap: anywhere;
}

.dashboard-priority-list small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.dashboard-execution-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.35fr) auto;
  gap: 12px;
  align-items: center;
}

.dashboard-execution-row > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.dashboard-execution-row strong,
.dashboard-execution-row small {
  display: block;
  overflow-wrap: anywhere;
}

.dashboard-execution-row small {
  color: var(--muted);
  line-height: 1.35;
}

.dashboard-execution-row .ghost-action {
  min-width: 64px;
}

.dashboard-pipeline-list button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  text-align: left;
}

.dashboard-pipeline-list small {
  grid-column: 1 / -1;
  color: var(--muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.dashboard-advanced-note {
  border-color: rgba(139, 108, 255, 0.22);
  background:
    linear-gradient(135deg, rgba(139, 108, 255, 0.08), rgba(107, 214, 255, 0.035)),
    rgba(14, 16, 22, 0.94);
}

.executive-board-view,
.strategic-surface {
  align-items: start;
}

.executive-board-hero,
.strategic-hero {
  min-height: 250px;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.72fr);
  gap: 18px;
  align-items: center;
  overflow: hidden;
  border-color: rgba(123, 97, 255, 0.28);
  background:
    radial-gradient(circle at 90% 10%, rgba(123, 97, 255, 0.2), transparent 28rem),
    linear-gradient(135deg, rgba(56, 189, 248, 0.075), rgba(123, 97, 255, 0.08)),
    rgba(8, 13, 23, 0.96);
}

.executive-board-hero h2,
.strategic-hero h2 {
  margin: 8px 0 12px;
  font-size: clamp(2.2rem, 4.2vw, 3.5rem);
  line-height: 0.98;
  overflow-wrap: anywhere;
}

.executive-board-hero p,
.strategic-hero p {
  max-width: 760px;
  margin: 0;
  color: rgba(229, 231, 235, 0.78);
  line-height: 1.6;
}

.executive-board-recommendation {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid rgba(167, 139, 250, 0.22);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(123, 97, 255, 0.14), rgba(56, 189, 248, 0.05)),
    rgba(0, 0, 0, 0.18);
  padding: 16px;
}

.executive-board-recommendation span,
.executive-signal-card span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.executive-board-recommendation strong {
  font-size: 1.35rem;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.executive-board-recommendation small {
  color: var(--soft);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.executive-board-recommendation > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.executive-decision-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.executive-decision-card,
.executive-signal-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid rgba(31, 41, 55, 0.92);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.028);
  padding: 14px;
}

.executive-decision-card strong,
.executive-signal-card strong {
  font-size: 1.02rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.executive-decision-card p,
.executive-signal-card small {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.executive-decision-success {
  border-color: rgba(34, 197, 94, 0.28);
}

.executive-decision-violet,
.executive-signal-violet {
  border-color: rgba(123, 97, 255, 0.36);
}

.executive-decision-warning {
  border-color: rgba(245, 158, 11, 0.3);
}

.executive-council-list,
.executive-signal-stack,
.executive-risk-list,
.executive-action-list,
.strategic-row-list {
  display: grid;
  gap: 10px;
}

.executive-risk-list article,
.strategic-row-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(31, 41, 55, 0.92);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.14);
  padding: 11px;
}

.executive-risk-list strong,
.executive-risk-list small,
.strategic-row-list strong,
.strategic-row-list small {
  display: block;
  overflow-wrap: anywhere;
}

.executive-risk-list small,
.strategic-row-list small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.executive-action-list button {
  min-height: 42px;
  border: 1px solid rgba(31, 41, 55, 0.92);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.032);
  color: var(--text);
  text-align: left;
  padding: 0 12px;
}

.executive-action-list button:hover,
.executive-action-list button:focus-visible {
  border-color: rgba(123, 97, 255, 0.42);
  background: rgba(123, 97, 255, 0.12);
  outline: none;
}

.strategic-row-list article {
  grid-template-columns: minmax(120px, auto) minmax(0, 1fr);
}

.security-center-view {
  align-items: start;
}

.security-center-hero {
  min-height: 260px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.75fr);
  gap: 18px;
  align-items: center;
  overflow: hidden;
  border-color: rgba(239, 68, 68, 0.22);
  background:
    radial-gradient(circle at 88% 0, rgba(239, 68, 68, 0.15), transparent 25rem),
    radial-gradient(circle at 10% 10%, rgba(123, 97, 255, 0.16), transparent 28rem),
    linear-gradient(135deg, rgba(56, 189, 248, 0.055), rgba(123, 97, 255, 0.08)),
    rgba(8, 13, 23, 0.96);
}

.security-center-hero h2 {
  margin: 8px 0 12px;
  font-size: clamp(2.2rem, 4.2vw, 3.5rem);
  line-height: 0.98;
}

.security-center-hero p {
  max-width: 760px;
  margin: 0;
  color: rgba(229, 231, 235, 0.78);
  line-height: 1.6;
}

.security-sentinel-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid rgba(239, 68, 68, 0.22);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(239, 68, 68, 0.09), rgba(123, 97, 255, 0.07)),
    rgba(0, 0, 0, 0.2);
  padding: 16px;
}

.security-sentinel-card strong {
  font-size: 1.35rem;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.security-sentinel-card small {
  color: var(--soft);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.security-sentinel-card > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.security-vulnerability-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.security-vulnerability-grid div {
  min-width: 0;
  border: 1px solid rgba(31, 41, 55, 0.92);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.032);
  padding: 12px;
}

.security-vulnerability-grid span,
.security-secret-list small,
.security-feed-list small,
.security-threat-list small {
  color: var(--muted);
  line-height: 1.35;
}

.security-vulnerability-grid span {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.security-vulnerability-grid strong {
  display: block;
  margin-top: 8px;
  font-size: 1.65rem;
  line-height: 1;
}

.security-threat-list,
.security-secret-list,
.security-feed-list {
  display: grid;
  gap: 10px;
}

.security-threat-list article,
.security-secret-list article,
.security-feed-list article {
  min-width: 0;
  border: 1px solid rgba(31, 41, 55, 0.92);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.14);
  padding: 11px;
}

.security-threat-list article,
.security-secret-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.security-feed-list article {
  display: grid;
  gap: 8px;
}

.security-threat-list strong,
.security-secret-list strong,
.security-feed-list strong,
.security-threat-list small,
.security-secret-list small,
.security-feed-list small {
  display: block;
  overflow-wrap: anywhere;
}

.run-center-panel {
  display: grid;
  gap: 16px;
  border-color: rgba(107, 214, 255, 0.2);
  background:
    linear-gradient(135deg, rgba(107, 214, 255, 0.065), rgba(139, 108, 255, 0.04)),
    rgba(11, 15, 23, 0.96);
}

.run-center-view {
  align-items: start;
}

.run-center-view-hero {
  min-height: 220px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  border-color: rgba(139, 108, 255, 0.25);
  background:
    radial-gradient(circle at 15% 10%, rgba(139, 108, 255, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(107, 214, 255, 0.08), rgba(139, 108, 255, 0.06)),
    rgba(11, 15, 23, 0.96);
}

.run-center-view-hero h2 {
  max-width: 780px;
  margin: 8px 0 10px;
  font-size: 2.45rem;
  line-height: 1.04;
  overflow-wrap: anywhere;
}

.run-center-view-hero p {
  max-width: 820px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.run-center-view-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.run-center-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.35fr);
  gap: 16px;
  align-items: start;
}

.run-center-head h2 {
  max-width: 760px;
  margin: 6px 0 8px;
  font-size: clamp(1.35rem, 2.4vw, 2.45rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.run-center-head p {
  max-width: 820px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.run-center-controls {
  display: grid;
  gap: 8px;
  align-content: start;
}

.run-center-controls .badge {
  width: fit-content;
  justify-self: end;
}

.run-center-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}

.run-center-card {
  min-width: 0;
  min-height: 310px;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid rgba(219, 226, 239, 0.11);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.014)),
    rgba(0, 0, 0, 0.13);
  padding: 13px;
}

.run-center-card.is-running {
  border-color: rgba(139, 108, 255, 0.5);
  background:
    linear-gradient(180deg, rgba(139, 108, 255, 0.16), rgba(107, 214, 255, 0.05)),
    rgba(0, 0, 0, 0.14);
}

.run-center-card-head {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.run-center-card-head > span,
.run-center-meta span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.run-center-card h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.run-center-card p {
  min-height: 72px;
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.run-center-meta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.run-center-meta div {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.08);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  padding: 9px;
}

.run-center-meta strong,
.run-center-meta small {
  display: block;
  overflow-wrap: anywhere;
}

.run-center-meta strong {
  margin-top: 5px;
  color: var(--text);
  line-height: 1.2;
}

.run-center-meta small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.3;
}

.run-center-agent-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.run-center-agent-strip span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.34);
  border-radius: 50%;
  color: var(--violet-soft);
  background: rgba(139, 108, 255, 0.1);
  font-size: 0.68rem;
  font-weight: 900;
}

.run-center-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: auto;
}

.run-center-actions .primary-action,
.run-center-actions .ghost-action {
  min-width: 0;
  min-height: 38px;
  padding: 0 10px;
}

.guided-mode-panel {
  overflow: hidden;
}

.guided-flow-map {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.guided-flow-map div {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(107, 214, 255, 0.2);
  border-radius: var(--radius);
  background: rgba(107, 214, 255, 0.045);
}

.guided-flow-map span,
.guided-step-index {
  display: grid;
  place-items: center;
  border: 1px solid rgba(107, 214, 255, 0.36);
  border-radius: 50%;
  color: var(--cyan);
  font-weight: 900;
}

.guided-flow-map span {
  width: 34px;
  height: 34px;
}

.guided-flow-map strong,
.guided-flow-map small {
  display: block;
  overflow-wrap: anywhere;
}

.guided-flow-map small {
  grid-column: 2;
  color: var(--muted);
  line-height: 1.35;
}

.guided-steps {
  display: grid;
  gap: 10px;
}

.guided-step {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
}

.guided-step.is-active {
  border-color: rgba(240, 193, 91, 0.38);
  background: rgba(120, 87, 23, 0.12);
}

.guided-step.is-done {
  border-color: rgba(114, 230, 178, 0.26);
  background: rgba(20, 83, 45, 0.12);
}

.guided-step-index {
  width: 38px;
  height: 38px;
}

.guided-step-copy {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.guided-step-copy > div {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.guided-step-copy strong,
.guided-step-copy p {
  overflow-wrap: anywhere;
}

.guided-step-copy p {
  margin: 0;
  color: var(--muted);
  line-height: 1.4;
}

.founder-view {
  align-items: stretch;
  gap: 16px;
}

.founder-redesign .panel {
  border-color: rgba(192, 203, 222, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)),
    linear-gradient(135deg, rgba(107, 214, 255, 0.045), rgba(139, 108, 255, 0.032)),
    rgba(8, 13, 21, 0.96);
}

.founder-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 22px;
  min-height: 300px;
  overflow: hidden;
  padding: 26px;
  isolation: isolate;
}

.founder-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(122deg, rgba(139, 108, 255, 0.16), transparent 42%),
    linear-gradient(90deg, rgba(107, 214, 255, 0.08), transparent 24%),
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: auto, auto, 44px 44px, 44px 44px;
  pointer-events: none;
}

.founder-hero-copy {
  align-self: center;
}

.founder-hero-copy h2 {
  max-width: 800px;
  margin: 8px 0 12px;
  font-size: clamp(2rem, 4.2vw, 4rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.founder-hero-copy p {
  max-width: 760px;
  margin-bottom: 0;
  color: rgba(215, 221, 234, 0.82);
  font-size: 1rem;
  line-height: 1.62;
}

.founder-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.founder-command-card {
  min-width: 0;
  align-self: stretch;
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(219, 226, 239, 0.16);
  border-radius: var(--radius);
  background: rgba(4, 8, 14, 0.62);
  backdrop-filter: blur(22px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.founder-command-head {
  display: flex;
  align-items: center;
  gap: 13px;
}

.founder-command-head strong,
.founder-command-head small,
.founder-next-action strong,
.founder-next-action small,
.founder-command-metrics strong,
.founder-command-metrics small {
  display: block;
  overflow-wrap: anywhere;
}

.founder-avatar {
  width: 56px;
  height: 56px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.58);
  border-radius: 50%;
  background: rgba(139, 108, 255, 0.17);
  color: var(--text);
  font-weight: 900;
  box-shadow: 0 0 30px rgba(139, 108, 255, 0.24);
}

.founder-next-action {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(139, 108, 255, 0.34);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(139, 108, 255, 0.18), rgba(107, 214, 255, 0.055)),
    rgba(255, 255, 255, 0.03);
}

.founder-next-action span {
  display: block;
  color: var(--violet-soft);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.founder-next-action strong {
  margin-top: 8px;
  font-size: 1.25rem;
  line-height: 1.15;
}

.founder-next-action small,
.founder-command-head small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.founder-command-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.founder-command-metrics div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.founder-command-metrics strong {
  font-size: 1.1rem;
}

.founder-command-metrics small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.founder-stage-rail {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(7, minmax(132px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.founder-stage-node {
  min-width: 0;
  min-height: 90px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.028);
  color: var(--text);
  text-align: left;
  display: grid;
  gap: 6px;
}

.founder-stage-node span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(139, 108, 255, 0.45);
  color: var(--violet-soft);
  font-weight: 900;
}

.founder-stage-node strong,
.founder-stage-node small {
  overflow-wrap: anywhere;
}

.founder-stage-node strong {
  font-size: 0.85rem;
  line-height: 1.2;
}

.founder-stage-node small {
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.founder-stage-node.is-active {
  border-color: rgba(240, 193, 91, 0.42);
  background: rgba(120, 87, 23, 0.12);
}

.founder-stage-node.is-done {
  border-color: rgba(114, 230, 178, 0.3);
  background: rgba(20, 83, 45, 0.11);
}

.founder-status-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.founder-status-board div,
.founder-result-grid div,
.founder-juriflow-grid div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(219, 226, 239, 0.14);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.018)),
    rgba(255, 255, 255, 0.02);
}

.founder-status-board span,
.founder-result-grid span,
.founder-juriflow-grid span {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.founder-status-board strong,
.founder-result-grid strong,
.founder-juriflow-grid strong,
.founder-status-board small,
.founder-result-grid small,
.founder-juriflow-grid small {
  display: block;
  overflow-wrap: anywhere;
}

.founder-status-board strong,
.founder-result-grid strong,
.founder-juriflow-grid strong {
  margin-top: 8px;
  line-height: 1.25;
}

.founder-status-board small,
.founder-result-grid small,
.founder-juriflow-grid small {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.35;
}

.founder-demo-loop-panel .panel-header {
  align-items: start;
}

.founder-demo-loop {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.founder-demo-step {
  min-width: 0;
  min-height: 182px;
  padding: 14px;
  border: 1px solid rgba(219, 226, 239, 0.14);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.014)),
    rgba(7, 11, 18, 0.95);
  display: grid;
  align-content: start;
  gap: 10px;
}

.founder-demo-step.is-active {
  border-color: rgba(240, 193, 91, 0.42);
  background:
    linear-gradient(180deg, rgba(240, 193, 91, 0.12), rgba(255, 255, 255, 0.014)),
    rgba(7, 11, 18, 0.96);
}

.founder-demo-step.is-done {
  border-color: rgba(114, 230, 178, 0.3);
  background:
    linear-gradient(180deg, rgba(35, 166, 105, 0.11), rgba(255, 255, 255, 0.014)),
    rgba(7, 11, 18, 0.96);
}

.founder-demo-step-head,
.founder-demo-step-foot {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.founder-demo-step-head span,
.founder-demo-step-foot em {
  min-width: 0;
  color: var(--muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.founder-demo-step strong,
.founder-demo-step small {
  display: block;
  overflow-wrap: anywhere;
}

.founder-demo-step strong {
  font-size: 1rem;
  line-height: 1.24;
}

.founder-demo-step small {
  color: var(--muted);
  line-height: 1.4;
}

.founder-demo-step-foot {
  margin-top: auto;
}

.founder-demo-step-foot .ghost-action {
  min-height: 36px;
  padding: 0 12px;
}

.founder-operating-home .panel-header {
  align-items: start;
}

.founder-command-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.founder-command-button {
  min-width: 0;
  min-height: 178px;
  padding: 16px;
  border: 1px solid rgba(219, 226, 239, 0.16);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016)),
    rgba(7, 11, 18, 0.96);
  color: var(--text);
  text-align: left;
  display: grid;
  align-content: start;
  gap: 10px;
}

.founder-command-button.is-violet {
  border-color: rgba(139, 108, 255, 0.42);
}

.founder-command-button.is-warning {
  border-color: rgba(240, 193, 91, 0.42);
  background:
    linear-gradient(180deg, rgba(240, 193, 91, 0.12), rgba(139, 108, 255, 0.035)),
    rgba(7, 11, 18, 0.96);
}

.founder-command-button.is-success {
  border-color: rgba(114, 230, 178, 0.34);
}

.founder-command-button span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.54);
  border-radius: 50%;
  color: var(--violet-soft);
  font-weight: 900;
}

.founder-command-button strong,
.founder-command-button small,
.founder-command-button em {
  display: block;
  overflow-wrap: anywhere;
}

.founder-command-button strong {
  font-size: 1.25rem;
  line-height: 1.16;
}

.founder-command-button small {
  color: var(--muted);
  line-height: 1.42;
}

.founder-command-button em {
  margin-top: auto;
  color: var(--violet-soft);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0;
}

.founder-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.founder-action-card {
  min-width: 0;
  min-height: 154px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016)),
    rgba(7, 11, 18, 0.95);
  color: var(--text);
  text-align: left;
  display: grid;
  align-content: start;
  gap: 9px;
}

.founder-action-card.is-primary {
  border-color: rgba(240, 193, 91, 0.46);
  background:
    linear-gradient(180deg, rgba(240, 193, 91, 0.13), rgba(139, 108, 255, 0.06)),
    rgba(7, 11, 18, 0.96);
}

.founder-action-card > span,
.founder-test-card > span {
  color: var(--violet-soft);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.founder-action-card strong {
  font-size: 1.02rem;
  line-height: 1.25;
}

.founder-action-card small {
  color: var(--muted);
  line-height: 1.4;
}

.executive-deliverable-view {
  align-items: stretch;
}

.executive-deliverable-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
  padding: 26px;
  background:
    linear-gradient(135deg, rgba(139, 108, 255, 0.16), rgba(107, 214, 255, 0.055)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.018)),
    rgba(8, 13, 21, 0.97);
}

.executive-back {
  margin-bottom: 18px;
}

.executive-deliverable-hero h2 {
  max-width: 900px;
  margin: 8px 0 12px;
  font-size: clamp(2rem, 4vw, 3.7rem);
  line-height: 1;
  letter-spacing: 0;
}

.executive-deliverable-hero p {
  max-width: 860px;
  color: rgba(215, 221, 234, 0.84);
  line-height: 1.6;
}

.executive-deliverable-tags,
.executive-deliverable-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.executive-deliverable-actions {
  justify-content: flex-end;
}

.executive-deliverable-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.executive-deliverable-kpis div,
.executive-section,
.executive-side-block,
.executive-task-list article {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.14);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.016)),
    rgba(7, 11, 18, 0.94);
}

.executive-deliverable-kpis div {
  padding: 14px;
}

.executive-deliverable-kpis span,
.executive-section .meta-label {
  display: block;
}

.executive-deliverable-kpis span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.executive-deliverable-kpis strong,
.executive-deliverable-kpis small {
  display: block;
  overflow-wrap: anywhere;
}

.executive-deliverable-kpis strong {
  margin-top: 8px;
  font-size: 1.35rem;
}

.executive-deliverable-kpis small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.executive-next-action-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  border-color: rgba(240, 193, 91, 0.32);
  background:
    linear-gradient(135deg, rgba(240, 193, 91, 0.12), rgba(139, 108, 255, 0.04)),
    rgba(7, 11, 18, 0.97);
}

.executive-next-action-panel.is-ready {
  border-color: rgba(114, 230, 178, 0.34);
  background:
    linear-gradient(135deg, rgba(35, 166, 105, 0.12), rgba(139, 108, 255, 0.04)),
    rgba(7, 11, 18, 0.97);
}

.executive-next-action-panel h2 {
  margin: 8px 0 8px;
  font-size: 1.45rem;
  line-height: 1.2;
}

.executive-next-action-panel p {
  max-width: 840px;
  color: var(--muted);
  line-height: 1.5;
}

.executive-next-action-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.executive-deliverable-main,
.executive-deliverable-side {
  display: grid;
  align-content: start;
  gap: 12px;
}

.executive-section {
  padding: 18px;
}

.executive-section h3 {
  margin: 8px 0 10px;
  font-size: 1.32rem;
  line-height: 1.2;
}

.executive-section p {
  color: var(--muted);
  line-height: 1.58;
}

.executive-section.decision {
  border-color: rgba(240, 193, 91, 0.34);
}

.executive-task-list {
  padding: 16px;
  display: grid;
  gap: 10px;
}

.executive-task-list article {
  padding: 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.executive-task-list article > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(139, 108, 255, 0.18);
  color: var(--violet-soft);
  font-weight: 900;
}

.executive-task-list strong,
.executive-task-list small {
  display: block;
  overflow-wrap: anywhere;
}

.executive-task-list small {
  margin-top: 5px;
  color: var(--muted);
}

.executive-side-block {
  padding: 16px;
}

.executive-deliverable-preview pre {
  max-height: 460px;
  overflow: auto;
  margin: 0;
  padding: 18px;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: var(--radius);
  background: rgba(2, 6, 12, 0.78);
  color: rgba(231, 236, 246, 0.9);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.commercial-proposal-view {
  align-items: stretch;
}

.commercial-proposal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
  padding: 26px;
  background:
    linear-gradient(135deg, rgba(114, 230, 178, 0.11), rgba(139, 108, 255, 0.09)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.02)),
    rgba(8, 13, 21, 0.97);
}

.commercial-proposal-hero h2 {
  max-width: 900px;
  margin: 8px 0 12px;
  font-size: clamp(2rem, 3.7vw, 3.45rem);
  line-height: 1;
  letter-spacing: 0;
}

.commercial-proposal-hero p {
  max-width: 860px;
  color: rgba(215, 221, 234, 0.84);
  line-height: 1.58;
}

.commercial-proposal-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commercial-proposal-stats div,
.proposal-section,
.proposal-side-block {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.14);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.018)),
    rgba(7, 11, 18, 0.94);
}

.commercial-proposal-stats div {
  padding: 14px;
}

.commercial-proposal-stats span,
.commercial-proposal-stats strong,
.commercial-proposal-stats small {
  display: block;
  overflow-wrap: anywhere;
}

.commercial-proposal-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.commercial-proposal-stats strong {
  margin-top: 8px;
  font-size: 1.35rem;
}

.commercial-proposal-stats small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.commercial-proposal-paper,
.commercial-proposal-side {
  display: grid;
  align-content: start;
  gap: 12px;
}

.proposal-cover-card {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(139, 108, 255, 0.32);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 92% 0%, rgba(139, 108, 255, 0.2), transparent 32%),
    linear-gradient(135deg, rgba(114, 230, 178, 0.08), rgba(139, 108, 255, 0.1)),
    rgba(7, 11, 18, 0.95);
}

.proposal-logo-mark {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(219, 226, 239, 0.28);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--text);
  font-size: 1.15rem;
  font-weight: 950;
  box-shadow: 0 0 22px rgba(139, 108, 255, 0.2);
}

.proposal-cover-card h3 {
  margin: 5px 0 6px;
  font-size: 1.35rem;
  letter-spacing: 0;
}

.proposal-cover-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.proposal-letterhead {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(219, 226, 239, 0.14);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.028);
}

.proposal-letterhead span,
.proposal-letterhead strong {
  display: block;
  overflow-wrap: anywhere;
}

.proposal-letterhead span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.proposal-letterhead strong {
  margin-top: 6px;
}

.proposal-section {
  padding: 16px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
}

.proposal-section > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(139, 108, 255, 0.16);
  color: var(--violet-soft);
  font-weight: 900;
}

.proposal-section h3 {
  margin: 2px 0 8px;
  font-size: 1.18rem;
}

.proposal-section p,
.proposal-section li,
.proposal-side-block p,
.proposal-side-block li {
  color: var(--muted);
  line-height: 1.52;
}

.proposal-section ul,
.proposal-side-block ol {
  margin: 0;
  padding-left: 18px;
}

.proposal-client-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.proposal-client-grid div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.026);
}

.proposal-client-grid small,
.proposal-signature-grid small {
  display: block;
  color: var(--muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.proposal-client-grid strong {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.proposal-signature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.proposal-signature-grid > div {
  min-width: 0;
}

.proposal-signature-line {
  display: block;
  height: 36px;
  border-bottom: 1px solid rgba(219, 226, 239, 0.38);
  margin-bottom: 10px;
}

.proposal-acceptance-block {
  border-color: rgba(114, 230, 178, 0.24);
  background:
    linear-gradient(135deg, rgba(114, 230, 178, 0.07), rgba(139, 108, 255, 0.05)),
    rgba(7, 11, 18, 0.94);
}

.proposal-side-block {
  padding: 16px;
}

.proposal-side-block strong {
  display: block;
  margin: 8px 0 14px;
  line-height: 1.3;
}

.proposal-acceptance-list {
  display: grid;
  gap: 7px;
  margin: 0 0 14px;
  padding-left: 18px;
}

.proposal-side-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.proposal-side-actions .ghost-action {
  width: 100%;
  min-width: 0;
  justify-content: center;
  padding-inline: 8px;
}

.commercial-proposal-preview pre {
  max-height: 440px;
  overflow: auto;
  margin: 0;
  padding: 18px;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: var(--radius);
  background: rgba(2, 6, 12, 0.78);
  color: rgba(231, 236, 246, 0.9);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.acceptance-summary-view {
  align-items: stretch;
}

.acceptance-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
  padding: 26px;
  background:
    linear-gradient(135deg, rgba(114, 230, 178, 0.13), rgba(139, 108, 255, 0.08)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.018)),
    rgba(8, 13, 21, 0.97);
}

.acceptance-hero h2 {
  max-width: 900px;
  margin: 8px 0 12px;
  font-size: clamp(2rem, 3.7vw, 3.45rem);
  line-height: 1;
  letter-spacing: 0;
}

.acceptance-hero p {
  max-width: 820px;
  color: rgba(215, 221, 234, 0.84);
  line-height: 1.58;
}

.acceptance-summary-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.acceptance-summary-cards div,
.acceptance-order-grid article,
.acceptance-next-steps button,
.acceptance-checklist button {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.14);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.018)),
    rgba(7, 11, 18, 0.94);
}

.acceptance-summary-cards div {
  padding: 14px;
}

.acceptance-summary-cards span,
.acceptance-summary-cards strong,
.acceptance-summary-cards small {
  display: block;
  overflow-wrap: anywhere;
}

.acceptance-summary-cards span,
.acceptance-order-grid span,
.acceptance-checklist span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.acceptance-summary-cards strong {
  margin-top: 8px;
  font-size: 1.2rem;
}

.acceptance-summary-cards small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.acceptance-order-panel,
.acceptance-checkout-panel {
  display: grid;
  align-content: start;
  gap: 14px;
}

.acceptance-order-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.acceptance-order-grid article {
  padding: 16px;
}

.acceptance-order-grid strong,
.acceptance-checklist strong {
  display: block;
  margin-top: 7px;
  overflow-wrap: anywhere;
}

.acceptance-order-grid p,
.acceptance-checkout-panel p,
.acceptance-next-steps small {
  color: var(--muted);
  line-height: 1.5;
}

.acceptance-next-steps {
  display: grid;
  gap: 10px;
}

.acceptance-next-steps > .meta-label {
  margin-top: 6px;
}

.acceptance-next-steps button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  padding: 14px;
  color: var(--text);
  text-align: left;
}

.acceptance-next-steps button span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(114, 230, 178, 0.12);
  color: var(--success);
  font-weight: 900;
}

.acceptance-next-steps button strong,
.acceptance-next-steps button small {
  grid-column: 2;
  overflow-wrap: anywhere;
}

.acceptance-checklist {
  display: grid;
  gap: 9px;
}

.acceptance-checklist button {
  display: block;
  padding: 14px;
  color: var(--text);
  text-align: left;
}

.acceptance-side-actions {
  display: grid;
  gap: 8px;
}

.acceptance-empty {
  display: grid;
  gap: 12px;
  justify-items: start;
}

.founder-product-picker,
.founder-shortcuts {
  display: grid;
  gap: 9px;
}

.founder-new-project-panel {
  overflow: hidden;
}

.founder-new-project-panel.is-collapsed {
  border-color: rgba(139, 108, 255, 0.22);
}

.founder-project-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
  padding: 2px 0 4px;
}

.founder-project-form .field {
  min-width: 0;
}

.founder-project-form textarea {
  min-height: 104px;
  resize: vertical;
}

.founder-project-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 6px;
}

.founder-product-pill,
.founder-shortcuts button {
  min-width: 0;
  min-height: 58px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.028);
  color: var(--text);
  text-align: left;
}

.founder-product-pill.is-active {
  border-color: rgba(139, 108, 255, 0.58);
  background: rgba(139, 108, 255, 0.13);
  box-shadow: inset 3px 0 0 rgba(139, 108, 255, 0.8);
}

.founder-product-pill strong,
.founder-product-pill small,
.founder-shortcuts strong,
.founder-shortcuts small {
  display: block;
  overflow-wrap: anywhere;
}

.founder-product-pill small,
.founder-shortcuts small {
  margin-top: 4px;
  color: var(--muted);
}

.founder-result-grid,
.founder-juriflow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.founder-task-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.founder-task-list div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
}

.founder-task-list strong,
.founder-task-list small {
  overflow-wrap: anywhere;
}

.founder-task-list small {
  color: var(--muted);
}

.founder-flow-list {
  display: grid;
  gap: 9px;
}

.founder-flow-step {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
}

.founder-flow-step.is-active {
  border-color: rgba(240, 193, 91, 0.38);
  background: rgba(120, 87, 23, 0.11);
}

.founder-flow-step.is-done {
  border-color: rgba(114, 230, 178, 0.26);
  background: rgba(20, 83, 45, 0.1);
}

.founder-flow-step > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.42);
  border-radius: 50%;
  color: var(--violet-soft);
  font-weight: 900;
}

.founder-flow-step strong,
.founder-flow-step small {
  display: block;
  overflow-wrap: anywhere;
}

.founder-flow-step small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.founder-juriflow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-content: start;
}

.founder-juriflow-actions .primary-action,
.founder-juriflow-actions .ghost-action {
  flex: 1 1 auto;
}

.founder-delivery-panel {
  overflow: hidden;
  border-color: rgba(139, 108, 255, 0.24);
}

.founder-delivery-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
  gap: 12px;
}

.founder-delivery-main,
.founder-delivery-checklist div,
.founder-delivery-output-grid div {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.014)),
    rgba(255, 255, 255, 0.026);
}

.founder-delivery-main {
  padding: 18px;
  border-color: rgba(139, 108, 255, 0.28);
}

.founder-delivery-main-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.founder-delivery-main-head > span,
.founder-delivery-output-grid span {
  display: block;
  color: var(--violet-soft);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.founder-delivery-main strong {
  display: block;
  margin-top: 14px;
  font-size: clamp(1.05rem, 1.8vw, 1.42rem);
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.founder-delivery-main p {
  margin: 12px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.founder-delivery-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}

.founder-delivery-checklist {
  display: grid;
  gap: 9px;
}

.founder-delivery-checklist div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
}

.founder-delivery-checklist div.is-done {
  border-color: rgba(114, 230, 178, 0.28);
  background: rgba(20, 83, 45, 0.1);
}

.founder-delivery-checklist span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.42);
  border-radius: 50%;
  color: var(--violet-soft);
  font-weight: 900;
}

.founder-delivery-checklist strong,
.founder-delivery-checklist small,
.founder-delivery-output-grid strong,
.founder-delivery-output-grid small {
  display: block;
  overflow-wrap: anywhere;
}

.founder-delivery-checklist small,
.founder-delivery-output-grid small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.founder-delivery-output-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.founder-delivery-output-grid strong {
  margin-top: 8px;
  line-height: 1.25;
}

.legal-blueprint-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.legal-blueprint-summary div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(114, 230, 178, 0.2);
  border-radius: var(--radius);
  background: rgba(20, 83, 45, 0.1);
}

.legal-blueprint-summary span,
.legal-blueprint-summary strong,
.legal-blueprint-summary small {
  display: block;
  overflow-wrap: anywhere;
}

.legal-blueprint-summary span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.legal-blueprint-summary strong {
  margin-top: 8px;
  color: var(--text);
  line-height: 1.28;
}

.legal-blueprint-summary small {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.35;
}

.legal-test-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.8fr);
  gap: 12px;
}

.legal-test-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.legal-test-main {
  grid-row: span 2;
}

.legal-test-card > span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.legal-test-card strong,
.legal-test-card p,
.legal-test-list {
  overflow-wrap: anywhere;
}

.legal-test-card strong {
  color: var(--text);
  line-height: 1.35;
}

.legal-test-card p {
  margin: 0;
  color: var(--soft);
  line-height: 1.5;
}

.legal-test-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 5px;
}

.legal-test-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
  color: var(--soft);
  line-height: 1.45;
}

.legal-flow-list {
  display: grid;
  gap: 9px;
}

.legal-flow-list div {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 7px 9px;
  align-items: start;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
}

.legal-flow-list span {
  grid-row: span 2;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(107, 214, 255, 0.34);
  border-radius: 50%;
  color: var(--cyan);
  font-weight: 900;
}

.legal-flow-list strong,
.legal-flow-list small {
  display: block;
  overflow-wrap: anywhere;
}

.legal-flow-list small {
  color: var(--muted);
  line-height: 1.35;
}

.legal-module-grid {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.legal-module {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(114, 230, 178, 0.22);
  border-radius: var(--radius);
  background: rgba(20, 83, 45, 0.12);
}

.legal-module > span {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(114, 230, 178, 0.32);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--success);
  font-weight: 900;
}

.legal-module strong,
.legal-module small {
  display: block;
  overflow-wrap: anywhere;
}

.legal-module small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.legal-artifact-grid {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.legal-artifact {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.legal-artifact strong,
.legal-artifact small {
  display: block;
  overflow-wrap: anywhere;
}

.legal-artifact small {
  color: var(--muted);
  line-height: 1.35;
}

.commercial-sprint-panel {
  overflow: hidden;
}

.commercial-sprint-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.7fr);
  gap: 16px;
  align-items: stretch;
}

.commercial-sprint-lede,
.commercial-sprint-numbers,
.commercial-stage-list,
.commercial-delivery-list {
  min-width: 0;
}

.commercial-sprint-lede {
  display: grid;
  align-content: start;
  gap: 12px;
}

.commercial-sprint-lede h3 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.25;
}

.commercial-sprint-lede p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.commercial-sprint-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.commercial-sprint-numbers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commercial-sprint-numbers div,
.commercial-delivery-list div {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.commercial-sprint-numbers span,
.commercial-delivery-list span {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.commercial-sprint-numbers strong,
.commercial-delivery-list strong {
  display: block;
  margin-top: 8px;
  color: var(--text);
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.commercial-sprint-numbers strong {
  font-size: 1.35rem;
}

.commercial-stage-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column: 1 / -1;
  gap: 10px;
}

.commercial-stage {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(107, 214, 255, 0.22);
  border-radius: var(--radius);
  background: rgba(107, 214, 255, 0.055);
}

.commercial-stage > span {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(107, 214, 255, 0.34);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--cyan);
  font-weight: 900;
}

.commercial-stage strong,
.commercial-stage small {
  display: block;
  overflow-wrap: anywhere;
}

.commercial-stage small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.commercial-delivery-list {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.sales-kit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
  gap: 12px;
}

.sales-kit-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.sales-kit-main {
  grid-row: span 2;
}

.sales-kit-card > span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.sales-kit-card strong,
.sales-kit-card p,
.sales-kit-list {
  overflow-wrap: anywhere;
}

.sales-kit-card strong {
  color: var(--text);
  line-height: 1.35;
}

.sales-kit-card p {
  margin: 0;
  color: var(--soft);
  line-height: 1.5;
  white-space: pre-wrap;
}

.sales-kit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 5px;
}

.sales-kit-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
  color: var(--soft);
  line-height: 1.45;
}

.automation-form {
  margin-top: 14px;
}

.automation-hub-view {
  align-items: start;
}

.automation-hub-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  min-height: 220px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(123, 97, 255, 0.14), rgba(107, 214, 255, 0.045) 48%, rgba(12, 18, 32, 0.92)),
    var(--panel);
}

.automation-hub-hero h2 {
  max-width: 780px;
  margin: 8px 0 0;
  color: var(--text);
  font-size: 2.6rem;
  line-height: 1;
  letter-spacing: 0;
}

.automation-hub-hero p {
  max-width: 760px;
  margin: 12px 0 0;
  color: var(--soft);
  line-height: 1.55;
}

.automation-hub-actions,
.automation-focus-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.automation-hub-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.automation-hub-stats div {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.automation-hub-stats span,
.automation-hub-stats strong,
.automation-hub-stats small {
  display: block;
  overflow-wrap: anywhere;
}

.automation-hub-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.automation-hub-stats strong {
  margin-top: 10px;
  color: var(--text);
  font-size: 1.65rem;
  line-height: 1;
}

.automation-hub-stats small {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.35;
}

.automation-monitor-panel {
  display: grid;
  gap: 14px;
}

.automation-monitor-header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.automation-monitor-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.automation-monitor-stats div {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
  padding: 12px;
}

.automation-monitor-stats span,
.automation-monitor-stats strong,
.automation-monitor-stats small {
  display: block;
  overflow-wrap: anywhere;
}

.automation-monitor-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.automation-monitor-stats strong {
  margin-top: 8px;
  color: var(--text);
  font-size: 1.28rem;
  line-height: 1.1;
}

.automation-monitor-stats small {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.35;
}

.automation-monitor-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 12px;
  align-items: start;
}

.automation-monitor-incidents,
.automation-monitor-cadence {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.automation-monitor-subhead {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 12px;
}

.automation-monitor-subhead strong {
  color: var(--text);
  font-size: 0.96rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.automation-monitor-incident {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
  padding: 12px;
}

.automation-monitor-incident strong,
.automation-monitor-incident p,
.automation-monitor-next strong {
  display: block;
  overflow-wrap: anywhere;
}

.automation-monitor-incident > div:first-child strong {
  margin-top: 8px;
  color: var(--text);
  font-size: 1rem;
  line-height: 1.3;
}

.automation-monitor-incident p {
  margin: 6px 0 0;
  color: var(--soft);
  line-height: 1.45;
}

.automation-monitor-incident-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.automation-monitor-incident-meta span {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.08);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  color: var(--muted);
  padding: 7px;
  font-size: 0.76rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.automation-monitor-next {
  border-left: 3px solid rgba(107, 214, 255, 0.72);
  padding-left: 10px;
}

.automation-monitor-next span {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.automation-monitor-next strong {
  margin-top: 4px;
  color: var(--text);
  font-size: 0.9rem;
  line-height: 1.38;
}

.automation-monitor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.automation-monitor-table {
  display: grid;
  gap: 8px;
}

.automation-monitor-table article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(74px, 0.45fr));
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
  padding: 10px;
}

.automation-monitor-table article > div {
  min-width: 0;
}

.automation-monitor-table strong,
.automation-monitor-table span {
  display: block;
  overflow-wrap: anywhere;
}

.automation-monitor-table strong {
  margin-top: 5px;
  color: var(--text);
  font-size: 0.84rem;
  line-height: 1.3;
}

.automation-monitor-table span {
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.32;
}

.automation-focus {
  display: grid;
  gap: 18px;
}

.automation-focus-main {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.automation-focus-mark {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(123, 97, 255, 0.54);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(123, 97, 255, 0.32), rgba(107, 214, 255, 0.08));
  color: var(--text);
  font-size: 1.1rem;
  font-weight: 900;
  box-shadow: 0 18px 54px rgba(123, 97, 255, 0.18);
}

.automation-focus-main h2 {
  margin: 6px 0 0;
  color: var(--text);
  font-size: 1.65rem;
  line-height: 1.15;
}

.automation-focus-main p {
  margin: 8px 0 0;
  color: var(--soft);
  line-height: 1.5;
}

.automation-focus-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.automation-focus-tags > span:not(.badge) {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 750;
}

.automation-focus-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.automation-focus-grid div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.automation-focus-grid span,
.automation-focus-grid strong,
.automation-focus-grid small {
  display: block;
  overflow-wrap: anywhere;
}

.automation-focus-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.automation-focus-grid strong {
  margin-top: 7px;
  color: var(--text);
  line-height: 1.3;
}

.automation-focus-grid small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.automation-library-panel,
.automation-form-panel,
.automation-run-form-panel,
.automation-runs-panel {
  align-self: start;
}

.automation-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.34fr);
  gap: 10px;
  margin-bottom: 14px;
}

.automation-workflow-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.automation-workflow-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.automation-workflow-card.is-selected {
  border-color: rgba(123, 97, 255, 0.66);
  background: rgba(123, 97, 255, 0.085);
  box-shadow: 0 18px 60px rgba(123, 97, 255, 0.13);
}

.automation-workflow-card-head,
.automation-workflow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.automation-workflow-title {
  min-width: 0;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  text-align: left;
}

.automation-workflow-title strong,
.automation-workflow-title small,
.automation-workflow-card p {
  display: block;
  overflow-wrap: anywhere;
}

.automation-workflow-title strong {
  color: var(--text);
  font-size: 1rem;
  line-height: 1.3;
}

.automation-workflow-title small {
  margin-top: 5px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.72rem;
}

.automation-workflow-card p {
  min-height: 58px;
  margin: 0;
  color: var(--soft);
  line-height: 1.45;
}

.automation-workflow-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.automation-workflow-meta div {
  min-width: 0;
  border-top: 1px solid rgba(219, 226, 239, 0.08);
  padding-top: 8px;
}

.automation-workflow-meta span,
.automation-workflow-meta strong {
  display: block;
  overflow-wrap: anywhere;
}

.automation-workflow-meta span {
  color: var(--muted);
  font-size: 0.7rem;
  text-transform: uppercase;
  font-weight: 800;
}

.automation-workflow-meta strong {
  margin-top: 5px;
  color: var(--text);
  font-size: 0.82rem;
  line-height: 1.35;
}

.automation-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.automation-runs-list {
  display: grid;
  gap: 9px;
}

.automation-run-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr) minmax(140px, 0.34fr) auto;
  gap: 12px;
  align-items: center;
  padding: 11px;
  border: 1px solid rgba(219, 226, 239, 0.08);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
}

.automation-run-row > span {
  color: var(--muted);
  font-size: 0.78rem;
}

.automation-run-row strong,
.automation-run-row small {
  display: block;
  overflow-wrap: anywhere;
}

.automation-run-row strong {
  color: var(--text);
  line-height: 1.35;
}

.automation-run-row small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.finance-view {
  align-items: start;
}

.finance-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  min-height: 220px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(91, 226, 169, 0.12), rgba(123, 97, 255, 0.075) 48%, rgba(12, 18, 32, 0.94)),
    var(--panel);
}

.finance-hero h2 {
  max-width: 780px;
  margin: 8px 0 0;
  color: var(--text);
  font-size: 2.6rem;
  line-height: 1;
  letter-spacing: 0;
}

.finance-hero p {
  max-width: 760px;
  margin: 12px 0 0;
  color: var(--soft);
  line-height: 1.55;
}

.finance-hero-actions,
.finance-focus-actions,
.finance-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.finance-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.finance-stats div {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.finance-stats span,
.finance-stats strong,
.finance-stats small {
  display: block;
  overflow-wrap: anywhere;
}

.finance-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.finance-stats strong {
  margin-top: 10px;
  color: var(--text);
  font-size: 1.65rem;
  line-height: 1;
}

.finance-stats small {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.35;
}

.finance-focus {
  display: grid;
  gap: 18px;
}

.finance-focus-main {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.finance-focus-mark {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(91, 226, 169, 0.42);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(91, 226, 169, 0.22), rgba(123, 97, 255, 0.12));
  color: var(--text);
  font-size: 1.1rem;
  font-weight: 900;
  box-shadow: 0 18px 54px rgba(91, 226, 169, 0.12);
}

.finance-focus-main h2 {
  margin: 6px 0 0;
  color: var(--text);
  font-size: 1.65rem;
  line-height: 1.15;
}

.finance-focus-main p {
  margin: 8px 0 0;
  color: var(--soft);
  line-height: 1.5;
}

.finance-focus-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.finance-focus-tags > span:not(.badge) {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 750;
}

.finance-focus-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.finance-focus-grid div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.finance-focus-grid span,
.finance-focus-grid strong,
.finance-focus-grid small {
  display: block;
  overflow-wrap: anywhere;
}

.finance-focus-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.finance-focus-grid strong {
  margin-top: 7px;
  color: var(--text);
  line-height: 1.3;
}

.finance-focus-grid small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.finance-products-panel,
.finance-insight-panel,
.finance-form-panel,
.finance-table-panel {
  align-self: start;
}

.finance-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.finance-product-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.finance-product-card.is-selected {
  border-color: rgba(91, 226, 169, 0.52);
  background: rgba(91, 226, 169, 0.07);
  box-shadow: 0 18px 60px rgba(91, 226, 169, 0.1);
}

.finance-product-card-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.finance-product-title {
  min-width: 0;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  text-align: left;
}

.finance-product-title strong,
.finance-product-title small {
  display: block;
  overflow-wrap: anywhere;
}

.finance-product-title strong {
  color: var(--text);
  font-size: 1rem;
  line-height: 1.3;
}

.finance-product-title small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.78rem;
}

.finance-product-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.finance-product-metrics div {
  min-width: 0;
  border-top: 1px solid rgba(219, 226, 239, 0.08);
  padding-top: 8px;
}

.finance-product-metrics span,
.finance-product-metrics strong {
  display: block;
  overflow-wrap: anywhere;
}

.finance-product-metrics span {
  color: var(--muted);
  font-size: 0.7rem;
  text-transform: uppercase;
  font-weight: 800;
}

.finance-product-metrics strong {
  margin-top: 5px;
  color: var(--text);
  font-size: 0.85rem;
  line-height: 1.35;
}

.finance-cost-bar {
  height: 9px;
  overflow: hidden;
  border: 1px solid rgba(219, 226, 239, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
}

.finance-cost-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(91, 226, 169, 0.8), rgba(123, 97, 255, 0.82));
}

.finance-insight-list {
  display: grid;
  gap: 10px;
}

.finance-insight-list div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(219, 226, 239, 0.08);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.finance-insight-list strong,
.finance-insight-list span {
  display: block;
  overflow-wrap: anywhere;
}

.finance-insight-list strong {
  color: var(--text);
  line-height: 1.3;
}

.finance-insight-list span {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.45;
}

.crm-view,
.sales-view,
.delivery-view {
  align-items: start;
}

.crm-hero,
.sales-hero,
.delivery-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  min-height: 220px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(123, 97, 255, 0.14), rgba(107, 214, 255, 0.055) 48%, rgba(12, 18, 32, 0.94)),
    var(--panel);
}

.sales-hero {
  background:
    linear-gradient(135deg, rgba(107, 214, 255, 0.13), rgba(123, 97, 255, 0.075) 50%, rgba(12, 18, 32, 0.94)),
    var(--panel);
}

.delivery-hero {
  background:
    linear-gradient(135deg, rgba(91, 226, 169, 0.12), rgba(107, 214, 255, 0.065) 50%, rgba(12, 18, 32, 0.94)),
    var(--panel);
}

.crm-hero h2,
.sales-hero h2,
.delivery-hero h2 {
  max-width: 800px;
  margin: 8px 0 0;
  color: var(--text);
  font-size: 2.6rem;
  line-height: 1;
  letter-spacing: 0;
}

.crm-hero p,
.sales-hero p,
.delivery-hero p {
  max-width: 760px;
  margin: 12px 0 0;
  color: var(--soft);
  line-height: 1.55;
}

.crm-hero-actions,
.crm-focus-actions,
.sales-hero-actions,
.sales-focus-actions,
.delivery-hero-actions,
.delivery-focus-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.crm-stats,
.sales-stats,
.delivery-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.crm-stats div,
.sales-stats div,
.delivery-stats div {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.crm-stats span,
.crm-stats strong,
.crm-stats small,
.sales-stats span,
.sales-stats strong,
.sales-stats small,
.delivery-stats span,
.delivery-stats strong,
.delivery-stats small {
  display: block;
  overflow-wrap: anywhere;
}

.crm-stats span,
.sales-stats span,
.delivery-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.crm-stats strong,
.sales-stats strong,
.delivery-stats strong {
  margin-top: 10px;
  color: var(--text);
  font-size: 1.65rem;
  line-height: 1;
}

.crm-stats small,
.sales-stats small,
.delivery-stats small {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.35;
}

.crm-focus,
.sales-focus,
.delivery-focus {
  display: grid;
  gap: 18px;
}

.crm-focus-main,
.sales-focus-main,
.delivery-focus-main {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.crm-focus-avatar,
.sales-focus-mark,
.delivery-focus-mark {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(123, 97, 255, 0.54);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(123, 97, 255, 0.32), rgba(107, 214, 255, 0.08));
  color: var(--text);
  font-size: 1.1rem;
  font-weight: 900;
}

.crm-focus-main h2,
.sales-focus-main h2,
.delivery-focus-main h2 {
  margin: 6px 0 0;
  color: var(--text);
  font-size: 1.65rem;
  line-height: 1.15;
}

.crm-focus-main p,
.sales-focus-main p,
.delivery-focus-main p {
  margin: 8px 0 0;
  color: var(--soft);
  line-height: 1.5;
}

.crm-focus-tags,
.sales-focus-tags,
.delivery-focus-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.crm-focus-tags > span:not(.badge),
.sales-focus-tags > span:not(.badge),
.delivery-focus-tags > span:not(.badge) {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 750;
}

.crm-focus-grid,
.sales-focus-grid,
.delivery-focus-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.crm-focus-grid div,
.sales-focus-grid div,
.delivery-focus-grid div,
.crm-detail-grid div,
.finance-insight-list div {
  min-width: 0;
}

.crm-focus-grid div,
.sales-focus-grid div,
.delivery-focus-grid div,
.crm-detail-grid div {
  padding: 13px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
}

.crm-focus-grid span,
.crm-focus-grid strong,
.crm-focus-grid small,
.sales-focus-grid span,
.sales-focus-grid strong,
.sales-focus-grid small,
.delivery-focus-grid span,
.delivery-focus-grid strong,
.delivery-focus-grid small,
.crm-detail-grid span,
.crm-detail-grid strong,
.crm-detail-grid small {
  display: block;
  overflow-wrap: anywhere;
}

.crm-focus-grid span,
.sales-focus-grid span,
.delivery-focus-grid span,
.crm-detail-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.crm-focus-grid strong,
.sales-focus-grid strong,
.delivery-focus-grid strong,
.crm-detail-grid strong {
  margin-top: 7px;
  color: var(--text);
  line-height: 1.3;
}

.crm-focus-grid small,
.sales-focus-grid small,
.delivery-focus-grid small,
.crm-detail-grid small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.crm-client-list {
  display: grid;
  gap: 10px;
}

.crm-client-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
  color: inherit;
  text-align: left;
}

.crm-client-card .crm-focus-avatar {
  grid-row: span 4;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 0.9rem;
}

.crm-client-card.is-selected {
  border-color: rgba(123, 97, 255, 0.66);
  background: rgba(123, 97, 255, 0.085);
}

.crm-client-card strong,
.crm-client-card small,
.crm-client-card > span:not(.crm-focus-avatar):not(.badge) {
  display: block;
  overflow-wrap: anywhere;
}

.crm-client-card strong {
  color: var(--text);
}

.crm-client-card small,
.crm-client-card > span:not(.crm-focus-avatar):not(.badge) {
  color: var(--muted);
  font-size: 0.78rem;
}

.crm-detail-grid,
.crm-activity-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.crm-activity-grid {
  margin-top: 14px;
}

.crm-activity-grid h3 {
  margin: 0 0 8px;
  color: var(--text);
}

.crm-activity-grid article {
  display: grid;
  gap: 4px;
  padding: 11px;
  border-bottom: 1px solid rgba(219, 226, 239, 0.08);
}

.crm-activity-grid article strong,
.crm-activity-grid article span {
  overflow-wrap: anywhere;
}

.crm-activity-grid article span {
  color: var(--muted);
  font-size: 0.8rem;
}

.sales-board,
.delivery-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(220px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.delivery-board {
  grid-template-columns: repeat(4, minmax(240px, 1fr));
}

.sales-lane,
.delivery-lane {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
}

.sales-lane-head,
.delivery-lane-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.sales-lane-head span,
.sales-lane-head small,
.sales-lane-head strong,
.delivery-lane-head span,
.delivery-lane-head small {
  display: block;
  overflow-wrap: anywhere;
}

.sales-lane-head span,
.delivery-lane-head span {
  color: var(--text);
  font-weight: 850;
}

.sales-lane-head small,
.delivery-lane-head small {
  margin-top: 4px;
  color: var(--muted);
}

.sales-lane-head strong {
  color: var(--violet-2);
  text-align: right;
}

.sales-stack,
.delivery-stack {
  display: grid;
  gap: 10px;
}

.sales-deal-card,
.delivery-project-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.sales-deal-card.is-selected,
.delivery-project-card.is-selected {
  border-color: rgba(123, 97, 255, 0.66);
  background: rgba(123, 97, 255, 0.085);
}

.sales-deal-card button,
.delivery-project-card button {
  min-width: 0;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  text-align: left;
}

.sales-deal-card strong,
.sales-deal-card small,
.sales-deal-card span,
.delivery-project-card strong,
.delivery-project-card small {
  display: block;
  overflow-wrap: anywhere;
}

.sales-deal-card strong,
.delivery-project-card strong {
  color: var(--text);
}

.sales-deal-card small,
.delivery-project-card small {
  color: var(--muted);
  line-height: 1.35;
}

.sales-deal-card span {
  color: var(--text);
  font-weight: 850;
}

.sales-empty,
.delivery-empty {
  padding: 12px;
  border: 1px dashed rgba(219, 226, 239, 0.16);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 0.84rem;
}

.delivery-progress {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
}

.delivery-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--violet), var(--cyan));
}

.row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.segmented {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.segment {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
  color: var(--soft);
  padding: 0 10px;
}

.segment.is-active {
  background: rgba(123, 97, 255, 0.18);
  border-color: rgba(123, 97, 255, 0.54);
  color: var(--text);
}

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.12);
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 780px;
}

th,
td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

th {
  color: var(--muted);
  font-size: 0.74rem;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.035);
}

tbody tr:hover td {
  background: rgba(107, 214, 255, 0.025);
}

tr.is-focused-record td {
  background: rgba(107, 214, 255, 0.055);
}

tr.is-focused-record td:first-child {
  box-shadow: inset 3px 0 0 rgba(107, 214, 255, 0.72);
}

td {
  color: var(--soft);
  font-size: 0.9rem;
  line-height: 1.45;
}

tr:last-child td {
  border-bottom: 0;
}

.title-cell {
  color: var(--text);
  font-weight: 750;
}

.subtle {
  color: var(--muted);
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 0 9px;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0;
  color: var(--text);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--line);
  white-space: nowrap;
}

.badge.violet {
  background: rgba(123, 97, 255, 0.18);
  border-color: rgba(123, 97, 255, 0.5);
}

.badge.success {
  color: #d7fff0;
  background: rgba(130, 214, 181, 0.14);
  border-color: rgba(130, 214, 181, 0.34);
}

.badge.warning {
  color: #ffe7a4;
  background: rgba(244, 201, 111, 0.14);
  border-color: rgba(244, 201, 111, 0.34);
}

.badge.danger {
  color: #ffd0d0;
  background: rgba(255, 127, 127, 0.14);
  border-color: rgba(255, 127, 127, 0.34);
}

.status-lane {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.lane {
  min-height: 136px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.028);
}

.lane-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.lane-head strong {
  font-size: 0.88rem;
}

.lane-head span {
  min-width: 28px;
  min-height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--cyan);
  font-size: 0.78rem;
  font-weight: 800;
}

.lane-item {
  margin-top: 8px;
  padding: 9px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--soft);
  font-size: 0.84rem;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.lane-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lane-item strong {
  color: var(--cyan);
  font-size: 0.78rem;
  white-space: nowrap;
}

.product-pipeline-view {
  align-items: stretch;
}

.product-pipeline-hero {
  min-height: 210px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.74fr);
  gap: 20px;
  align-items: end;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(139, 108, 255, 0.16), transparent 45%),
    linear-gradient(90deg, rgba(107, 214, 255, 0.07), transparent 28%),
    rgba(8, 13, 21, 0.96);
}

.product-pipeline-hero h2 {
  max-width: 840px;
  margin: 8px 0 10px;
  font-size: 2.8rem;
  line-height: 1.02;
}

.product-pipeline-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.product-pipeline-controls {
  min-width: 0;
  display: grid;
  justify-items: end;
  gap: 10px;
}

.product-pipeline-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.product-mode-toggle {
  padding: 4px;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.product-pipeline-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.product-pipeline-stats div {
  min-width: 0;
  min-height: 102px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016)),
    rgba(7, 11, 18, 0.95);
}

.product-pipeline-stats span,
.product-pipeline-stats strong,
.product-pipeline-stats small {
  display: block;
  overflow-wrap: anywhere;
}

.product-pipeline-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.product-pipeline-stats strong {
  margin-top: 10px;
  font-size: 1.7rem;
  line-height: 1;
}

.product-pipeline-stats small {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.35;
}

.product-pipeline-board-panel,
.product-form-panel {
  overflow: hidden;
}

.product-pipeline-focus {
  display: grid;
  grid-template-columns: minmax(260px, 0.95fr) minmax(320px, 1.2fr);
  gap: 16px;
  align-items: center;
  border-color: rgba(139, 108, 255, 0.25);
  background:
    radial-gradient(circle at 12% 0%, rgba(139, 108, 255, 0.18), transparent 30%),
    linear-gradient(135deg, rgba(107, 214, 255, 0.06), rgba(139, 108, 255, 0.045)),
    rgba(8, 13, 21, 0.96);
}

.product-focus-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.product-focus-mark,
.pipeline-product-mark {
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--violet-soft);
  background:
    radial-gradient(circle at 35% 30%, rgba(139, 108, 255, 0.38), rgba(139, 108, 255, 0.08)),
    rgba(255, 255, 255, 0.03);
}

.product-focus-mark {
  width: 76px;
  height: 76px;
  border: 1px solid rgba(139, 108, 255, 0.56);
  font-size: 1.35rem;
  font-weight: 900;
  box-shadow: 0 0 32px rgba(139, 108, 255, 0.2);
}

.product-focus-main h2 {
  margin: 6px 0 8px;
  font-size: 2rem;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.product-focus-main p {
  max-width: 700px;
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.product-focus-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.product-focus-tags > span:not(.badge) {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: 999px;
  padding: 0 8px;
  color: var(--muted);
  font-size: 0.72rem;
}

.product-focus-flow {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.product-stage-rail {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.product-stage-rail span {
  min-width: 0;
  min-height: 54px;
  display: grid;
  align-content: center;
  gap: 5px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  color: var(--muted);
  background: rgba(255, 255, 255, 0.02);
  padding: 8px;
  font-size: 0.76rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.product-stage-rail small {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: var(--soft);
  font-size: 0.68rem;
}

.product-stage-rail .is-done {
  color: rgba(215, 221, 234, 0.78);
  border-color: rgba(34, 197, 94, 0.22);
}

.product-stage-rail .is-current {
  color: var(--text);
  border-color: rgba(139, 108, 255, 0.62);
  background: rgba(139, 108, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(139, 108, 255, 0.18);
}

.product-focus-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
}

.product-focus-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--cyan), var(--violet));
}

.product-focus-metrics {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.product-focus-metrics div {
  min-width: 0;
  min-height: 92px;
  display: grid;
  align-content: start;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.12);
  padding: 12px;
}

.product-focus-metrics span,
.product-focus-metrics strong,
.product-focus-metrics small {
  display: block;
  overflow-wrap: anywhere;
}

.product-focus-metrics span {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-focus-metrics strong {
  margin-top: 8px;
  line-height: 1.2;
}

.product-focus-metrics small {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.35;
}

.product-focus-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

.venture-lifecycle-panel {
  display: grid;
  gap: 18px;
  border-color: rgba(107, 214, 255, 0.24);
  background: rgba(8, 13, 21, 0.97);
}

.venture-lifecycle-empty {
  min-height: 170px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.venture-lifecycle-empty h2,
.venture-lifecycle-head h2 {
  margin: 7px 0 8px;
  font-size: 1.55rem;
  line-height: 1.12;
}

.venture-lifecycle-empty p,
.venture-lifecycle-head p {
  max-width: 860px;
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.venture-lifecycle-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.venture-lifecycle-actions,
.venture-review-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

.venture-lifecycle-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.venture-lifecycle-metrics > div {
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border-top: 2px solid rgba(107, 214, 255, 0.38);
  background: rgba(255, 255, 255, 0.026);
}

.venture-lifecycle-metrics span,
.venture-lifecycle-metrics strong,
.venture-lifecycle-metrics small {
  display: block;
  overflow-wrap: anywhere;
}

.venture-lifecycle-metrics span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.venture-lifecycle-metrics strong {
  margin-top: 7px;
  font-size: 1.12rem;
  line-height: 1.15;
}

.venture-lifecycle-metrics small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.3;
}

.venture-gate-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(128px, 1fr));
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 3px;
}

.venture-gate {
  min-width: 0;
  min-height: 82px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.018);
}

.venture-gate > span {
  grid-column: 2;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
}

.venture-gate strong,
.venture-gate small {
  display: block;
  overflow-wrap: anywhere;
}

.venture-gate strong {
  font-size: 0.78rem;
  line-height: 1.2;
  overflow-wrap: normal;
}

.venture-gate small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.68rem;
  line-height: 1.25;
}

.venture-gate-index {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(219, 226, 239, 0.14);
  border-radius: 50%;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
}

.venture-gate-approved {
  border-color: rgba(34, 197, 94, 0.26);
}

.venture-gate-approved .venture-gate-index {
  color: #9de7b2;
  border-color: rgba(34, 197, 94, 0.38);
}

.venture-gate-active,
.venture-gate.is-current {
  border-color: rgba(107, 214, 255, 0.54);
  background: rgba(107, 214, 255, 0.07);
}

.venture-gate-active .venture-gate-index,
.venture-gate.is-current .venture-gate-index {
  color: var(--cyan);
  border-color: rgba(107, 214, 255, 0.5);
}

.venture-gate-blocked,
.venture-gate-killed {
  border-color: rgba(248, 113, 113, 0.4);
  background: rgba(248, 113, 113, 0.055);
}

.venture-active-review {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 18px;
  padding-top: 17px;
  border-top: 1px solid rgba(219, 226, 239, 0.12);
}

.venture-active-copy h3 {
  margin: 7px 0 8px;
  font-size: 1.35rem;
}

.venture-active-copy > p {
  margin: 0;
  color: var(--soft);
  line-height: 1.5;
}

.venture-next-action,
.venture-decision-note {
  margin-top: 14px;
  padding-left: 12px;
  border-left: 2px solid rgba(107, 214, 255, 0.55);
}

.venture-next-action span,
.venture-decision-note span,
.venture-evidence-head > span {
  display: block;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.venture-next-action strong,
.venture-decision-note p {
  display: block;
  margin: 6px 0 0;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.venture-evidence {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.022);
}

.venture-evidence-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.venture-evidence dl {
  display: grid;
  gap: 0;
  margin: 12px 0 0;
}

.venture-evidence dl > div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 8px 0;
  border-top: 1px solid rgba(219, 226, 239, 0.08);
}

.venture-evidence dt,
.venture-evidence dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.venture-evidence dt {
  color: var(--muted);
  font-size: 0.78rem;
}

.venture-evidence dd {
  color: var(--text);
  font-size: 0.8rem;
  font-weight: 800;
  text-align: right;
}

.venture-criteria {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.venture-criteria span {
  padding: 5px 7px;
  border: 1px solid rgba(219, 226, 239, 0.11);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 0.7rem;
}

.danger-action {
  color: #f7aaaa;
  border-color: rgba(248, 113, 113, 0.3);
}

.product-kanban-board {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(220px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.product-kanban-lane {
  min-width: 0;
  min-height: 480px;
  padding: 13px;
  border: 1px solid rgba(219, 226, 239, 0.13);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.012)),
    rgba(255, 255, 255, 0.018);
}

.product-kanban-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.product-kanban-head span,
.product-kanban-head small,
.product-kanban-head strong {
  display: block;
  overflow-wrap: anywhere;
}

.product-kanban-head span {
  color: var(--text);
  font-weight: 800;
}

.product-kanban-head small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.product-kanban-head strong {
  min-width: 30px;
  min-height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.42);
  border-radius: 999px;
  color: var(--violet-soft);
  font-size: 0.8rem;
}

.product-kanban-add {
  width: 100%;
  min-height: 38px;
  border: 1px dashed rgba(219, 226, 239, 0.22);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.018);
  color: var(--muted);
}

.product-kanban-add:hover,
.product-kanban-add:focus-visible {
  color: var(--text);
  border-color: rgba(139, 108, 255, 0.5);
  outline: none;
}

.product-kanban-stack {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.product-kanban-empty {
  min-height: 104px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  color: var(--muted);
  background: rgba(255, 255, 255, 0.018);
  text-align: center;
  padding: 12px;
}

.pipeline-product-card {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(219, 226, 239, 0.14);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.016)),
    rgba(8, 13, 21, 0.92);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}

.pipeline-product-card.is-focused {
  border-color: rgba(139, 108, 255, 0.62);
  box-shadow: inset 3px 0 0 rgba(139, 108, 255, 0.82), 0 18px 42px rgba(0, 0, 0, 0.28);
}

.pipeline-product-head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 10px;
}

.pipeline-product-mark {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(139, 108, 255, 0.34);
  font-size: 0.72rem;
  font-weight: 900;
}

.pipeline-product-head strong,
.pipeline-product-head small,
.pipeline-product-card p {
  display: block;
  overflow-wrap: anywhere;
}

.pipeline-product-head strong {
  line-height: 1.2;
}

.pipeline-product-head small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.78rem;
}

.pipeline-product-card p {
  margin: 12px 0 0;
  color: var(--soft);
  line-height: 1.45;
  font-size: 0.86rem;
}

.pipeline-product-next {
  display: grid;
  gap: 4px;
  margin-top: 12px;
  border-left: 2px solid rgba(139, 108, 255, 0.62);
  padding-left: 9px;
}

.pipeline-product-next span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.pipeline-product-next strong {
  color: var(--text);
  font-size: 0.84rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.pipeline-product-progress {
  height: 5px;
  margin-top: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
  overflow: hidden;
}

.pipeline-product-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--cyan), var(--violet));
}

.pipeline-product-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.pipeline-product-meta span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: 999px;
  padding: 0 8px;
  color: var(--muted);
  font-size: 0.72rem;
}

.pipeline-product-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.pipeline-product-actions .ghost-action {
  min-width: 0;
  min-height: 34px;
  padding: 0 8px;
  font-size: 0.76rem;
}

.product-form-compact {
  min-height: 360px;
  display: grid;
  align-content: space-between;
  gap: 16px;
  border-color: rgba(139, 108, 255, 0.2);
  background:
    linear-gradient(135deg, rgba(139, 108, 255, 0.09), rgba(107, 214, 255, 0.03)),
    rgba(8, 13, 21, 0.96);
}

.product-form-compact h2 {
  margin: 8px 0 10px;
  font-size: 1.45rem;
  line-height: 1.12;
}

.product-form-compact p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.product-brief-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.product-brief-points span {
  min-height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  color: var(--soft);
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.78rem;
  font-weight: 800;
}

.product-builder-panel {
  border-color: rgba(139, 108, 255, 0.3);
  background:
    radial-gradient(circle at 8% 0%, rgba(139, 108, 255, 0.18), transparent 31%),
    linear-gradient(135deg, rgba(107, 214, 255, 0.055), rgba(139, 108, 255, 0.045)),
    rgba(8, 13, 21, 0.97);
}

.product-builder-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
}

.product-builder-head h2 {
  margin: 8px 0 8px;
  font-size: 2rem;
  line-height: 1.05;
}

.product-builder-head p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.product-builder-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.38fr);
  gap: 16px;
}

.product-builder-main,
.product-builder-side {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.product-builder-main {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-builder-field {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.12);
  padding: 12px;
}

.product-builder-field-large {
  grid-column: 1 / -1;
}

.product-builder-field > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.4);
  border-radius: 50%;
  color: var(--violet-soft);
  background: rgba(139, 108, 255, 0.1);
  font-size: 0.82rem;
  font-weight: 900;
}

.product-builder-field textarea {
  min-height: 118px;
}

.product-builder-side {
  align-content: start;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.12);
  padding: 12px;
}

.product-builder-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.product-infra-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.product-infra-panels > .panel {
  grid-column: auto;
}

.health-meter {
  min-width: 128px;
  display: grid;
  grid-template-columns: minmax(74px, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.health-meter span {
  height: 8px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, var(--success) var(--health), rgba(255, 255, 255, 0.08) var(--health)),
    rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.health-meter strong {
  font-size: 0.82rem;
}

.observability-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 12px;
}

.event-feed,
.event-summary {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.event-row,
.summary-row,
.empty-state {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
  padding: 11px;
}

.event-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.event-row strong,
.summary-row strong {
  display: block;
  margin-top: 8px;
  color: var(--text);
  font-size: 0.88rem;
}

.event-row p,
.summary-row span,
.empty-state {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.event-row > span {
  color: var(--muted);
  font-size: 0.78rem;
  white-space: nowrap;
}

.event-summary h3 {
  margin: 0;
}

.workflow-qa-panel {
  display: grid;
  gap: 14px;
}

.release-readiness-panel {
  display: grid;
  gap: 15px;
}

.release-readiness-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.35fr);
  gap: 14px;
  align-items: start;
}

.release-decision {
  display: grid;
  gap: 13px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.03);
  padding: 14px;
}

.release-decision > strong {
  color: var(--text);
  font-size: 1.12rem;
  line-height: 1.25;
}

.release-decision p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.release-decision-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.release-decision-meta div {
  min-width: 0;
  border-top: 1px solid rgba(219, 226, 239, 0.08);
  padding-top: 9px;
}

.release-decision-meta span,
.release-workflow-row span {
  display: block;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.release-decision-meta strong,
.release-workflow-row strong {
  display: block;
  margin-top: 4px;
  color: var(--text);
  font-size: 0.9rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.release-next-action {
  border-left: 3px solid rgba(91, 226, 169, 0.72);
  padding-left: 10px;
  color: var(--soft);
  font-size: 0.86rem;
  line-height: 1.45;
}

.release-workflow-list {
  display: grid;
  gap: 8px;
}

.release-workflow-row {
  display: grid;
  grid-template-columns: minmax(220px, 0.95fr) minmax(210px, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(219, 226, 239, 0.08);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.025);
  padding: 11px;
}

.release-workflow-row .badge {
  margin-bottom: 7px;
}

.workflow-qa-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.workflow-qa-stat {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.03);
  padding: 11px;
}

.workflow-qa-stat span {
  display: block;
  color: var(--muted);
  font-size: 0.76rem;
  text-transform: uppercase;
  font-weight: 800;
}

.workflow-qa-stat strong {
  display: block;
  margin-top: 7px;
  color: var(--text);
  font-size: 1.08rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.workflow-qa-table table {
  min-width: 980px;
}

.qa-subline {
  margin-top: 7px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.76rem;
}

.workflow-output-stack {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.workflow-output-stack strong {
  color: var(--text);
  font-size: 0.86rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.workflow-output-stack span {
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.field {
  display: grid;
  gap: 7px;
}

.field.full {
  grid-column: 1 / -1;
}

.check-field {
  grid-column: 1 / -1;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--soft);
  text-transform: none;
  letter-spacing: 0;
}

.check-field input {
  width: 18px;
  min-height: 18px;
  accent-color: var(--violet);
}

label {
  color: var(--muted);
  font-size: 0.77rem;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 800;
}

label.check-field {
  color: var(--soft);
  font-size: 0.88rem;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 600;
}

input,
select,
textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.24);
  color: var(--text);
  padding: 10px 11px;
  outline: none;
}

textarea {
  min-height: 92px;
  resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(123, 97, 255, 0.72);
  box-shadow: 0 0 0 3px rgba(123, 97, 255, 0.16);
}

.module-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.agent-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.agent-overview div {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.045);
  padding: 11px 12px;
}

.agent-overview span,
.agent-meta span {
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.agent-overview strong {
  display: block;
  margin-top: 5px;
  color: var(--text);
  font-family: var(--mono);
  font-size: 1rem;
  font-weight: 700;
}

.agent-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: -2px 0 9px;
}

.agent-meta span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  padding: 4px 7px;
}

.agent-groups {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.agent-group-button {
  display: grid;
  gap: 5px;
  min-height: 76px;
  border: 1px solid rgba(123, 97, 255, 0.28);
  border-radius: var(--radius);
  background: rgba(123, 97, 255, 0.08);
  color: var(--text);
  padding: 11px 12px;
  text-align: left;
  cursor: pointer;
}

.agent-group-button:hover {
  border-color: rgba(20, 184, 166, 0.48);
  background: rgba(20, 184, 166, 0.09);
}

.agent-group-button:disabled {
  cursor: wait;
  opacity: 0.68;
}

.agent-group-button span {
  font-weight: 800;
}

.agent-group-button small {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.72rem;
}

.module-card {
  padding: 15px;
  min-height: 148px;
}

.module-card.is-focused-record {
  border-color: rgba(107, 214, 255, 0.38);
  background:
    linear-gradient(180deg, rgba(107, 214, 255, 0.09), rgba(255, 255, 255, 0.018)),
    rgba(14, 16, 22, 0.94);
  box-shadow: inset 3px 0 0 rgba(107, 214, 255, 0.72), var(--shadow);
}

.module-card p {
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.5;
  margin-bottom: 12px;
}

.agent-detail-panel {
  display: grid;
  gap: 14px;
}

.agent-detail-metrics {
  margin-bottom: 0;
}

.agent-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
  gap: 12px;
  align-items: start;
}

.agent-detail-block {
  min-width: 0;
  display: grid;
  gap: 10px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.026);
  padding: 12px;
}

.agent-run-list {
  display: grid;
  gap: 8px;
}

.agent-run-list button {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  color: var(--text);
  padding: 9px;
  text-align: left;
}

.agent-run-list button.is-active {
  border-color: rgba(107, 214, 255, 0.44);
  background: rgba(107, 214, 255, 0.055);
}

.agent-run-list span,
.agent-run-list small {
  color: var(--muted);
  font-size: 0.76rem;
  overflow-wrap: anywhere;
}

.agent-run-list strong {
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.agent-payload {
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  padding: 10px;
}

.agent-command-view {
  align-items: stretch;
}

.agent-command-hero {
  min-height: 220px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, auto);
  gap: 20px;
  align-items: end;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(139, 108, 255, 0.17), transparent 46%),
    linear-gradient(90deg, rgba(107, 214, 255, 0.075), transparent 30%),
    rgba(8, 13, 21, 0.96);
}

.agent-command-hero h2 {
  max-width: 820px;
  margin: 8px 0 10px;
  font-size: 2.85rem;
  line-height: 1.02;
}

.agent-command-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.agent-command-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.agent-command-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.agent-command-stats div {
  min-width: 0;
  min-height: 104px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016)),
    rgba(7, 11, 18, 0.95);
}

.agent-command-stats span,
.agent-command-stats strong,
.agent-command-stats small {
  display: block;
  overflow-wrap: anywhere;
}

.agent-command-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.agent-command-stats strong {
  margin-top: 10px;
  font-size: 1.7rem;
  line-height: 1;
}

.agent-command-stats small {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.35;
}

.agent-command-readiness {
  display: grid;
  grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.25fr);
  gap: 16px;
  align-items: stretch;
  border-color: rgba(107, 214, 255, 0.2);
  background:
    radial-gradient(circle at 12% 0%, rgba(107, 214, 255, 0.14), transparent 30%),
    linear-gradient(135deg, rgba(139, 108, 255, 0.075), rgba(107, 214, 255, 0.035)),
    rgba(8, 13, 21, 0.96);
}

.agent-command-current,
.agent-command-squad-focus {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
}

.agent-command-current h2,
.agent-command-squad-focus h3 {
  margin: 6px 0 6px;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.agent-command-current h2 {
  font-size: 2rem;
}

.agent-command-squad-focus h3 {
  font-size: 1.45rem;
}

.agent-command-current p,
.agent-command-squad-focus p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.agent-command-current-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.agent-command-squad-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.agent-command-squad-metrics div {
  min-width: 0;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.12);
  padding: 10px;
}

.agent-command-squad-metrics span,
.agent-command-squad-metrics strong,
.agent-command-squad-metrics small {
  display: block;
  overflow-wrap: anywhere;
}

.agent-command-squad-metrics span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agent-command-squad-metrics strong {
  margin-top: 7px;
  line-height: 1.18;
}

.agent-command-squad-metrics small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.3;
}

.agent-command-agent-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.agent-chip {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(139, 108, 255, 0.28);
  border-radius: 999px;
  background: rgba(139, 108, 255, 0.08);
  color: var(--soft);
  padding: 0 10px 0 5px;
  font-size: 0.78rem;
}

.agent-chip span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(139, 108, 255, 0.16);
  color: var(--violet-soft);
  font-size: 0.66rem;
  font-weight: 900;
}

.agent-squad-strip {
  display: grid;
  grid-template-columns: repeat(7, minmax(210px, 1fr));
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 3px;
}

.agent-squad-card {
  min-width: 0;
  min-height: 176px;
  display: grid;
  align-content: start;
  gap: 9px;
  border: 1px solid rgba(139, 108, 255, 0.25);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(139, 108, 255, 0.1), rgba(255, 255, 255, 0.014)),
    rgba(8, 13, 21, 0.92);
  color: var(--text);
  padding: 13px;
  text-align: left;
}

.agent-squad-card:hover,
.agent-squad-card:focus-visible {
  border-color: rgba(139, 108, 255, 0.58);
  outline: none;
}

.agent-squad-card:disabled {
  cursor: wait;
  opacity: 0.68;
}

.agent-squad-card span,
.agent-squad-card strong,
.agent-squad-card small {
  display: block;
  overflow-wrap: anywhere;
}

.agent-squad-card > span {
  color: var(--violet-soft);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.agent-squad-card strong {
  line-height: 1.2;
}

.agent-squad-card small {
  color: var(--muted);
  line-height: 1.38;
}

.agent-squad-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.agent-squad-agents {
  min-height: 30px;
  align-items: center;
}

.agent-squad-agents span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.35);
  border-radius: 50%;
  color: var(--violet-soft);
  background: rgba(139, 108, 255, 0.1);
  font-size: 0.66rem;
  font-weight: 900;
}

.agent-command-panel {
  overflow: hidden;
}

.agent-command-tabs {
  padding: 4px;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.035);
}

.agent-focus-count {
  margin-bottom: 12px;
}

.agent-command-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.28fr);
  gap: 10px;
  margin-bottom: 12px;
}

.agent-command-table {
  display: grid;
  gap: 8px;
}

.agent-command-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(250px, 1.35fr) minmax(160px, 0.8fr) minmax(100px, 0.48fr) minmax(180px, 0.95fr) minmax(120px, 0.55fr) minmax(180px, 0.75fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.024);
}

.agent-command-row.is-head {
  min-height: 42px;
  padding: 10px 12px;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.035);
}

.agent-command-row.is-focused-record {
  border-color: rgba(139, 108, 255, 0.54);
  box-shadow: inset 3px 0 0 rgba(139, 108, 255, 0.82);
}

.agent-command-row > div {
  min-width: 0;
}

.agent-command-row strong,
.agent-command-row small {
  display: block;
  overflow-wrap: anywhere;
}

.agent-command-row small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.32;
}

.agent-command-name {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.agent-command-name > span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.48);
  border-radius: 50%;
  color: var(--violet-soft);
  background: rgba(139, 108, 255, 0.14);
  font-size: 0.78rem;
  font-weight: 900;
}

.agent-squad-memberships {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.agent-squad-memberships span {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
  padding: 0 7px;
  font-size: 0.68rem;
  font-weight: 800;
}

.agent-command-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.agent-command-actions .primary-action,
.agent-command-actions .ghost-action {
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
}

.agent-execution-list {
  display: grid;
  gap: 9px;
}

.agent-execution-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(260px, 1.25fr) minmax(140px, 0.7fr) minmax(180px, 0.9fr) minmax(80px, 0.42fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.024);
}

.agent-execution-row.is-focused-record {
  border-color: rgba(107, 214, 255, 0.42);
  box-shadow: inset 3px 0 0 rgba(107, 214, 255, 0.72);
}

.agent-execution-row > div {
  min-width: 0;
}

.agent-execution-row span {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.agent-execution-row strong,
.agent-execution-row small {
  display: block;
  overflow-wrap: anywhere;
}

.agent-execution-row strong {
  margin-top: 5px;
  line-height: 1.26;
}

.agent-execution-row small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.reports-center-view {
  align-items: stretch;
}

.reports-hero {
  min-height: 220px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(139, 108, 255, 0.14), transparent 44%),
    linear-gradient(90deg, rgba(107, 214, 255, 0.075), transparent 30%),
    rgba(8, 13, 21, 0.96);
}

.reports-hero h2 {
  max-width: 860px;
  margin: 8px 0 10px;
  font-size: 2.8rem;
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.reports-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.reports-hero-actions,
.reports-focus-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.reports-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.reports-stats div {
  min-width: 0;
  min-height: 104px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016)),
    rgba(7, 11, 18, 0.95);
}

.reports-stats span,
.reports-stats strong,
.reports-stats small {
  display: block;
  overflow-wrap: anywhere;
}

.reports-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.reports-stats strong {
  margin-top: 10px;
  font-size: 1.7rem;
  line-height: 1;
}

.reports-stats small {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.35;
}

.reports-focus {
  display: grid;
  grid-template-columns: minmax(260px, 0.95fr) minmax(0, 1.05fr);
  gap: 16px;
  align-items: center;
  border-color: rgba(139, 108, 255, 0.25);
  background:
    radial-gradient(circle at 12% 0%, rgba(139, 108, 255, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(107, 214, 255, 0.06), rgba(139, 108, 255, 0.045)),
    rgba(8, 13, 21, 0.96);
}

.reports-focus-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.reports-focus-mark {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.56);
  border-radius: 50%;
  color: var(--violet-soft);
  background:
    radial-gradient(circle at 35% 30%, rgba(139, 108, 255, 0.34), rgba(139, 108, 255, 0.08)),
    rgba(255, 255, 255, 0.03);
  font-size: 1.25rem;
  font-weight: 900;
  box-shadow: 0 0 32px rgba(139, 108, 255, 0.18);
}

.reports-focus-main h2 {
  margin: 6px 0 8px;
  font-size: 2rem;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.reports-focus-main p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.reports-focus-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.reports-focus-tags > span:not(.badge) {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
  padding: 0 8px;
  font-size: 0.72rem;
}

.reports-focus-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.reports-focus-grid div {
  min-width: 0;
  min-height: 94px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.12);
  padding: 11px;
}

.reports-focus-grid span,
.reports-focus-grid strong,
.reports-focus-grid small {
  display: block;
  overflow-wrap: anywhere;
}

.reports-focus-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.reports-focus-grid strong {
  margin-top: 7px;
  line-height: 1.2;
}

.reports-focus-grid small {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.3;
}

.reports-focus-actions {
  grid-column: 1 / -1;
}

.reports-library-panel,
.report-form-panel {
  overflow: hidden;
}

.reports-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(160px, 0.28fr) minmax(160px, 0.28fr);
  gap: 10px;
  margin-bottom: 14px;
}

.reports-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.report-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  border: 1px solid rgba(219, 226, 239, 0.11);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.014)),
    rgba(8, 13, 21, 0.92);
  padding: 13px;
}

.report-card.is-selected {
  border-color: rgba(139, 108, 255, 0.58);
  box-shadow: inset 3px 0 0 rgba(139, 108, 255, 0.82);
}

.report-card-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.report-card-head > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.34);
  border-radius: 50%;
  color: var(--violet-soft);
  background: rgba(139, 108, 255, 0.1);
  font-size: 0.72rem;
  font-weight: 900;
}

.report-card-title {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 0;
  background: transparent;
  color: var(--text);
  padding: 0;
  text-align: left;
}

.report-card-title strong,
.report-card-title small,
.report-card p {
  display: block;
  overflow-wrap: anywhere;
}

.report-card-title strong {
  line-height: 1.18;
}

.report-card-title small {
  color: var(--muted);
  line-height: 1.3;
}

.report-card p {
  margin: 0;
  color: var(--soft);
  font-size: 0.86rem;
  line-height: 1.45;
}

.report-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.report-card-meta span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
  padding: 0 8px;
  font-size: 0.72rem;
}

.report-card-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.report-card-actions .ghost-action {
  min-width: 0;
  min-height: 34px;
  padding: 0 8px;
  font-size: 0.76rem;
}

.report-form-grid {
  grid-template-columns: 1fr;
}

.backlog-view {
  align-items: stretch;
}

.backlog-hero {
  min-height: 220px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(107, 214, 255, 0.12), transparent 42%),
    linear-gradient(90deg, rgba(139, 108, 255, 0.085), transparent 30%),
    rgba(8, 13, 21, 0.96);
}

.backlog-hero h2 {
  max-width: 860px;
  margin: 8px 0 10px;
  font-size: 2.8rem;
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.backlog-hero p {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.backlog-hero-actions,
.backlog-focus-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.backlog-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.backlog-stats div {
  min-width: 0;
  min-height: 104px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016)),
    rgba(7, 11, 18, 0.95);
}

.backlog-stats span,
.backlog-stats strong,
.backlog-stats small {
  display: block;
  overflow-wrap: anywhere;
}

.backlog-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.backlog-stats strong {
  margin-top: 10px;
  font-size: 1.7rem;
  line-height: 1;
}

.backlog-stats small {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.35;
}

.backlog-focus {
  display: grid;
  grid-template-columns: minmax(260px, 0.95fr) minmax(0, 1.05fr);
  gap: 16px;
  align-items: center;
  border-color: rgba(107, 214, 255, 0.24);
  background:
    radial-gradient(circle at 12% 0%, rgba(107, 214, 255, 0.14), transparent 32%),
    linear-gradient(135deg, rgba(139, 108, 255, 0.06), rgba(107, 214, 255, 0.045)),
    rgba(8, 13, 21, 0.96);
}

.backlog-focus-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.backlog-focus-mark {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(107, 214, 255, 0.46);
  border-radius: 50%;
  color: var(--cyan);
  background:
    radial-gradient(circle at 35% 30%, rgba(107, 214, 255, 0.28), rgba(139, 108, 255, 0.08)),
    rgba(255, 255, 255, 0.03);
  font-size: 1.25rem;
  font-weight: 900;
  box-shadow: 0 0 32px rgba(107, 214, 255, 0.14);
}

.backlog-focus-main h2 {
  margin: 6px 0 8px;
  font-size: 2rem;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.backlog-focus-main p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.backlog-focus-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.backlog-focus-tags > span:not(.badge) {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
  padding: 0 8px;
  font-size: 0.72rem;
}

.backlog-focus-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.backlog-focus-grid div {
  min-width: 0;
  min-height: 94px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.12);
  padding: 11px;
}

.backlog-focus-grid span,
.backlog-focus-grid strong,
.backlog-focus-grid small {
  display: block;
  overflow-wrap: anywhere;
}

.backlog-focus-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.backlog-focus-grid strong {
  margin-top: 7px;
  line-height: 1.2;
}

.backlog-focus-grid small {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.3;
}

.backlog-focus-actions {
  grid-column: 1 / -1;
}

.backlog-board-panel,
.task-form-panel {
  overflow: hidden;
}

.backlog-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(160px, 0.3fr) minmax(160px, 0.3fr);
  gap: 10px;
  margin-bottom: 14px;
}

.backlog-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.backlog-lane {
  min-width: 0;
  min-height: 340px;
  border: 1px solid rgba(219, 226, 239, 0.11);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.012)),
    rgba(255, 255, 255, 0.018);
  padding: 12px;
}

.backlog-lane-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 10px;
}

.backlog-lane-head span,
.backlog-lane-head small,
.backlog-lane-head strong {
  display: block;
  overflow-wrap: anywhere;
}

.backlog-lane-head span {
  color: var(--text);
  font-weight: 800;
}

.backlog-lane-head small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.backlog-lane-head strong {
  min-width: 30px;
  min-height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(107, 214, 255, 0.36);
  border-radius: 999px;
  color: var(--cyan);
  font-size: 0.8rem;
}

.backlog-stack {
  display: grid;
  gap: 9px;
}

.backlog-empty {
  min-height: 104px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  color: var(--muted);
  background: rgba(255, 255, 255, 0.018);
  text-align: center;
  padding: 12px;
}

.backlog-card {
  min-width: 0;
  display: grid;
  gap: 9px;
  border: 1px solid rgba(219, 226, 239, 0.12);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.014)),
    rgba(8, 13, 21, 0.92);
  padding: 12px;
}

.backlog-card.is-selected {
  border-color: rgba(107, 214, 255, 0.52);
  box-shadow: inset 3px 0 0 rgba(107, 214, 255, 0.72);
}

.backlog-card-head,
.backlog-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.backlog-card-title {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 0;
  background: transparent;
  color: var(--text);
  padding: 0;
  text-align: left;
}

.backlog-card-title strong,
.backlog-card-title small,
.backlog-card p {
  display: block;
  overflow-wrap: anywhere;
}

.backlog-card-title strong {
  line-height: 1.18;
}

.backlog-card-title small {
  color: var(--muted);
  line-height: 1.3;
}

.backlog-card p {
  margin: 0;
  color: var(--soft);
  font-size: 0.86rem;
  line-height: 1.45;
}

.backlog-card-actions .ghost-action {
  min-height: 34px;
  padding: 0 10px;
  font-size: 0.76rem;
}

.task-form-grid {
  grid-template-columns: 1fr;
}

.badge.cyan {
  color: #dff7ff;
  background: rgba(107, 214, 255, 0.14);
  border-color: rgba(107, 214, 255, 0.34);
}

.card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 0.82rem;
}

.activity-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.intelligence-metrics {
  margin-bottom: 12px;
}

.intelligence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.intelligence-grid .span-2 {
  grid-column: span 2;
}

.execution360-panel {
  display: grid;
  gap: 14px;
}

.execution360-metrics {
  margin-bottom: 0;
}

.execution360-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr);
  gap: 12px;
  align-items: start;
}

.execution360-grid-wide {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
}

.execution360-grid .span-2 {
  grid-column: auto;
}

.execution360-block {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.026);
  padding: 12px;
}

.execution360-main h3 {
  margin: 0;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.execution360-runs {
  display: grid;
  gap: 8px;
}

.execution360-runs button {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  color: var(--text);
  padding: 9px;
  text-align: left;
}

.execution360-runs button.is-active {
  border-color: rgba(107, 214, 255, 0.44);
  background: rgba(107, 214, 255, 0.055);
}

.execution360-runs span,
.execution360-runs small {
  color: var(--muted);
  font-size: 0.76rem;
  overflow-wrap: anywhere;
}

.execution360-runs strong {
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.execution360-list {
  display: grid;
  gap: 8px;
}

.execution360-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(219, 226, 239, 0.08);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  padding: 9px;
}

.execution360-row strong {
  display: block;
  margin-top: 6px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.execution360-row p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.execution360-row-meta {
  display: grid;
  justify-items: end;
  gap: 4px;
  color: var(--soft);
  font-family: var(--mono);
  font-size: 0.78rem;
}

.execution360-materialized {
  display: grid;
  gap: 12px;
}

.execution360-payload {
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  padding: 10px;
}

.execution-detail-view {
  align-items: start;
}

.execution-detail-hero {
  min-height: 214px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 10%, rgba(139, 108, 255, 0.2), transparent 24rem),
    radial-gradient(circle at 6% 100%, rgba(107, 214, 255, 0.12), transparent 22rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018));
}

.execution-detail-hero h2 {
  max-width: 860px;
  margin: 12px 0 10px;
  font-size: clamp(2rem, 4vw, 4.4rem);
  line-height: 0.98;
  overflow-wrap: anywhere;
}

.execution-detail-hero p {
  max-width: 760px;
  margin: 0;
  color: rgba(215, 221, 234, 0.82);
  line-height: 1.6;
}

.execution-back {
  width: fit-content;
  margin-bottom: 20px;
}

.execution-detail-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.execution-detail-metrics {
  margin-bottom: 0;
}

.execution-detail-main,
.execution-detail-side,
.execution-detail-timeline,
.execution-detail-cost {
  display: grid;
  align-content: start;
  gap: 14px;
}

.execution-detail-section {
  min-width: 0;
  display: grid;
  gap: 8px;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016)),
    rgba(0, 0, 0, 0.1);
  padding: 15px;
}

.execution-detail-section h3 {
  margin: 0;
  font-size: clamp(1.02rem, 1.5vw, 1.38rem);
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.execution-detail-section p {
  margin: 0;
  color: var(--soft);
  line-height: 1.62;
  overflow-wrap: anywhere;
}

.execution-detail-section.recommendation {
  border-color: rgba(139, 108, 255, 0.32);
  background:
    radial-gradient(circle at 100% 0, rgba(139, 108, 255, 0.12), transparent 18rem),
    rgba(139, 108, 255, 0.055);
}

.execution-next-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.execution-next-steps div {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.14);
  padding: 10px;
}

.execution-next-steps span,
.execution-detail-timeline-list article > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(139, 108, 255, 0.36);
  border-radius: 50%;
  color: var(--violet-soft);
  background: rgba(139, 108, 255, 0.1);
  font-size: 0.76rem;
  font-weight: 900;
}

.execution-next-steps strong {
  min-width: 0;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.execution-detail-side .detail-kv {
  grid-template-columns: 1fr;
}

.execution-detail-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.execution-detail-actions .ghost-action {
  min-width: 0;
}

.execution-detail-timeline-list {
  position: relative;
  display: grid;
  gap: 9px;
}

.execution-detail-timeline-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  padding: 10px;
}

.execution-detail-timeline-list article > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.execution-detail-timeline-list strong,
.execution-detail-timeline-list small {
  display: block;
  overflow-wrap: anywhere;
}

.execution-detail-timeline-list small {
  color: var(--muted);
  line-height: 1.4;
}

.execution-detail-cost-list {
  display: grid;
  gap: 8px;
}

.execution-detail-cost-list div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 12px;
  align-items: center;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.026);
  padding: 10px;
}

.execution-detail-cost-list span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.execution-detail-cost-list strong {
  color: var(--cyan);
  font-family: var(--mono);
}

.execution-detail-cost-list small {
  grid-column: 1 / -1;
  color: var(--muted);
}

.intelligence-block {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
  padding: 13px;
}

.intelligence-block h3 {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.35;
}

.intelligence-block p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.next-action-strip {
  display: grid;
  gap: 5px;
  border-left: 3px solid rgba(107, 214, 255, 0.64);
  padding-left: 11px;
}

.next-action-strip span,
.briefing-meta span,
.intelligence-row small,
.agent-performance-row small {
  color: var(--muted);
  font-size: 0.78rem;
}

.next-action-strip strong,
.intelligence-row strong,
.agent-performance-row strong {
  color: var(--text);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.briefing-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.briefing-meta span,
.intelligence-chip-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  padding: 5px 8px;
}

.intelligence-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.intelligence-chip-row span {
  color: var(--soft);
  font-size: 0.8rem;
}

.intelligence-list,
.agent-performance-list {
  display: grid;
  gap: 8px;
}

.intelligence-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 9px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
}

.intelligence-row > span {
  min-height: 24px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--cyan);
  background: rgba(107, 214, 255, 0.08);
  font-size: 0.72rem;
  font-weight: 800;
}

.intelligence-row.empty > span {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.04);
}

.agent-performance-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(110px, 0.45fr) auto;
  gap: 10px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
}

.score-bar {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(54px, 1fr) 34px;
  align-items: center;
  gap: 8px;
}

.score-bar span {
  height: 7px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, var(--cyan) calc(var(--score) * 1%), rgba(255, 255, 255, 0.08) calc(var(--score) * 1%)),
    rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.score-bar strong {
  color: var(--cyan);
  font-size: 0.82rem;
  text-align: right;
}

.intelligence-drilldown {
  margin-top: 12px;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.14);
  padding: 13px;
}

.drilldown-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.drilldown-tabs .segment {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.drilldown-tabs .segment span {
  min-width: 22px;
  min-height: 20px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--cyan);
  background: rgba(107, 214, 255, 0.08);
  font-size: 0.72rem;
}

.drilldown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.drilldown-header h3 {
  margin: 4px 0 0;
}

.drilldown-list {
  display: grid;
  gap: 9px;
}

.drilldown-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
  gap: 12px;
  align-items: start;
}

.drilldown-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.026);
  padding: 10px;
}

.drilldown-row.is-selected {
  border-color: rgba(107, 214, 255, 0.44);
  background: rgba(107, 214, 255, 0.055);
}

.drilldown-row h4 {
  margin: 8px 0 0;
  color: var(--text);
  font-size: 0.95rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.drilldown-row p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.drilldown-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.detail-panel {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid rgba(107, 214, 255, 0.22);
  border-radius: var(--radius);
  background: rgba(107, 214, 255, 0.045);
  padding: 13px;
}

.detail-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.detail-panel h3 {
  margin: 4px 0 0;
  font-size: 1rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.detail-panel p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.detail-kv {
  display: grid;
  gap: 8px;
}

.detail-kv div {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  padding: 9px;
}

.detail-kv span {
  color: var(--muted);
  font-size: 0.74rem;
  text-transform: uppercase;
  font-weight: 800;
}

.detail-kv strong {
  color: var(--text);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.execution-chain {
  min-width: 0;
  display: grid;
  gap: 8px;
  border: 1px solid rgba(219, 226, 239, 0.09);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.12);
  padding: 10px;
}

.chain-row {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  border: 1px solid rgba(219, 226, 239, 0.08);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.028);
  padding: 8px;
}

.chain-row div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.chain-row strong {
  color: var(--text);
  font-size: 0.86rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.chain-row span {
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.chain-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.payload-details {
  min-width: 0;
}

.payload-details summary {
  color: var(--cyan);
  cursor: pointer;
  font-weight: 800;
}

.payload-details pre {
  max-height: 320px;
  overflow: auto;
  margin: 10px 0 0;
  border: 1px solid rgba(219, 226, 239, 0.1);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.22);
  color: var(--soft);
  padding: 10px;
  font-size: 0.74rem;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.activity-column {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
}

.compact-timeline .timeline-item {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.compact-timeline strong,
.compact-timeline .subtle {
  overflow-wrap: anywhere;
}

.timeline {
  display: grid;
  gap: 10px;
}

.timeline-item {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
}

.timeline-item.is-focused-record {
  border-color: rgba(107, 214, 255, 0.38);
  background: rgba(107, 214, 255, 0.052);
  box-shadow: inset 3px 0 0 rgba(107, 214, 255, 0.72);
}

.score-ring {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(123, 97, 255, 0.46);
  background: conic-gradient(var(--violet) calc(var(--score) * 1%), rgba(255, 255, 255, 0.08) 0);
  box-shadow: inset 0 0 0 7px #101016;
  font-weight: 800;
}

.overview-board {
  min-width: 1120px;
}

.overview-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(220px, 1fr));
  gap: 12px;
}

.overview-card {
  min-height: 256px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background:
    radial-gradient(circle at 78% 0%, rgba(124, 58, 237, 0.15), transparent 9rem),
    linear-gradient(180deg, rgba(17, 24, 39, 0.86), rgba(8, 13, 24, 0.92));
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.24);
  padding: 12px;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.overview-card:hover {
  transform: translateY(-2px);
  border-color: rgba(168, 85, 247, 0.34);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34), 0 0 34px rgba(124, 58, 237, 0.12);
}

.overview-card-title {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin-bottom: 10px;
}

.overview-card-title span {
  color: var(--violet-soft);
  font-weight: 800;
}

.overview-card-title h2 {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.2;
}

.overview-card-body {
  height: calc(100% - 28px);
  min-height: 206px;
}

.overview-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 2px 7px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: #d8dee9;
  background: rgba(148, 163, 184, 0.08);
  font-size: 0.62rem;
  font-weight: 800;
  white-space: nowrap;
}

.overview-badge.success {
  color: #bbf7d0;
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.28);
}

.overview-badge.warning {
  color: #fde68a;
  background: rgba(245, 158, 11, 0.13);
  border-color: rgba(245, 158, 11, 0.3);
}

.overview-badge.danger {
  color: #fecaca;
  background: rgba(239, 68, 68, 0.13);
  border-color: rgba(239, 68, 68, 0.3);
}

.overview-badge.violet {
  color: #e9d5ff;
  background: rgba(124, 58, 237, 0.14);
  border-color: rgba(168, 85, 247, 0.32);
}

.login-preview,
.execution-preview,
.form-preview {
  display: grid;
  gap: 8px;
}

.login-preview {
  max-width: 210px;
  margin: 0 auto;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  background: rgba(5, 7, 13, 0.34);
}

.login-preview strong,
.login-preview h3 {
  text-align: center;
}

.login-preview em {
  color: var(--violet-soft);
  font-style: normal;
}

.login-preview h3 {
  margin: 7px 0 0;
  font-size: 0.92rem;
}

.login-preview p,
.login-preview small,
.execution-preview p {
  margin: 0;
  color: var(--muted);
  font-size: 0.68rem;
  line-height: 1.4;
}

.fake-input,
.form-preview label span,
.fake-search {
  min-height: 28px;
  display: block;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 5px;
  background: rgba(5, 7, 13, 0.42);
  color: rgba(248, 250, 252, 0.74);
  padding: 7px 8px;
  font-size: 0.68rem;
}

.fake-primary,
.fake-secondary,
.module-toolbar button,
.mini-table button {
  min-height: 27px;
  border: 1px solid rgba(168, 85, 247, 0.34);
  border-radius: 5px;
  color: var(--text);
  background: linear-gradient(135deg, #7c3aed, #4c1d95);
  padding: 0 9px;
  font-size: 0.66rem;
  font-weight: 800;
}

.fake-secondary {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(148, 163, 184, 0.16);
}

.overview-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.overview-metrics.six {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.overview-metrics.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.overview-metrics.compact {
  margin-top: 8px;
}

.overview-metrics div {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.035);
}

.overview-metrics small,
.execution-preview small {
  display: block;
  color: var(--muted);
  font-size: 0.62rem;
}

.overview-metrics strong {
  display: block;
  margin: 3px 0;
  font-size: 0.84rem;
}

.split-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 10px;
  margin-top: 10px;
}

.mini-line-chart {
  position: relative;
  min-height: 84px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 7px;
  background:
    linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.055) 1px, transparent 1px),
    rgba(5, 7, 13, 0.28);
  background-size: 22px 22px;
}

.mini-line-chart::before {
  content: "";
  position: absolute;
  inset: 18px 12px 18px 12px;
  background: linear-gradient(135deg, transparent 7%, rgba(168, 85, 247, 0.35) 8%, transparent 11%, transparent 22%, rgba(168, 85, 247, 0.75) 23%, transparent 26%, transparent 38%, rgba(56, 189, 248, 0.55) 39%, transparent 42%, transparent 55%, rgba(168, 85, 247, 0.8) 56%, transparent 60%);
  filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.3));
}

.mini-line-chart i {
  position: absolute;
  left: calc(10% + var(--x) * 11%);
  bottom: calc(8% + var(--y) * 0.7%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c4b5fd;
  box-shadow: 0 0 10px rgba(168, 85, 247, 0.75);
}

.priority-list,
.execution-preview ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--soft);
  font-size: 0.68rem;
}

.priority-list li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.module-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: var(--soft);
  font-size: 0.72rem;
  font-weight: 800;
}

.mini-kanban {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.overview-card:nth-child(8) .mini-kanban {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mini-kanban div,
.crm-preview aside,
.knowledge-preview aside {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 7px;
  background: rgba(5, 7, 13, 0.3);
}

.mini-kanban strong {
  color: var(--soft);
  font-size: 0.66rem;
}

.mini-kanban span,
.crm-preview aside span,
.knowledge-preview aside span {
  padding: 6px;
  border-radius: 5px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.62rem;
}

.mini-table {
  display: grid;
  gap: 4px;
}

.mini-table-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
  align-items: center;
  gap: 7px;
  min-height: 26px;
  padding: 5px 7px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  color: var(--soft);
  font-size: 0.62rem;
}

.mini-table-row.head {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.035);
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 800;
}

.form-preview label {
  display: grid;
  gap: 5px;
  font-size: 0.62rem;
}

.form-preview label span {
  min-height: 29px;
}

.form-actions,
.chip-row,
.tabs-preview,
.sales-footer {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.form-actions {
  justify-content: flex-end;
  margin-top: 2px;
}

.execution-preview section {
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 7px;
  background: rgba(5, 7, 13, 0.26);
}

.chip-row span,
.tabs-preview span {
  padding: 5px 7px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  color: #c4b5fd;
  background: rgba(124, 58, 237, 0.1);
  font-size: 0.62rem;
  font-weight: 700;
}

.crm-preview,
.knowledge-preview {
  display: grid;
  grid-template-columns: 0.86fr 1.4fr;
  gap: 9px;
}

.crm-preview section {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.035);
}

.crm-preview aside .active {
  color: var(--text);
  background: rgba(124, 58, 237, 0.2);
}

.client-avatar {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  margin-bottom: 7px;
  border-radius: 50%;
  color: var(--text);
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.9), rgba(56, 189, 248, 0.4));
}

.sales-footer {
  margin-top: 8px;
  justify-content: space-between;
  color: var(--muted);
  font-size: 0.62rem;
}

.sales-footer strong {
  display: block;
  color: var(--text);
  font-size: 0.8rem;
}

.mini-progress {
  width: 100%;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.14);
}

.mini-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--violet), var(--blue));
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 8px;
}

.calendar-grid span {
  min-height: 21px;
  display: grid;
  place-items: center;
  border-radius: 4px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.58rem;
}

.calendar-grid .has-event {
  color: var(--text);
  background: rgba(124, 58, 237, 0.42);
  box-shadow: inset 0 0 0 1px rgba(168, 85, 247, 0.35);
}

.overview-link {
  display: block;
  margin-top: 9px;
  color: #c4b5fd;
  text-align: center;
  font-size: 0.66rem;
}

.mini-donut {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  margin: 0 auto;
  border-radius: 50%;
  background: conic-gradient(var(--violet) 0 45%, var(--blue) 45% 62%, #312e81 62% 82%, rgba(148, 163, 184, 0.18) 82% 100%);
  box-shadow: inset 0 0 0 16px #0b1220;
}

.mini-donut span {
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 900;
}

.document-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.document-grid div {
  min-height: 58px;
  padding: 9px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.035);
}

.document-grid strong {
  display: block;
  font-size: 0.68rem;
}

.document-grid small {
  color: var(--muted);
  font-size: 0.6rem;
}

.bottom-navigation {
  position: fixed;
  left: 18px;
  right: 18px;
  bottom: 14px;
  z-index: 20;
  min-height: 58px;
  display: grid;
  grid-template-columns: repeat(9, minmax(104px, 1fr)) minmax(120px, auto);
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background: rgba(8, 13, 24, 0.84);
  backdrop-filter: blur(20px);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.42);
}

.bottom-nav-item {
  min-width: 0;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
  padding: 0 10px;
  font-size: 0.72rem;
  text-align: left;
}

.bottom-nav-item span {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #e9d5ff;
  background: rgba(124, 58, 237, 0.2);
}

.bottom-nav-item:hover,
.bottom-nav-item.is-active,
.brand-home:hover {
  color: var(--text);
  border-color: rgba(168, 85, 247, 0.28);
}

.bottom-logo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 12px;
  color: var(--text);
  font-size: 1.25rem;
  font-weight: 850;
  text-transform: uppercase;
  white-space: nowrap;
}

.toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  max-width: min(420px, calc(100vw - 36px));
  border: 1px solid rgba(123, 97, 255, 0.46);
  border-radius: var(--radius);
  padding: 13px 14px;
  color: var(--text);
  background: rgba(17, 17, 22, 0.96);
  box-shadow: var(--shadow);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: 180ms ease;
}

.toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.compact .panel,
.compact .module-card,
.compact .metric-card {
  padding: 12px;
}

.compact th,
.compact td {
  padding: 9px 10px;
}

.operational-intake-view {
  align-items: start;
}

.operational-intake-hero {
  min-height: 220px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  border-color: rgba(78, 205, 160, 0.24);
  background:
    linear-gradient(135deg, rgba(78, 205, 160, 0.07), rgba(107, 214, 255, 0.045)),
    rgba(9, 14, 23, 0.97);
}

.operational-intake-hero::before {
  display: none;
}

.operational-intake-hero h2 {
  max-width: 800px;
  margin: 8px 0 10px;
  font-size: 2.45rem;
  line-height: 1.04;
  overflow-wrap: anywhere;
}

.operational-intake-hero p {
  max-width: 840px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.operational-intake-actions,
.intake-summary-actions,
.intake-form-actions,
.intake-summary-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 9px;
}

.intake-flow-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.intake-flow-strip::before {
  display: none;
}

.intake-flow-strip > div {
  min-width: 0;
  min-height: 104px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-content: center;
  gap: 4px 9px;
  padding: 15px;
  border-right: 1px solid var(--line);
}

.intake-flow-strip > div:last-child {
  border-right: 0;
}

.intake-flow-strip > div.is-active {
  background: rgba(78, 205, 160, 0.07);
}

.intake-flow-strip span {
  grid-row: span 2;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 800;
}

.intake-flow-strip .is-active span {
  border-color: rgba(78, 205, 160, 0.42);
  color: #8ce3c3;
  background: rgba(78, 205, 160, 0.1);
}

.intake-flow-strip strong,
.intake-flow-strip small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.intake-flow-strip strong {
  font-size: 0.82rem;
}

.intake-flow-strip small {
  color: var(--muted);
  line-height: 1.35;
}

.intake-metrics-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.intake-form {
  display: grid;
  gap: 14px;
}

.intake-form-section {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
}

.intake-form-section::before {
  display: none;
}

.intake-section-index {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(78, 205, 160, 0.28);
  border-radius: 50%;
  color: #8ce3c3;
  background: rgba(78, 205, 160, 0.07);
  font-size: 0.75rem;
  font-weight: 800;
}

.intake-section-content {
  min-width: 0;
}

.intake-form textarea {
  min-height: 112px;
  resize: vertical;
}

.intake-baseline-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.intake-baseline-grid label {
  min-width: 0;
  display: grid;
  gap: 7px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.022);
}

.intake-baseline-grid label > span {
  color: var(--soft);
  font-size: 0.78rem;
  font-weight: 700;
}

.intake-form-actions {
  position: sticky;
  bottom: 12px;
  z-index: 4;
  padding: 12px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: rgba(8, 13, 21, 0.96);
  box-shadow: var(--shadow);
}

.intake-summary-panel {
  min-height: 430px;
}

.intake-summary-panel .panel-header p {
  max-width: 760px;
}

.intake-summary-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.intake-summary-metrics div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.022);
}

.intake-summary-metrics span,
.intake-summary-grid span {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
}

.intake-summary-metrics strong {
  font-size: 1.35rem;
}

.intake-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.intake-summary-grid article {
  min-width: 0;
  padding: 13px;
  border-left: 2px solid rgba(107, 214, 255, 0.3);
  background: rgba(255, 255, 255, 0.018);
}

.intake-summary-grid p {
  margin: 7px 0 0;
  color: var(--soft);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.intake-summary-footer {
  justify-content: space-between;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.intake-summary-footer > span {
  color: var(--muted);
}

.intake-history-panel {
  min-height: 430px;
}

.intake-history-list {
  display: grid;
  gap: 8px;
}

.intake-history-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--text);
  background: rgba(255, 255, 255, 0.02);
  text-align: left;
}

.intake-history-item.is-selected,
.intake-history-item:hover {
  border-color: rgba(107, 214, 255, 0.34);
  background: rgba(107, 214, 255, 0.055);
}

.intake-history-item span,
.intake-history-item small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.intake-history-item strong {
  color: var(--cyan);
}

.intake-history-item small {
  grid-column: 1 / -1;
  color: var(--muted);
}

.architecture-audit-view {
  align-items: start;
}

.architecture-audit-hero {
  min-height: 220px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  border-color: rgba(107, 214, 255, 0.25);
  background:
    linear-gradient(135deg, rgba(107, 214, 255, 0.075), rgba(123, 97, 255, 0.055)),
    rgba(9, 14, 23, 0.97);
}

.architecture-audit-hero h2 {
  max-width: 780px;
  margin: 8px 0 10px;
  font-size: 2.45rem;
  line-height: 1.04;
  overflow-wrap: anywhere;
}

.architecture-audit-hero p {
  max-width: 840px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.architecture-audit-actions,
.osd-form-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

.osd-composer {
  border-color: rgba(107, 214, 255, 0.24);
}

.osd-form-grid {
  margin-top: 16px;
}

.osd-form-grid textarea {
  min-height: 132px;
  resize: vertical;
}

.osd-baseline-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.osd-baseline-grid label {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 74px;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
  color: var(--soft);
  font-size: 0.8rem;
}

.osd-baseline-grid input {
  min-width: 0;
}

.osd-assessment-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr);
  gap: 22px;
  align-items: end;
}

.osd-assessment-toolbar label {
  display: block;
  margin-bottom: 7px;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
}

.osd-assessment-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: center;
}

.osd-assessment-identity strong,
.osd-assessment-identity small {
  overflow-wrap: anywhere;
}

.osd-assessment-identity small {
  grid-column: 1 / -1;
  color: var(--muted);
}

.osd-metrics-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.osd-executive-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 18px;
}

.osd-executive-summary h3 {
  margin: 6px 0 10px;
}

.osd-executive-summary p {
  margin: 0;
  color: var(--soft);
  line-height: 1.65;
}

.osd-layer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.osd-layer-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 11px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
}

.osd-layer-card-head {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.osd-layer-number,
.osd-roadmap-rank {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(107, 214, 255, 0.3);
  border-radius: 50%;
  color: var(--cyan);
  background: rgba(107, 214, 255, 0.08);
  font-weight: 800;
}

.osd-layer-card-head > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.osd-layer-card-head strong,
.osd-layer-card-head small {
  overflow-wrap: anywhere;
}

.osd-layer-card-head small,
.osd-layer-card p,
.osd-layer-card li {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.osd-layer-card p {
  margin: 0;
}

.osd-score-track {
  height: 6px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.08);
}

.osd-score-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--cyan);
}

.osd-process-list,
.osd-finding-list,
.osd-roadmap-list {
  display: grid;
  gap: 10px;
}

.osd-process-row {
  display: grid;
  grid-template-columns: minmax(160px, 0.75fr) minmax(0, 1.4fr) auto;
  gap: 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.022);
}

.osd-process-row > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.osd-process-row span,
.osd-process-row small,
.osd-dependency-list small {
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.osd-dependency-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.osd-dependency-list small {
  padding: 7px 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(123, 97, 255, 0.06);
}

.osd-finding-list article,
.osd-roadmap-list article {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.022);
}

.osd-finding-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.osd-finding-list h4,
.osd-roadmap-list h4 {
  margin: 0 0 7px;
  overflow-wrap: anywhere;
}

.osd-finding-list p,
.osd-roadmap-list p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.osd-roadmap-list article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
}

.osd-roadmap-list article > div:last-child {
  min-width: 0;
}

.osd-roadmap-list article span {
  display: block;
  margin-bottom: 5px;
  color: var(--cyan);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
}

.roadmap-executor-panel {
  border-color: rgba(114, 230, 178, 0.25);
  background:
    linear-gradient(135deg, rgba(114, 230, 178, 0.045), rgba(123, 97, 255, 0.035)),
    var(--panel);
}

.roadmap-executor-header {
  align-items: center;
}

.roadmap-executor-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.roadmap-executor-empty {
  min-height: 110px;
  display: grid;
  align-content: center;
  gap: 7px;
  margin-top: 16px;
  padding: 18px;
  border: 1px dashed rgba(114, 230, 178, 0.28);
  border-radius: var(--radius);
  background: rgba(114, 230, 178, 0.035);
}

.roadmap-executor-empty span {
  color: var(--muted);
  line-height: 1.55;
}

.roadmap-executor-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0;
}

.roadmap-executor-summary > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.022);
}

.roadmap-executor-summary span,
.roadmap-initiative dt {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
}

.roadmap-executor-summary strong {
  overflow-wrap: anywhere;
  font-size: 1.05rem;
}

.roadmap-executor-summary small,
.roadmap-phase-lane header small,
.roadmap-initiative small {
  color: var(--muted);
  line-height: 1.45;
}

.roadmap-phase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.roadmap-phase-lane {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(5, 10, 17, 0.42);
}

.roadmap-phase-lane > header {
  min-height: 94px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 10px;
  align-content: center;
  padding: 14px;
  border-bottom: 1px solid var(--line);
}

.roadmap-phase-lane > header span {
  color: var(--cyan);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.roadmap-phase-lane > header strong {
  color: var(--text);
  font-size: 1.1rem;
}

.roadmap-phase-lane > header small {
  grid-column: 1 / -1;
}

.roadmap-phase-progress {
  grid-column: 1 / -1;
  height: 5px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.07);
}

.roadmap-phase-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--cyan), var(--green));
}

.roadmap-phase-lane > div {
  display: grid;
  gap: 8px;
  padding: 8px;
}

.roadmap-initiative {
  min-width: 0;
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.025);
}

.roadmap-initiative.is-materialized {
  border-color: rgba(114, 230, 178, 0.25);
}

.roadmap-initiative.is-blocked {
  border-color: rgba(255, 118, 118, 0.42);
  box-shadow: inset 3px 0 0 rgba(255, 118, 118, 0.62);
}

.roadmap-initiative-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px;
}

.roadmap-initiative-head > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.roadmap-initiative > strong,
.roadmap-initiative > p,
.roadmap-initiative dd,
.roadmap-initiative small {
  overflow-wrap: anywhere;
}

.roadmap-initiative > p {
  margin: 0;
  color: var(--soft);
  line-height: 1.5;
}

.roadmap-initiative dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.roadmap-initiative dl > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.roadmap-initiative dt,
.roadmap-initiative dd {
  margin: 0;
}

.roadmap-initiative dd {
  color: var(--soft);
  font-size: 0.78rem;
}

.roadmap-acceptance-criteria,
.roadmap-evidence-summary {
  display: grid;
  gap: 4px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}

.roadmap-acceptance-criteria span,
.roadmap-evidence-summary span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
}

.roadmap-blocked-reason {
  display: grid;
  gap: 3px;
  padding: 9px;
  border-left: 3px solid rgba(255, 118, 118, 0.72);
  background: rgba(255, 118, 118, 0.06);
}

.roadmap-blocked-reason strong {
  color: #ff9b9b;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.roadmap-blocked-reason span {
  color: var(--soft);
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.roadmap-evidence-form,
.roadmap-review-box {
  display: grid;
  gap: 7px;
}

.roadmap-evidence-form textarea {
  min-height: 72px;
  resize: vertical;
}

.roadmap-evidence-form textarea,
.roadmap-evidence-form input,
.roadmap-review-box input {
  width: 100%;
  min-width: 0;
}

.roadmap-review-box {
  padding-top: 9px;
  border-top: 1px solid rgba(255, 196, 92, 0.24);
}

.roadmap-review-box > div,
.roadmap-initiative-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.roadmap-review-box button,
.roadmap-initiative-actions button {
  width: auto;
  min-width: 0;
  flex: 1 1 112px;
}

.roadmap-initiative .ghost-action {
  width: 100%;
}

.roadmap-initiative-actions .ghost-action,
.roadmap-review-box .ghost-action {
  width: auto;
}

.operational-guide-view {
  align-items: stretch;
}

.guide-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  min-height: 245px;
  padding: 2.2rem;
  border-color: rgba(56, 189, 248, 0.28);
  background:
    linear-gradient(135deg, rgba(56, 189, 248, 0.14), rgba(123, 97, 255, 0.14)),
    rgba(17, 24, 39, 0.92);
}

.guide-hero h2 {
  max-width: 980px;
  margin: 0.3rem 0 0.8rem;
  font-size: clamp(2.25rem, 5vw, 4.9rem);
  line-height: 0.94;
}

.guide-hero p {
  max-width: 760px;
  margin: 0;
  color: #cbd5e1;
  font-size: 1rem;
  line-height: 1.65;
}

.guide-kpi-grid .metric-card strong {
  font-size: clamp(1.55rem, 2.1vw, 2.2rem);
  line-height: 1.05;
}

.guide-flow-panel,
.guide-now-panel,
.guide-map-panel,
.guide-definition-panel,
.guide-technical-panel {
  background: rgba(17, 24, 39, 0.9);
}

.guide-step-list {
  display: grid;
  gap: 0.85rem;
}

.guide-step-list article {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  min-height: 94px;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(8, 13, 23, 0.72);
}

.guide-step-list article > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(56, 189, 248, 0.45);
  border-radius: 999px;
  color: #7dd3fc;
  background: rgba(56, 189, 248, 0.12);
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  font-weight: 800;
}

.guide-step-list strong,
.guide-map-grid strong {
  display: block;
  color: var(--text);
  font-weight: 900;
}

.guide-step-list p {
  margin: 0.28rem 0 0;
  color: #aebbd0;
  line-height: 1.48;
}

.guide-action-stack {
  display: grid;
  gap: 0.75rem;
}

.guide-action-stack button,
.guide-map-grid button {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--text);
  background: rgba(8, 13, 23, 0.78);
  text-align: left;
}

.guide-action-stack button:hover,
.guide-map-grid button:hover {
  border-color: rgba(56, 189, 248, 0.52);
  background: rgba(15, 23, 42, 0.92);
}

.guide-map-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.guide-map-grid button {
  display: grid;
  gap: 0.4rem;
  min-height: 132px;
}

.guide-map-grid span,
.guide-map-grid small {
  color: #9fb0c7;
}

.guide-definition-panel p,
.guide-technical-panel p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.65;
}

.sandbox-view {
  align-items: start;
}

.sandbox-hero {
  min-height: 250px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  overflow: hidden;
  border-color: rgba(245, 158, 11, 0.26);
  background:
    radial-gradient(circle at 100% 0, rgba(245, 158, 11, 0.14), transparent 25rem),
    linear-gradient(135deg, rgba(56, 189, 248, 0.095), rgba(123, 97, 255, 0.12)),
    rgba(8, 13, 21, 0.96);
}

.sandbox-hero h2 {
  max-width: 980px;
  margin: 8px 0 12px;
  font-size: clamp(2.35rem, 4.6vw, 4.5rem);
  line-height: 0.96;
}

.sandbox-hero p {
  max-width: 820px;
  margin: 0;
  color: rgba(215, 221, 234, 0.84);
  line-height: 1.62;
}

.sandbox-hero-status,
.sandbox-badge-stack,
.sandbox-run-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: flex-end;
}

.sandbox-runs-panel,
.sandbox-guide-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
    rgba(10, 15, 24, 0.94);
}

.sandbox-run-list {
  display: grid;
  gap: 14px;
}

.sandbox-run-card {
  min-width: 0;
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(31, 41, 55, 0.95);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(123, 97, 255, 0.08), rgba(56, 189, 248, 0.035)),
    rgba(8, 13, 23, 0.78);
}

.sandbox-run-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.sandbox-run-head h3 {
  margin: 4px 0 8px;
  font-size: 1.28rem;
}

.sandbox-run-head p {
  margin: 0;
  color: rgba(215, 221, 234, 0.78);
  line-height: 1.5;
}

.sandbox-run-metrics,
.sandbox-output-grid,
.sandbox-agent-strip,
.sandbox-task-list,
.sandbox-guide-steps {
  display: grid;
  gap: 10px;
}

.sandbox-run-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sandbox-output-grid,
.sandbox-agent-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sandbox-run-metrics > div,
.sandbox-output-grid > div,
.sandbox-agent-strip > div,
.sandbox-task-list > div,
.sandbox-guide-steps > div,
.sandbox-guide-callout {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.028);
}

.sandbox-run-metrics span,
.sandbox-output-grid span,
.sandbox-agent-strip span {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.sandbox-run-metrics strong,
.sandbox-output-grid strong,
.sandbox-agent-strip strong,
.sandbox-task-list strong,
.sandbox-guide-steps strong,
.sandbox-guide-callout strong {
  display: block;
  color: var(--text);
  overflow-wrap: anywhere;
}

.sandbox-run-metrics small,
.sandbox-output-grid small,
.sandbox-agent-strip small,
.sandbox-task-list small,
.sandbox-guide-steps small,
.sandbox-guide-callout p {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.sandbox-task-list > div {
  display: grid;
  gap: 7px;
}

.sandbox-guide-steps > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: center;
}

.sandbox-guide-steps span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(245, 158, 11, 0.44);
  border-radius: 999px;
  color: #fbbf24;
  background: rgba(245, 158, 11, 0.1);
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 800;
}

.sandbox-guide-steps small {
  grid-column: 2;
}

.dashboard-command,
.guide-hero,
.sandbox-hero,
.executive-board-hero,
.strategic-hero,
.security-center-hero,
.run-center-view-hero,
.founder-hero,
.executive-deliverable-hero,
.commercial-proposal-hero,
.acceptance-hero,
.automation-hub-hero,
.finance-hero,
.crm-hero,
.sales-hero,
.delivery-hero,
.product-pipeline-hero,
.agent-command-hero,
.reports-hero,
.backlog-hero,
.execution-detail-hero,
.operational-intake-hero,
.architecture-audit-hero {
  min-width: 0;
  max-width: 100%;
}

.executive-board-hero,
.strategic-hero,
.security-center-hero,
.run-center-view-hero,
.founder-hero,
.executive-deliverable-hero,
.commercial-proposal-hero,
.acceptance-hero,
.automation-hub-hero,
.finance-hero,
.crm-hero,
.sales-hero,
.delivery-hero,
.product-pipeline-hero,
.agent-command-hero,
.reports-hero,
.backlog-hero,
.execution-detail-hero,
.operational-intake-hero,
.architecture-audit-hero {
  grid-template-columns: minmax(0, 1fr);
}

.dashboard-command h2,
.guide-hero h2,
.sandbox-hero h2,
.executive-board-hero h2,
.strategic-hero h2,
.security-center-hero h2,
.run-center-view-hero h2,
.founder-hero-copy h2,
.executive-deliverable-hero h2,
.commercial-proposal-hero h2,
.acceptance-hero h2,
.automation-hub-hero h2,
.finance-hero h2,
.crm-hero h2,
.sales-hero h2,
.delivery-hero h2,
.product-pipeline-hero h2,
.agent-command-hero h2,
.reports-hero h2,
.backlog-hero h2,
.execution-detail-hero h2,
.operational-intake-hero h2,
.architecture-audit-hero h2 {
  max-width: min(980px, 100%);
  overflow-wrap: break-word;
  text-wrap: balance;
  letter-spacing: 0;
}

.dashboard-command p,
.guide-hero p,
.sandbox-hero p,
.executive-board-hero p,
.strategic-hero p,
.security-center-hero p,
.run-center-view-hero p,
.founder-hero-copy p,
.executive-deliverable-hero p,
.commercial-proposal-hero p,
.acceptance-hero p,
.automation-hub-hero p,
.finance-hero p,
.crm-hero p,
.sales-hero p,
.delivery-hero p,
.product-pipeline-hero p,
.agent-command-hero p,
.reports-hero p,
.backlog-hero p,
.execution-detail-hero p,
.operational-intake-hero p,
.architecture-audit-hero p {
  overflow-wrap: break-word;
}

@media (max-width: 1100px) {
  .dashboard-brief,
  .dashboard-command,
  .guide-hero,
  .executive-board-hero,
  .strategic-hero,
  .security-center-hero {
    grid-template-columns: 1fr;
  }

  .architecture-audit-hero,
  .operational-intake-hero,
  .osd-executive-summary {
    grid-template-columns: 1fr;
  }

  .osd-layer-grid,
  .osd-baseline-grid,
  .intake-baseline-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .roadmap-phase-grid {
    grid-template-columns: 1fr;
  }

  .guide-step-list article {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .guide-step-list article .ghost-action {
    grid-column: 2;
    width: 100%;
  }

  .guide-map-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sandbox-run-metrics,
  .sandbox-output-grid,
  .sandbox-agent-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .roadmap-executor-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .intake-flow-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .intake-flow-strip > div:nth-child(3) {
    border-right: 0;
  }

  .metrics-grid,
  .status-lane,
  .module-list,
  .activity-grid,
  .intelligence-grid,
  .observability-grid,
  .release-decision-meta,
  .workflow-qa-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .release-readiness-grid,
  .release-workflow-row {
    grid-template-columns: 1fr;
  }

  .commercial-sprint-grid,
  .commercial-stage-list,
  .dashboard-stage-strip,
  .dashboard-focus-stats,
  .dashboard-cost-breakdown,
  .executive-decision-grid,
  .security-vulnerability-grid,
  .run-center-view-hero,
  .run-center-head,
  .guided-flow-map,
  .founder-hero,
  .founder-status-board,
  .founder-command-grid,
  .founder-demo-loop,
  .founder-action-grid,
  .founder-result-grid,
  .founder-juriflow-grid,
  .founder-delivery-grid,
  .founder-delivery-output-grid,
  .founder-project-form,
  .executive-deliverable-hero,
  .executive-deliverable-kpis,
  .executive-next-action-panel,
  .commercial-proposal-hero,
  .commercial-proposal-stats,
  .acceptance-hero,
  .acceptance-summary-cards,
  .acceptance-order-grid,
  .proposal-letterhead,
  .proposal-client-grid,
  .proposal-signature-grid,
  .proposal-side-actions,
  .product-pipeline-hero,
  .product-pipeline-focus,
  .product-pipeline-stats,
  .product-focus-metrics,
  .product-builder-form,
  .product-infra-panels,
  .agent-command-hero,
  .agent-command-readiness,
  .agent-command-stats,
  .agent-command-squad-metrics,
  .reports-hero,
  .reports-stats,
  .reports-focus,
  .reports-focus-grid,
  .reports-controls,
  .reports-card-grid,
  .backlog-hero,
  .backlog-stats,
  .backlog-focus,
  .backlog-focus-grid,
  .backlog-controls,
  .backlog-board,
  .automation-hub-hero,
  .automation-hub-stats,
  .automation-monitor-stats,
  .automation-monitor-layout,
  .automation-monitor-incident-meta,
  .automation-monitor-table article,
  .automation-focus,
  .automation-focus-grid,
  .automation-controls,
  .automation-workflow-grid,
  .automation-run-row,
  .finance-hero,
  .finance-stats,
  .finance-focus,
  .finance-focus-grid,
  .finance-product-grid,
  .crm-hero,
  .crm-stats,
  .crm-focus,
  .crm-focus-grid,
  .crm-detail-grid,
  .crm-activity-grid,
  .sales-hero,
  .sales-stats,
  .sales-focus,
  .sales-focus-grid,
  .delivery-hero,
  .delivery-stats,
  .delivery-focus,
  .delivery-focus-grid,
  .acceptance-summary-cards,
  .acceptance-order-grid,
  .execution-next-steps,
  .legal-blueprint-summary,
  .legal-test-grid,
  .legal-module-grid,
  .legal-artifact-grid,
  .sales-kit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .run-center-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .span-8,
  .span-7,
  .span-6,
  .span-5,
  .span-4,
  .span-3 {
    grid-column: span 12;
  }
}

@media (max-width: 640px) {
  .roadmap-executor-summary {
    grid-template-columns: 1fr;
  }

  .roadmap-initiative dl {
    grid-template-columns: 1fr;
  }

  .roadmap-review-box > div,
  .roadmap-initiative-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .roadmap-review-box button,
  .roadmap-initiative-actions button {
    width: 100%;
  }
}

@media (max-width: 820px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
    padding: 16px;
  }

  .nav-stack {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .nav-section-label {
    grid-column: 1 / -1;
  }

  .nav-item {
    min-height: 44px;
  }

  .sidebar-panel {
    display: none;
  }

  .topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .sandbox-hero,
  .sandbox-run-head {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sandbox-hero-status,
  .sandbox-badge-stack,
  .sandbox-run-actions {
    justify-content: flex-start;
  }

  .topbar-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .osd-assessment-toolbar,
  .osd-process-row {
    grid-template-columns: 1fr;
  }

  .architecture-audit-actions,
  .operational-intake-actions,
  .osd-form-actions,
  .roadmap-executor-actions {
    justify-content: flex-start;
  }

  .roadmap-executor-header {
    align-items: stretch;
    flex-direction: column;
  }

  .roadmap-executor-actions {
    width: 100%;
  }

  .roadmap-executor-summary {
    grid-template-columns: 1fr;
  }

  .intake-summary-metrics,
  .intake-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .form-grid,
  .metrics-grid,
  .status-lane,
  .module-list,
  .agent-overview,
  .agent-detail-grid,
  .agent-groups,
  .activity-grid,
  .intelligence-grid,
  .execution360-grid,
  .drilldown-layout,
  .drilldown-list,
  .brief-stack,
  .observability-grid,
  .release-decision-meta,
  .release-readiness-grid,
  .release-workflow-row,
  .workflow-qa-strip,
  .commercial-sprint-grid,
  .commercial-sprint-numbers,
  .commercial-stage-list,
  .commercial-delivery-list,
  .guided-flow-map,
  .guided-step,
  .founder-hero,
  .founder-stage-rail,
  .founder-status-board,
  .founder-command-metrics,
  .founder-command-grid,
  .founder-demo-loop,
  .founder-demo-step,
  .founder-action-grid,
  .founder-result-grid,
  .founder-flow-step,
  .founder-juriflow-grid,
  .founder-delivery-grid,
  .founder-delivery-output-grid,
  .founder-delivery-checklist div,
  .founder-project-form,
  .executive-deliverable-hero,
  .executive-deliverable-kpis,
  .executive-next-action-panel,
  .executive-task-list article,
  .commercial-proposal-hero,
  .commercial-proposal-stats,
  .acceptance-hero,
  .acceptance-summary-cards,
  .acceptance-order-grid,
  .acceptance-next-steps button,
  .proposal-cover-card,
  .proposal-letterhead,
  .proposal-section,
  .proposal-client-grid,
  .proposal-signature-grid,
  .proposal-side-actions,
  .product-pipeline-hero,
  .product-pipeline-focus,
  .product-pipeline-stats,
  .product-focus-metrics,
  .product-stage-rail,
  .venture-lifecycle-metrics,
  .venture-active-review,
  .product-builder-form,
  .product-builder-main,
  .product-kanban-board,
  .product-infra-panels,
  .agent-command-hero,
  .agent-command-readiness,
  .agent-command-stats,
  .agent-command-squad-metrics,
  .agent-command-controls,
  .reports-hero,
  .reports-stats,
  .reports-focus,
  .reports-focus-grid,
  .reports-controls,
  .reports-card-grid,
  .backlog-hero,
  .backlog-stats,
  .backlog-focus,
  .backlog-focus-grid,
  .backlog-controls,
  .backlog-board,
  .automation-hub-hero,
  .automation-hub-stats,
  .automation-monitor-stats,
  .automation-monitor-layout,
  .automation-monitor-incident-meta,
  .automation-monitor-table article,
  .automation-focus,
  .automation-focus-grid,
  .automation-controls,
  .automation-workflow-grid,
  .automation-run-row,
  .finance-hero,
  .finance-stats,
  .finance-focus,
  .finance-focus-grid,
  .finance-product-grid,
  .crm-hero,
  .crm-stats,
  .crm-focus,
  .crm-focus-grid,
  .crm-detail-grid,
  .crm-activity-grid,
  .sales-hero,
  .sales-stats,
  .sales-focus,
  .sales-focus-grid,
  .delivery-hero,
  .delivery-stats,
  .delivery-focus,
  .delivery-focus-grid,
  .acceptance-summary-cards,
  .acceptance-order-grid,
  .acceptance-next-steps button,
  .agent-command-row,
  .agent-execution-row,
  .execution-detail-hero,
  .execution-next-steps,
  .execution-detail-actions,
  .run-center-view-hero,
  .run-center-head,
  .run-center-grid,
  .run-center-actions,
  .legal-blueprint-summary,
  .legal-test-grid,
  .legal-module-grid,
  .legal-artifact-grid,
  .sales-kit-grid,
  .connection-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-command {
    min-height: 0;
  }

  .dashboard-command h2 {
    font-size: 2.15rem;
  }

  .guided-flow-map small {
    grid-column: auto;
  }

  .intelligence-grid .span-2 {
    grid-column: auto;
  }

  .agent-performance-row {
    grid-template-columns: 1fr;
  }

  .agent-command-row,
  .agent-execution-row,
  .dashboard-execution-row {
    grid-template-columns: 1fr;
  }

  .drilldown-row {
    grid-template-columns: 1fr;
  }

  .detail-panel-head {
    display: grid;
  }

  .event-row {
    grid-template-columns: 1fr;
  }

  .execution360-row {
    grid-template-columns: 1fr;
  }

  .execution360-row-meta {
    justify-items: start;
  }

  .timeline-item {
    grid-template-columns: 1fr;
  }

  .product-pipeline-controls {
    justify-items: stretch;
  }

  .product-pipeline-hero h2 {
    font-size: 2.15rem;
  }

  .agent-command-hero h2 {
    font-size: 2.15rem;
  }

  .reports-hero h2 {
    font-size: 2.15rem;
  }

  .backlog-hero h2 {
    font-size: 2.15rem;
  }

  .automation-hub-hero h2 {
    font-size: 2.15rem;
  }

  .finance-hero h2 {
    font-size: 2.15rem;
  }

  .crm-hero h2,
  .sales-hero h2,
  .delivery-hero h2 {
    font-size: 2.15rem;
  }

  .product-pipeline-controls .segmented {
    width: 100%;
  }

  .product-pipeline-hero-actions,
  .product-focus-actions,
  .venture-review-actions,
  .product-builder-actions {
    justify-content: flex-start;
  }

  .venture-lifecycle-empty {
    grid-template-columns: 1fr;
  }

  .venture-lifecycle-head {
    display: grid;
  }

  .venture-lifecycle-actions {
    justify-content: flex-start;
  }

  .venture-gate-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: visible;
  }

  .product-focus-main {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .product-focus-mark {
    width: 58px;
    height: 58px;
    font-size: 1rem;
  }

  .pipeline-product-actions {
    grid-template-columns: 1fr;
  }

  .agent-command-hero-actions {
    justify-content: flex-start;
  }

  .reports-hero-actions,
  .reports-focus-actions {
    justify-content: flex-start;
  }

  .backlog-hero-actions,
  .backlog-focus-actions {
    justify-content: flex-start;
  }

  .automation-hub-actions,
  .automation-focus-actions {
    justify-content: flex-start;
  }

  .finance-hero-actions,
  .finance-focus-actions,
  .finance-product-actions {
    justify-content: flex-start;
  }

  .crm-hero-actions,
  .crm-focus-actions,
  .sales-hero-actions,
  .sales-focus-actions,
  .delivery-hero-actions,
  .delivery-focus-actions {
    justify-content: flex-start;
  }

  .reports-focus-main {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .backlog-focus-main {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .automation-focus-main {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .finance-focus-main {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .crm-focus-main,
  .sales-focus-main,
  .delivery-focus-main {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .reports-focus-mark {
    width: 58px;
    height: 58px;
    font-size: 1rem;
  }

  .backlog-focus-mark {
    width: 58px;
    height: 58px;
    font-size: 1rem;
  }

  .automation-focus-mark {
    width: 58px;
    height: 58px;
    font-size: 1rem;
  }

  .finance-focus-mark {
    width: 58px;
    height: 58px;
    font-size: 1rem;
  }

  .crm-focus-avatar,
  .sales-focus-mark,
  .delivery-focus-mark {
    width: 58px;
    height: 58px;
    font-size: 1rem;
  }

  .agent-command-actions {
    grid-template-columns: 1fr;
  }

  .execution-detail-status {
    justify-content: flex-start;
  }

  .run-center-view-actions {
    justify-content: flex-start;
  }

  .run-center-controls .badge {
    justify-self: start;
  }
}

@media (max-width: 520px) {
  .nav-stack {
    grid-template-columns: 1fr 1fr;
  }

  .guide-hero {
    min-height: 0;
    padding: 1.35rem;
  }

  .guide-hero h2 {
    font-size: 2.1rem;
  }

  .guide-map-grid,
  .guide-step-list article {
    grid-template-columns: 1fr;
  }

  .sandbox-run-metrics,
  .sandbox-output-grid,
  .sandbox-agent-strip,
  .sandbox-guide-steps > div {
    grid-template-columns: 1fr;
  }

  .sandbox-guide-steps small {
    grid-column: auto;
  }

  .guide-step-list article .ghost-action {
    grid-column: auto;
  }

  .primary-action,
  .ghost-action {
    width: 100%;
  }

  .topbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .osd-layer-grid,
  .osd-baseline-grid,
  .intake-baseline-grid,
  .intake-summary-metrics,
  .intake-summary-grid {
    grid-template-columns: 1fr;
  }

  .intake-flow-strip {
    grid-template-columns: 1fr;
  }

  .intake-flow-strip > div {
    min-height: 82px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .intake-form-section {
    grid-template-columns: 1fr;
  }

  .intake-form-actions,
  .intake-summary-footer {
    display: grid;
    grid-template-columns: 1fr;
  }

  .osd-assessment-identity {
    grid-template-columns: 1fr;
  }

  .osd-assessment-identity small {
    grid-column: auto;
  }
}


/* Phase 0 Client Sprints */
.sprints-view {
  align-items: start;
}

.sprint-hero,
.sprint-context,
.sprint-list-panel,
.iio-assessment-panel,
.sprint-overview-panel,
.sprint-create-panel {
  border-color: rgba(95, 180, 255, 0.22);
}

.sprint-hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  min-height: 180px;
  background: linear-gradient(135deg, rgba(12, 31, 42, 0.92), rgba(30, 34, 67, 0.88));
}

.sprint-hero h2,
.sprint-context h2,
.sprint-overview-head h2 {
  max-width: 860px;
  line-height: 1.05;
}

.sprint-hero-actions,
.sprint-context-meta,
.iio-review-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.sprint-filter-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sprint-filter-strip button {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-muted);
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 800;
}

.sprint-filter-strip button.is-active {
  color: var(--text);
  border-color: rgba(79, 201, 255, 0.58);
  background: rgba(79, 201, 255, 0.12);
}

.sprint-table-wrap {
  overflow-x: auto;
}

.sprint-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 980px;
}

.sprint-table th,
.sprint-table td {
  padding: 14px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
  vertical-align: top;
}

.sprint-table th {
  color: var(--text-muted);
  font-size: 0.72rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sprint-table td {
  color: var(--text-soft);
  font-size: 0.9rem;
}

.sprint-table tr.is-selected td {
  background: rgba(79, 201, 255, 0.06);
}

.sprint-table button {
  border: 0;
  background: transparent;
  color: var(--text);
  font-weight: 900;
  text-align: left;
  padding: 0;
}

.sprint-create-form .sprint-create-submit {
  align-self: end;
}

.sprint-context {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
  gap: 20px;
}

.sprint-context-side {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.sprint-context-side span,
.sprint-context-side small,
.sprint-overview-notes span,
.sprint-dimension-bar small {
  color: var(--text-muted);
}

.sprint-context-side strong {
  display: block;
  margin: 5px 0;
  font-size: 1.25rem;
}

.sprint-stepper {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.sprint-stepper button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-muted);
  font-weight: 900;
}

.sprint-stepper button.is-current {
  color: var(--text);
  border-color: rgba(126, 94, 255, 0.65);
  background: rgba(126, 94, 255, 0.16);
}

.sprint-section-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin: 4px 0 16px;
}

.iio-assessment-shell {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 18px;
}

.iio-dimension-list {
  display: grid;
  gap: 8px;
}

.iio-dimension-list button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--text);
  padding: 13px;
  text-align: left;
}

.iio-dimension-list button.is-selected {
  border-color: rgba(79, 201, 255, 0.62);
  background: rgba(79, 201, 255, 0.1);
}

.iio-dimension-list small,
.iio-dimension-list em {
  color: var(--text-muted);
  font-style: normal;
}

.iio-detail-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 18px;
  background: rgba(4, 8, 16, 0.34);
}

.iio-detail-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.iio-detail-head strong {
  font-size: 2rem;
}

.iio-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iio-review-grid .full {
  grid-column: 1 / -1;
}

.iio-scale-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0;
}

.iio-scale-strip span {
  min-height: 74px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  padding: 10px;
  color: var(--text-muted);
  font-size: 0.74rem;
}

.iio-scale-strip strong {
  display: block;
  color: var(--text);
  font-size: 1rem;
  margin-bottom: 4px;
}

.sprint-overview-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.sprint-iio-number {
  min-width: 230px;
  text-align: right;
}

.sprint-iio-number span,
.sprint-iio-number small {
  display: block;
  color: var(--text-muted);
}

.sprint-iio-number strong {
  display: block;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
}

.sprint-overview-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: 24px;
  padding-top: 22px;
}

.sprint-dimension-bars {
  display: grid;
  gap: 14px;
}

.sprint-dimension-bar {
  display: grid;
  grid-template-columns: 140px minmax(120px, 1fr) 70px 190px;
  align-items: center;
  gap: 12px;
}

.sprint-dimension-bar span,
.sprint-dimension-bar strong {
  color: var(--text);
  font-weight: 900;
}

.sprint-dimension-bar div {
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  overflow: hidden;
}

.sprint-dimension-bar i {
  display: block;
  width: var(--iio-bar);
  height: 100%;
  background: linear-gradient(90deg, #4fc9ff, #9b7cff);
}

.sprint-overview-notes {
  display: grid;
  gap: 12px;
  align-content: start;
}

.sprint-overview-notes div {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.sprint-overview-notes strong {
  display: block;
  margin-top: 5px;
}

@media (max-width: 920px) {
  .sprint-hero,
  .sprint-section-heading,
  .sprint-overview-head {
    flex-direction: column;
    align-items: stretch;
  }

  .sprint-context,
  .iio-assessment-shell,
  .sprint-overview-body {
    grid-template-columns: 1fr;
  }

  .sprint-stepper,
  .iio-scale-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iio-review-grid,
  .sprint-dimension-bar {
    grid-template-columns: 1fr;
  }

  .sprint-iio-number {
    text-align: left;
  }
}


/* Phase 0 methodology polish */
.iio-dimension-copy {
  min-width: 0;
}

.iio-dimension-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.iio-suggestion-note {
  display: block;
  margin-top: 7px;
  color: var(--text-muted);
  font-size: 0.75rem;
  line-height: 1.35;
}

.iio-scale-compact {
  display: grid;
  gap: 8px;
  margin: 16px 0;
  color: var(--text-muted);
}

.iio-scale-numbers,
.iio-scale-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: center;
}

.iio-scale-numbers span {
  text-align: center;
  font-weight: 900;
  color: var(--text-muted);
}

.iio-scale-numbers span.is-current {
  color: var(--text);
}

.iio-scale-track {
  position: relative;
  min-height: 18px;
}

.iio-scale-track::before {
  content: "";
  position: absolute;
  left: calc(100% / 12);
  right: calc(100% / 12);
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.18);
}

.iio-scale-track i {
  position: relative;
  z-index: 1;
  width: 12px;
  height: 12px;
  justify-self: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: var(--panel-bg);
}

.iio-scale-track i.is-current {
  width: 16px;
  height: 16px;
  border-color: rgba(79, 201, 255, 0.9);
  background: #4fc9ff;
  box-shadow: 0 0 0 5px rgba(79, 201, 255, 0.14);
}

.iio-scale-compact p {
  margin: 0;
  text-align: center;
  font-size: 0.8rem;
  color: var(--text);
}


/* Phase 1 - Process Deep Dive + Evidence */
.phase1-hero,
.phase1-form-panel,
.process-list-panel,
.process-detail-panel,
.evidence-list-panel,
.evidence-detail-panel,
.evidence-coverage-panel,
.dimension-evidence-review,
.phase1-overview-summary {
  min-width: 0;
}

.phase1-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  border-color: rgba(79, 201, 255, 0.22);
}

.phase1-hero h2 {
  max-width: 760px;
  margin: 8px 0;
  font-size: 2rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.phase1-hero p {
  max-width: 780px;
  margin: 0;
  color: var(--text-muted);
  line-height: 1.6;
}

.form-actions-row {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.phase1-empty {
  display: grid;
  gap: 12px;
  min-height: 180px;
  align-content: center;
  padding: 22px;
  border: 1px dashed rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.phase1-empty.compact {
  min-height: 96px;
}

.phase1-empty strong,
.phase1-copy-block span,
.phase1-detail-list dt,
.phase1-table th,
.process-overview-grid span,
.process-observation-grid span,
.evidence-review-metrics span,
.phase1-overview-summary span {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.phase1-empty p {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.55;
}

.phase1-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.phase1-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
}

.phase1-table th,
.phase1-table td {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.phase1-table tr.is-selected td {
  background: rgba(79, 201, 255, 0.055);
}

.phase1-table button {
  color: var(--text);
  font-weight: 850;
  text-align: left;
  overflow-wrap: anywhere;
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 180px;
}

.table-actions button,
.evidence-status-actions button {
  min-height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  padding: 7px 10px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--text);
  font-size: 0.82rem;
}

.process-overview-grid,
.evidence-review-metrics,
.phase1-overview-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.process-overview-grid > div,
.evidence-review-metrics > div,
.phase1-overview-summary > div {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.032);
}

.process-overview-grid strong,
.evidence-review-metrics strong,
.phase1-overview-summary strong {
  display: block;
  margin-top: 5px;
  color: var(--text);
  font-size: 1.15rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.process-observation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.process-observation-grid > div,
.phase1-copy-block {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  padding: 14px;
  background: rgba(4, 8, 16, 0.28);
}

.process-observation-grid p,
.phase1-copy-block p,
.phase1-detail-list dd,
.phase1-overview-summary small {
  margin: 6px 0 0;
  color: var(--text);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.phase1-inline-form {
  margin: 16px 0;
  border: 1px solid rgba(79, 201, 255, 0.18);
  border-radius: 8px;
  padding: 16px;
  background: rgba(79, 201, 255, 0.035);
}

.process-flow-view {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.process-flow-node {
  position: relative;
  min-width: 0;
  min-height: 150px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.process-flow-node span {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.process-flow-node strong {
  display: block;
  margin-top: 8px;
  color: var(--text);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.process-flow-node p {
  color: var(--text-muted);
  line-height: 1.45;
}

.process-flow-node.is-trigger,
.process-flow-node.is-output {
  border-color: rgba(79, 201, 255, 0.28);
}

.evidence-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
  gap: 16px;
}

.evidence-detail-panel {
  align-self: start;
}

.phase1-detail-list {
  display: grid;
  gap: 10px;
  margin: 0 0 14px;
}

.phase1-detail-list div {
  min-width: 0;
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
}

.evidence-status-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.checkbox-pill-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.checkbox-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 9px 10px;
  color: var(--text);
  background: rgba(255, 255, 255, 0.035);
  overflow-wrap: anywhere;
}

.dimension-evidence-review {
  margin-top: 18px;
  border: 1px solid rgba(155, 124, 255, 0.22);
  border-radius: 8px;
  padding: 16px;
  background: rgba(155, 124, 255, 0.05);
}

.dimension-evidence-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}

.dimension-evidence-head h3 {
  margin: 5px 0;
  font-size: 1.25rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.dimension-evidence-review-form {
  margin-top: 14px;
}

.phase1-overview-summary {
  margin-top: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto auto;
  align-items: stretch;
}

.phase1-overview-summary button {
  align-self: center;
  min-width: 140px;
}

@media (max-width: 1100px) {
  .evidence-workspace-grid,
  .process-overview-grid,
  .evidence-review-metrics,
  .phase1-overview-summary {
    grid-template-columns: 1fr 1fr;
  }

  .phase1-overview-summary button {
    min-width: 0;
  }
}

@media (max-width: 720px) {
  .phase1-hero,
  .dimension-evidence-head {
    flex-direction: column;
    align-items: stretch;
  }

  .phase1-hero h2 {
    font-size: 1.55rem;
  }

  .process-observation-grid,
  .evidence-workspace-grid,
  .process-overview-grid,
  .evidence-review-metrics,
  .phase1-overview-summary,
  .checkbox-pill-grid,
  .phase1-detail-list div {
    grid-template-columns: 1fr;
  }

  .form-actions-row {
    justify-content: stretch;
  }

  .form-actions-row button {
    width: 100%;
  }
}


/* Phase 2 - Findings */
.phase2-hero,
.finding-list-panel,
.finding-detail-panel,
.phase2-warning {
  min-width: 0;
}

.phase1-overview-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto auto auto;
}

.finding-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.finding-filters select {
  min-height: 38px;
  min-width: 180px;
}

.finding-evidence-checkboxes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.finding-evidence-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.035);
}

.finding-evidence-option span,
.finding-evidence-option strong,
.finding-evidence-option small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.finding-evidence-option strong {
  display: block;
  line-height: 1.25;
}

.finding-evidence-option small {
  display: block;
  margin-top: 4px;
  color: var(--text-muted);
}

.linked-evidence-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.linked-evidence-list article {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.03);
}

.linked-evidence-list article strong {
  display: block;
  overflow-wrap: anywhere;
}

.linked-evidence-list article small {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.phase2-warning {
  border-color: rgba(245, 200, 92, 0.24);
  background: rgba(245, 200, 92, 0.045);
}

@media (max-width: 1100px) {
  .phase1-overview-summary {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .finding-filters,
  .linked-evidence-list article small {
    align-items: stretch;
    justify-content: stretch;
  }

  .finding-evidence-checkboxes,
  .phase1-overview-summary {
    grid-template-columns: 1fr;
  }
}

/* Phase 3 - Root Cause + Opportunities */
.phase3-hero,
.root-cause-workspace,
.root-cause-form-panel,
.opportunity-form-panel,
.opportunity-list-panel,
.opportunity-detail-panel,
.phase3-traceability-panel {
  min-width: 0;
}

.root-cause-workspace {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 16px;
}

.phase3-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.phase3-section-head h3,
.root-cause-detail h3 {
  margin: 5px 0;
  font-size: 1.15rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.phase3-section-head p {
  margin: 0;
  color: var(--text-muted);
}

.root-cause-list {
  display: grid;
  gap: 8px;
}

.root-cause-list button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--text);
  text-align: left;
}

.root-cause-list button.is-selected {
  border-color: rgba(79, 201, 255, 0.38);
  background: rgba(79, 201, 255, 0.07);
}

.root-cause-list strong,
.root-cause-list small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.root-cause-list small {
  margin-top: 4px;
  color: var(--text-muted);
}

.root-cause-detail {
  border: 1px solid rgba(155, 124, 255, 0.22);
  border-radius: 8px;
  padding: 14px;
  background: rgba(155, 124, 255, 0.04);
}

.root-cause-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.root-cause-evidence-grid > div {
  display: grid;
  gap: 8px;
  align-content: start;
}

.phase3-blocked-note {
  border: 1px solid rgba(245, 200, 92, 0.22);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--text);
  background: rgba(245, 200, 92, 0.06);
}

.phase3-create-opportunity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.phase3-create-opportunity small {
  color: var(--text-muted);
}

.phase3-plain-list {
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--text-muted);
}

.dependency-inline-form {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.03);
}

.phase3-traceability-list {
  display: grid;
  gap: 10px;
}

.phase3-traceability-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.03);
}

.phase3-traceability-list span,
.phase3-traceability-list strong,
.phase3-traceability-list em {
  min-width: 0;
  overflow-wrap: anywhere;
  font-style: normal;
}

.phase3-traceability-list span {
  color: var(--text-muted);
}

.phase3-traceability-list em {
  color: var(--cyan);
}

.linked-evidence-list button {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-weight: 800;
  text-align: left;
  overflow-wrap: anywhere;
  cursor: pointer;
}

@media (max-width: 1100px) {
  .phase3-traceability-list article {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .phase3-section-head,
  .phase3-create-opportunity {
    align-items: stretch;
    flex-direction: column;
  }

  .root-cause-evidence-grid {
    grid-template-columns: 1fr;
  }
}
/* Phase 4: Business Value + Prioritization */
.sprint-stepper {
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
}

.phase4-hero,
.phase4-form-panel,
.phase4-list-panel,
.phase4-detail-panel,
.prioritization-panel,
.phase4-portfolio-value {
  min-width: 0;
}

.phase4-workspace {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.58fr);
  gap: 14px;
  align-items: start;
}

.governance-read-only {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.phase4-opportunity-list {
  display: grid;
  gap: 8px;
}

.phase4-opportunity-list > button {
  width: 100%;
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  color: var(--text);
  text-align: left;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}

.phase4-opportunity-list > button.is-selected {
  border-color: rgba(66, 207, 255, 0.65);
  background: rgba(66, 207, 255, 0.08);
}

.phase4-opportunity-list span,
.phase4-opportunity-list strong,
.phase4-opportunity-list small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.phase4-opportunity-list strong,
.phase4-opportunity-list small {
  display: block;
}

.phase4-opportunity-list small {
  margin-top: 5px;
  color: var(--text-muted);
}

.phase4-opportunity-list em {
  color: var(--cyan);
  font-style: normal;
  white-space: nowrap;
}

.phase4-result-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.phase4-result-list dd small {
  display: block;
  margin-top: 4px;
  color: var(--text-muted);
  font-size: 0.72rem;
}

.phase4-warning {
  margin: 14px 0;
  padding: 12px 14px;
  border-left: 3px solid var(--warning);
  background: rgba(255, 193, 71, 0.08);
}

.phase4-warning p {
  margin: 5px 0 0;
  color: var(--text-muted);
}

.phase4-subsection {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.phase4-record-list,
.phase4-assumption-list {
  display: grid;
  gap: 8px;
}

.phase4-record-list article,
.phase4-assumption-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.phase4-record-list strong,
.phase4-record-list small,
.phase4-assumption-list strong,
.phase4-assumption-list small {
  display: block;
  overflow-wrap: anywhere;
}

.phase4-record-list small,
.phase4-assumption-list small {
  margin-top: 4px;
  color: var(--text-muted);
}

.phase4-record-list .toolbar button,
.phase4-assumption-list .toolbar button {
  min-height: 32px;
  padding: 5px 8px;
}

.phase4-investment-form {
  margin-top: 12px;
}

.phase4-trace {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.phase4-trace > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

.phase4-trace span { color: var(--text-muted); }
.phase4-trace em { color: var(--cyan); font-style: normal; }
.phase4-trace b { color: var(--success); }
.phase4-trace small { color: var(--text-muted); }

.opportunity-business-value-entry .primary-action {
  margin-top: 10px;
}

.priority-input-context {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.phase4-portfolio-value {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.priority-input-context > div,
.phase4-portfolio-value > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}

.priority-input-context span,
.priority-input-context strong,
.priority-input-context small,
.phase4-portfolio-value span,
.phase4-portfolio-value strong,
.phase4-portfolio-value small {
  display: block;
  overflow-wrap: anywhere;
}

.priority-input-context span,
.phase4-portfolio-value span,
.phase4-portfolio-value small {
  color: var(--text-muted);
}

.priority-input-context strong,
.phase4-portfolio-value strong {
  margin-top: 5px;
}

.priority-table {
  min-width: 1280px;
}

.priority-detail-strip {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.2fr) minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.priority-detail-strip span,
.priority-detail-strip strong,
.priority-detail-strip small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.priority-detail-strip span,
.priority-detail-strip small {
  color: var(--text-muted);
}

.priority-detail-strip strong {
  margin-top: 4px;
}

.phase4-portfolio-value {
  align-items: stretch;
}

@media (max-width: 1180px) {
  .phase4-workspace,
  .phase4-result-list,
  .priority-detail-strip,
  .phase4-trace {
    grid-template-columns: 1fr;
  }

  .priority-input-context,
  .phase4-portfolio-value {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .phase4-record-list article,
  .phase4-assumption-list article,
  .phase4-opportunity-list > button,
  .priority-input-context,
  .phase4-portfolio-value {
    grid-template-columns: 1fr;
  }

  .phase4-opportunity-list em {
    white-space: normal;
  }
}
/* Engagement Core and Version Spine */
.engagement-workspace,
.version-spine-panel {
  overflow: hidden;
}

.engagement-create-form {
  margin: 18px 0 22px;
  padding: 18px 0;
  border-block: 1px solid var(--line, #293140);
}

.organization-onboarding {
  margin: 18px 0 0;
  padding: 18px 0;
  border-block: 1px solid var(--cyan, #45c5ee);
}

.organization-onboarding .panel-header {
  margin-bottom: 16px;
}

.inline-link-action {
  justify-self: start;
  border: 0;
  padding: 0;
  color: var(--cyan, #45c5ee);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
}

.inline-link-action:hover {
  text-decoration: underline;
}

.sprint-legacy-alert {
  grid-column: 1 / -1;
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
}

.sprint-legacy-alert strong,
.sprint-legacy-alert span {
  display: block;
}

.sprint-legacy-alert span {
  margin-top: 5px;
  color: var(--muted, #9aa4b2);
}

.sprint-stepper button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}

.engagement-table td:first-child,
.engagement-table td:nth-child(2) {
  min-width: 190px;
}

.version-spine-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line, #293140);
}

.version-spine-grid > div {
  min-width: 0;
  padding: 18px 20px;
  border-right: 1px solid var(--line, #293140);
}

.version-spine-grid > div:last-child {
  border-right: 0;
}

.version-spine-grid span,
.version-spine-grid strong,
.version-spine-grid small {
  display: block;
  overflow-wrap: anywhere;
}

.version-spine-grid > div > span:first-child {
  margin-bottom: 8px;
  color: var(--muted, #9aa4b2);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.version-spine-grid strong {
  min-height: 44px;
  margin-bottom: 10px;
  font-size: 16px;
}

.version-spine-grid small {
  min-height: 36px;
  margin: 10px 0;
  color: var(--muted, #9aa4b2);
}

.version-spine-grid button {
  border: 0;
  padding: 0;
  color: var(--cyan, #45c5ee);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

@media (max-width: 1050px) {
  .version-spine-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .version-spine-grid > div:nth-child(2) {
    border-right: 0;
  }

  .version-spine-grid > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line, #293140);
  }
}

@media (max-width: 680px) {
  .sprint-legacy-alert {
    align-items: stretch;
    flex-direction: column;
  }

  .version-spine-grid {
    grid-template-columns: 1fr;
  }

  .version-spine-grid > div {
    border-right: 0;
    border-bottom: 1px solid var(--line, #293140);
  }

  .version-spine-grid > div:last-child {
    border-bottom: 0;
  }
}

/* Saturday MVP: Target Model, Business Case, Roadmap V2 and Decision */
.consulting-overview,
.consulting-workspace {
  overflow: hidden;
}

.consulting-progress-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 18px;
}

.consulting-context-line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  align-items: center;
  padding: 14px 0;
  border-block: 1px solid var(--line, #293140);
}

.consulting-context-line span {
  color: var(--muted, #9aa4b2);
}

.consulting-form {
  margin-top: 18px;
}

.consulting-form textarea,
.consulting-subform textarea {
  min-height: 88px;
  resize: vertical;
}

.consulting-structure-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--line, #293140);
}

.consulting-structure-item {
  min-width: 0;
  padding: 16px;
  border-top: 1px solid var(--line, #293140);
  border-right: 1px solid var(--line, #293140);
}

.consulting-structure-item:nth-child(3n) {
  border-right: 0;
}

.consulting-structure-item span,
.consulting-structure-item strong,
.consulting-structure-item p,
.consulting-ledger span,
.consulting-ledger strong,
.consulting-ledger p {
  display: block;
  overflow-wrap: anywhere;
}

.consulting-structure-item span,
.consulting-ledger span {
  color: var(--muted, #9aa4b2);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.consulting-structure-item strong {
  margin: 8px 0;
  font-size: 24px;
}

.consulting-structure-item p,
.consulting-ledger p {
  margin: 6px 0 0;
  color: var(--muted, #9aa4b2);
  line-height: 1.5;
}

.consulting-two-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 22px;
}

.consulting-subform {
  display: grid;
  gap: 13px;
  min-width: 0;
  padding-top: 18px;
  border-top: 1px solid var(--line, #293140);
}

.consulting-subform label,
.consulting-subform fieldset {
  display: grid;
  gap: 7px;
  min-width: 0;
  margin: 0;
}

.consulting-subform fieldset {
  max-height: 210px;
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--line, #293140);
}

.consulting-subform .check-line {
  display: flex;
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.35;
}

.consulting-subform .check-line input {
  width: auto;
  margin-top: 2px;
}

.consulting-ledger {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 22px;
  border-block: 1px solid var(--line, #293140);
}

.consulting-ledger > div {
  min-width: 0;
  padding: 18px;
  border-right: 1px solid var(--line, #293140);
}

.consulting-ledger > div:last-child {
  border-right: 0;
}

.roadmap-wave-ledger {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.target-model-revision-history {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.consulting-candidate-list,
.consulting-decision-ledger {
  display: grid;
  gap: 0;
  margin-top: 20px;
  border-top: 1px solid var(--line, #293140);
}

.consulting-candidate-list article,
.consulting-decision-ledger article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  padding: 17px 0;
  border-bottom: 1px solid var(--line, #293140);
}

.consulting-candidate-list article strong,
.consulting-decision-ledger article strong {
  display: block;
  margin: 5px 0;
  overflow-wrap: anywhere;
}

.consulting-candidate-list article p,
.consulting-decision-ledger article p {
  margin: 0;
  color: var(--muted, #9aa4b2);
}

.consulting-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

.methodology-alert {
  margin-top: 18px;
  padding: 14px 16px;
  border-left: 3px solid var(--warning, #d7aa4a);
  background: rgba(215, 170, 74, 0.08);
  overflow-wrap: anywhere;
}

@media (max-width: 1200px) {
  .consulting-progress-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .consulting-structure-grid,
  .roadmap-wave-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .consulting-structure-item:nth-child(3n) {
    border-right: 1px solid var(--line, #293140);
  }

  .consulting-structure-item:nth-child(2n) {
    border-right: 0;
  }

  .consulting-two-column {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .consulting-progress-grid,
  .consulting-structure-grid,
  .consulting-ledger,
  .roadmap-wave-ledger,
  .consulting-candidate-list article,
  .consulting-decision-ledger article {
    grid-template-columns: 1fr;
  }

  .consulting-structure-item,
  .consulting-ledger > div {
    border-right: 0;
  }

  .consulting-actions {
    align-items: stretch;
    flex-direction: column;
  }
}
.environment-indicator {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(80, 216, 188, 0.42);
  color: #85ead2;
  background: rgba(24, 90, 78, 0.22);
  font: 700 10px/1 "JetBrains Mono", monospace;
  letter-spacing: 0;
  white-space: nowrap;
}

.environment-indicator[data-environment="production"] {
  border-color: rgba(115, 151, 255, 0.54);
  color: #bdd0ff;
  background: rgba(44, 63, 120, 0.28);
}

.consultant-guidance {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.consultant-guidance > article {
  border: 1px solid var(--line);
  background: rgba(8, 15, 24, 0.46);
  padding: 16px;
}

.consultant-guidance strong,
.consultant-guidance p {
  overflow-wrap: anywhere;
}

.consultant-guidance .guidance-action {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.consultant-blocker-list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--muted);
}

.consulting-stage-ledger {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.consulting-stage-ledger > div {
  min-width: 0;
  border-left: 2px solid var(--line);
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.02);
}

.consulting-stage-ledger > div.is-complete { border-left-color: var(--success); }
.consulting-stage-ledger > div.is-current { border-left-color: var(--cyan); background: rgba(43, 177, 222, 0.07); }
.consulting-stage-ledger span { display: block; color: var(--muted); font-size: 11px; }
.consulting-stage-ledger strong { display: block; margin-top: 4px; overflow-wrap: anywhere; }

@media (max-width: 980px) {
  .consultant-guidance { grid-template-columns: 1fr; }
  .consulting-stage-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .environment-indicator { display: none; }
}