:root {
  --bg: #070910;
  --surface: #0e1220;
  --surface-2: #141a2b;
  --surface-3: #1a2238;
  --line: rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.18);
  --text: #f7f8fc;
  --muted: #a6aec1;
  --accent: #cf62ff;
  --accent-2: #66e7ff;
  --success: #68e3a1;
  --warning: #ffd36a;
  --danger: #ff7d8b;
  --shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
  --radius-lg: 26px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --sidebar-width: 280px;
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 82% 8%, rgba(207, 98, 255, 0.13), transparent 28rem),
    radial-gradient(circle at 18% 88%, rgba(102, 231, 255, 0.08), transparent 30rem),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }

.skip-link {
  position: fixed;
  left: 1rem;
  top: -5rem;
  z-index: 100;
  padding: 0.75rem 1rem;
  border-radius: 0 0 0.75rem 0.75rem;
  background: var(--text);
  color: var(--bg);
  font-weight: 800;
}
.skip-link:focus { top: 0; }

.app-shell { min-height: 100vh; }
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 20;
  width: var(--sidebar-width);
  display: flex;
  flex-direction: column;
  padding: 2rem 1.4rem;
  border-right: 1px solid var(--line);
  background: rgba(8, 10, 18, 0.88);
  backdrop-filter: blur(24px);
}

.brand-block { display: flex; align-items: center; gap: 0.9rem; }
.brand-mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(207,98,255,0.95), rgba(102,231,255,0.85));
  box-shadow: 0 12px 28px rgba(207,98,255,0.22);
  color: #080912;
  font-weight: 950;
  letter-spacing: -0.05em;
}
.brand-block h1 { margin: 0.15rem 0 0; font-size: 1.05rem; line-height: 1.1; }
.eyebrow {
  margin: 0;
  color: var(--accent-2);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}
.sidebar-copy { margin: 1.6rem 0 1.8rem; color: var(--muted); font-size: 0.9rem; }
.nav-list { display: grid; gap: 0.5rem; }
.nav-button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  transition: 160ms ease;
}
.nav-button span { color: #67708a; font-size: 0.72rem; font-weight: 850; }
.nav-button:hover { color: var(--text); background: rgba(255,255,255,0.04); }
.nav-button.is-active {
  border-color: rgba(207,98,255,0.25);
  background: linear-gradient(90deg, rgba(207,98,255,0.14), rgba(102,231,255,0.05));
  color: var(--text);
  box-shadow: inset 3px 0 0 var(--accent);
}
.nav-button.is-active span { color: var(--accent-2); }
.sidebar-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
}
.sidebar-footer strong, .sidebar-footer span { display: block; }
.sidebar-footer strong { font-size: 0.8rem; }
.sidebar-footer span { color: var(--muted); font-size: 0.72rem; }
.status-dot { width: 10px; height: 10px; border-radius: 999px; background: var(--success); box-shadow: 0 0 16px var(--success); }

.main-content { margin-left: var(--sidebar-width); padding: 0 2.2rem 4rem; }
.topbar {
  position: sticky;
  top: 0;
  z-index: 15;
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 -2.2rem 2rem;
  padding: 1.2rem 2.2rem;
  border-bottom: 1px solid var(--line);
  background: rgba(7,9,16,0.78);
  backdrop-filter: blur(22px);
}
.view-description { margin: 0.25rem 0 0; color: var(--muted); font-size: 0.88rem; }
.topbar-actions, .action-row, .hero-actions { display: flex; flex-wrap: wrap; gap: 0.65rem; }
.button {
  min-height: 42px;
  padding: 0.65rem 1rem;
  border: 1px solid transparent;
  border-radius: 12px;
  font-weight: 820;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}
.button:hover { transform: translateY(-1px); }
.button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .nav-button:focus-visible, .tier-card:has(input:focus-visible) {
  outline: 3px solid rgba(102,231,255,0.55);
  outline-offset: 2px;
}
.button-primary { background: linear-gradient(135deg, var(--accent), #8e7cff); color: #fff; box-shadow: 0 12px 26px rgba(207,98,255,0.22); }
.button-secondary { border-color: var(--line-strong); background: rgba(255,255,255,0.055); color: var(--text); }
.button-ghost { border-color: transparent; background: transparent; color: var(--muted); }
.button-full { width: 100%; }

.view { max-width: 1480px; margin: 0 auto; }
.hero-panel {
  position: relative;
  overflow: hidden;
  min-height: 470px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
  align-items: center;
  gap: 2rem;
  padding: clamp(2rem, 5vw, 5rem);
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    linear-gradient(120deg, rgba(207,98,255,0.10), transparent 42%),
    linear-gradient(315deg, rgba(102,231,255,0.08), transparent 40%),
    rgba(14,18,32,0.82);
  box-shadow: var(--shadow);
}
.hero-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to right, #000, transparent 78%);
}
.hero-copy { position: relative; z-index: 1; }
.hero-copy h2 {
  max-width: 780px;
  margin: 0.65rem 0 1rem;
  font-size: clamp(3rem, 7vw, 6.4rem);
  line-height: 0.91;
  letter-spacing: -0.065em;
}
.hero-copy > p:not(.eyebrow) { max-width: 680px; color: #c4cada; font-size: clamp(1rem, 1.5vw, 1.25rem); }
.hero-actions { margin-top: 1.8rem; }
.hero-orbit { position: relative; min-height: 340px; }
.orbit-center {
  position: absolute;
  left: 50%; top: 50%;
  width: 142px; height: 142px;
  display: grid; place-items: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, rgba(255,255,255,0.2), transparent 38%), linear-gradient(135deg, rgba(207,98,255,0.85), rgba(102,231,255,0.6));
  box-shadow: 0 0 60px rgba(207,98,255,0.28);
  color: #090b12;
  font-weight: 950;
  text-align: center;
  line-height: 1.05;
}
.hero-orbit::before, .hero-orbit::after {
  content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid rgba(255,255,255,0.12); border-radius: 50%;
}
.hero-orbit::before { width: 250px; height: 250px; }
.hero-orbit::after { width: 330px; height: 330px; border-style: dashed; }
.orbit-item { position: absolute; padding: 0.45rem 0.7rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(14,18,32,0.92); color: #d6dbea; font-size: 0.78rem; font-weight: 750; }
.orbit-1 { left: 44%; top: 1%; }
.orbit-2 { right: 1%; top: 28%; }
.orbit-3 { right: 7%; bottom: 18%; }
.orbit-4 { left: 38%; bottom: 0; }
.orbit-5 { left: 3%; bottom: 22%; }
.orbit-6 { left: 0; top: 25%; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; margin: 1rem 0 3.5rem; }
.metric-card, .panel, .library-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(14,18,32,0.78);
  box-shadow: 0 16px 36px rgba(0,0,0,0.18);
}
.metric-card { padding: 1.3rem; }
.metric-label { display: block; color: var(--muted); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.metric-card strong { display: block; margin: 0.45rem 0 0.2rem; font-size: 1.35rem; }
.metric-card small { color: #7f899f; }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 0 0 1.4rem; }
.section-heading h2, .section-heading h3 { margin: 0.3rem 0 0; letter-spacing: -0.035em; }
.section-heading h2 { font-size: clamp(2.2rem, 5vw, 4.6rem); line-height: 1; }
.section-heading h3 { font-size: clamp(1.6rem, 3vw, 2.4rem); }
.section-heading p:not(.eyebrow) { max-width: 720px; margin: 0.65rem 0 0; color: var(--muted); }
.section-heading-split { align-items: center; }
.section-heading.compact { margin-bottom: 1rem; }
.lifecycle-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.lifecycle-grid article { min-height: 210px; padding: 1.4rem; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,0.035), transparent), rgba(14,18,32,0.58); }
.lifecycle-grid article > span { color: var(--accent-2); font-size: 0.75rem; font-weight: 900; }
.lifecycle-grid h4 { margin: 2.7rem 0 0.45rem; font-size: 1.25rem; }
.lifecycle-grid p { margin: 0; color: var(--muted); font-size: 0.9rem; }

.panel { padding: clamp(1.25rem, 3vw, 2rem); }
.form-panel fieldset { margin: 0 0 2rem; padding: 0; border: 0; }
.form-panel legend { margin-bottom: 0.9rem; font-weight: 850; }
.form-grid { display: grid; gap: 1rem; margin-bottom: 1.25rem; }
.form-grid.two-column { grid-template-columns: repeat(2, minmax(0,1fr)); }
.form-grid.three-column { grid-template-columns: repeat(3, minmax(0,1fr)); }
label > span, .form-panel legend { display: block; margin-bottom: 0.45rem; color: #dce1ed; font-size: 0.82rem; font-weight: 800; }
label > span b, legend b { color: var(--accent); }
input, select, textarea {
  width: 100%;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  background: rgba(4,6,12,0.54);
  color: var(--text);
  padding: 0.78rem 0.85rem;
}
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { color: #687188; }
label small { display: block; margin-top: 0.4rem; color: #747e94; }
.tier-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0.8rem; }
.tier-card { position: relative; display: block; cursor: pointer; }
.tier-card input { position: absolute; opacity: 0; pointer-events: none; }
.tier-card > span { min-height: 174px; display: flex; flex-direction: column; padding: 1.2rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,0.025); transition: 160ms ease; }
.tier-card strong { color: var(--accent-2); font-size: 0.73rem; letter-spacing: 0.11em; text-transform: uppercase; }
.tier-card b { margin: 1.25rem 0 0.4rem; font-size: 1rem; }
.tier-card small { color: var(--muted); }
.tier-card:hover > span { border-color: rgba(207,98,255,0.35); transform: translateY(-2px); }
.tier-card input:checked + span { border-color: var(--accent); background: linear-gradient(145deg, rgba(207,98,255,0.17), rgba(102,231,255,0.05)); box-shadow: inset 0 0 0 1px rgba(207,98,255,0.28); }
.outcome-preview { margin: 0.3rem 0 1.5rem; padding: 1.2rem 1.3rem; border-left: 4px solid var(--accent); border-radius: 0 14px 14px 0; background: rgba(207,98,255,0.08); }
.outcome-preview span { color: var(--accent-2); font-size: 0.73rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
.outcome-preview p { margin: 0.35rem 0 0; font-size: 1.05rem; }

.score-badge { min-width: 170px; padding: 1rem 1.2rem; border: 1px solid var(--line-strong); border-radius: 16px; background: rgba(255,255,255,0.035); text-align: right; }
.score-badge strong { font-size: 2.2rem; line-height: 1; }
.score-badge span { color: var(--muted); }
.score-badge small { display: block; margin-top: 0.35rem; color: var(--accent-2); font-weight: 800; }
.audit-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(300px,0.5fr); gap: 1rem; align-items: start; }
.audit-summary { position: sticky; top: 104px; }
.audit-summary h3 { margin: 0.3rem 0 1.2rem; }
.audit-category { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.audit-category:first-child { padding-top: 0; }
.audit-category:last-child { padding-bottom: 0; border-bottom: 0; }
.audit-category-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; align-items: center; }
.audit-category h3 { margin: 0; font-size: 1rem; }
.audit-category p { margin: 0.25rem 0 0; color: var(--muted); font-size: 0.82rem; }
.audit-score-input { display: flex; align-items: center; gap: 0.45rem; }
.audit-score-input input[type="number"] { width: 74px; text-align: center; font-weight: 900; }
.audit-score-input span { color: var(--muted); font-size: 0.78rem; }
.audit-category input[type="range"] { margin-top: 0.85rem; padding: 0; accent-color: var(--accent); }
.score-ring {
  --score-angle: 0deg;
  width: 154px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  margin: 1.2rem auto;
  border-radius: 50%;
  background: conic-gradient(var(--accent) var(--score-angle), rgba(255,255,255,0.08) 0);
  position: relative;
}
.score-ring::after { content: ""; position: absolute; inset: 11px; border-radius: 50%; background: var(--surface); }
.score-ring span { position: relative; z-index: 1; font-size: 2.5rem; font-weight: 950; }
.audit-summary > p:not(.eyebrow) { color: var(--muted); }
.summary-block { padding: 0.9rem 0; border-top: 1px solid var(--line); }
.summary-block strong, .summary-block span { display: block; }
.summary-block strong { font-size: 0.75rem; color: #858fa4; text-transform: uppercase; letter-spacing: 0.08em; }
.summary-block span { margin-top: 0.25rem; }
.audit-summary .button { margin-top: 1rem; }
.blocker-panel { margin-top: 1rem; }
.blocker-count { color: var(--success); }
.blocker-count.has-blockers { color: var(--danger); }
.check-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0.75rem; }
.check-card { display: flex; align-items: flex-start; gap: 0.75rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,0.025); cursor: pointer; }
.check-card input { width: 18px; height: 18px; margin-top: 0.15rem; accent-color: var(--danger); }
.check-card strong { display: block; font-size: 0.88rem; }
.check-card small { display: block; margin-top: 0.2rem; color: var(--muted); }

.release-hero { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 1rem; background: linear-gradient(120deg, rgba(255,125,139,0.08), rgba(14,18,32,0.8)); }
.release-hero h3 { margin: 0.3rem 0; font-size: clamp(1.8rem,4vw,3.4rem); letter-spacing: -0.04em; }
.release-hero p:not(.eyebrow) { margin: 0; color: var(--muted); }
.release-indicator { min-width: 130px; padding: 1.3rem; border: 1px solid rgba(255,125,139,0.28); border-radius: 18px; background: rgba(255,125,139,0.11); color: var(--danger); text-align: center; font-size: 1.4rem; font-weight: 950; text-transform: uppercase; letter-spacing: 0.08em; }
.release-indicator.ready { border-color: rgba(104,227,161,0.32); background: rgba(104,227,161,0.10); color: var(--success); }
.release-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,0.85fr); gap: 1rem; }
.release-grid h3 { margin-top: 0; }
.release-checklist { display: grid; gap: 0.65rem; }
.release-item { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.85rem 0; border-bottom: 1px solid var(--line); }
.release-item:last-child { border-bottom: 0; }
.release-item input { width: 18px; height: 18px; margin-top: 0.2rem; accent-color: var(--success); }
.release-item strong { display: block; font-size: 0.9rem; }
.release-item small { display: block; color: var(--muted); }

.library-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.library-card { padding: 1.4rem; }
.library-card > span { color: var(--accent-2); font-size: 0.7rem; font-weight: 950; letter-spacing: 0.16em; }
.library-card h3 { margin: 2rem 0 0.5rem; }
.library-card p { min-height: 78px; color: var(--muted); }
.library-card a { display: inline-flex; margin-top: 0.4rem; color: var(--accent-2); font-weight: 800; text-decoration: none; }
.library-card a:hover { text-decoration: underline; }
.maturity-panel { display: grid; grid-template-columns: 0.65fr 1.35fr; gap: 2rem; margin-top: 1rem; }
.maturity-panel h3 { margin: 0.3rem 0 0; font-size: 2rem; }
.maturity-list { margin: 0; padding: 0; list-style: none; }
.maturity-list li { display: grid; grid-template-columns: minmax(180px,0.55fr) minmax(0,1fr); gap: 1rem; padding: 0.9rem 0; border-bottom: 1px solid var(--line); }
.maturity-list li:last-child { border-bottom: 0; }
.maturity-list span { color: var(--muted); }

.toast {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 50;
  max-width: 380px;
  padding: 0.85rem 1rem;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  background: #171d2d;
  box-shadow: var(--shadow);
  opacity: 0;
  transform: translateY(18px);
  pointer-events: none;
  transition: 180ms ease;
}
.toast.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1180px) {
  :root { --sidebar-width: 232px; }
  .sidebar { padding-inline: 1rem; }
  .hero-panel { grid-template-columns: 1fr; }
  .hero-orbit { display: none; }
  .metric-grid, .lifecycle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tier-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .library-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  :root { --sidebar-width: 0px; }
  .sidebar { position: static; width: auto; min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .sidebar-copy, .sidebar-footer { display: none; }
  .nav-list { grid-template-columns: repeat(5, minmax(120px,1fr)); overflow-x: auto; margin-top: 1rem; }
  .nav-button { white-space: nowrap; }
  .main-content { margin-left: 0; padding: 0 1rem 3rem; }
  .topbar { margin-inline: -1rem; padding-inline: 1rem; }
  .audit-layout, .release-grid, .maturity-panel { grid-template-columns: 1fr; }
  .audit-summary { position: static; }
  .form-grid.three-column { grid-template-columns: 1fr; }
  .check-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .topbar { align-items: flex-start; }
  .topbar-actions { justify-content: flex-end; }
  .topbar .button { min-height: 36px; padding: 0.5rem 0.7rem; font-size: 0.78rem; }
  .hero-panel { min-height: 0; padding: 2rem 1.3rem; border-radius: 22px; }
  .hero-copy h2 { font-size: clamp(2.7rem,16vw,4.3rem); }
  .metric-grid, .lifecycle-grid, .tier-grid, .library-grid, .form-grid.two-column { grid-template-columns: 1fr; }
  .section-heading-split, .release-hero { align-items: flex-start; flex-direction: column; }
  .score-badge { text-align: left; }
  .release-indicator { min-width: 0; width: 100%; }
  .maturity-list li { grid-template-columns: 1fr; gap: 0.2rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; }
}

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

/* Webdev Agent OS v2 — Project Generator */
.generator-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
  gap: 1rem;
  align-items: start;
}
.generator-form { min-width: 0; }
.generator-form fieldset:last-of-type { margin-bottom: 0; }
.architecture-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}
.architecture-card { position: relative; display: block; cursor: pointer; }
.architecture-card input { position: absolute; opacity: 0; pointer-events: none; }
.architecture-card > span {
  min-height: 188px;
  display: flex;
  flex-direction: column;
  padding: 1.15rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,0.025);
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}
.architecture-card:hover > span { transform: translateY(-2px); border-color: rgba(102,231,255,0.28); }
.architecture-card input:checked + span {
  border-color: var(--accent);
  background: linear-gradient(145deg, rgba(207,98,255,0.17), rgba(102,231,255,0.05));
  box-shadow: inset 0 0 0 1px rgba(207,98,255,0.25);
}
.architecture-card strong { font-size: 1rem; }
.architecture-card small { margin-top: 0.45rem; color: var(--muted); }
.architecture-stack { margin-top: auto; padding-top: 1.2rem; color: var(--accent-2); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; }
.option-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0.75rem; }
.toggle-card { position: relative; display: flex; gap: 0.75rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,0.025); cursor: pointer; }
.toggle-card input { width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--accent); }
.toggle-card span { margin: 0; }
.toggle-card strong, .toggle-card small { display: block; }
.toggle-card small { margin-top: 0.25rem; color: var(--muted); }
.generator-notice { margin-top: 1.2rem; padding: 1rem 1.1rem; border: 1px solid rgba(255,211,106,0.22); border-radius: 14px; background: rgba(255,211,106,0.055); }
.generator-notice strong { color: var(--warning); }
.generator-notice p { margin: 0.35rem 0 0; color: var(--muted); font-size: 0.88rem; }
.generator-preview-stack { display: grid; gap: 1rem; min-width: 0; position: sticky; top: 102px; }
.generator-summary-head, .file-preview-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.generator-summary-head h3, .file-preview-head h3 { margin: 0.35rem 0 0; font-size: 1.35rem; }
.count-badge { padding: 0.42rem 0.7rem; border: 1px solid var(--line); border-radius: 999px; color: var(--accent-2); font-size: 0.75rem; font-weight: 850; white-space: nowrap; }
.generator-metrics { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0.7rem; margin: 1.2rem 0; }
.generator-metrics > div { padding: 0.85rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,0.022); }
.generator-metrics span, .command-panel span { display: block; color: var(--muted); font-size: 0.69rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.generator-metrics strong { display: block; margin-top: 0.3rem; font-size: 0.9rem; }
.generator-description { color: var(--muted); font-size: 0.9rem; }
.command-panel { margin-top: 1rem; padding: 0.9rem 1rem; border-radius: 12px; background: #05070d; border: 1px solid var(--line); }
.command-panel code { display: block; margin-top: 0.4rem; color: var(--success); white-space: pre-wrap; word-break: break-word; }
.preview-tabs { display: flex; gap: 0.4rem; margin: 1rem 0; padding: 0.35rem; border-radius: 12px; background: rgba(255,255,255,0.035); }
.preview-tab { flex: 1; padding: 0.58rem 0.7rem; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font-weight: 800; cursor: pointer; }
.preview-tab.is-active { background: rgba(207,98,255,0.16); color: var(--text); }
.file-tree, .code-preview { max-height: 520px; min-height: 390px; overflow: auto; margin: 0; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: #05070d; color: #cdd5e7; font: 0.78rem/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre; tab-size: 2; }
.code-preview { white-space: pre-wrap; word-break: break-word; }
.file-selector { display: block; margin-bottom: 0.75rem; }

@media (max-width: 1120px) {
  .generator-layout { grid-template-columns: 1fr; }
  .generator-preview-stack { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .architecture-grid, .option-grid, .generator-preview-stack, .generator-metrics { grid-template-columns: 1fr; }
  .generator-summary-head, .file-preview-head { align-items: flex-start; }
  .file-tree, .code-preview { min-height: 300px; }
}

/* Webdev Agent OS v3 — Automated Inspector */
.inspector-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 1rem;
  align-items: start;
}
.inspector-form { min-width: 0; }
.inspector-toggle { margin-top: 0.9rem; }
.inspector-actions { margin-top: 1rem; }
.inspector-notice code { color: var(--accent-2); }
.file-button { position: relative; overflow: hidden; cursor: pointer; }
.file-button input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.inspector-status-panel { position: sticky; top: 102px; }
.inspector-status-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.inspector-status-head h3 { margin: 0.35rem 0 0; }
.inspection-progress { height: 8px; margin-top: 1.25rem; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,0.07); }
.inspection-progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--accent),var(--accent-2)); transition: width 300ms ease; }
.inspection-progress span.is-running { width: 68%; animation: inspector-pulse 1.3s ease-in-out infinite alternate; }
@keyframes inspector-pulse { from { transform: translateX(-20%); opacity: .7; } to { transform: translateX(30%); opacity: 1; } }
.report-links { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-top: 1rem; }
.inspector-metrics { margin-top: 1rem; }
.inspector-results-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 1rem; margin-top: 1rem; }
.inspector-scorecard { display: grid; gap: 0.7rem; }
.inspector-score-row { display: grid; grid-template-columns: minmax(120px,1fr) minmax(140px,1.3fr) auto; gap: 0.8rem; align-items: center; }
.inspector-score-row strong { font-size: 0.86rem; text-transform: capitalize; }
.inspector-score-row small { color: var(--muted); }
.inspector-score-track { height: 9px; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,0.065); }
.inspector-score-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--accent),var(--accent-2)); }
.inspector-score-value { color: var(--accent-2); font-weight: 900; font-size: 0.82rem; }
.inspector-route-list { display: grid; gap: 0.7rem; }
.inspector-route-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 0.8rem; padding: 0.85rem; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,0.022); }
.route-status { min-width: 50px; padding: 0.3rem 0.5rem; border-radius: 8px; text-align: center; font-size: 0.76rem; font-weight: 900; background: rgba(104,227,161,0.12); color: var(--success); }
.route-status.is-bad { background: rgba(255,125,139,0.13); color: var(--danger); }
.inspector-route-item strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inspector-route-item small { display: block; color: var(--muted); }
.route-runtime { text-align: right; color: var(--muted); font-size: 0.76rem; }
.inspector-findings-panel { margin-top: 1rem; }
.filter-row { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.filter-chip { padding: 0.42rem 0.68rem; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); cursor: pointer; font-size: 0.76rem; font-weight: 850; }
.filter-chip.is-active { border-color: rgba(207,98,255,.55); background: rgba(207,98,255,.12); color: var(--text); }
.inspector-findings { display: grid; gap: 0.75rem; }
.inspector-finding { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,0.018); }
.finding-severity { align-self: start; padding: 0.35rem 0.55rem; border-radius: 999px; text-align: center; font-size: 0.69rem; font-weight: 950; letter-spacing: 0.06em; text-transform: uppercase; }
.finding-severity.blocker,.finding-severity.critical { color: #ffc2ca; background: rgba(255,125,139,.16); }
.finding-severity.high { color: #ffd4a9; background: rgba(255,170,92,.14); }
.finding-severity.medium { color: #fff0ab; background: rgba(255,211,106,.13); }
.finding-severity.low,.finding-severity.info { color: #bdf4ff; background: rgba(102,231,255,.11); }
.inspector-finding h4 { margin: 0; font-size: 1rem; }
.finding-meta { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0.35rem 0 0.7rem; color: var(--muted); font-size: 0.74rem; }
.finding-evidence { margin: 0; color: #d3d8e6; font-size: 0.88rem; }
.finding-recommendation { margin: 0.65rem 0 0; color: var(--muted); font-size: 0.85rem; }
.empty-inspector-state { padding: 1.2rem; border: 1px dashed var(--line-strong); border-radius: 14px; color: var(--muted); text-align: center; }
@media (max-width: 1120px) {
  .inspector-layout, .inspector-results-grid { grid-template-columns: 1fr; }
  .inspector-status-panel { position: static; }
}
@media (max-width: 700px) {
  .inspector-score-row { grid-template-columns: 1fr auto; }
  .inspector-score-track { grid-column: 1 / -1; grid-row: 2; }
  .inspector-finding { grid-template-columns: 1fr; }
  .finding-severity { justify-self: start; }
  .inspector-route-item { grid-template-columns: auto minmax(0,1fr); }
  .route-runtime { grid-column: 2; text-align: left; }
}

/* Webdev Agent OS v4 — Autonomous Repair Loop */
.repair-safety-banner {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(104,227,161,.28);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(104,227,161,.09), rgba(102,231,255,.04));
}
.repair-safety-banner strong { color: var(--success); }
.repair-safety-banner span { color: var(--muted); text-align: right; }
.repair-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 1rem; align-items: start; }
.repair-status-panel { position: sticky; top: 102px; }
.repair-results-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 1rem; }
.repair-operation-list { display: grid; gap: .75rem; }
.repair-operation { padding: 1rem; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.02); }
.repair-operation > div { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.repair-operation h4 { margin: .8rem 0 .35rem; }
.repair-operation p { margin: 0; color: var(--muted); font-size: .88rem; }
.repair-operation small { display: block; margin-top: .7rem; color: #7e89a2; overflow-wrap: anywhere; }
.repair-risk { color: var(--accent-2); font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.repair-approval-panel { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.8fr); gap: 1rem 2rem; align-items: center; margin-top: 1rem; border-color: rgba(207,98,255,.3); }
.repair-approval-panel h3 { margin: .25rem 0 .45rem; }
.repair-approval-panel p { color: var(--muted); }
.repair-approval-panel .action-row { grid-column: 1 / -1; justify-content: flex-end; }
.approval-check { display: flex; gap: .8rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); cursor: pointer; }
.approval-check input { width: 20px; height: 20px; flex: 0 0 auto; accent-color: var(--accent); }
.approval-check span { margin: 0; }
.approval-check strong, .approval-check small { display: block; }
.approval-check small { color: var(--muted); margin-top: .3rem; }
.count-badge[data-state="failed"] { color: var(--danger); border-color: rgba(255,125,139,.35); }
.count-badge[data-state="running"] { color: var(--warning); border-color: rgba(255,211,106,.35); }
.count-badge[data-state="verified"], .count-badge[data-state="applied"], .count-badge[data-state="rolled-back"] { color: var(--success); border-color: rgba(104,227,161,.35); }
@media (max-width: 1120px) {
  .repair-layout, .repair-results-grid, .repair-approval-panel { grid-template-columns: 1fr; }
  .repair-status-panel { position: static; }
}
@media (max-width: 700px) {
  .repair-safety-banner { flex-direction: column; }
  .repair-safety-banner span { text-align: left; }
}

/* Webdev Agent OS v5 — Web Intelligence Platform */
.form-grid.four-column { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.intelligence-principle {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(102,231,255,.26);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(102,231,255,.08), rgba(207,98,255,.04));
}
.intelligence-principle strong { color: var(--accent-2); }
.intelligence-principle span { max-width: 860px; color: var(--muted); text-align: right; }
.intelligence-metrics { margin-bottom: 1rem; }
.intelligence-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
  gap: 1rem;
  align-items: start;
}
.intelligence-search-panel label > span,
.intelligence-capture-grid label > span { display: block; margin-bottom: .42rem; color: #dce2f0; font-size: .82rem; font-weight: 760; }
.intelligence-search-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
.intelligence-search-actions .filter-row { flex: 1; }
.intelligence-recommend-panel { min-height: 100%; max-height: 900px; display: flex; flex-direction: column; overflow: hidden; }
.intelligence-recommend-panel .intelligence-recommendations { min-height: 0; max-height: 720px; overflow: auto; padding-right: .3rem; }
.intelligence-recommendations,
.intelligence-results { display: grid; gap: .8rem; }
.intelligence-results-panel { margin-top: 1rem; }
.intelligence-record {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255,255,255,.025), transparent), rgba(7,9,16,.34);
}
.intelligence-record.is-recommendation { border-color: rgba(102,231,255,.18); }
.intelligence-record-head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.intelligence-record h4 { margin: .15rem 0 .35rem; font-size: 1.02rem; }
.intelligence-record p { margin: 0; color: #ccd3e2; font-size: .88rem; }
.intelligence-record-summary { max-width: 920px; }
.intelligence-record-meta { display: flex; flex-wrap: wrap; gap: .42rem; margin: .65rem 0; }
.intelligence-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: .25rem .52rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255,255,255,.025);
  font-size: .68rem;
  font-weight: 820;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.intelligence-pill.evidence-proven { color: var(--success); border-color: rgba(104,227,161,.32); background: rgba(104,227,161,.08); }
.intelligence-pill.evidence-validated { color: var(--accent-2); border-color: rgba(102,231,255,.3); background: rgba(102,231,255,.07); }
.intelligence-pill.evidence-observed { color: var(--warning); border-color: rgba(255,211,106,.3); background: rgba(255,211,106,.07); }
.intelligence-pill.evidence-hypothesis { color: #c5a7ff; border-color: rgba(197,167,255,.28); background: rgba(197,167,255,.07); }
.intelligence-confidence { min-width: 58px; text-align: right; color: var(--accent-2); font-size: .82rem; font-weight: 900; }
.intelligence-reason { margin-top: .65rem !important; color: var(--muted) !important; font-size: .79rem !important; }
.intelligence-tags { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .72rem; }
.intelligence-tag { color: #8d97ae; font: 700 .68rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; }
.intelligence-record-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; margin-top: .85rem; padding-top: .75rem; border-top: 1px solid var(--line); }
.intelligence-record-actions small { color: #768199; }
.intelligence-feedback { display: flex; gap: .45rem; }
.intelligence-feedback button { min-height: 32px; padding: .35rem .6rem; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.035); color: var(--muted); cursor: pointer; font-size: .72rem; font-weight: 820; }
.intelligence-feedback button:hover { border-color: var(--line-strong); color: var(--text); }
.intelligence-capture-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); gap: 1rem; margin-top: 1rem; align-items: start; }
.intelligence-capture-grid .form-panel { padding: 0; border: 0; background: transparent; box-shadow: none; }
.ingestion-actions { display: grid; gap: .65rem; margin: 1rem 0; }
.intelligence-governance { margin-top: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.02); }
.intelligence-governance h4 { margin: 0 0 .55rem; }
.intelligence-governance ul { margin: 0; padding-left: 1.15rem; color: var(--muted); font-size: .86rem; }
.intelligence-governance li + li { margin-top: .35rem; }
.count-badge[data-state="offline"] { color: var(--warning); border-color: rgba(255,211,106,.35); }
.count-badge[data-state="online"] { color: var(--success); border-color: rgba(104,227,161,.35); }
@media (max-width: 1180px) {
  .form-grid.four-column { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .intelligence-workbench, .intelligence-capture-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .form-grid.four-column { grid-template-columns: 1fr; }
  .intelligence-principle, .intelligence-search-actions, .intelligence-record-head { flex-direction: column; }
  .intelligence-principle span { text-align: left; }
  .intelligence-search-actions { align-items: stretch; }
  .intelligence-confidence { text-align: left; }
}

/* Webdev Agent OS v6 — Project Command and Continuous Improvement */
.portfolio-command-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(207,98,255,.25);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(207,98,255,.1), rgba(102,231,255,.045));
}
.portfolio-command-banner strong,
.portfolio-command-banner span { display: block; }
.portfolio-command-banner strong { color: #f1ddff; }
.portfolio-command-banner div > span { margin-top: .22rem; color: var(--muted); font-size: .85rem; }
.portfolio-metrics { margin-bottom: 1rem; }
.portfolio-layout {
  display: grid;
  grid-template-columns: minmax(310px,.72fr) minmax(0,1.6fr);
  gap: 1rem;
  align-items: start;
}
.portfolio-index-panel { position: sticky; top: 104px; max-height: calc(100vh - 125px); overflow: hidden; }
.portfolio-filter-row { display: grid; grid-template-columns: minmax(0,1fr) 130px; gap: .65rem; }
.portfolio-filter-row label > span { display: block; margin-bottom: .35rem; color: #dce2f0; font-size: .76rem; font-weight: 760; }
.portfolio-list-heading { display: flex; align-items: center; justify-content: space-between; margin: 1rem 0 .6rem; padding-top: .8rem; border-top: 1px solid var(--line); }
.portfolio-list-heading span { color: var(--muted); font-size: .75rem; }
.portfolio-project-list { display: grid; gap: .5rem; max-height: calc(100vh - 310px); overflow: auto; padding-right: .25rem; }
.portfolio-project-card {
  width: 100%;
  display: grid;
  grid-template-columns: 10px minmax(0,1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}
.portfolio-project-card:hover { border-color: var(--line-strong); background: rgba(255,255,255,.045); }
.portfolio-project-card.is-selected { border-color: rgba(102,231,255,.42); background: linear-gradient(90deg, rgba(102,231,255,.08), rgba(207,98,255,.05)); box-shadow: inset 3px 0 0 var(--accent-2); }
.health-dot { width: 9px; height: 9px; border-radius: 50%; background: #8790a7; box-shadow: 0 0 12px currentColor; }
.health-healthy { color: var(--success); background: var(--success); }
.health-watch { color: var(--warning); background: var(--warning); }
.health-at-risk { color: #ff9a72; background: #ff9a72; }
.health-blocked { color: var(--danger); background: var(--danger); }
.health-unmeasured { color: #a99cff; background: #a99cff; }
.health-archived { color: #7d879d; background: #7d879d; }
.portfolio-project-card-copy { min-width: 0; }
.portfolio-project-card-copy strong,
.portfolio-project-card-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portfolio-project-card-copy strong { font-size: .86rem; }
.portfolio-project-card-copy small { margin-top: .15rem; color: var(--muted); font-size: .69rem; }
.portfolio-project-score { min-width: 38px; text-align: right; }
.portfolio-project-score strong,
.portfolio-project-score small { display: block; }
.portfolio-project-score strong { font-size: .9rem; }
.portfolio-project-score small { color: var(--muted); font-size: .66rem; }
.portfolio-detail-column { min-width: 0; }
.portfolio-project-hero { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.portfolio-project-hero h3 { margin: .55rem 0 .15rem; font-size: clamp(1.45rem,2.4vw,2.2rem); }
.portfolio-project-hero p { margin: 0; color: var(--muted); }
.portfolio-project-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.health-badge { display: inline-flex; align-items: center; min-height: 28px; padding: .27rem .62rem; border: 1px solid currentColor; border-radius: 999px; font-size: .7rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; background: rgba(255,255,255,.025); }
.portfolio-detail-metrics { margin-top: 1rem; }
#portfolioSelectedTrend[data-trend="up"] { color: var(--success); }
#portfolioSelectedTrend[data-trend="down"] { color: var(--danger); }
.portfolio-trend-chart { min-height: 210px; display: flex; align-items: end; gap: clamp(.6rem,2vw,1.4rem); overflow-x: auto; padding: 1rem .25rem .2rem; }
.portfolio-trend-point { min-width: 58px; flex: 1; display: grid; justify-items: center; gap: .35rem; }
.portfolio-trend-value { color: var(--text); font-weight: 900; font-size: .8rem; }
.portfolio-trend-track { width: min(42px,100%); height: 130px; display: flex; align-items: end; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: rgba(255,255,255,.025); }
.portfolio-trend-track span { width: 100%; min-height: 2px; border-radius: 8px 8px 0 0; background: linear-gradient(180deg,var(--accent-2),var(--accent)); box-shadow: 0 0 20px rgba(102,231,255,.2); }
.portfolio-trend-point strong { font-size: .7rem; white-space: nowrap; }
.portfolio-trend-point small { color: var(--muted); font-size: .65rem; }
.portfolio-detail-grid,
.portfolio-lower-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 1rem; align-items: start; }
.portfolio-action-list,
.portfolio-alert-list,
.portfolio-release-list,
.portfolio-campaign-list { display: grid; gap: .65rem; }
.portfolio-action { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: .85rem; border: 1px solid var(--line); border-left: 3px solid var(--accent-2); border-radius: 13px; background: rgba(255,255,255,.025); }
.portfolio-action.priority-urgent { border-left-color: var(--danger); }
.portfolio-action.priority-high { border-left-color: #ff9a72; }
.portfolio-action.priority-medium { border-left-color: var(--warning); }
.portfolio-action.priority-low { border-left-color: var(--accent-2); }
.portfolio-action span { color: var(--muted); font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.portfolio-action h4,
.portfolio-alert h4 { margin: .18rem 0 .25rem; font-size: .9rem; }
.portfolio-action p,
.portfolio-alert p { margin: 0; color: var(--muted); font-size: .78rem; }
.portfolio-action small,
.portfolio-alert small { display: block; margin-top: .4rem; color: #768199; font-size: .68rem; }
.portfolio-action .button { min-height: 34px; padding: .4rem .65rem; flex: 0 0 auto; }
.portfolio-alert { display: grid; grid-template-columns: auto 1fr; gap: .7rem; padding: .85rem; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.portfolio-alert > span { align-self: start; padding: .22rem .42rem; border-radius: 7px; background: rgba(255,125,139,.11); color: var(--danger); font-size: .6rem; font-weight: 900; text-transform: uppercase; }
.portfolio-alert.severity-high > span { background: rgba(255,154,114,.11); color: #ff9a72; }
.portfolio-definition-list { display: grid; gap: .8rem; margin: 1rem 0 0; }
.portfolio-definition-list div { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: .8rem; padding-top: .75rem; border-top: 1px solid var(--line); }
.portfolio-definition-list dt { color: var(--muted); font-size: .75rem; }
.portfolio-definition-list dd { margin: 0; color: #e3e7f2; font-size: .82rem; }
.portfolio-release { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); }
.portfolio-release strong,
.portfolio-release small { display: block; }
.portfolio-release small { color: var(--muted); font-size: .68rem; }
.portfolio-release > span { color: var(--accent-2); font-weight: 900; font-size: .76rem; }
.portfolio-inline-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; margin-top: .8rem; }
.portfolio-campaign-list { margin-top: 1rem; }
.portfolio-campaign { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.portfolio-campaign span,
.portfolio-campaign strong,
.portfolio-campaign small { display: block; }
.portfolio-campaign span { color: var(--accent-2); font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.portfolio-campaign small { margin-top: .15rem; color: var(--muted); font-size: .7rem; }
.portfolio-campaign b { color: #f1ddff; white-space: nowrap; }
.form-span-two { grid-column: 1 / -1; }
@media (max-width: 1180px) {
  .portfolio-layout { grid-template-columns: 1fr; }
  .portfolio-index-panel { position: static; max-height: none; }
  .portfolio-project-list { max-height: 430px; }
}
@media (max-width: 900px) {
  .portfolio-detail-grid,
  .portfolio-lower-grid { grid-template-columns: 1fr; }
  .portfolio-inline-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .portfolio-command-banner,
  .portfolio-project-hero { flex-direction: column; }
  .portfolio-filter-row,
  .portfolio-inline-form { grid-template-columns: 1fr; }
  .portfolio-definition-list div { grid-template-columns: 1fr; gap: .2rem; }
  .portfolio-action { flex-direction: column; }
}

/* Webdev Agent OS v7 — Autonomous Web Operations Center */
.operations-command-banner {
  display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.15rem; margin-bottom:1rem;
  border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line)); border-radius:var(--radius-lg);
  background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 13%,var(--panel)),color-mix(in srgb,var(--panel) 96%,transparent));
}
.operations-command-banner div { display:grid; gap:.25rem; }
.operations-command-banner span:not(.count-badge) { color:var(--muted); font-size:.9rem; }
.operations-filter-panel { display:grid; grid-template-columns:minmax(220px,.65fr) minmax(320px,1.35fr) auto; align-items:end; gap:1rem; margin-bottom:1rem; }
.operations-filter-panel label { display:grid; gap:.35rem; }
.operations-filter-panel label > span { color:var(--muted); font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.operations-git-status { min-height:54px; display:grid; align-content:center; padding:.75rem 1rem; border:1px solid var(--line); border-radius:var(--radius-md); background:color-mix(in srgb,var(--panel-soft) 80%,transparent); }
.operations-git-status p { margin:.18rem 0 0; color:var(--muted); font-size:.85rem; }
.operations-primary-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:1rem; align-items:start; }
.operations-alert-column { display:grid; gap:1rem; }
.operations-monitor-list,.operations-card-list { display:grid; gap:.75rem; }
.operations-monitor { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:1rem; align-items:center; padding:1rem; border:1px solid var(--line); border-radius:var(--radius-md); background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 92%,transparent),color-mix(in srgb,var(--panel) 95%,transparent)); }
.operations-monitor-main { display:flex; gap:.8rem; align-items:flex-start; min-width:0; }
.operations-monitor-main h4,.operations-monitor-main p,.operations-monitor-main small { margin:0; }
.operations-monitor-main p { color:var(--muted); font-size:.86rem; margin-top:.18rem; }
.operations-monitor-main small { display:block; color:var(--muted); margin-top:.32rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:42rem; }
.operations-state-dot { width:11px; height:11px; border-radius:50%; margin-top:.35rem; background:var(--muted); box-shadow:0 0 0 5px color-mix(in srgb,var(--muted) 12%,transparent); flex:0 0 auto; }
.state-healthy .operations-state-dot { background:#59d7a0; box-shadow:0 0 0 5px rgba(89,215,160,.12); }
.state-failing .operations-state-dot { background:#ff6f7f; box-shadow:0 0 0 5px rgba(255,111,127,.12); }
.state-paused .operations-state-dot { background:#f5c96a; box-shadow:0 0 0 5px rgba(245,201,106,.12); }
.operations-monitor-stats { display:grid; justify-items:end; gap:.12rem; min-width:100px; }
.operations-monitor-stats strong { font-size:1.35rem; }
.operations-monitor-stats span,.operations-monitor-stats small { color:var(--muted); font-size:.76rem; }
.operations-monitor-actions { display:grid; justify-items:end; gap:.5rem; }
.operations-incident,.operations-approval,.operations-release,.operations-experiment,.operations-opportunity,.operations-campaign { padding:.95rem; border:1px solid var(--line); border-radius:var(--radius-md); background:color-mix(in srgb,var(--panel-soft) 84%,transparent); }
.operations-incident > div:first-child,.operations-approval > div:first-child,.operations-release > div:first-child,.operations-experiment > div:first-child,.operations-opportunity > div:first-child,.operations-campaign > div:first-child { display:flex; flex-wrap:wrap; gap:.35rem; }
.operations-incident h4,.operations-approval h4,.operations-release h4,.operations-experiment h4,.operations-opportunity h4,.operations-campaign h4 { margin:.55rem 0 .35rem; }
.operations-incident p,.operations-approval p,.operations-release p,.operations-experiment p,.operations-opportunity p,.operations-campaign p { color:var(--muted); margin:.3rem 0 .55rem; line-height:1.5; }
.operations-incident small,.operations-approval small,.operations-release small,.operations-experiment small,.operations-opportunity small,.operations-campaign small { display:block; color:var(--muted); line-height:1.45; }
.operations-incident.severity-critical { border-color:rgba(255,107,122,.62); }
.operations-incident.severity-high,.operations-opportunity.priority-high,.operations-opportunity.priority-urgent { border-color:rgba(245,201,106,.55); }
.compact-actions { margin-top:.75rem; }
.success-empty { border-color:rgba(89,215,160,.35); color:#83e1b7; }
.operations-analytics-panel { margin-top:1rem; }
.operations-chart { display:flex; align-items:end; gap:clamp(.55rem,1.8vw,1.25rem); overflow-x:auto; min-height:220px; padding:1rem .25rem .2rem; }
.operations-chart-point { min-width:64px; flex:1; display:grid; justify-items:center; gap:.35rem; }
.operations-chart-value { font-weight:800; font-size:.88rem; }
.operations-chart-track { height:130px; width:28px; display:flex; align-items:end; padding:3px; border-radius:999px; background:color-mix(in srgb,var(--line) 55%,transparent); }
.operations-chart-track span { width:100%; min-height:4px; border-radius:999px; background:linear-gradient(180deg,var(--accent),#65d8ff); }
.operations-chart-point strong { font-size:.73rem; white-space:nowrap; }
.operations-chart-point small { color:var(--muted); white-space:nowrap; }
.operations-evidence-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1rem; align-items:start; }
.operations-progress { height:8px; margin:.75rem 0 .55rem; border-radius:999px; overflow:hidden; background:color-mix(in srgb,var(--line) 55%,transparent); }
.operations-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),#65d8ff); }
.operations-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.operations-action-panel { padding:0; overflow:hidden; }
.operations-action-panel > summary { padding:1rem 1.15rem; cursor:pointer; font-weight:800; list-style:none; border-bottom:1px solid transparent; }
.operations-action-panel > summary::-webkit-details-marker { display:none; }
.operations-action-panel > summary::after { content:"+"; float:right; color:var(--accent); }
.operations-action-panel[open] > summary { border-bottom-color:var(--line); }
.operations-action-panel[open] > summary::after { content:"–"; }
.operations-action-panel form { padding:1rem 1.15rem 1.15rem; }
.status-succeeded { color:#6fe0ad; }
.status-failed,.status-rejected { color:#ff8390; }
.status-approved { color:#79d6ff; }

@media (max-width:1100px) {
  .operations-primary-grid { grid-template-columns:1fr; }
  .operations-filter-panel { grid-template-columns:1fr auto; }
  .operations-filter-panel > div:first-child { grid-column:1 / -1; }
}
@media (max-width:820px) {
  .operations-evidence-grid,.operations-form-grid { grid-template-columns:1fr; }
  .operations-monitor { grid-template-columns:1fr auto; }
  .operations-monitor-stats { justify-items:start; grid-column:1; }
  .operations-monitor-actions { grid-column:2; grid-row:1 / span 2; }
  .operations-command-banner { align-items:flex-start; }
}
@media (max-width:600px) {
  .operations-command-banner,.operations-filter-panel { display:grid; grid-template-columns:1fr; }
  .operations-filter-panel > div:first-child { grid-column:auto; }
  .operations-monitor { grid-template-columns:1fr; }
  .operations-monitor-actions { grid-column:auto; grid-row:auto; justify-items:start; }
  .operations-monitor-stats { grid-column:auto; }
}

/* Webdev Agent OS v8 — Agent-Native Delivery and Client Operations */
.delivery-command-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,#b68cff 55%,var(--line));border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(182,140,255,.12),color-mix(in srgb,var(--panel) 96%,transparent))}.delivery-command-banner div{display:grid;gap:.25rem}.delivery-command-banner span:not(.count-badge){color:var(--muted);font-size:.9rem}.delivery-filter-panel{display:grid;grid-template-columns:minmax(220px,.5fr) minmax(360px,1.2fr) auto;gap:1rem;align-items:end;margin-bottom:1rem}.delivery-filter-panel label{display:grid;gap:.35rem}.delivery-filter-panel label>span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.delivery-access-summary{min-height:54px;display:grid;align-content:center;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--panel-soft) 84%,transparent)}.delivery-access-summary p{margin:.18rem 0 0;color:var(--muted);font-size:.84rem}.delivery-primary-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1rem;align-items:start}.delivery-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.delivery-card-list{display:grid;gap:.75rem}.delivery-deliverable,.delivery-slo,.delivery-request,.delivery-postmortem,.delivery-build,.delivery-notification{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 90%,transparent),color-mix(in srgb,var(--panel) 96%,transparent))}.delivery-deliverable h4,.delivery-slo h4,.delivery-request h4,.delivery-postmortem h4,.delivery-build h4,.delivery-notification h4{margin:.55rem 0 .3rem}.delivery-deliverable p,.delivery-slo p,.delivery-request p,.delivery-postmortem p,.delivery-build p,.delivery-notification p{margin:.3rem 0 .55rem;color:var(--muted);line-height:1.5}.delivery-deliverable small,.delivery-slo small,.delivery-request small,.delivery-postmortem small,.delivery-build small,.delivery-notification small{color:var(--muted);line-height:1.45}.delivery-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.delivery-card-head>div{display:flex;flex-wrap:wrap;gap:.35rem}.delivery-deliverable blockquote{margin:.8rem 0 0;padding:.7rem .85rem;border-left:3px solid var(--accent);background:rgba(157,124,255,.06);color:#dfe4f2}.decision-pending{border-color:rgba(245,201,106,.42)}.decision-approved{color:#6fe0ad}.decision-changes-requested,.decision-rejected{color:#ff91a0}.slo-meeting{color:#6fe0ad}.slo-breached{color:#ff8390}.slo-unmeasured{color:var(--muted)}.delivery-budget{height:8px;margin:.75rem 0 .55rem;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--line) 55%,transparent)}.delivery-budget span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6fe0ad,#f5c96a,#ff8390)}.priority-urgent{border-color:rgba(255,111,127,.6)}.priority-high{border-color:rgba(245,201,106,.5)}.delivery-signature{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.delivery-signature.verified{color:#6fe0ad}.delivery-signature.unverified{color:#ff8390}.delivery-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.delivery-action-panel{padding:0;overflow:hidden}.delivery-action-panel>summary{padding:1rem 1.15rem;cursor:pointer;font-weight:800;list-style:none;border-bottom:1px solid transparent}.delivery-action-panel>summary::-webkit-details-marker{display:none}.delivery-action-panel>summary::after{content:"+";float:right;color:var(--accent)}.delivery-action-panel[open]>summary{border-bottom-color:var(--line)}.delivery-action-panel[open]>summary::after{content:"–"}.delivery-action-panel form{padding:1rem 1.15rem 1.15rem}@media(max-width:1100px){.delivery-primary-grid{grid-template-columns:1fr}.delivery-filter-panel{grid-template-columns:1fr auto}.delivery-filter-panel .delivery-access-summary{grid-column:1/-1}}@media(max-width:820px){.delivery-evidence-grid,.delivery-form-grid{grid-template-columns:1fr}}@media(max-width:620px){.delivery-command-banner,.delivery-filter-panel{display:grid;grid-template-columns:1fr}.delivery-filter-panel .delivery-access-summary{grid-column:auto}.delivery-card-head{display:grid}}

/* Webdev Agent OS v9 — Agency Command, Revenue, and Customer Success */
.agency-command-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,#ffb86b 52%,var(--line));border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(255,184,107,.11),color-mix(in srgb,var(--panel) 96%,transparent))}.agency-command-banner>div{display:grid;gap:.25rem}.agency-command-banner span:not(.count-badge){color:var(--muted);font-size:.9rem}.agency-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.agency-filter-panel{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(360px,1.55fr);gap:1rem;align-items:end;margin-bottom:1rem}.agency-filter-panel label{display:grid;gap:.35rem}.agency-filter-panel label>span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.agency-role-summary{min-height:54px;display:grid;align-content:center;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--panel-soft) 84%,transparent)}.agency-role-summary p{margin:.18rem 0 0;color:var(--muted);font-size:.84rem}.agency-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.agency-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;align-items:start}.agency-card-list{display:grid;gap:.75rem}.agency-card,.agency-package,.agency-account{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 90%,transparent),color-mix(in srgb,var(--panel) 96%,transparent))}.agency-card h4,.agency-package h4,.agency-account h4{margin:.55rem 0 .3rem}.agency-card p,.agency-package p,.agency-account p{margin:.3rem 0 .55rem;color:var(--muted);line-height:1.5}.agency-card small,.agency-package small,.agency-account small{display:block;color:var(--muted);line-height:1.45}.agency-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.agency-card-head>div{display:flex;flex-wrap:wrap;gap:.35rem}.agency-card-head>strong{font-size:1.05rem}.agency-next{display:grid;gap:.12rem;margin-top:.75rem;padding:.7rem .8rem;border-left:3px solid #ffb86b;background:rgba(255,184,107,.06);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.agency-next strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#ffca91}.agency-next span{color:var(--muted);font-size:.84rem}.agency-account{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem}.agency-account-score{width:64px;height:64px;display:grid;place-content:center;text-align:center;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 90%,transparent)}.agency-account-score strong{font-size:1.45rem}.agency-account-score span{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.agency-health-bar{height:8px;margin:.65rem 0 .5rem;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--line) 58%,transparent)}.agency-health-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8390,#f5c96a,#6fe0ad)}.agency-account.health-healthy{border-color:rgba(111,224,173,.42)}.agency-account.health-watch{border-color:rgba(245,201,106,.45)}.agency-account.health-at-risk,.agency-account.health-critical,.risk-high,.risk-critical{border-color:rgba(255,131,144,.55)}.invoice-issued,.invoice-partially-paid{border-color:rgba(245,201,106,.45)}.agency-task-list{display:grid;gap:.4rem;margin-top:.75rem}.agency-task-list>div{display:flex;justify-content:space-between;gap:.75rem;padding:.5rem .65rem;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:var(--radius-sm);color:var(--muted);font-size:.8rem}.agency-task-list strong{color:var(--text);font-size:.72rem;text-transform:uppercase}.text-button{padding:0;border:0;background:none;color:#9fdcff;font-weight:800;cursor:pointer}.agency-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.agency-package{display:grid;align-content:start;gap:.3rem}.agency-package>strong{margin-top:.25rem;color:#ffca91}.agency-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.agency-action-panel{padding:0;overflow:hidden}.agency-action-panel>summary{padding:1rem 1.15rem;cursor:pointer;font-weight:800;list-style:none;border-bottom:1px solid transparent}.agency-action-panel>summary::-webkit-details-marker{display:none}.agency-action-panel>summary::after{content:"+";float:right;color:#ffb86b}.agency-action-panel[open]>summary{border-bottom-color:var(--line)}.agency-action-panel[open]>summary::after{content:"–"}.agency-action-panel form{padding:1rem 1.15rem 1.15rem}.inline-check{display:flex!important;align-items:center;gap:.6rem}.inline-check input{width:auto}.stage-won{border-color:rgba(111,224,173,.5)}.stage-lost{opacity:.72}.decision-accepted{color:#6fe0ad}.decision-declined{color:#ff8390}.decision-changes-requested{color:#f5c96a}
@media(max-width:1200px){.agency-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.agency-primary-grid,.agency-evidence-grid,.agency-form-grid{grid-template-columns:1fr}.agency-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.agency-metrics{grid-template-columns:1fr 1fr}.agency-filter-panel,.agency-command-banner{display:grid;grid-template-columns:1fr}.agency-package-grid{grid-template-columns:1fr}}@media(max-width:480px){.agency-metrics{grid-template-columns:1fr}.agency-account{grid-template-columns:1fr}.agency-account-score{width:100%;height:auto;padding:.75rem}.agency-card-head{display:grid}}


/* Webdev Agent OS v10 — Connected Agency Orchestration */
.orchestration-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,#67e8f9 52%,var(--line));border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(34,211,238,.11),color-mix(in srgb,var(--panel) 96%,transparent))}.orchestration-banner>div{display:grid;gap:.25rem}.orchestration-banner span:not(.count-badge){color:var(--muted);font-size:.9rem}.orchestration-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.orchestration-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;align-items:start}.orchestration-list{display:grid;gap:.75rem}.orchestration-card{display:grid;gap:.45rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 90%,transparent),color-mix(in srgb,var(--panel) 96%,transparent))}.orchestration-card>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.orchestration-card p{margin:0;color:var(--muted);line-height:1.48}.orchestration-card small{display:block;color:var(--muted);line-height:1.45}.orchestration-pill{display:inline-flex;align-items:center;padding:.24rem .48rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.orchestration-pill[data-state="healthy"],.orchestration-pill[data-state="success"],.orchestration-pill[data-state="approved"],.orchestration-pill[data-state="enabled"]{border-color:rgba(111,224,173,.5);color:#6fe0ad}.orchestration-pill[data-state="failed"],.orchestration-pill[data-state="degraded"],.orchestration-pill[data-state="rejected"],.orchestration-pill[data-state="high"]{border-color:rgba(255,131,144,.55);color:#ff91a0}.orchestration-pill[data-state="pending"],.orchestration-pill[data-state="pending-approval"],.orchestration-pill[data-state="medium"]{border-color:rgba(245,201,106,.5);color:#f5c96a}.compact-actions{margin-top:.4rem}.orchestration-capacity{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-soft)}.orchestration-capacity>div:first-child,.capacity-breakdown{display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.orchestration-capacity span{color:var(--muted)}.capacity-bar{height:10px;border-radius:99px;overflow:hidden;background:color-mix(in srgb,var(--line) 60%,transparent)}.capacity-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67e8f9,#9d7cff)}.capacity-breakdown{font-size:.78rem}.orchestration-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.orchestration-action-panel{padding:0;overflow:hidden}.orchestration-action-panel>summary{padding:1rem 1.15rem;cursor:pointer;font-weight:800;list-style:none;border-bottom:1px solid transparent}.orchestration-action-panel>summary::-webkit-details-marker{display:none}.orchestration-action-panel>summary::after{content:"+";float:right;color:#67e8f9}.orchestration-action-panel[open]>summary{border-bottom-color:var(--line)}.orchestration-action-panel[open]>summary::after{content:"–"}.orchestration-action-panel form{padding:1rem 1.15rem 1.15rem}.form-help{margin:.2rem 0 .8rem;color:var(--muted);font-size:.78rem}@media(max-width:1200px){.orchestration-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.orchestration-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.orchestration-primary-grid,.orchestration-form-grid{grid-template-columns:1fr}}@media(max-width:720px){.orchestration-metrics{grid-template-columns:1fr 1fr}.orchestration-banner{display:grid}}@media(max-width:480px){.orchestration-metrics{grid-template-columns:1fr}.orchestration-card>div:first-child{display:grid}}

/* Webdev Agent OS v11 — Multi-Agent Production Studio */
.studio-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,#b99cff 55%,var(--line));border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(157,124,255,.13),color-mix(in srgb,var(--panel) 96%,transparent))}.studio-banner>div{display:grid;gap:.25rem}.studio-banner span:not(.count-badge){color:var(--muted);font-size:.9rem}.studio-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-filter{display:grid;grid-template-columns:minmax(240px,.45fr) minmax(320px,1.55fr);gap:1rem;align-items:end;margin:1rem 0}.studio-filter label{display:grid;gap:.35rem}.studio-filter label>span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.studio-filter p{margin:0;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-soft);color:var(--muted);font-size:.84rem}.studio-agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.studio-agent-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 90%,transparent),color-mix(in srgb,var(--panel) 96%,transparent))}.studio-agent-icon{width:44px;height:44px;display:grid;place-content:center;border-radius:14px;background:linear-gradient(135deg,#9d7cff,#54d6ff);color:#07111f;font-weight:950}.studio-agent-card p{margin:.35rem 0;color:var(--muted);font-size:.82rem;line-height:1.45}.studio-agent-card small{color:#c6b6ff;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.studio-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.studio-capabilities{display:flex;flex-wrap:wrap;gap:.25rem}.studio-pill{display:inline-flex;align-items:center;padding:.2rem .42rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.studio-pill[data-state="available"],.studio-pill[data-state="ready"],.studio-pill[data-state="complete"],.studio-pill[data-state="resolved"]{border-color:rgba(111,224,173,.5);color:#6fe0ad}.studio-pill[data-state="busy"],.studio-pill[data-state="in-progress"],.studio-pill[data-state="awaiting-approval"],.studio-pill[data-state="medium"]{border-color:rgba(245,201,106,.5);color:#f5c96a}.studio-pill[data-state="blocked"],.studio-pill[data-state="open"],.studio-pill[data-state="critical"],.studio-pill[data-state="high"]{border-color:rgba(255,131,144,.55);color:#ff91a0}.studio-primary-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:1rem;margin:1rem 0;align-items:start}.studio-task-list,.studio-conflict-list{display:grid;gap:.75rem}.studio-task-card,.studio-conflict-card,.studio-budget-card{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 90%,transparent),color-mix(in srgb,var(--panel) 96%,transparent))}.studio-task-card[data-state="blocked"],.studio-conflict-card[data-state="open"]{border-color:rgba(255,131,144,.42)}.studio-task-card[data-state="awaiting-approval"]{border-color:rgba(245,201,106,.45)}.studio-task-card p,.studio-conflict-card p{margin:0;color:var(--muted);line-height:1.48}.studio-task-card small,.studio-conflict-card small{display:block;color:var(--muted)}.studio-task-meta{display:flex;gap:.45rem;flex-wrap:wrap}.studio-task-meta span{padding:.28rem .48rem;border-radius:8px;background:rgba(157,124,255,.08);color:var(--muted);font-size:.7rem}.studio-budget-card{gap:.9rem}.studio-budget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.studio-budget-grid span{display:grid;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center}.studio-budget-grid strong{font-size:1.25rem}.studio-budget-grid small{color:var(--muted);text-transform:uppercase;font-size:.62rem}.studio-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.studio-action-panel{padding:0;overflow:hidden}.studio-action-panel>summary{padding:1rem 1.15rem;cursor:pointer;font-weight:800;list-style:none}.studio-action-panel>summary::-webkit-details-marker{display:none}.studio-action-panel>summary::after{content:"+";float:right;color:#b99cff}.studio-action-panel[open]>summary{border-bottom:1px solid var(--line)}.studio-action-panel[open]>summary::after{content:"–"}.studio-action-panel form{padding:1rem 1.15rem 1.15rem}@media(max-width:1200px){.studio-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:940px){.studio-primary-grid,.studio-form-grid,.studio-filter{grid-template-columns:1fr}.studio-agent-grid{grid-template-columns:1fr}}@media(max-width:720px){.studio-metrics{grid-template-columns:1fr 1fr}.studio-banner{display:grid}.studio-budget-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.studio-metrics,.studio-budget-grid{grid-template-columns:1fr}.studio-agent-card{grid-template-columns:1fr}.studio-card-head{display:grid}}

/* Webdev Agent OS v12 — Autonomous Product Laboratory */
.product-lab-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,#6fe0ad 55%,var(--line));border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(111,224,173,.13),color-mix(in srgb,var(--panel) 96%,transparent))}.product-lab-banner>div{display:grid;gap:.25rem}.product-lab-banner span:not(.count-badge){color:var(--muted);font-size:.9rem}.product-lab-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.product-lab-filter{display:grid;grid-template-columns:minmax(240px,.45fr) minmax(320px,1.55fr);gap:1rem;align-items:end;margin:1rem 0}.product-lab-filter label{display:grid;gap:.35rem}.product-lab-filter label>span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.product-lab-filter p{margin:0;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-soft);color:var(--muted);font-size:.84rem}.product-lab-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;align-items:start}.product-lab-list{display:grid;gap:.75rem}.product-lab-card,.product-lab-tournament,.product-lab-budget{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 90%,transparent),color-mix(in srgb,var(--panel) 96%,transparent))}.product-lab-card[data-state="contradicted"],.product-lab-card[data-state="rejected"]{border-color:rgba(255,131,144,.48)}.product-lab-card[data-state="testing"],.product-lab-card[data-state="awaiting-approval"],.product-lab-tournament[data-state="awaiting-decision"]{border-color:rgba(245,201,106,.48)}.product-lab-card[data-state="supported"],.product-lab-card[data-state="complete"],.product-lab-card[data-state="winner"]{border-color:rgba(111,224,173,.48)}.product-lab-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.65rem}.product-lab-card-head>div{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}.product-lab-card p,.product-lab-tournament p{margin:0;color:var(--muted);line-height:1.48}.product-lab-card small{display:block;color:var(--muted);line-height:1.45}.product-lab-pill{display:inline-flex;align-items:center;padding:.22rem .46rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.product-lab-pill[data-state="supported"],.product-lab-pill[data-state="complete"],.product-lab-pill[data-state="approved"],.product-lab-pill[data-state="validated"],.product-lab-pill[data-state="proven"]{border-color:rgba(111,224,173,.5);color:#6fe0ad}.product-lab-pill[data-state="testing"],.product-lab-pill[data-state="running"],.product-lab-pill[data-state="awaiting-approval"],.product-lab-pill[data-state="awaiting-decision"],.product-lab-pill[data-state="anecdotal"]{border-color:rgba(245,201,106,.5);color:#f5c96a}.product-lab-pill[data-state="contradicted"],.product-lab-pill[data-state="rejected"],.product-lab-pill[data-state="critical"],.product-lab-pill[data-state="high"]{border-color:rgba(255,131,144,.55);color:#ff91a0}.product-lab-meta{display:flex;gap:.4rem;flex-wrap:wrap}.product-lab-meta span{padding:.27rem .46rem;border-radius:8px;background:rgba(111,224,173,.08);color:var(--muted);font-size:.69rem}.product-lab-prototypes{display:grid;gap:.25rem;margin-top:.25rem}.product-lab-prototypes span{padding:.45rem .55rem;border-left:2px solid #6fe0ad;background:rgba(111,224,173,.05);color:var(--muted);font-size:.73rem}.product-lab-tournament-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.tournament-score-list{display:grid;gap:.35rem}.tournament-score-list span{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted)}.tournament-score-list em{font-style:normal;color:#6fe0ad;font-weight:900}.product-lab-budget{gap:.9rem}.product-lab-budget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.product-lab-budget-grid span{display:grid;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center}.product-lab-budget-grid strong{font-size:1.25rem}.product-lab-budget-grid small{color:var(--muted);text-transform:uppercase;font-size:.62rem}.product-lab-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.product-lab-action-panel{padding:0;overflow:hidden}.product-lab-action-panel>summary{padding:1rem 1.15rem;cursor:pointer;font-weight:800;list-style:none}.product-lab-action-panel>summary::-webkit-details-marker{display:none}.product-lab-action-panel>summary::after{content:"+";float:right;color:#6fe0ad}.product-lab-action-panel[open]>summary{border-bottom:1px solid var(--line)}.product-lab-action-panel[open]>summary::after{content:"–"}.product-lab-action-panel form{padding:1rem 1.15rem 1.15rem}@media(max-width:1200px){.product-lab-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:940px){.product-lab-primary-grid,.product-lab-form-grid,.product-lab-filter,.product-lab-tournament-grid{grid-template-columns:1fr}}@media(max-width:720px){.product-lab-metrics{grid-template-columns:1fr 1fr}.product-lab-banner{display:grid}.product-lab-budget-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.product-lab-metrics,.product-lab-budget-grid{grid-template-columns:1fr}.product-lab-card-head{display:grid}.product-lab-card-head>div{justify-content:flex-start}}

/* v13 Product-to-Production Continuum */
.continuum-banner,.continuum-filter{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(216,255,104,.24);background:linear-gradient(120deg,rgba(216,255,104,.08),rgba(39,123,104,.08));border-radius:18px;padding:16px 18px;margin-bottom:18px}.continuum-banner strong,.continuum-banner span{display:block}.continuum-banner span{color:var(--muted);margin-top:4px}.continuum-filter label{min-width:280px}.continuum-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr);gap:18px}.continuum-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.continuum-list{display:grid;gap:12px}.continuum-requirement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.continuum-measure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.continuum-contract-card,.continuum-requirement-card,.continuum-compact-card,.continuum-measure-card,.continuum-decision-card{border:1px solid var(--line);background:rgba(6,18,17,.54);border-radius:16px;padding:15px}.continuum-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.continuum-card-head h3,.continuum-requirement-card h4{margin:.25rem 0}.continuum-contract-card>p,.continuum-requirement-card>p,.continuum-compact-card>p,.continuum-measure-card>p,.continuum-decision-card>p{color:var(--muted)}.continuum-source{border-left:3px solid var(--accent);padding:10px 12px;background:rgba(216,255,104,.05);margin:12px 0}.continuum-source span,.continuum-source small{display:block}.continuum-source small{color:var(--muted);margin-top:5px}.continuum-gates{display:flex;flex-wrap:wrap;gap:6px}.continuum-gates span,.continuum-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.69rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:rgba(120,150,142,.16);border:1px solid rgba(120,150,142,.22)}.continuum-gates .pass,.continuum-verified,.continuum-met,.continuum-approved,.continuum-continue{background:rgba(69,175,122,.16);color:#b7f4cf;border-color:rgba(69,175,122,.3)}.continuum-gates .block,.continuum-missed,.continuum-revise,.continuum-failed,.continuum-kill{background:rgba(230,105,75,.14);color:#ffd0c5;border-color:rgba(230,105,75,.28)}.continuum-pending,.continuum-proposed,.continuum-draft{background:rgba(232,189,77,.13);color:#ffeab0;border-color:rgba(232,189,77,.25)}.continuum-trace{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.continuum-trace span,.continuum-trace>strong{background:rgba(255,255,255,.04);border-radius:8px;padding:5px 7px;font-size:.7rem}.continuum-trace>strong{color:var(--accent)}.continuum-criteria{display:grid;gap:5px}.continuum-criteria span{font-size:.73rem;color:var(--muted)}.continuum-criteria .passed{color:#b7f4cf}.continuum-criteria .failed{color:#ffd0c5}.continuum-number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.continuum-number-grid span{background:rgba(255,255,255,.035);padding:8px;border-radius:10px}.continuum-number-grid small,.continuum-number-grid strong{display:block}.continuum-number-grid small{color:var(--muted)}.continuum-number-grid strong{font-size:1.08rem;margin-top:3px}.continuum-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1100px){.continuum-layout,.continuum-three{grid-template-columns:1fr}.continuum-measure-grid{grid-template-columns:1fr 1fr}.continuum-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.continuum-banner,.continuum-filter{align-items:stretch;flex-direction:column}.continuum-filter label{min-width:0}.continuum-requirement-grid,.continuum-measure-grid{grid-template-columns:1fr}}

/* v14 Product Digital Twin and Code Traceability */
.digital-twin-banner,.digital-twin-filter{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(102,232,209,.28);background:linear-gradient(120deg,rgba(102,232,209,.09),rgba(117,105,255,.07));border-radius:18px;padding:16px 18px;margin-bottom:18px}.digital-twin-banner strong,.digital-twin-banner span{display:block}.digital-twin-banner span:not(.count-badge){color:var(--muted);margin-top:4px}.digital-twin-filter{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(300px,1.25fr) auto}.digital-twin-filter label{display:grid;gap:.35rem}.digital-twin-filter label>span{color:var(--muted);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.digital-twin-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.digital-twin-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr);gap:18px;margin-bottom:18px}.digital-twin-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.digital-twin-list{display:grid;gap:12px}.digital-twin-trace-grid,.digital-twin-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.digital-twin-health-card,.digital-twin-trace-card,.digital-twin-compact-card,.digital-twin-analysis-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(7,24,22,.78),rgba(5,17,16,.68));border-radius:16px;padding:15px}.digital-twin-health-card[data-state="at_risk"],.digital-twin-health-card[data-state="blocked"],.digital-twin-analysis-card[data-state="critical"],.digital-twin-analysis-card[data-state="high"],.digital-twin-compact-card[data-state="critical"],.digital-twin-compact-card[data-state="high"]{border-color:rgba(255,125,115,.45)}.digital-twin-health-card[data-state="watch"],.digital-twin-compact-card[data-state="watch"],.digital-twin-compact-card[data-state="medium"]{border-color:rgba(245,201,106,.42)}.digital-twin-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.digital-twin-card-head h3,.digital-twin-card-head h4,.digital-twin-compact-card h4{margin:.22rem 0}.digital-twin-health-card>p,.digital-twin-trace-card>p,.digital-twin-compact-card>p,.digital-twin-analysis-card>p{color:var(--muted);line-height:1.48}.digital-twin-health-score{display:grid;text-align:center;padding:.55rem .75rem;border:1px solid rgba(102,232,209,.28);border-radius:13px;background:rgba(102,232,209,.06);min-width:74px}.digital-twin-health-score strong{font-size:1.65rem;color:#66e8d1}.digital-twin-health-score span{font-size:.62rem;text-transform:uppercase;font-weight:900;color:var(--muted)}.digital-twin-meta,.digital-twin-dimensions{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.digital-twin-meta span,.digital-twin-dimensions span{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.045);font-size:.68rem;color:var(--muted)}.digital-twin-dimensions .pass{background:rgba(69,175,122,.14);color:#b7f4cf}.digital-twin-dimensions .block{background:rgba(230,105,75,.14);color:#ffd0c5}.digital-twin-trace-card .digital-twin-card-head>strong{font-size:1.5rem;color:#66e8d1}.digital-twin-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;border:1px solid rgba(130,160,153,.25);background:rgba(130,160,153,.11);font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.025em;margin:2px}.digital-twin-match,.digital-twin-healthy,.digital-twin-verified,.digital-twin-low{border-color:rgba(69,175,122,.35);background:rgba(69,175,122,.14);color:#b7f4cf}.digital-twin-drifted,.digital-twin-missing,.digital-twin-breached,.digital-twin-critical,.digital-twin-high,.digital-twin-blocked{border-color:rgba(230,105,75,.38);background:rgba(230,105,75,.14);color:#ffd0c5}.digital-twin-watch,.digital-twin-medium,.digital-twin-acknowledged,.digital-twin-unverifiable{border-color:rgba(232,189,77,.35);background:rgba(232,189,77,.12);color:#ffeab0}.digital-twin-api-route{color:#8fd8ff}.digital-twin-automated-test{color:#d5b6ff}.digital-twin-database-migration{color:#ffca8a}.digital-twin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.digital-twin-table{width:100%;min-width:820px;border-collapse:collapse}.digital-twin-table th,.digital-twin-table td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line)}.digital-twin-table th{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.025)}.digital-twin-table td strong,.digital-twin-table td small{display:block}.digital-twin-table td small{color:var(--muted);margin-top:4px}.digital-twin-table tr[data-state="missing"],.digital-twin-table tr[data-state="drifted"]{background:rgba(230,105,75,.04)}.digital-twin-number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.digital-twin-number-grid span{padding:7px;border-radius:9px;background:rgba(255,255,255,.035)}.digital-twin-number-grid small,.digital-twin-number-grid strong{display:block}.digital-twin-number-grid small{color:var(--muted);font-size:.61rem;text-transform:uppercase}.digital-twin-number-grid strong{font-size:.93rem;margin-top:2px}.digital-twin-analysis-card ul{padding-left:20px;color:var(--muted);margin-bottom:0}.digital-twin-analysis-card li{margin:.35rem 0}.digital-twin-analysis-card .digital-twin-card-head>div{display:flex;align-items:center;gap:8px}.digital-twin-analysis-card .digital-twin-card-head small{color:var(--muted)}@media(max-width:1180px){.digital-twin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.digital-twin-layout,.digital-twin-three{grid-template-columns:1fr}.digital-twin-trace-grid,.digital-twin-analysis-grid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.digital-twin-filter{grid-template-columns:1fr}.digital-twin-trace-grid,.digital-twin-analysis-grid{grid-template-columns:1fr}.digital-twin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.digital-twin-banner{align-items:stretch;flex-direction:column}.digital-twin-metrics{grid-template-columns:1fr}.digital-twin-card-head{display:grid}.digital-twin-health-score{width:100%}}

/* v15 Autonomous Evolution */
.evolution-banner,.evolution-filter{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(134,246,202,.28);background:linear-gradient(120deg,rgba(134,246,202,.08),rgba(117,105,255,.08));border-radius:18px;padding:16px 18px;margin-bottom:18px}.evolution-banner strong,.evolution-banner span{display:block}.evolution-banner span:not(.count-badge){color:var(--muted);margin-top:4px}.evolution-filter{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(300px,1.2fr) auto auto}.evolution-filter label{display:grid;gap:.35rem}.evolution-filter label>span{color:var(--muted);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.evolution-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.evolution-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.7fr);gap:18px;margin-bottom:18px}.evolution-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.evolution-list{display:grid;gap:12px}.evolution-proposal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evolution-program-card,.evolution-proposal-card,.evolution-debt-card,.evolution-rollback-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,22,44,.84),rgba(8,14,29,.72));border-radius:16px;padding:15px;text-align:left;color:inherit}.evolution-proposal-card{cursor:pointer;width:100%;font:inherit}.evolution-proposal-card:hover,.evolution-proposal-card.is-selected{border-color:rgba(134,246,202,.55);transform:translateY(-1px)}.evolution-proposal-card[data-state="blocked"],.evolution-debt-card[data-state="critical"],.evolution-debt-card[data-state="high"],.evolution-rollback-card[data-state="rollback"]{border-color:rgba(255,125,115,.45)}.evolution-proposal-card[data-state="pending_approval"],.evolution-proposal-card[data-state="analyzed"],.evolution-rollback-card[data-state="pause"]{border-color:rgba(245,201,106,.42)}.evolution-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.evolution-program-card h3,.evolution-proposal-card h4,.evolution-debt-card h4{margin:.3rem 0}.evolution-program-card>p,.evolution-proposal-card>p,.evolution-debt-card>p,.evolution-rollback-card>p{color:var(--muted);line-height:1.48}.evolution-meta{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.evolution-meta span{font-size:.68rem;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.045);color:var(--muted)}.evolution-progress{height:7px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;margin:14px 0}.evolution-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#86f6ca,#7a7cff)}.evolution-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;border:1px solid rgba(130,160,153,.25);background:rgba(130,160,153,.11);font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.025em;margin:2px}.evolution-compatible,.evolution-passed,.evolution-healthy,.evolution-continue,.evolution-promoted,.evolution-canary,.evolution-active,.evolution-low{border-color:rgba(69,175,122,.35);background:rgba(69,175,122,.14);color:#b7f4cf}.evolution-conditional,.evolution-watch,.evolution-pause,.evolution-pending-approval,.evolution-analyzed,.evolution-medium,.evolution-testing,.evolution-staged{border-color:rgba(232,189,77,.35);background:rgba(232,189,77,.12);color:#ffeab0}.evolution-incompatible,.evolution-failed,.evolution-breached,.evolution-rollback,.evolution-blocked,.evolution-critical,.evolution-high,.evolution-rejected,.evolution-rolled-back{border-color:rgba(230,105,75,.38);background:rgba(230,105,75,.14);color:#ffd0c5}.evolution-detail-panel{margin-top:18px}.evolution-detail-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.evolution-detail-head h3{font-size:1.65rem;margin:.25rem 0}.evolution-detail-head>strong{font-size:2.6rem;color:#86f6ca;display:grid;text-align:right}.evolution-detail-head>strong span{font-size:.65rem;color:var(--muted);text-transform:uppercase}.evolution-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.evolution-detail-grid section,.evolution-canary-detail,.evolution-rollback-detail{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:14px}.evolution-detail-grid h4,.evolution-canary-detail h4,.evolution-rollback-detail h4{margin:.1rem 0 .7rem}.evolution-detail-grid ul,.evolution-detail-grid ol{padding-left:20px;color:var(--muted)}.evolution-detail-grid li{margin:.36rem 0}.evolution-blockers{color:#ffd0c5!important}.evolution-good{color:#b7f4cf}.evolution-canary-detail,.evolution-rollback-detail{margin-top:12px}.evolution-guardrails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.evolution-guardrails article{border:1px solid var(--line);border-radius:12px;padding:11px;background:rgba(255,255,255,.025)}.evolution-guardrails span,.evolution-guardrails strong{display:block}.evolution-guardrails span{color:var(--muted);font-size:.7rem}.evolution-guardrails strong{font-size:1.25rem;margin:.25rem 0}.evolution-guardrails article[data-state="breached"]{border-color:rgba(230,105,75,.45)}@media(max-width:1180px){.evolution-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.evolution-layout,.evolution-two{grid-template-columns:1fr}.evolution-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.evolution-filter{grid-template-columns:1fr 1fr}.evolution-proposal-grid{grid-template-columns:1fr}.evolution-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.evolution-guardrails{grid-template-columns:1fr}}@media(max-width:620px){.evolution-filter,.evolution-detail-grid{grid-template-columns:1fr}.evolution-banner{align-items:stretch;flex-direction:column}.evolution-card-head,.evolution-detail-head{display:grid}.evolution-detail-head>strong{text-align:left}.evolution-metrics{grid-template-columns:1fr}}

/* v16 Self-Healing Architecture & Migration Factory */
.migration-banner,.migration-filter{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(95,213,255,.3);background:linear-gradient(120deg,rgba(95,213,255,.09),rgba(113,255,190,.07));border-radius:18px;padding:16px 18px;margin-bottom:18px}.migration-banner strong,.migration-banner span{display:block}.migration-banner span:not(.count-badge){color:var(--muted);margin-top:4px}.migration-filter{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(320px,1.2fr) auto}.migration-filter label{display:grid;gap:.35rem}.migration-filter label>span{color:var(--muted);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.migration-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.migration-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);gap:18px;margin-bottom:18px}.migration-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.migration-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.migration-list{display:grid;gap:12px}.migration-workspace-card,.migration-wave-card,.migration-shadow-card,.migration-option-card,.migration-campaign-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,29,48,.9),rgba(7,17,30,.8));border-radius:16px;padding:15px;color:inherit;text-align:left}.migration-workspace-card{cursor:pointer;width:100%;font:inherit}.migration-workspace-card:hover,.migration-workspace-card.is-selected{border-color:rgba(95,213,255,.64);transform:translateY(-1px)}.migration-workspace-card[data-state="blocked"],.migration-wave-card[data-state="blocked"],.migration-shadow-card[data-state="blocked"],.migration-campaign-card[data-state="critical"]{border-color:rgba(255,116,124,.48)}.migration-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.migration-card-head h4,.migration-workspace-card h4{margin:.25rem 0}.migration-workspace-card>p,.migration-wave-card>p,.migration-shadow-card>p,.migration-option-card>p,.migration-campaign-card>p{color:var(--muted);line-height:1.48}.migration-card-head>strong{font-size:1.65rem;color:#75dcff}.migration-meta{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.migration-meta span{font-size:.68rem;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.045);color:var(--muted)}.migration-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;border:1px solid rgba(130,160,180,.28);background:rgba(130,160,180,.11);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.025em;margin:2px}.migration-ready,.migration-verified,.migration-passed,.migration-approved,.migration-selected,.migration-active,.migration-create,.migration-update{border-color:rgba(69,190,133,.38);background:rgba(69,190,133,.14);color:#bff7d6}.migration-blocked,.migration-failed,.migration-critical,.migration-delete,.migration-rejected,.migration-rolled-back{border-color:rgba(232,101,89,.4);background:rgba(232,101,89,.14);color:#ffd1ca}.migration-pending-approval,.migration-conditional,.migration-planned,.migration-medium,.migration-watch{border-color:rgba(232,189,77,.36);background:rgba(232,189,77,.12);color:#ffecad}.migration-detail-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.migration-detail-head h3{font-size:1.5rem;margin:.3rem 0}.migration-detail-head>strong{display:grid;text-align:right;font-size:2.25rem;color:#75dcff}.migration-detail-head>strong span{font-size:.62rem;text-transform:uppercase;color:var(--muted)}.migration-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.migration-detail-grid section{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);padding:13px;min-width:0}.migration-detail-grid h4{margin:.1rem 0 .6rem}.migration-detail-grid ul{padding-left:19px;color:var(--muted)}.migration-detail-grid p{margin:.55rem 0}.migration-detail-grid p strong,.migration-detail-grid p small{display:block}.migration-detail-grid p small{color:var(--muted);margin-top:3px}.migration-blocker-box{border:1px solid rgba(232,101,89,.42);background:rgba(232,101,89,.07);border-radius:13px;padding:13px;margin-top:12px}.migration-blocker-box h4{margin:.1rem 0}.migration-blocker-box ul{padding-left:20px;color:#ffd1ca}.migration-good{border:1px solid rgba(69,190,133,.3);background:rgba(69,190,133,.07);color:#bff7d6;border-radius:13px;padding:12px;margin-top:12px}.migration-option-card .migration-card-head>strong{font-size:2rem}.migration-option-card[data-state="selected"]{border-color:rgba(95,213,255,.54)}@media(max-width:1180px){.migration-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.migration-layout,.migration-two{grid-template-columns:1fr}}@media(max-width:900px){.migration-filter{grid-template-columns:1fr 1fr}.migration-filter .button{align-self:end}.migration-workspace-grid{grid-template-columns:1fr}.migration-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.migration-banner,.migration-detail-head{display:grid}.migration-filter,.migration-detail-grid{grid-template-columns:1fr}.migration-metrics{grid-template-columns:1fr}.migration-detail-head>strong{text-align:left}}

/* v17 Runtime Adaptation & Resilience Mesh */
.resilience-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid rgba(109,230,197,.3);border-radius:16px;background:linear-gradient(135deg,rgba(44,154,132,.14),rgba(37,78,130,.12));margin-bottom:18px}.resilience-banner strong,.resilience-banner span{display:block}.resilience-banner span{color:var(--muted);margin-top:4px}.resilience-metrics{grid-template-columns:repeat(8,minmax(0,1fr))}.resilience-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:18px 0}.resilience-filter label span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.resilience-layout,.resilience-two{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-bottom:18px}.resilience-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resilience-service-card,.resilience-row,.resilience-option{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);padding:14px;color:inherit;text-align:left}.resilience-service-card{cursor:pointer}.resilience-service-card:hover,.resilience-service-card.is-selected{border-color:rgba(109,230,197,.55);background:rgba(109,230,197,.07)}.resilience-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.resilience-card-head>strong{font-size:1.8rem;color:#80ebce}.resilience-service-card h4,.resilience-row h4,.resilience-option h4{margin:.6rem 0 .35rem}.resilience-service-card p,.resilience-row p,.resilience-option p{color:var(--muted);margin:.3rem 0 .7rem}.resilience-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.76rem}.resilience-meta span{border:1px solid var(--line);border-radius:999px;padding:3px 7px}.resilience-badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 7px;margin-right:5px;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}.resilience-healthy,.resilience-passing,.resilience-meeting,.resilience-passed,.resilience-active,.resilience-approved,.resilience-selected{border-color:rgba(69,190,133,.4);background:rgba(69,190,133,.13);color:#bff7d6}.resilience-degraded,.resilience-at-risk,.resilience-pending-approval,.resilience-acknowledged,.resilience-draft,.resilience-planned{border-color:rgba(232,189,77,.4);background:rgba(232,189,77,.12);color:#ffecad}.resilience-critical,.resilience-breached,.resilience-failed,.resilience-blocked,.resilience-open{border-color:rgba(232,101,89,.43);background:rgba(232,101,89,.14);color:#ffd1ca}.resilience-detail-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.resilience-detail-head h3{font-size:1.5rem;margin:.3rem 0}.resilience-detail-head>strong{display:grid;text-align:right;font-size:2.25rem;color:#80ebce}.resilience-detail-head>strong span{font-size:.62rem;text-transform:uppercase;color:var(--muted)}.resilience-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.resilience-detail-grid section{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);padding:13px;min-width:0}.resilience-detail-grid h4{margin:.1rem 0 .6rem}.resilience-detail-grid ul{padding-left:19px;color:var(--muted)}.resilience-detail-grid p{margin:.55rem 0}.resilience-detail-grid p strong,.resilience-detail-grid p small{display:block}.resilience-detail-grid p small{color:var(--muted);margin-top:3px}.resilience-list{display:grid;gap:10px}.resilience-budget-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin:10px 0}.resilience-budget-bar span{display:block;height:100%;background:linear-gradient(90deg,#45be85,#75dcff);border-radius:inherit}.resilience-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.resilience-option .resilience-card-head>strong{font-size:2rem}.resilience-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1280px){.resilience-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.resilience-layout,.resilience-two{grid-template-columns:1fr}.resilience-option-grid{grid-template-columns:1fr}.resilience-campaign-grid{grid-template-columns:1fr}}@media(max-width:760px){.resilience-filter{grid-template-columns:1fr}.resilience-service-grid,.resilience-detail-grid{grid-template-columns:1fr}.resilience-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.resilience-banner,.resilience-detail-head{display:grid}.resilience-detail-head>strong{text-align:left}}@media(max-width:480px){.resilience-metrics{grid-template-columns:1fr}}

/* v22 Experience Quality Observatory */
.experience-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.experience-grid>.panel{min-width:0}@media(max-width:1100px){.experience-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.experience-grid{grid-template-columns:1fr}}@media(max-width:560px){.experience-metrics{grid-template-columns:1fr}}

.optimization-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid rgba(190,111,246,.36);border-radius:16px;background:linear-gradient(135deg,rgba(108,61,156,.18),rgba(35,134,142,.12));margin-bottom:18px}.optimization-banner strong,.optimization-banner span{display:block}.optimization-banner span{color:var(--muted);margin-top:4px}.optimization-metrics{grid-template-columns:repeat(8,minmax(0,1fr))}.optimization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.optimization-progress{height:7px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:12px}.optimization-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#79e6cc,#bd7cff)}.optimization-row{min-width:0}@media(max-width:1280px){.optimization-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.optimization-grid{grid-template-columns:1fr}}@media(max-width:720px){.optimization-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.optimization-banner{display:grid}}@media(max-width:480px){.optimization-metrics{grid-template-columns:1fr}}

.personalization-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid rgba(85,217,190,.35);border-radius:16px;background:linear-gradient(135deg,rgba(27,123,113,.18),rgba(104,61,151,.14));margin-bottom:18px}.personalization-banner strong,.personalization-banner span{display:block}.personalization-banner span{color:var(--muted);margin-top:4px}.personalization-metrics{grid-template-columns:repeat(8,minmax(0,1fr))}.personalization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.policy-signal-line{font-size:.78rem;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.policy-signal-line strong{color:var(--text)}.policy-row{min-width:0}@media(max-width:1280px){.personalization-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.personalization-grid{grid-template-columns:1fr}}@media(max-width:720px){.personalization-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.personalization-banner{display:grid}}@media(max-width:480px){.personalization-metrics{grid-template-columns:1fr}}

.personalization-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid rgba(85,217,190,.35);border-radius:16px;background:linear-gradient(135deg,rgba(27,123,113,.18),rgba(104,61,151,.14));margin-bottom:18px}.personalization-banner strong,.personalization-banner span{display:block}.personalization-banner span{color:var(--muted);margin-top:4px}.personalization-metrics{grid-template-columns:repeat(8,minmax(0,1fr))}.personalization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.policy-signal-line{font-size:.78rem;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.policy-signal-line strong{color:var(--text)}.policy-row{min-width:0}@media(max-width:1280px){.personalization-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.personalization-grid{grid-template-columns:1fr}}@media(max-width:720px){.personalization-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.personalization-banner{display:grid}}@media(max-width:480px){.personalization-metrics{grid-template-columns:1fr}}

/* v25 Autonomous Design System Intelligence */
.design-system-banner{border-left-color:#6f52ff}.design-system-metrics .metric-card:nth-child(1){background:linear-gradient(145deg,#171328,#282143)}.design-system-row .optimization-progress{margin-top:.75rem}.design-system-row h4{margin:.35rem 0}.design-system-row .status-pill{margin-right:.35rem}.design-system-row small{display:block;margin-top:.45rem}.design-system-row p{max-width:72ch}

/* v32 Autonomous Deployment, Release & Environment Promotion Intelligence */
.release-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid rgba(91,218,187,.34);border-radius:16px;background:linear-gradient(135deg,rgba(21,125,112,.18),rgba(42,84,146,.14));margin-bottom:18px}.release-banner strong,.release-banner span{display:block}.release-banner span,.release-banner p{color:var(--muted)}.release-banner p{max-width:58ch;margin:0}.release-metrics{grid-template-columns:repeat(8,minmax(0,1fr))}.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.release-row{min-width:0}.release-row small{display:block;color:var(--muted);margin-top:.45rem}@media(max-width:1280px){.release-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.release-grid{grid-template-columns:1fr}.release-banner{display:grid}}@media(max-width:720px){.release-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.release-metrics{grid-template-columns:1fr}}