@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  --color-deep-navy: #0d1b2a;
  --color-steel-blue: #1f2d3d;
  --color-silver-blue: #67809f;
  --color-mist-gray: #e6e9ee;
  --color-white: #ffffff;
  --neutral-950: #0d1b2a;
  --neutral-800: #334155;
  --neutral-700: #475569;
  --neutral-600: #64748b;
  --neutral-400: #94a3b8;
  --neutral-300: #c2cedb;
  --neutral-200: #d7e0ea;
  --neutral-100: #edf2f7;
  --neutral-50: #f4f7fb;
  --status-ready: #2e7d32;
  --status-ready-medium: #4fa463;
  --status-ready-soft: #a8d5b7;
  --status-ready-tint: #e6f4ea;
  --status-review: #b8860b;
  --status-review-medium: #daa72c;
  --status-review-soft: #f2d48a;
  --status-review-tint: #fff4db;
  --status-risk: #c0392b;
  --status-risk-medium: #e57373;
  --status-risk-soft: #f6b3ae;
  --status-risk-tint: #fdecec;
  --surface-page: #f3f6fa;
  --surface-panel: #fbfcfe;
  --surface-panel-subtle: #f6f8fb;
  --surface-inset: #edf2f7;
  --border-subtle: #d7e0ea;
  --border-strong: #c2cedb;
  --shadow-panel: 0 14px 30px rgba(13, 27, 42, 0.08);
  --shadow-panel-soft: 0 10px 22px rgba(13, 27, 42, 0.055);
  /* TODO: Review enterprise font options after final brand assets are available. */
  color: var(--neutral-950);
  background: var(--neutral-50);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--neutral-50);
}

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

.vucoris-app-shell {
  min-height: 100vh;
  color: var(--neutral-950);
  background: var(--neutral-50);
}

.vucoris-vu-workspace-host {
  min-height: 100vh;
  color: #dbe5ef;
  background: #07111d;
}

.vu-workbench {
  display: grid;
  grid-template-rows: 52px minmax(0, 1fr);
  height: 100vh;
  min-height: 720px;
  overflow: hidden;
  color: #dbe5ef;
  background:
    linear-gradient(180deg, rgba(103, 128, 159, 0.08), rgba(13, 27, 42, 0) 30%),
    #07111d;
}

.vu-workbench-topbar {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(160px, 220px) minmax(260px, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 8px 12px;
  background: #0d1b2a;
  border-bottom: 1px solid rgba(194, 206, 219, 0.18);
}

.vu-workbench-identity,
.vu-workbench-scope,
.vu-workbench-user {
  min-width: 0;
}

.vu-workbench-identity,
.vu-workbench-scope {
  display: grid;
  gap: 1px;
}

.vu-workbench-identity span,
.vu-workbench-scope span,
.vu-workbench-command span,
.vu-workbench-panel-heading p,
.vu-workbench-workspace-head p,
.vu-workbench-opportunity span {
  margin: 0;
  color: #9fb1c6;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-workbench-identity strong,
.vu-workbench-scope strong {
  min-width: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 780;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-command {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 34px;
  padding: 0 10px;
  background: rgba(31, 45, 61, 0.88);
  border: 1px solid rgba(103, 128, 159, 0.38);
  border-radius: 8px;
}

.vu-workbench-command input,
.vu-workbench-resource-search input,
.vu-workbench-ask textarea {
  min-width: 0;
  color: #e8eef6;
  background: transparent;
  border: 0;
  outline: 0;
}

.vu-workbench-command input::placeholder,
.vu-workbench-resource-search input::placeholder,
.vu-workbench-ask textarea::placeholder {
  color: rgba(219, 229, 239, 0.48);
}

.vu-workbench-topbar-button,
.vu-workbench-user,
.vu-workbench-ask button {
  min-height: 34px;
  color: #f8fafc;
  background: rgba(31, 45, 61, 0.92);
  border: 1px solid rgba(103, 128, 159, 0.32);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 760;
  cursor: pointer;
}

.vu-workbench-topbar-button:hover,
.vu-workbench-topbar-button:focus-visible,
.vu-workbench-user:hover,
.vu-workbench-user:focus-visible,
.vu-workbench-ask button:hover,
.vu-workbench-ask button:focus-visible,
.vu-workbench-rail-button:hover,
.vu-workbench-rail-button:focus-visible,
.vu-workbench-resource-item:hover,
.vu-workbench-resource-item:focus-visible,
.vu-workbench-tab:hover,
.vu-workbench-tab:focus-visible {
  border-color: rgba(218, 167, 44, 0.62);
  outline: none;
}

.vu-workbench-user {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  max-width: 210px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-user span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  color: #0d1b2a;
  background: #daa72c;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 850;
}

.vu-workbench-body {
  display: grid;
  grid-template-columns: 64px minmax(250px, 300px) minmax(0, 1fr) minmax(300px, 340px);
  grid-template-rows: minmax(0, 1fr) 184px;
  min-height: 0;
}

.vu-workbench-rail {
  grid-row: 1 / 3;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 10px 8px;
  background: #081522;
  border-right: 1px solid rgba(194, 206, 219, 0.14);
}

.vu-workbench-rail-button {
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 64px;
  padding: 7px 3px;
  color: #b9c7d6;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
}

.vu-workbench-rail-button span {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #dbe5ef;
  background: rgba(31, 45, 61, 0.85);
  border: 1px solid rgba(103, 128, 159, 0.34);
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 850;
}

.vu-workbench-rail-button strong {
  width: 100%;
  overflow: hidden;
  font-size: 0.66rem;
  font-weight: 780;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-rail-button-active {
  color: #ffffff;
  background: rgba(218, 167, 44, 0.1);
  border-color: rgba(218, 167, 44, 0.34);
}

.vu-workbench-rail-button-active span {
  color: #0d1b2a;
  background: #daa72c;
  border-color: #f2d48a;
}

.vu-workbench-explorer,
.vu-workbench-agents,
.vu-workbench-ledger {
  min-height: 0;
  background: #0f1d2c;
  border-color: rgba(194, 206, 219, 0.16);
}

.vu-workbench-explorer {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  border-right: 1px solid rgba(194, 206, 219, 0.16);
}

.vu-workbench-agents {
  display: grid;
  grid-template-rows: auto auto minmax(0, auto) minmax(0, auto) minmax(0, auto) auto;
  gap: 10px;
  padding-bottom: 12px;
  overflow-y: auto;
  border-left: 1px solid rgba(194, 206, 219, 0.16);
}

.vu-workbench-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 54px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(194, 206, 219, 0.14);
}

.vu-workbench-panel-heading h2 {
  margin: 2px 0 0;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 780;
  line-height: 1.2;
}

.vu-workbench-panel-heading > span {
  padding: 3px 7px;
  color: #f2d48a;
  background: rgba(218, 167, 44, 0.1);
  border: 1px solid rgba(218, 167, 44, 0.26);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 780;
}

.vu-workbench-resource-search {
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(194, 206, 219, 0.12);
}

.vu-workbench-resource-search span,
.vu-workbench-ask label > span {
  color: #9fb1c6;
  font-size: 0.68rem;
  font-weight: 780;
  text-transform: uppercase;
}

.vu-workbench-resource-search input {
  min-height: 32px;
  padding: 0 9px;
  background: #0b1724;
  border: 1px solid rgba(103, 128, 159, 0.3);
  border-radius: 8px;
}

.vu-workbench-resource-tree {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 0;
  padding: 8px 8px 14px;
  overflow-y: auto;
}

.vu-workbench-resource-group {
  display: grid;
  gap: 4px;
}

.vu-workbench-resource-group h3 {
  margin: 8px 6px 2px;
  color: #9fb1c6;
  font-size: 0.68rem;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-workbench-resource-group > div {
  display: grid;
  gap: 2px;
}

.vu-workbench-resource-item {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 38px;
  padding: 5px 7px;
  color: #dbe5ef;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
}

.vu-workbench-resource-item > span {
  width: 7px;
  height: 7px;
  background: #94a3b8;
  border-radius: 999px;
}

.vu-workbench-resource-item div {
  display: grid;
  min-width: 0;
}

.vu-workbench-resource-item strong,
.vu-workbench-resource-item small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-resource-item strong {
  color: #edf2f7;
  font-size: 0.78rem;
  font-weight: 720;
}

.vu-workbench-resource-item small {
  color: #9fb1c6;
  font-size: 0.7rem;
}

.vu-workbench-resource-item em {
  color: #c2cedb;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 760;
}

.vu-workbench-main {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  background: #101a27;
}

.vu-workbench-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  background: rgba(194, 206, 219, 0.12);
  border-bottom: 1px solid rgba(194, 206, 219, 0.14);
}

.vu-workbench-summary-item {
  display: grid;
  gap: 2px;
  min-width: 0;
  min-height: 72px;
  padding: 10px 12px;
  background: #121f2e;
}

.vu-workbench-summary-item span,
.vu-workbench-summary-item small {
  min-width: 0;
  overflow: hidden;
  color: #9fb1c6;
  font-size: 0.72rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-summary-item strong {
  color: #ffffff;
  font-size: 1.24rem;
  font-weight: 820;
  line-height: 1.1;
}

.vu-workbench-tabs {
  display: flex;
  min-width: 0;
  min-height: 38px;
  overflow-x: auto;
  background: #0b1724;
  border-bottom: 1px solid rgba(194, 206, 219, 0.14);
}

.vu-workbench-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-width: 148px;
  max-width: 220px;
  min-height: 38px;
  padding: 0 12px;
  color: #b9c7d6;
  background: #0f1d2c;
  border: 0;
  border-right: 1px solid rgba(194, 206, 219, 0.14);
  border-top: 2px solid transparent;
  font-size: 0.78rem;
  font-weight: 740;
  cursor: pointer;
}

.vu-workbench-tab span {
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  background: #94a3b8;
  border-radius: 999px;
}

.vu-workbench-tab-active {
  color: #ffffff;
  background: #132235;
  border-top-color: #daa72c;
}

.vu-workbench-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
}

.vu-workbench-workspace-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  padding: 14px 16px;
  background: #132235;
  border-bottom: 1px solid rgba(194, 206, 219, 0.14);
}

.vu-workbench-workspace-head h1 {
  margin: 2px 0 4px;
  color: #ffffff;
  font-size: 1.28rem;
  font-weight: 820;
  line-height: 1.2;
}

.vu-workbench-workspace-head span {
  color: #b9c7d6;
  font-size: 0.85rem;
}

.vu-workbench-workspace-head dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 8px;
  margin: 0;
}

.vu-workbench-workspace-head dl > div {
  min-width: 0;
  padding: 8px 10px;
  background: #0f1d2c;
  border: 1px solid rgba(103, 128, 159, 0.24);
  border-radius: 8px;
}

.vu-workbench-workspace-head dt,
.vu-workbench-workspace-head dd {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-workspace-head dt {
  color: #9fb1c6;
  font-size: 0.68rem;
  font-weight: 780;
  text-transform: uppercase;
}

.vu-workbench-workspace-head dd {
  color: #edf2f7;
  font-size: 0.78rem;
  font-weight: 720;
}

.vu-workbench-stage-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(190px, 1fr));
  gap: 10px;
  min-width: 0;
  min-height: 0;
  padding: 12px;
  overflow: auto;
}

.vu-workbench-stage {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 190px;
  min-height: 0;
  background: #0f1d2c;
  border: 1px solid rgba(194, 206, 219, 0.14);
  border-radius: 8px;
}

.vu-workbench-stage-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 42px;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(194, 206, 219, 0.12);
}

.vu-workbench-stage-head h2 {
  margin: 0;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 790;
}

.vu-workbench-stage-head span {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  color: #0d1b2a;
  background: #c2cedb;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 850;
}

.vu-workbench-stage-items {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 0;
  padding: 8px;
  overflow-y: auto;
}

.vu-workbench-work-card {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 9px;
  background: #132235;
  border: 1px solid rgba(103, 128, 159, 0.24);
  border-left: 3px solid #94a3b8;
  border-radius: 8px;
}

.vu-workbench-work-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.vu-workbench-work-card-head span,
.vu-workbench-work-card-head strong,
.vu-workbench-work-card small {
  color: #9fb1c6;
  font-size: 0.68rem;
  font-weight: 780;
  text-transform: uppercase;
}

.vu-workbench-work-card h3 {
  margin: 0;
  color: #ffffff;
  font-size: 0.84rem;
  font-weight: 790;
  line-height: 1.25;
}

.vu-workbench-work-card p {
  margin: 0;
  color: #b9c7d6;
  font-size: 0.76rem;
  line-height: 1.45;
}

.vu-workbench-empty-stage {
  display: grid;
  place-items: center;
  min-height: 96px;
  padding: 10px;
  color: #8094aa;
  background: rgba(11, 23, 36, 0.58);
  border: 1px dashed rgba(103, 128, 159, 0.28);
  border-radius: 8px;
  font-size: 0.78rem;
  text-align: center;
}

.vu-workbench-ask {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
}

.vu-workbench-ask label {
  display: grid;
  gap: 6px;
}

.vu-workbench-ask textarea {
  width: 100%;
  min-height: 74px;
  resize: vertical;
  padding: 9px;
  background: #0b1724;
  border: 1px solid rgba(103, 128, 159, 0.3);
  border-radius: 8px;
  line-height: 1.45;
}

.vu-workbench-ask button {
  justify-self: end;
  min-width: 70px;
  padding: 0 14px;
  color: #0d1b2a;
  background: #daa72c;
  border-color: #f2d48a;
}

.vu-workbench-agent-section {
  display: grid;
  gap: 8px;
  padding: 0 12px;
}

.vu-workbench-agent-section h3 {
  margin: 0;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 790;
}

.vu-workbench-agent-list,
.vu-workbench-decision-list {
  display: grid;
  gap: 7px;
}

.vu-workbench-agent,
.vu-workbench-decision,
.vu-workbench-opportunity {
  background: #132235;
  border: 1px solid rgba(103, 128, 159, 0.22);
  border-left: 3px solid #94a3b8;
  border-radius: 8px;
}

.vu-workbench-agent {
  display: grid;
  gap: 6px;
  padding: 8px 9px;
}

.vu-workbench-agent div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.vu-workbench-agent strong,
.vu-workbench-decision strong,
.vu-workbench-opportunity strong {
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 780;
  line-height: 1.3;
}

.vu-workbench-agent span,
.vu-workbench-decision span {
  color: #9fb1c6;
  font-size: 0.68rem;
  font-weight: 760;
}

.vu-workbench-agent p {
  margin: 0;
  color: #b9c7d6;
  font-size: 0.74rem;
  line-height: 1.42;
}

.vu-workbench-recommendations {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0 0 0 18px;
  color: #c9d6e4;
  font-size: 0.76rem;
  line-height: 1.42;
}

.vu-workbench-decision {
  display: grid;
  gap: 2px;
  padding: 8px 9px;
}

.vu-workbench-opportunity {
  display: grid;
  gap: 5px;
  margin: 0 12px;
  padding: 10px;
  border-left-color: #daa72c;
}

.vu-workbench-ledger {
  grid-column: 2 / 5;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  border-top: 1px solid rgba(194, 206, 219, 0.16);
}

.vu-workbench-feed {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 8px;
  min-height: 0;
  padding: 10px 12px 12px;
  overflow: auto;
}

.vu-workbench-feed-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 9px;
  min-width: 0;
  padding: 8px;
  background: #132235;
  border: 1px solid rgba(103, 128, 159, 0.22);
  border-left: 3px solid #94a3b8;
  border-radius: 8px;
}

.vu-workbench-feed-item time {
  color: #f2d48a;
  font-size: 0.72rem;
  font-weight: 850;
}

.vu-workbench-feed-item div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.vu-workbench-feed-item strong {
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 790;
}

.vu-workbench-feed-item span {
  color: #b9c7d6;
  font-size: 0.74rem;
  line-height: 1.4;
}

.vu-workbench-tone-ready {
  --vu-workbench-tone-color: #4fa463;
}

.vu-workbench-tone-review {
  --vu-workbench-tone-color: #daa72c;
}

.vu-workbench-tone-risk {
  --vu-workbench-tone-color: #e57373;
}

.vu-workbench-tone-progress {
  --vu-workbench-tone-color: #67809f;
}

.vu-workbench-tone-neutral {
  --vu-workbench-tone-color: #94a3b8;
}

.vu-workbench-tone-ready,
.vu-workbench-tone-review,
.vu-workbench-tone-risk,
.vu-workbench-tone-progress,
.vu-workbench-tone-neutral {
  border-left-color: var(--vu-workbench-tone-color);
}

.vu-workbench-tone-ready.vu-workbench-tab span,
.vu-workbench-tone-ready.vu-workbench-resource-item > span {
  background: #4fa463;
}

.vu-workbench-tone-review.vu-workbench-tab span,
.vu-workbench-tone-review.vu-workbench-resource-item > span {
  background: #daa72c;
}

.vu-workbench-tone-risk.vu-workbench-tab span,
.vu-workbench-tone-risk.vu-workbench-resource-item > span {
  background: #e57373;
}

.vu-workbench-tone-progress.vu-workbench-tab span,
.vu-workbench-tone-progress.vu-workbench-resource-item > span {
  background: #67809f;
}

.vu-workbench-tone-neutral.vu-workbench-tab span,
.vu-workbench-tone-neutral.vu-workbench-resource-item > span {
  background: #94a3b8;
}

@media (max-width: 1280px) {
  .vu-workbench-topbar {
    grid-template-columns: minmax(170px, 220px) minmax(140px, 180px) minmax(220px, 1fr) auto;
  }

  .vu-workbench-user {
    display: none;
  }

  .vu-workbench-body {
    grid-template-columns: 60px minmax(220px, 260px) minmax(0, 1fr) minmax(260px, 300px);
  }

  .vu-workbench-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vu-workbench-feed {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

.vu-frame-task-inspect {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 180px;
  overflow: hidden;
  color: #e5edf5;
  background: #0b1118;
  border-top: 1px solid #26313d;
}

.vu-frame-task-inspect-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.9fr);
  gap: 12px;
  align-items: center;
  min-height: 31px;
  padding: 5px 8px;
  background: #101923;
  border-bottom: 1px solid #26313d;
}

.vu-frame-task-inspect-heading strong,
.vu-frame-task-inspect-heading span {
  min-width: 0;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-task-inspect-heading strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 800;
}

.vu-frame-task-inspect-heading span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  text-align: right;
}

.vu-frame-task-inspect-body {
  display: grid;
  grid-template-columns: minmax(230px, 0.95fr) minmax(260px, 1.25fr) minmax(190px, 0.8fr);
  min-height: 149px;
  overflow-y: auto;
}

.vu-frame-task-inspect-section {
  display: grid;
  align-content: start;
  min-width: 0;
  background: #0b1118;
  border-right: 1px solid #26313d;
}

.vu-frame-task-inspect-section header {
  display: flex;
  align-items: center;
  min-height: 27px;
  padding: 6px 8px;
  color: #94a3b8;
  background: #101923;
  border-bottom: 1px solid #26313d;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

.vu-frame-task-inspect-section:last-of-type {
  border-right: 0;
}

.vu-frame-task-inspect-rows,
.vu-frame-task-inspect-events {
  display: grid;
  min-width: 0;
}

.vu-frame-task-inspect-rows p,
.vu-frame-task-inspect-events p {
  display: grid;
  gap: 8px;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 4px 8px;
  background: #111a24;
  border-bottom: 1px solid #26313d;
  font-size: 12px;
  line-height: 1.2;
}

.vu-frame-task-inspect-rows p:nth-child(even),
.vu-frame-task-inspect-events p:nth-child(even) {
  background: #0f1822;
}

.vu-frame-task-inspect-rows p {
  grid-template-columns: 104px minmax(0, 1fr);
}

.vu-frame-task-inspect-events p {
  grid-template-columns: 52px minmax(92px, 124px) minmax(0, 1fr);
}

.vu-frame-task-inspect-rows strong,
.vu-frame-task-inspect-rows span,
.vu-frame-task-inspect-events time,
.vu-frame-task-inspect-events strong,
.vu-frame-task-inspect-events span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-task-inspect-rows strong {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 750;
}

.vu-frame-task-inspect-rows span {
  color: #e5edf5;
  font-size: 12px;
  font-weight: 650;
}

.vu-frame-task-inspect-events time {
  color: #5eead4;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 11px;
}

.vu-frame-task-inspect-events strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-task-inspect-events span {
  color: #cbd5e1;
  font-size: 12px;
}

.vu-frame-task-inspect-related {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  padding: 8px;
}

.vu-frame-task-inspect-related span {
  min-height: 24px;
  padding: 5px 8px;
  color: #dbeafe;
  background: #111a24;
  border: 1px solid #334155;
  border-left: 3px solid #14b8a6;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-task-inspect-actions {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 6px;
  align-items: center;
  min-height: 32px;
  padding: 6px 8px;
  background: #101923;
  border-top: 1px solid #26313d;
}

.vu-frame-task-inspect-actions button {
  min-height: 24px;
  padding: 0 8px;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #334155;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 750;
}

.vu-frame-task-inspect-actions button:hover,
.vu-frame-task-inspect-actions button:focus-visible {
  color: #042f2e;
  background: #5eead4;
  border-color: #14b8a6;
  outline: none;
}

@media (max-width: 1180px) {
  .vu-frame-task-inspect-heading,
  .vu-frame-task-inspect-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-task-inspect-heading span {
    text-align: left;
  }

  .vu-frame-task-inspect-section {
    border-right: 0;
    border-bottom: 1px solid #26313d;
  }
}

@media (max-width: 980px) {
  .vu-workbench {
    min-height: 900px;
    overflow: auto;
  }

  .vu-workbench-topbar {
    grid-template-columns: 1fr;
    height: auto;
  }

  .vu-workbench-body {
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    min-height: 0;
  }

  .vu-workbench-rail {
    grid-row: 1 / 5;
  }

  .vu-workbench-explorer,
  .vu-workbench-main,
  .vu-workbench-agents,
  .vu-workbench-ledger {
    grid-column: 2;
  }

  .vu-workbench-explorer,
  .vu-workbench-agents {
    max-height: 360px;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid rgba(194, 206, 219, 0.16);
  }

  .vu-workbench-ledger {
    grid-column: 2;
  }

  .vu-workbench-workspace-head,
  .vu-workbench-workspace-head dl,
  .vu-workbench-stage-board,
  .vu-workbench-feed {
    grid-template-columns: 1fr;
  }
}

.vucoris-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 20;
  display: flex;
  width: 248px;
  height: 100vh;
  padding: 18px 14px;
  color: var(--color-white);
  background:
    linear-gradient(180deg, rgba(103, 128, 159, 0.12) 0%, rgba(31, 45, 61, 0) 36%),
    linear-gradient(180deg, var(--color-deep-navy) 0%, #10253b 58%, #0b1724 100%);
  border-right: 1px solid rgba(203, 213, 225, 0.14);
  box-shadow: 10px 0 28px rgba(13, 27, 42, 0.12);
  flex-direction: column;
}

.vucoris-brand-lockup {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 4px 8px 18px;
  border-bottom: 1px solid rgba(203, 213, 225, 0.12);
}

.role-switcher {
  display: inline-grid;
  grid-template-columns: auto minmax(120px, 150px) auto;
  gap: 6px;
  align-items: center;
  min-height: 32px;
  padding: 3px 8px;
  color: #334155;
  background: #f8fafc;
  border: 1px dashed #94a3b8;
  border-radius: 999px;
}

.role-switcher span,
.role-switcher small {
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
  white-space: nowrap;
}

.role-switcher span {
  color: #67809f;
}

.role-switcher small {
  color: #64748b;
}

.role-switcher select {
  min-width: 0;
  min-height: 24px;
  padding: 0 6px;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 780;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

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

.vu-role-context-card {
  --vu-role-accent: #94a3b8;
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 104px;
  padding: 13px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-top: 4px solid var(--vu-role-accent);
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.06);
}

.vu-role-context-card span,
.vu-role-context-card strong,
.vu-role-context-card small {
  display: block;
  overflow-wrap: anywhere;
}

.vu-role-context-card span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-role-context-card strong {
  color: var(--vu-role-accent);
  font-size: 27px;
  font-weight: 920;
  line-height: 32px;
}

.vu-role-context-card small {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.vu-role-workspace-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.vu-role-workspace-layout {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.vu-role-workspace-section {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.vu-role-workspace-section h3,
.vu-role-workspace-section p,
.vu-role-workspace-section ol {
  margin: 0;
}

.vu-role-workspace-section h3 {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 880;
  line-height: 18px;
}

.vu-role-workspace-section > div {
  display: grid;
  gap: 8px;
}

.vu-role-workspace-section article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-left: 3px solid #67809f;
  border-radius: 8px;
}

.vu-role-workspace-section strong,
.vu-role-workspace-section p,
.vu-role-workspace-section span,
.vu-role-workspace-section li {
  overflow-wrap: anywhere;
}

.vu-role-workspace-section strong {
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 840;
  line-height: 17px;
}

.vu-role-workspace-section p,
.vu-role-workspace-section li {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.vu-role-workspace-section span {
  justify-self: start;
  padding: 3px 7px;
  color: #334155;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.vu-role-workspace-section ol {
  display: grid;
  gap: 7px;
  padding-left: 18px;
}

.vu-operational-memory-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.vu-operational-memory-header {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.vu-operational-memory-header h3,
.vu-operational-memory-column h4,
.vu-operational-memory-column ul {
  margin: 0;
}

.vu-operational-memory-header h3 {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 880;
  line-height: 18px;
}

.vu-operational-memory-header span {
  flex: 0 0 auto;
  padding: 3px 7px;
  color: #334155;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

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

.vu-operational-memory-column {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-left: 3px solid #67809f;
  border-radius: 8px;
}

.vu-operational-memory-column h4 {
  overflow-wrap: anywhere;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 840;
  line-height: 17px;
}

.vu-operational-memory-column ul {
  display: grid;
  gap: 6px;
  padding-left: 16px;
}

.vu-operational-memory-column li {
  overflow-wrap: anywhere;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.vu-role-tone-ready {
  --vu-role-accent: #2e7d32;
}

.vu-role-tone-review {
  --vu-role-accent: #d4a72c;
}

.vu-role-tone-risk {
  --vu-role-accent: #c0392b;
}

.vu-role-tone-progress {
  --vu-role-accent: #67809f;
}

.vu-role-tone-neutral {
  --vu-role-accent: #94a3b8;
}

.opportunities-workspace {
  display: grid;
  gap: 16px;
  max-width: 1480px;
  min-width: 0;
}

.opportunities-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: 18px;
  align-items: center;
  min-height: 132px;
  padding: 20px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.24), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.opportunities-hero > div,
.opportunities-hero aside {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.opportunities-hero p,
.opportunities-hero h1,
.opportunities-hero span,
.opportunities-hero strong,
.opportunities-hero small {
  margin: 0;
  overflow-wrap: anywhere;
}

.opportunities-eyebrow,
.opportunity-section-heading p {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.opportunities-hero h1 {
  color: #ffffff;
  font-size: 32px;
  font-weight: 880;
  line-height: 38px;
}

.opportunities-hero > div > p:last-child,
.opportunities-hero aside small {
  color: rgba(237, 242, 247, 0.78);
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.opportunities-hero aside {
  padding: 14px;
  background: rgba(8, 20, 33, 0.5);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.opportunities-hero aside span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.opportunities-hero aside strong {
  color: #ffffff;
  font-size: 16px;
  font-weight: 860;
  line-height: 22px;
}

.opportunities-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 10px;
}

.opportunity-summary-card {
  --opportunity-accent: #94a3b8;
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 108px;
  padding: 13px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-top: 4px solid var(--opportunity-accent);
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.07);
}

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

.opportunity-summary-card span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.opportunity-summary-card strong {
  color: var(--opportunity-accent);
  font-size: 30px;
  font-weight: 920;
  line-height: 34px;
}

.opportunity-summary-card small {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.opportunities-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.36fr);
  gap: 14px;
  align-items: start;
}

.opportunity-list-panel,
.opportunity-focus-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.opportunity-focus-panel {
  position: sticky;
  top: 14px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.12), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #111827 0%, #1a2029 54%, #0d1118 100%);
  border-color: rgba(212, 167, 44, 0.34);
  border-left: 4px solid #d4a72c;
}

.opportunity-section-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.opportunity-section-heading p,
.opportunity-section-heading h2 {
  margin: 0;
  overflow-wrap: anywhere;
}

.opportunity-list-panel .opportunity-section-heading p {
  color: #67809f;
}

.opportunity-section-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.opportunity-focus-panel .opportunity-section-heading h2 {
  color: #ffffff;
}

.opportunity-focus-panel > p,
.opportunity-policy-note p {
  margin: 0;
  color: rgba(237, 242, 247, 0.76);
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.opportunity-readiness-list {
  display: grid;
  gap: 10px;
}

.opportunity-readiness-card {
  --opportunity-accent: #94a3b8;
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 13px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--opportunity-accent);
  border-radius: 8px;
}

button.opportunity-readiness-card {
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

button.opportunity-readiness-card:hover,
button.opportunity-readiness-card:focus-visible,
.opportunity-readiness-card.opportunity-selected {
  background: #ffffff;
  border-color: var(--opportunity-accent);
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.1);
  outline: none;
}

.opportunity-card-header {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.opportunity-card-header h3,
.opportunity-card-header p {
  margin: 0;
  overflow-wrap: anywhere;
}

.opportunity-card-header h3 {
  color: #0d1b2a;
  font-size: 16px;
  font-weight: 880;
  line-height: 21px;
}

.opportunity-card-header p {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.opportunity-fit-score,
.opportunity-visibility-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  line-height: 15px;
  text-align: center;
  overflow-wrap: anywhere;
}

.opportunity-fit-score {
  color: #ffffff;
  background: var(--opportunity-accent);
}

.opportunity-visibility-pill {
  color: #334155;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
}

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

.opportunity-card-metrics div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.opportunity-card-metrics dt,
.opportunity-card-metrics dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 15px;
}

.opportunity-card-metrics dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.opportunity-card-metrics dd {
  color: #0d1b2a;
  font-weight: 820;
}

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

.opportunity-card-detail-grid section {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.opportunity-card-detail-grid h4,
.opportunity-card-detail-grid ul {
  margin: 0;
}

.opportunity-card-detail-grid h4 {
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 860;
  line-height: 17px;
}

.opportunity-card-detail-grid ul {
  display: grid;
  gap: 4px;
  padding-left: 16px;
}

.opportunity-card-detail-grid li {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  overflow-wrap: anywhere;
}

.opportunity-evidence-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.opportunity-evidence-list span {
  padding: 5px 8px;
  color: #fff4db;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(212, 167, 44, 0.18);
  border-radius: 999px;
}

.opportunity-policy-note {
  display: grid;
  gap: 5px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-left: 3px solid #d4a72c;
  border-radius: 8px;
}

.opportunity-policy-note strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 860;
  line-height: 17px;
}

.opportunity-intake-form,
.opportunity-detail-panel,
.opportunity-detail-metrics {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.opportunity-intake-form label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.opportunity-intake-form label span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.opportunity-intake-form input,
.opportunity-intake-form select,
.opportunity-intake-form textarea {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  color: #ffffff;
  font: inherit;
  font-size: 12px;
  font-weight: 720;
  line-height: 17px;
  background: rgba(8, 20, 33, 0.62);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.opportunity-intake-form textarea {
  min-height: 78px;
  resize: vertical;
}

.opportunity-intake-form option {
  color: #0d1b2a;
}

.opportunity-intake-form button {
  min-height: 38px;
  padding: 8px 12px;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 880;
  background: #d4a72c;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}

.opportunity-intake-form button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.opportunity-intake-modes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.opportunity-intake-modes span,
.opportunity-live-state {
  padding: 5px 8px;
  color: rgba(237, 242, 247, 0.82);
  font-size: 11px;
  font-weight: 760;
  line-height: 15px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-radius: 999px;
}

.opportunity-live-state {
  margin: 0;
  border-radius: 8px;
}

.opportunity-detail-panel {
  padding: 11px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-left: 3px solid #67809f;
  border-radius: 8px;
}

.opportunity-detail-panel h3,
.opportunity-detail-panel p {
  margin: 0;
  overflow-wrap: anywhere;
}

.opportunity-detail-panel h3 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 860;
  line-height: 20px;
}

.opportunity-detail-panel p,
.opportunity-detail-panel li,
.opportunity-detail-panel dd {
  color: rgba(237, 242, 247, 0.78);
}

.opportunity-detail-panel > div:first-child > span {
  color: #fff4db;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.opportunity-detail-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.opportunity-detail-metrics div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px;
  background: rgba(8, 20, 33, 0.45);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-radius: 8px;
}

.opportunity-detail-metrics dt,
.opportunity-detail-metrics dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 15px;
}

.opportunity-detail-metrics dt {
  color: rgba(255, 244, 219, 0.68);
  font-weight: 830;
  text-transform: uppercase;
}

.opportunity-detail-panel .opportunity-card-detail-grid,
.opportunity-detail-panel section {
  color: inherit;
}

.opportunity-detail-panel section {
  display: grid;
  gap: 6px;
}

.opportunity-detail-panel section h4,
.opportunity-detail-panel section ul {
  margin: 0;
}

.opportunity-detail-panel section h4 {
  color: #ffffff;
  font-size: 12px;
  font-weight: 850;
}

.opportunity-detail-panel section ul {
  display: grid;
  gap: 4px;
  padding-left: 16px;
}

.opportunity-tone-ready {
  --opportunity-accent: #2e7d32;
}

.opportunity-tone-review {
  --opportunity-accent: #d4a72c;
}

.opportunity-tone-risk {
  --opportunity-accent: #c0392b;
}

.opportunity-tone-progress {
  --opportunity-accent: #67809f;
}

.opportunity-tone-neutral {
  --opportunity-accent: #94a3b8;
}

.notification-center {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.notification-center-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  min-width: 0;
}

.notification-center-heading p,
.notification-center-heading h2,
.notification-center-heading dl,
.notification-center-heading dt,
.notification-center-heading dd {
  margin: 0;
}

.notification-center-heading p {
  color: #67809f;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.notification-center-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
  overflow-wrap: anywhere;
}

.notification-center-heading dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(64px, 1fr));
  gap: 6px;
}

.notification-center-heading dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.notification-center-heading dt,
.notification-item dt {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.notification-center-heading dd {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 900;
  line-height: 22px;
}

.notification-center-state {
  margin: 0;
  padding: 7px 8px;
  color: #334155;
  font-size: 11px;
  font-weight: 760;
  line-height: 16px;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.notification-list {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.notification-item {
  --notification-accent: #67809f;
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 11px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--notification-accent);
  border-radius: 8px;
}

.notification-item-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.notification-item-main span,
.notification-item-main strong,
.notification-item-main p {
  margin: 0;
  overflow-wrap: anywhere;
}

.notification-item-main span {
  color: var(--notification-accent);
  font-size: 10px;
  font-weight: 900;
  line-height: 14px;
  text-transform: uppercase;
}

.notification-item-main strong {
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 19px;
}

.notification-item-main p,
.notification-empty p {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.notification-item dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.notification-item dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.notification-item dd {
  margin: 0;
  color: #0d1b2a;
  font-size: 11px;
  font-weight: 800;
  line-height: 15px;
  overflow-wrap: anywhere;
}

.notification-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.notification-actions button {
  min-height: 30px;
  padding: 6px 9px;
  color: #0d1b2a;
  font-size: 11px;
  font-weight: 850;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  cursor: pointer;
}

.notification-empty {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.notification-empty strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 860;
}

.notification-center-compact .notification-item {
  gap: 7px;
  padding: 10px;
}

.notification-center-compact .notification-item dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.notification-tone-info {
  --notification-accent: #67809f;
}

.notification-tone-warning {
  --notification-accent: #d4a72c;
}

.notification-tone-critical {
  --notification-accent: #c0392b;
}

.notification-tone-resolved {
  --notification-accent: #2e7d32;
}

@media (max-width: 1180px) {
  .vu-role-workspace-layout,
  .vu-operational-memory-grid,
  .opportunities-layout,
  .opportunities-hero {
    grid-template-columns: 1fr;
  }

  .opportunity-focus-panel {
    position: static;
  }
}

@media (max-width: 860px) {
  .role-switcher {
    grid-template-columns: 1fr;
    align-items: stretch;
    border-radius: 8px;
  }

  .vu-role-context-grid,
  .opportunities-summary-grid,
  .notification-center-heading,
  .opportunity-card-header,
  .opportunity-card-metrics,
  .opportunity-card-detail-grid,
  .notification-item dl,
  .opportunity-detail-metrics {
    grid-template-columns: 1fr;
  }

  .opportunities-hero,
  .opportunity-list-panel,
  .opportunity-focus-panel,
  .vu-role-workspace-panel {
    padding: 14px;
  }

  .opportunities-hero h1 {
    font-size: 26px;
    line-height: 32px;
  }
}

.vu-agent-operations {
  display: grid;
  gap: 16px;
  max-width: 1480px;
  min-width: 0;
}

.vu-agent-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: 18px;
  align-items: center;
  min-height: 142px;
  padding: 20px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.24), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.vu-agent-hero-copy,
.vu-agent-hero-control {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vu-agent-hero-copy p,
.vu-agent-hero-copy h1,
.vu-agent-hero-control span,
.vu-agent-hero-control strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.vu-agent-eyebrow,
.vu-agent-section-heading p {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 15px;
  text-transform: uppercase;
}

.vu-agent-hero h1 {
  color: #ffffff;
  font-size: 32px;
  font-weight: 880;
  line-height: 38px;
}

.vu-agent-hero-copy p:last-child {
  max-width: 760px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  font-weight: 680;
  line-height: 20px;
}

.vu-agent-hero-control {
  padding: 14px;
  background: rgba(8, 20, 33, 0.5);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.vu-agent-hero-control span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.vu-agent-hero-control strong {
  color: #ffffff;
  font-size: 17px;
  font-weight: 880;
  line-height: 23px;
}

.vu-agent-hero-control dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 3px 0 0;
}

.vu-agent-hero-control dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(212, 167, 44, 0.2);
  border-radius: 8px;
}

.vu-agent-hero-control dt,
.vu-agent-hero-control dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.vu-agent-hero-control dt {
  color: rgba(255, 244, 219, 0.72);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-agent-hero-control dd {
  color: #fffaf0;
  font-size: 12px;
  font-weight: 820;
  line-height: 17px;
}

.vu-agent-status-header {
  display: grid;
  grid-template-columns: repeat(6, minmax(145px, 1fr));
  gap: 10px;
}

.vu-agent-status-card {
  --vu-agent-accent: #94a3b8;
  display: grid;
  gap: 5px;
  min-width: 0;
  min-height: 108px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-top: 4px solid var(--vu-agent-accent);
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.07);
}

.vu-agent-status-card span,
.vu-agent-status-card strong,
.vu-agent-status-card small {
  display: block;
  overflow-wrap: anywhere;
}

.vu-agent-status-card span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-agent-status-card strong {
  color: #0d1b2a;
  font-size: 15px;
  font-weight: 880;
  line-height: 20px;
}

.vu-agent-status-card small {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.vu-agent-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.38fr);
  gap: 14px;
  align-items: start;
}

.vu-agent-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.vu-agent-output-panel,
.vu-agent-proof-panel,
.vu-agent-opportunities,
.vu-agent-outreach {
  grid-column: 1 / -1;
}

.vu-agent-section-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vu-agent-section-heading p,
.vu-agent-section-heading h2 {
  margin: 0;
  overflow-wrap: anywhere;
}

.vu-agent-section-heading p {
  color: #67809f;
}

.vu-agent-section-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.vu-agent-task-list,
.vu-agent-proof-list,
.vu-agent-guardrail-list,
.vu-agent-outreach-list {
  display: grid;
  gap: 10px;
}

.vu-agent-task {
  --vu-agent-accent: #94a3b8;
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--vu-agent-accent);
  border-radius: 8px;
}

.vu-agent-task-primary {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.vu-agent-task h3,
.vu-agent-output h3,
.vu-agent-opportunity h3 {
  margin: 0;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 19px;
  overflow-wrap: anywhere;
}

.vu-agent-task dl,
.vu-agent-output dl,
.vu-agent-proof-event dl,
.vu-agent-opportunity dl,
.vu-agent-outreach-item dl,
.vu-agent-proof-heading dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.vu-agent-task dl {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.vu-agent-output dl,
.vu-agent-outreach-item dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vu-agent-proof-event dl,
.vu-agent-opportunity dl,
.vu-agent-proof-heading dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vu-agent-task dl div,
.vu-agent-output dl div,
.vu-agent-proof-event dl div,
.vu-agent-opportunity dl div,
.vu-agent-outreach-item dl div,
.vu-agent-proof-heading dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.vu-agent-panel dt,
.vu-agent-panel dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 15px;
}

.vu-agent-panel dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-agent-panel dd {
  color: #0d1b2a;
  font-weight: 820;
}

.vu-agent-status-badge {
  justify-self: start;
  min-height: 24px;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid rgba(13, 27, 42, 0.12);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  overflow-wrap: anywhere;
}

.vu-agent-status-ready {
  color: #18551e;
  background: #e6f4ea;
  border-color: rgba(46, 125, 50, 0.24);
}

.vu-agent-status-review {
  color: #6c4c02;
  background: #fff4db;
  border-color: rgba(184, 134, 11, 0.26);
}

.vu-agent-status-risk {
  color: #8b241c;
  background: #fdecec;
  border-color: rgba(192, 57, 43, 0.24);
}

.vu-agent-status-progress {
  color: #214764;
  background: #edf2f7;
  border-color: rgba(103, 128, 159, 0.28);
}

.vu-agent-status-neutral {
  color: #475569;
  background: #f4f7fb;
  border-color: rgba(148, 163, 184, 0.28);
}

.vu-agent-guardrails {
  position: sticky;
  top: 14px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.12), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #111827 0%, #1a2029 54%, #0d1118 100%);
  border-color: rgba(212, 167, 44, 0.34);
  border-left: 4px solid #d4a72c;
}

.vu-agent-guardrails .vu-agent-section-heading p {
  color: rgba(255, 244, 219, 0.72);
}

.vu-agent-guardrails .vu-agent-section-heading h2 {
  color: #ffffff;
}

.vu-agent-guardrail-list article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-radius: 8px;
}

.vu-agent-guardrail-list article > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #f4cf75;
  background: rgba(212, 167, 44, 0.12);
  border: 1px solid rgba(212, 167, 44, 0.24);
  border-radius: 999px;
}

.vu-agent-guardrail-list svg {
  width: 16px;
  height: 16px;
}

.vu-agent-guardrail-list svg path {
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.vu-agent-guardrail-list strong,
.vu-agent-guardrail-list p {
  margin: 0;
  overflow-wrap: anywhere;
}

.vu-agent-guardrail-list strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 840;
  line-height: 18px;
}

.vu-agent-guardrail-list p {
  margin-top: 3px;
  color: rgba(237, 242, 247, 0.72);
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.vu-agent-output-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.vu-agent-output {
  --vu-agent-accent: #94a3b8;
  display: grid;
  align-content: start;
  gap: 11px;
  min-width: 0;
  min-height: 246px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 4px solid var(--vu-agent-accent);
  border-radius: 8px;
}

.vu-agent-output > div:first-child,
.vu-agent-opportunity-body,
.vu-agent-outreach-item > div:first-child {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vu-agent-output span {
  color: var(--vu-agent-accent);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-agent-output p,
.vu-agent-opportunity p,
.vu-agent-outreach-item span,
.vu-agent-proof-event p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  overflow-wrap: anywhere;
}

.vu-agent-proof-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
  gap: 12px;
  align-items: start;
}

.vu-agent-proof-heading dl div {
  background: #f8fafc;
}

.vu-agent-proof-event {
  --vu-agent-accent: #94a3b8;
  display: grid;
  grid-template-columns: minmax(110px, 0.16fr) minmax(0, 1fr) minmax(300px, 0.42fr);
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--vu-agent-accent);
  border-radius: 8px;
}

.vu-agent-proof-event time,
.vu-agent-proof-event span,
.vu-agent-proof-event strong {
  display: block;
  overflow-wrap: anywhere;
}

.vu-agent-proof-event time {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
}

.vu-agent-proof-event span {
  color: var(--vu-agent-accent);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-agent-proof-event strong {
  margin-top: 3px;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 19px;
}

.vu-agent-opportunity-grid,
.vu-agent-outreach-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.vu-agent-opportunity {
  --vu-agent-accent: #94a3b8;
  display: grid;
  grid-template-columns: minmax(86px, 0.22fr) minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--vu-agent-accent);
  border-radius: 8px;
}

.vu-agent-opportunity-score {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
}

.vu-agent-opportunity-score span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-agent-opportunity-score strong {
  color: var(--vu-agent-accent);
  font-size: 31px;
  font-weight: 920;
  line-height: 35px;
}

.vu-agent-department-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.vu-agent-department-pills span {
  min-height: 24px;
  padding: 4px 8px;
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 820;
  line-height: 14px;
}

.vu-agent-opportunity dl {
  grid-column: 1 / -1;
}

.vu-agent-outreach-item {
  --vu-agent-accent: #94a3b8;
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 4px solid var(--vu-agent-accent);
  border-radius: 8px;
}

.vu-agent-outreach-item strong {
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 19px;
  overflow-wrap: anywhere;
}

.vu-agent-tone-ready {
  --vu-agent-accent: #2e7d32;
}

.vu-agent-tone-review {
  --vu-agent-accent: #d4a72c;
}

.vu-agent-tone-risk {
  --vu-agent-accent: #c0392b;
}

.vu-agent-tone-progress {
  --vu-agent-accent: #67809f;
}

.vu-agent-tone-neutral {
  --vu-agent-accent: #94a3b8;
}

.vu-agent-inbox-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 14px 16px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.2), rgba(13, 27, 42, 0) 52%),
    linear-gradient(180deg, #111827 0%, #1a2029 100%);
  border: 1px solid rgba(103, 128, 159, 0.38);
  border-left: 4px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.09);
}

.vu-agent-inbox-entry div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vu-agent-inbox-entry p,
.vu-agent-inbox-entry h2,
.vu-agent-inbox-entry span {
  margin: 0;
  overflow-wrap: anywhere;
}

.vu-agent-inbox-entry h2 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 860;
  line-height: 21px;
}

.vu-agent-inbox-entry span {
  color: rgba(237, 242, 247, 0.76);
  font-size: 12px;
  font-weight: 720;
  line-height: 17px;
}

.vu-agent-inbox-entry a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 12px;
  color: #0d1b2a;
  text-decoration: none;
  background: #fff4db;
  border: 1px solid rgba(212, 167, 44, 0.34);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
  line-height: 16px;
}

.vu-agent-inbox-entry a:hover,
.vu-agent-inbox-entry a:focus-visible {
  background: #f4cf75;
}

.vu-inbox {
  display: grid;
  gap: 16px;
  max-width: 1480px;
  min-width: 0;
}

.vu-inbox-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: 18px;
  align-items: center;
  min-height: 132px;
  padding: 20px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.24), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.vu-inbox-hero > div,
.vu-inbox-hero aside {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vu-inbox-hero p,
.vu-inbox-hero h1,
.vu-inbox-hero span,
.vu-inbox-hero strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.vu-inbox-eyebrow,
.vu-inbox-section-heading p {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 15px;
  text-transform: uppercase;
}

.vu-inbox-hero h1 {
  color: #ffffff;
  font-size: 32px;
  font-weight: 880;
  line-height: 38px;
}

.vu-inbox-hero > div > p:last-child {
  max-width: 760px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  font-weight: 680;
  line-height: 20px;
}

.vu-inbox-hero aside {
  padding: 14px;
  background: rgba(8, 20, 33, 0.5);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.vu-inbox-hero aside span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.vu-inbox-hero aside strong {
  color: #ffffff;
  font-size: 17px;
  font-weight: 870;
  line-height: 23px;
}

.vu-inbox-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 10px;
}

.vu-inbox-summary-card {
  --vu-inbox-accent: #94a3b8;
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 112px;
  padding: 13px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-top: 4px solid var(--vu-inbox-accent);
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.07);
}

.vu-inbox-summary-card span,
.vu-inbox-summary-card strong,
.vu-inbox-summary-card small {
  display: block;
  overflow-wrap: anywhere;
}

.vu-inbox-summary-card span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-inbox-summary-card strong {
  color: var(--vu-inbox-accent);
  font-size: 32px;
  font-weight: 920;
  line-height: 36px;
}

.vu-inbox-summary-card small {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.vu-inbox-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.36fr);
  gap: 14px;
  align-items: start;
}

.vu-inbox-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.vu-inbox-requests,
.vu-inbox-proof,
.vu-inbox-outreach {
  grid-column: 1;
}

.vu-inbox-why {
  position: sticky;
  top: 14px;
  grid-column: 2;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.12), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #111827 0%, #1a2029 54%, #0d1118 100%);
  border-color: rgba(212, 167, 44, 0.34);
  border-left: 4px solid #d4a72c;
}

.vu-inbox-section-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vu-inbox-section-heading p,
.vu-inbox-section-heading h2 {
  margin: 0;
  overflow-wrap: anywhere;
}

.vu-inbox-section-heading p {
  color: #67809f;
}

.vu-inbox-section-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.vu-inbox-why .vu-inbox-section-heading p {
  color: rgba(255, 244, 219, 0.72);
}

.vu-inbox-why .vu-inbox-section-heading h2 {
  color: #ffffff;
}

.vu-inbox-state-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.vu-inbox-request-state,
.vu-inbox-status-badge {
  min-height: 24px;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid rgba(13, 27, 42, 0.12);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  overflow-wrap: anywhere;
}

.vu-inbox-request-list,
.vu-inbox-guardrail-list,
.vu-inbox-outreach-list {
  display: grid;
  gap: 10px;
}

.vu-inbox-request {
  --vu-inbox-accent: #94a3b8;
  display: grid;
  grid-template-columns: minmax(230px, 0.3fr) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--vu-inbox-accent);
  border-radius: 8px;
}

.vu-inbox-request-main {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.vu-inbox-request h2,
.vu-inbox-guardrail strong,
.vu-inbox-outreach-item strong {
  margin: 0;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 19px;
  overflow-wrap: anywhere;
}

.vu-inbox-request p,
.vu-inbox-guardrail p,
.vu-inbox-outreach-item p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  overflow-wrap: anywhere;
}

.vu-inbox-request dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.vu-inbox-request dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.vu-inbox-panel dt,
.vu-inbox-panel dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 15px;
}

.vu-inbox-panel dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-inbox-panel dd {
  color: #0d1b2a;
  font-weight: 820;
}

.vu-inbox-status-ready,
.vu-inbox-state-ready {
  color: #18551e;
  background: #e6f4ea;
  border-color: rgba(46, 125, 50, 0.24);
}

.vu-inbox-status-review,
.vu-inbox-state-review {
  color: #6c4c02;
  background: #fff4db;
  border-color: rgba(184, 134, 11, 0.26);
}

.vu-inbox-status-risk,
.vu-inbox-state-risk {
  color: #8b241c;
  background: #fdecec;
  border-color: rgba(192, 57, 43, 0.24);
}

.vu-inbox-status-progress,
.vu-inbox-state-progress {
  color: #214764;
  background: #edf2f7;
  border-color: rgba(103, 128, 159, 0.28);
}

.vu-inbox-status-neutral,
.vu-inbox-state-neutral {
  color: #475569;
  background: #f4f7fb;
  border-color: rgba(148, 163, 184, 0.28);
}

.vu-inbox-guardrail,
.vu-inbox-outreach-item {
  --vu-inbox-accent: #94a3b8;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
}

.vu-inbox-guardrail {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-left: 3px solid var(--vu-inbox-accent);
}

.vu-inbox-guardrail strong {
  color: #ffffff;
}

.vu-inbox-guardrail p {
  color: rgba(237, 242, 247, 0.72);
}

.vu-inbox-proof-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.vu-inbox-proof-step {
  position: relative;
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  min-height: 94px;
  padding: 11px 18px 11px 11px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 4px solid #94a3b8;
  border-radius: 8px;
}

.vu-inbox-proof-step:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 6px;
  color: #67809f;
  content: ">";
  font-size: 16px;
  font-weight: 900;
  transform: translateY(-50%);
}

.vu-inbox-proof-step strong,
.vu-inbox-proof-step span {
  display: block;
  overflow-wrap: anywhere;
}

.vu-inbox-proof-step strong {
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 860;
  line-height: 17px;
}

.vu-inbox-proof-step span {
  color: #64748b;
  font-size: 11px;
  font-weight: 720;
  line-height: 16px;
}

.vu-inbox-proof-complete {
  border-top-color: #2e7d32;
}

.vu-inbox-proof-current {
  border-top-color: #d4a72c;
}

.vu-inbox-proof-pending {
  border-top-color: #94a3b8;
}

.vu-inbox-outreach-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vu-inbox-outreach-item {
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 4px solid var(--vu-inbox-accent);
}

.vu-inbox-tone-ready {
  --vu-inbox-accent: #2e7d32;
}

.vu-inbox-tone-review {
  --vu-inbox-accent: #d4a72c;
}

.vu-inbox-tone-risk {
  --vu-inbox-accent: #c0392b;
}

.vu-inbox-tone-progress {
  --vu-inbox-accent: #67809f;
}

.vu-inbox-tone-neutral {
  --vu-inbox-accent: #94a3b8;
}

.command-agent-activity {
  grid-column: 2;
}

.command-vu-inbox-preview {
  grid-column: 2;
}

.command-agent-activity-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.command-agent-activity-summary div {
  --command-accent: #94a3b8;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 3px solid var(--command-accent);
  border-radius: 8px;
}

.command-agent-activity-summary dt,
.command-agent-activity-summary dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.command-agent-activity-summary dt {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.command-agent-activity-summary dd {
  color: var(--command-accent);
  font-size: 24px;
  font-weight: 920;
  line-height: 28px;
}

.command-agent-activity-list {
  display: grid;
  gap: 8px;
}

.command-agent-activity-item {
  --command-accent: #94a3b8;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--command-accent);
  border-radius: 8px;
}

.command-agent-activity-item div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
  align-items: start;
}

.command-agent-activity-item strong,
.command-agent-activity-item span,
.command-agent-activity-item p,
.command-agent-activity-item small {
  margin: 0;
  overflow-wrap: anywhere;
}

.command-agent-activity-item strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 860;
  line-height: 18px;
}

.command-agent-activity-item span {
  color: var(--command-accent);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.command-agent-activity-item p,
.command-agent-activity-item small {
  color: #64748b;
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
}

.command-vu-inbox-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.command-vu-inbox-metrics div {
  --command-accent: #94a3b8;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 3px solid var(--command-accent);
  border-radius: 8px;
}

.command-vu-inbox-metrics dt,
.command-vu-inbox-metrics dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.command-vu-inbox-metrics dt {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.command-vu-inbox-metrics dd {
  color: var(--command-accent);
  font-size: 24px;
  font-weight: 920;
  line-height: 28px;
}

.command-vu-inbox-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  min-height: 34px;
  padding: 7px 12px;
  color: #ffffff;
  text-decoration: none;
  background: #0d1b2a;
  border: 1px solid rgba(13, 27, 42, 0.2);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
  line-height: 16px;
}

.command-vu-inbox-link:hover,
.command-vu-inbox-link:focus-visible {
  background: #1f2d3d;
}

.agent-memory-signals {
  display: grid;
  grid-template-columns: minmax(220px, 0.24fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
  padding: 14px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.agent-memory-signals-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.agent-memory-signals-heading p,
.agent-memory-signals-heading h2 {
  margin: 0;
  overflow-wrap: anywhere;
}

.agent-memory-signals-heading .evidence-panel-label {
  color: #7a5703;
}

.agent-memory-signals-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.agent-memory-signal-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.agent-memory-signal {
  --division-vault-accent: #94a3b8;
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 11px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--division-vault-accent);
  border-radius: 8px;
}

.agent-memory-signal strong,
.agent-memory-signal p {
  margin: 0;
  overflow-wrap: anywhere;
}

.agent-memory-signal strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 860;
  line-height: 18px;
}

.agent-memory-signal p {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  font-weight: 720;
  line-height: 16px;
}

.agent-memory-signal dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.agent-memory-signal dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.agent-memory-signal dt,
.agent-memory-signal dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 10px;
  line-height: 14px;
}

.agent-memory-signal dt {
  color: #64748b;
  font-weight: 850;
  text-transform: uppercase;
}

.agent-memory-signal dd {
  color: #0d1b2a;
  font-weight: 820;
}

.command-agent-activity-summary .command-tone-ready,
.command-vu-inbox-metrics .command-tone-ready,
.command-agent-activity-item.command-tone-ready {
  --command-accent: #2e7d32;
}

.command-agent-activity-summary .command-tone-review,
.command-vu-inbox-metrics .command-tone-review,
.command-agent-activity-item.command-tone-review {
  --command-accent: #d4a72c;
}

.command-agent-activity-summary .command-tone-risk,
.command-vu-inbox-metrics .command-tone-risk,
.command-agent-activity-item.command-tone-risk {
  --command-accent: #c0392b;
}

.command-agent-activity-summary .command-tone-progress,
.command-vu-inbox-metrics .command-tone-progress,
.command-agent-activity-item.command-tone-progress {
  --command-accent: #67809f;
}

.command-agent-activity-summary .command-tone-neutral,
.command-vu-inbox-metrics .command-tone-neutral,
.command-agent-activity-item.command-tone-neutral {
  --command-accent: #94a3b8;
}

.agent-memory-signal.division-vault-ready {
  --division-vault-accent: #2e7d32;
}

.agent-memory-signal.division-vault-review {
  --division-vault-accent: #d4a72c;
}

.agent-memory-signal.division-vault-risk {
  --division-vault-accent: #c0392b;
}

.agent-memory-signal.division-vault-neutral {
  --division-vault-accent: #94a3b8;
}

@media (max-width: 1260px) {
  .vu-agent-layout,
  .vu-agent-hero,
  .vu-inbox-layout,
  .vu-inbox-hero,
  .agent-memory-signals {
    grid-template-columns: 1fr;
  }

  .vu-agent-guardrails,
  .vu-inbox-why {
    position: static;
  }

  .vu-agent-status-header,
  .vu-agent-output-grid,
  .vu-agent-opportunity-grid,
  .vu-agent-outreach-list,
  .vu-inbox-summary-grid,
  .vu-inbox-outreach-list,
  .agent-memory-signal-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vu-agent-task-panel,
  .vu-agent-guardrails,
  .vu-agent-output-panel,
  .vu-agent-proof-panel,
  .vu-agent-opportunities,
  .vu-agent-outreach,
  .vu-inbox-requests,
  .vu-inbox-why,
  .vu-inbox-proof,
  .vu-inbox-outreach,
  .command-agent-activity,
  .command-vu-inbox-preview {
    grid-column: 1;
  }
}

@media (max-width: 920px) {
  .vu-agent-task,
  .vu-agent-proof-heading,
  .vu-agent-proof-event,
  .vu-agent-opportunity,
  .vu-inbox-request {
    grid-template-columns: 1fr;
  }

  .vu-agent-task dl,
  .vu-agent-output dl,
  .vu-agent-proof-event dl,
  .vu-agent-opportunity dl,
  .vu-agent-outreach-item dl,
  .vu-inbox-request dl,
  .vu-inbox-proof-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .vu-agent-hero,
  .vu-agent-panel,
  .vu-agent-inbox-entry,
  .vu-inbox-hero,
  .vu-inbox-panel,
  .agent-memory-signals {
    padding: 14px;
  }

  .vu-agent-hero h1,
  .vu-inbox-hero h1 {
    font-size: 26px;
    line-height: 32px;
  }

  .vu-agent-inbox-entry,
  .vu-agent-status-header,
  .vu-agent-task dl,
  .vu-agent-output-grid,
  .vu-agent-output dl,
  .vu-agent-proof-heading dl,
  .vu-agent-proof-event dl,
  .vu-agent-opportunity-grid,
  .vu-agent-opportunity dl,
  .vu-agent-outreach-list,
  .vu-agent-outreach-item dl,
  .vu-inbox-summary-grid,
  .vu-inbox-request dl,
  .vu-inbox-proof-steps,
  .vu-inbox-outreach-list,
  .command-vu-inbox-metrics,
  .command-agent-activity-summary,
  .command-agent-activity-item div,
  .agent-memory-signal-list,
  .agent-memory-signal dl {
    grid-template-columns: 1fr;
  }

  .vu-inbox-proof-step:not(:last-child)::after {
    top: auto;
    right: auto;
    bottom: -13px;
    left: 12px;
    transform: rotate(90deg);
  }
}

.assets-page {
  display: grid;
  gap: 24px;
}

.assets-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.assets-summary-card {
  display: grid;
  gap: 8px;
  min-height: 116px;
  padding: 18px;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 34px rgba(13, 27, 42, 0.08);
}

.assets-summary-card dt {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.assets-summary-card dd {
  margin: 0;
  color: var(--color-deep-navy);
  font-size: 2rem;
  font-weight: 850;
}

.assets-summary-ready {
  border-color: rgba(22, 163, 74, 0.26);
}

.assets-summary-review {
  border-color: rgba(217, 119, 6, 0.26);
}

.assets-summary-risk {
  border-color: rgba(220, 38, 38, 0.24);
}

.assets-module-section,
.assets-advanced-panel,
.assets-detail-panel,
.assets-table-panel {
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 50px rgba(13, 27, 42, 0.08);
}

.assets-module-section,
.assets-advanced-panel,
.assets-detail-panel {
  padding: 20px;
}

.assets-table-panel {
  overflow: hidden;
}

.assets-module-section-heading {
  max-width: 760px;
}

.assets-module-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(230px, 1fr));
  gap: 14px;
}

.assets-module-card {
  display: flex;
  min-height: 360px;
  padding: 16px;
  border: 1px solid rgba(230, 233, 238, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(150deg, rgba(103, 128, 159, 0.22) 0%, rgba(31, 45, 61, 0.94) 42%, rgba(13, 27, 42, 0.98) 100%),
    var(--color-deep-navy);
  box-shadow: 0 18px 36px rgba(13, 27, 42, 0.18);
  flex-direction: column;
  gap: 13px;
}

.assets-module-card:hover {
  border-color: rgba(230, 233, 238, 0.28);
  box-shadow: 0 24px 44px rgba(13, 27, 42, 0.24);
}

.assets-module-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.assets-module-card-header h3 {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.25;
}

.assets-module-card > p {
  margin: 0;
  color: rgba(230, 233, 238, 0.84);
  font-size: 0.85rem;
  line-height: 1.48;
}

.assets-module-meta {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(230, 233, 238, 0.14);
  border-radius: 8px;
  background: rgba(13, 27, 42, 0.28);
  color: rgba(230, 233, 238, 0.78);
  font-size: 0.82rem;
  font-weight: 700;
}

.assets-module-meta strong {
  color: #ffffff;
  font-size: 1.04rem;
}

.assets-module-card .operational-status-badge {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(230, 233, 238, 0.22);
  color: rgba(255, 255, 255, 0.9);
}

.assets-module-card .operational-status-ready {
  background: rgba(168, 213, 183, 0.16);
  border-color: rgba(168, 213, 183, 0.42);
  color: #d8f3df;
}

.assets-module-card .operational-status-review {
  background: rgba(242, 212, 138, 0.16);
  border-color: rgba(242, 212, 138, 0.44);
  color: #ffe8a6;
}

.assets-module-card .operational-status-risk {
  background: rgba(246, 179, 174, 0.16);
  border-color: rgba(246, 179, 174, 0.42);
  color: #ffd2ce;
}

.assets-module-items {
  display: grid;
  gap: 8px;
  margin-top: auto;
}

.assets-module-item-button {
  display: grid;
  width: 100%;
  min-height: 58px;
  padding: 10px 11px;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  background: #ffffff;
  color: var(--color-deep-navy);
  cursor: pointer;
  gap: 4px;
  box-shadow: 0 8px 18px rgba(13, 27, 42, 0.1);
  text-align: left;
}

.assets-module-item-button:hover,
.assets-module-item-button:focus-visible {
  border-color: rgba(103, 128, 159, 0.42);
  background: #f8fafc;
  box-shadow:
    0 0 0 3px rgba(103, 128, 159, 0.18),
    0 12px 24px rgba(13, 27, 42, 0.14);
  outline: none;
}

.assets-module-item-button span {
  font-size: 0.86rem;
  font-weight: 820;
}

.assets-module-item-button small {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1.25;
}

.assets-advanced-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: start;
  gap: 18px;
}

.assets-secondary-action {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(13, 27, 42, 0.16);
  border-radius: 8px;
  background: #ffffff;
  color: var(--color-deep-navy);
  cursor: pointer;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 850;
  white-space: nowrap;
}

.assets-secondary-action:hover,
.assets-secondary-action:focus-visible {
  border-color: rgba(14, 116, 144, 0.36);
  background: rgba(224, 242, 254, 0.36);
  outline: none;
}

.assets-advanced-body {
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid rgba(13, 27, 42, 0.09);
}

.assets-advanced-body .assets-create-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.assets-advanced-body .assets-error-text,
.assets-advanced-body .assets-success-text,
.assets-advanced-body .assets-primary-action {
  grid-column: 1 / -1;
}

.assets-panel-heading {
  display: grid;
  gap: 6px;
  margin-bottom: 18px;
}

.assets-panel-heading h2 {
  margin: 0;
  color: var(--color-deep-navy);
  font-size: 1.08rem;
}

.assets-panel-heading p:last-child {
  margin: 0;
  color: #64748b;
  font-size: 0.86rem;
  line-height: 1.48;
}

.assets-panel-label {
  margin: 0;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.assets-table-heading {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  padding: 20px 20px 0;
}

.assets-table-heading > span {
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 750;
}

.assets-create-form {
  display: grid;
  gap: 14px;
}

.assets-create-form label {
  display: grid;
  gap: 7px;
}

.assets-create-form label span {
  color: #475569;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.assets-create-form input,
.assets-create-form select,
.assets-create-form textarea {
  width: 100%;
  border: 1px solid rgba(13, 27, 42, 0.16);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--color-deep-navy);
  font: inherit;
  outline: none;
}

.assets-create-form input,
.assets-create-form select {
  min-height: 42px;
  padding: 0 12px;
}

.assets-create-form textarea {
  min-height: 118px;
  padding: 12px;
  resize: vertical;
}

.assets-create-form input:focus,
.assets-create-form select:focus,
.assets-create-form textarea:focus {
  border-color: rgba(14, 116, 144, 0.55);
  box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.12);
}

.assets-primary-action {
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  background: var(--color-deep-navy);
  color: #ffffff;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.assets-primary-action:disabled {
  cursor: wait;
  opacity: 0.64;
}

.assets-error-text,
.assets-success-text {
  margin: 0;
  padding: 11px 12px;
  border-radius: 8px;
  font-size: 0.84rem;
  font-weight: 700;
}

.assets-error-text {
  border: 1px solid rgba(220, 38, 38, 0.18);
  background: rgba(254, 242, 242, 0.94);
  color: #991b1b;
}

.assets-success-text {
  border: 1px solid rgba(22, 163, 74, 0.18);
  background: rgba(240, 253, 244, 0.94);
  color: #166534;
}

.assets-recommended-list {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.assets-recommended-list li {
  padding: 10px 12px;
  border: 1px solid rgba(13, 27, 42, 0.08);
  border-radius: 8px;
  background: #f8fafc;
  color: #334155;
  font-size: 0.86rem;
  font-weight: 720;
}

.assets-table-wrap {
  overflow-x: auto;
}

.assets-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  table-layout: fixed;
}

.assets-table th,
.assets-table td {
  padding: 14px 16px;
  border-top: 1px solid rgba(13, 27, 42, 0.09);
  color: #334155;
  font-size: 0.88rem;
  text-align: left;
  vertical-align: middle;
}

.assets-table th {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.assets-table tbody tr:nth-child(even) {
  background: rgba(248, 250, 252, 0.82);
}

.assets-table tbody tr:hover {
  background: rgba(224, 242, 254, 0.34);
}

.assets-table-row-selected {
  background: rgba(224, 242, 254, 0.48);
}

.assets-table td:first-child {
  display: grid;
  gap: 4px;
}

.assets-table-asset-button {
  display: grid;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  gap: 4px;
  text-align: left;
}

.assets-table-asset-button:hover strong,
.assets-table-asset-button:focus-visible strong {
  color: #0e7490;
}

.assets-table-asset-button:focus-visible {
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.14);
  outline: none;
}

.assets-table-asset-button strong,
.assets-table-asset-button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assets-table-asset-button strong {
  color: var(--color-deep-navy);
  font-weight: 850;
}

.assets-table-asset-button span {
  color: #94a3b8;
  font-size: 0.73rem;
}

.assets-empty-state {
  display: grid;
  gap: 7px;
  padding: 34px 20px 40px;
  text-align: center;
}

.assets-empty-state h3 {
  margin: 0;
  color: var(--color-deep-navy);
  font-size: 1rem;
}

.assets-empty-state p {
  margin: 0 auto;
  max-width: 480px;
  color: #64748b;
  line-height: 1.55;
}

.assets-detail-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: start;
  gap: 18px;
}

.assets-detail-empty,
.assets-detail-loading {
  padding-bottom: 22px;
}

.assets-detail-body {
  display: grid;
  gap: 18px;
}

.assets-detail-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  border: 1px solid rgba(13, 27, 42, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.94), #ffffff),
    #ffffff;
}

.assets-detail-title-row h3,
.assets-detail-title-row p {
  margin: 0;
}

.assets-detail-title-row h3 {
  color: var(--color-deep-navy);
  font-size: 1.22rem;
  font-weight: 880;
  line-height: 1.25;
}

.assets-detail-title-row p {
  margin-top: 5px;
  color: #64748b;
  font-size: 0.88rem;
  font-weight: 720;
}

.assets-detail-facts {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.assets-detail-facts div {
  display: grid;
  gap: 7px;
  min-height: 92px;
  padding: 14px;
  border: 1px solid rgba(13, 27, 42, 0.1);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(13, 27, 42, 0.055);
}

.assets-detail-facts dt {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 840;
  letter-spacing: 0;
  text-transform: uppercase;
}

.assets-detail-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--color-deep-navy);
  font-size: 0.96rem;
  font-weight: 840;
  line-height: 1.28;
}

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

.assets-lineage-card {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(13, 27, 42, 0.065);
}

.assets-lineage-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.assets-lineage-card-heading h3,
.assets-lineage-card-heading p {
  margin: 0;
}

.assets-lineage-card-heading h3 {
  margin-top: 4px;
  color: var(--color-deep-navy);
  font-size: 1rem;
  font-weight: 850;
}

.assets-lineage-card-heading > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--color-deep-navy);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 850;
}

.assets-lineage-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: end;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(13, 27, 42, 0.08);
  border-radius: 8px;
  background: #f8fafc;
}

.assets-lineage-form label {
  display: grid;
  gap: 7px;
}

.assets-lineage-form label span {
  color: #475569;
  font-size: 0.72rem;
  font-weight: 840;
  letter-spacing: 0;
  text-transform: uppercase;
}

.assets-lineage-form select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(13, 27, 42, 0.16);
  border-radius: 8px;
  background: #ffffff;
  color: var(--color-deep-navy);
  outline: none;
  padding: 0 12px;
}

.assets-lineage-form select:focus {
  border-color: rgba(14, 116, 144, 0.55);
  box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.12);
}

.assets-lineage-form .assets-primary-action {
  min-width: 132px;
}

.assets-lineage-list {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.assets-lineage-list li {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(13, 27, 42, 0.09);
  border-radius: 8px;
  background: #f8fafc;
}

.assets-lineage-list strong {
  overflow-wrap: anywhere;
  color: var(--color-deep-navy);
  font-size: 0.9rem;
  font-weight: 850;
}

.assets-lineage-list span,
.assets-lineage-list small,
.assets-lineage-empty {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.42;
}

.assets-lineage-list span {
  font-weight: 730;
}

.assets-lineage-empty {
  padding: 16px;
  border: 1px dashed rgba(13, 27, 42, 0.16);
  border-radius: 8px;
  background: #f8fafc;
  text-align: center;
}

@media (max-width: 1180px) {
  .assets-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

  .assets-detail-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .assets-lineage-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .assets-summary-grid {
    grid-template-columns: 1fr;
  }

  .assets-module-grid {
    grid-template-columns: 1fr;
  }

  .assets-advanced-heading,
  .assets-detail-heading,
  .assets-table-heading {
    grid-template-columns: 1fr;
  }

  .assets-secondary-action {
    width: 100%;
  }

  .assets-detail-title-row,
  .assets-lineage-card-heading {
    display: grid;
  }

  .assets-detail-facts,
  .assets-lineage-form,
  .assets-advanced-body .assets-create-form {
    grid-template-columns: 1fr;
  }

  .assets-lineage-form .assets-primary-action {
    width: 100%;
  }
}

/* Frontend UX simplification pass: compact chrome and contextual VU actions. */

.vucoris-readiness-strip,
.top-bar-secure-search,
.top-bar-icon-button,
.top-bar-title-group {
  display: none;
}

.vucoris-top-bar {
  justify-content: flex-end;
  min-height: 48px;
  padding: 0 16px;
}

.top-bar-actions-compact {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.top-bar-readiness-indicator {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.top-bar-readiness-indicator strong {
  color: #0d1b2a;
  font-weight: 800;
}

.domain-compact-header,
.vu-compact-header,
.domain-hero {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  min-height: 96px;
  padding: 14px 16px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.22), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #67809f;
  box-shadow: 0 10px 22px rgba(13, 27, 42, 0.1);
}

.domain-compact-header h1,
.vu-compact-header h1,
.domain-hero h1 {
  color: #ffffff;
  font-size: 28px;
  line-height: 34px;
}

.domain-compact-header .domain-eyebrow,
.vu-compact-header .vu-workspace-label,
.domain-hero .domain-eyebrow {
  color: rgba(230, 233, 238, 0.72);
}

.domain-compact-header p:last-child,
.vu-compact-header p:last-child,
.domain-hero-copy > p:last-child {
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

.vu-header-actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: 216px;
}

.vu-header-actions > button {
  min-height: 38px;
  padding: 0 12px;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 800;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 238, 244, 0.98)),
    #ffffff;
  border: 1px solid rgba(176, 184, 196, 0.88);
  border-radius: 7px;
  cursor: pointer;
}

.vu-header-actions > button:hover,
.vu-header-actions > button:focus-visible {
  background: #ffffff;
  border-color: #94a3b8;
  outline: 3px solid rgba(103, 128, 159, 0.2);
  outline-offset: 2px;
}

.vu-quick-panel {
  position: fixed;
  top: 60px;
  right: 18px;
  z-index: 90;
  display: grid;
  gap: 12px;
  width: min(390px, calc(100vw - 36px));
  padding: 14px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-left: 4px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 22px 44px rgba(13, 27, 42, 0.2);
}

.vu-quick-panel header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: start;
}

.vu-quick-panel h2,
.vu-quick-panel p {
  margin: 0;
}

.vu-quick-panel h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.vu-quick-panel p,
.vu-quick-panel small {
  color: #475569;
  font-size: 13px;
  line-height: 18px;
}

.vu-quick-panel label {
  display: grid;
  gap: 6px;
}

.vu-quick-panel label span {
  color: #67809f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.vu-quick-panel textarea {
  min-height: 92px;
  padding: 9px;
  color: #0d1b2a;
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  resize: vertical;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.vu-quick-panel header button,
.vu-quick-panel-actions button {
  min-height: 32px;
  padding: 0 10px;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 800;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
  cursor: pointer;
}

.vu-quick-panel-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vu-quick-panel-actions button:first-child {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
}

.vu-requirement-audit-panel,
.vu-report-panel {
  max-height: calc(100vh - 84px);
  overflow-y: auto;
}

.vu-requirement-audit-list {
  display: grid;
  gap: 8px;
  margin: 0;
}

.vu-requirement-audit-list div,
.vu-report-preview {
  display: grid;
  gap: 3px;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.vu-requirement-audit-list dt,
.vu-report-preview h3,
.vu-quick-panel section h3 {
  margin: 0;
  color: #67809f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.vu-requirement-audit-list dd,
.vu-report-preview p,
.vu-report-preview ul,
.vu-quick-panel section ul {
  margin: 0;
  color: #334155;
  font-size: 12px;
  line-height: 17px;
}

.vu-report-options {
  display: grid;
  gap: 6px;
}

.vu-report-options button {
  min-height: 32px;
  padding: 0 10px;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
  cursor: pointer;
}

.vu-report-preview ul,
.vu-quick-panel section ul {
  display: grid;
  gap: 3px;
  padding-left: 16px;
}

.domain-checklist-section {
  order: 1;
}

.domain-operational-grid {
  order: 2;
}

.domain-work-area-section,
.domain-secondary-workspace {
  order: 3;
}

.domain-checklist-table th,
.domain-checklist-table td,
.domain-document-table > div,
.domain-activity-feed li,
.domain-gap-list button,
.domain-work-area-list button {
  min-height: 0;
}

.domain-checklist-table th,
.domain-checklist-table td {
  padding-top: 6px;
  padding-bottom: 6px;
}

.domain-compact-heading p:not(.domain-eyebrow) {
  max-width: 760px;
}

.domain-hero-action-panel,
.domain-hero-action-button,
.domain-compact-action {
  display: none;
}

@media (max-width: 720px) {
  .domain-compact-header,
  .vu-compact-header,
  .domain-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .vu-header-actions {
    justify-content: flex-start;
  }
}

/* Shared operational checklist detail rows used by all compact domain pages. */

.people-checklist-table tbody tr.people-requirement-detail-row,
.people-checklist-table tbody tr.people-requirement-detail-row:hover {
  cursor: default;
  background: #f8fafc;
}

.people-checklist-row-expanded {
  background: rgba(224, 242, 254, 0.24);
}

.people-requirement-detail {
  display: grid;
  grid-template-columns: minmax(180px, 1.2fr) minmax(120px, 0.7fr) minmax(170px, 1fr) minmax(120px, 0.7fr) minmax(180px, 1fr);
  gap: 10px;
  padding: 10px;
  background: #f8fafc;
  border-top: 1px solid #d0d7e2;
}

.people-requirement-detail section {
  display: grid;
  gap: 4px;
  align-content: start;
  min-width: 0;
}

.people-requirement-detail h3,
.people-requirement-detail p,
.people-requirement-detail ul,
.people-requirement-detail small {
  margin: 0;
}

.people-requirement-detail h3 {
  color: #67809f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.people-requirement-detail p,
.people-requirement-detail li,
.people-requirement-detail small {
  color: #334155;
  font-size: 12px;
  line-height: 17px;
}

.people-requirement-detail ul {
  display: grid;
  gap: 3px;
  padding-left: 16px;
}

.requirement-document-mini-list,
.requirement-action-chip-row {
  display: grid;
  gap: 5px;
}

.requirement-document-mini-list > div {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) max-content max-content max-content;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.requirement-document-mini-list svg {
  width: 14px;
  height: 14px;
  color: #67809f;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.requirement-document-mini-list strong {
  overflow: hidden;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.requirement-document-mini-list button,
.requirement-action-chip-row button {
  min-height: 24px;
  padding: 0 7px;
  color: #334155;
  font-size: 11px;
  font-weight: 800;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
  cursor: pointer;
}

@media (max-width: 980px) {
  .people-requirement-detail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* People test page: approved VU hero icon-action treatment. */

.vucoris-people-test-shell .people-vu-action-grid {
  align-items: start;
  gap: 14px;
}

.vucoris-people-test-shell .people-vu-action-grid button {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 7px;
  min-height: 0;
  padding: 4px 6px 2px;
  color: #ffffff;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 14px;
  box-shadow: none;
}

.vucoris-people-test-shell .people-vu-action-grid button:hover,
.vucoris-people-test-shell .people-vu-action-grid button:focus-visible {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(176, 184, 196, 0.16);
  outline: none;
}

.vucoris-people-test-shell .people-vu-action-grid button > .people-vu-icon {
  width: 66px;
  height: 66px;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 14px 28px rgba(0, 0, 0, 0.22);
}

.vucoris-people-test-shell .people-vu-action-grid .people-vu-icon-build {
  background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
}

.vucoris-people-test-shell .people-vu-action-grid .people-vu-icon-ask {
  background: linear-gradient(135deg, #c084fc 0%, #7c3aed 100%);
}

.vucoris-people-test-shell .people-vu-action-grid .people-vu-icon-audit {
  background: linear-gradient(135deg, #2dd4bf 0%, #0e7490 100%);
}

.vucoris-people-test-shell .people-vu-action-grid .people-vu-icon-reports {
  background: linear-gradient(135deg, #fb923c 0%, #c2410c 100%);
}

.vucoris-people-test-shell .people-vu-action-grid svg {
  width: 29px;
  height: 29px;
  color: #ffffff;
  stroke-width: 1.9;
}

.vucoris-people-test-shell .people-vu-action-grid strong {
  margin-top: 3px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  line-height: 18px;
}

.vucoris-people-test-shell .people-vu-action-grid small {
  max-width: 150px;
  color: rgba(237, 242, 247, 0.72);
  font-size: 11px;
  line-height: 15px;
}

.vucoris-people-test-shell .people-checklist-table tbody tr {
  cursor: pointer;
}

.vucoris-people-test-shell .people-checklist-table tbody tr:hover {
  background: rgba(224, 242, 254, 0.34);
}

.vucoris-people-test-shell .people-checklist-table tbody tr.people-requirement-detail-row,
.vucoris-people-test-shell .people-checklist-table tbody tr.people-requirement-detail-row:hover {
  cursor: default;
  background: #f8fafc;
}

.vucoris-people-test-shell .people-checklist-row-expanded {
  background: rgba(224, 242, 254, 0.24);
}

.vucoris-people-test-shell .people-requirement-detail {
  display: grid;
  grid-template-columns: minmax(180px, 1.2fr) minmax(120px, 0.7fr) minmax(170px, 1fr) minmax(120px, 0.7fr) minmax(180px, 1fr);
  gap: 10px;
  padding: 10px;
  background: #f8fafc;
  border-top: 1px solid #d0d7e2;
}

.vucoris-people-test-shell .people-requirement-detail section {
  display: grid;
  gap: 4px;
  align-content: start;
  min-width: 0;
}

.vucoris-people-test-shell .people-requirement-detail h3,
.vucoris-people-test-shell .people-requirement-detail p,
.vucoris-people-test-shell .people-requirement-detail ul,
.vucoris-people-test-shell .people-requirement-detail small {
  margin: 0;
}

.vucoris-people-test-shell .people-requirement-detail h3 {
  color: #67809f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.vucoris-people-test-shell .people-requirement-detail p,
.vucoris-people-test-shell .people-requirement-detail li,
.vucoris-people-test-shell .people-requirement-detail small {
  color: #334155;
  font-size: 12px;
  line-height: 17px;
}

.vucoris-people-test-shell .people-requirement-detail ul {
  display: grid;
  gap: 3px;
  padding-left: 16px;
}

@media (max-width: 980px) {
  .vucoris-people-test-shell .people-requirement-detail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Keep the People mockup shell self-contained after the shared chrome rules. */

.vucoris-compact-shell .people-test-sidebar,
.vucoris-people-test-shell .people-test-sidebar {
  width: 272px;
  padding: 16px 14px;
  color: rgba(237, 242, 247, 0.88);
  background:
    linear-gradient(180deg, rgba(49, 81, 111, 0.2), rgba(13, 27, 42, 0) 34%),
    #0d1b2a;
  border-right: 1px solid rgba(103, 128, 159, 0.26);
  box-shadow: 10px 0 24px rgba(13, 27, 42, 0.16);
}

.vucoris-people-test-shell .people-test-page {
  width: 100%;
  margin: 0 auto;
}

/* People compact operational test page. */

.vucoris-compact-shell .vucoris-main-content,
.vucoris-people-test-shell .vucoris-main-content {
  padding: 14px 18px 18px;
  background: #f4f7fa;
}

.vucoris-compact-shell .top-bar-actions-compact,
.vucoris-people-test-shell .top-bar-actions-compact {
  justify-content: space-between;
}

.vucoris-compact-shell .top-bar-readiness-indicator,
.vucoris-people-test-shell .top-bar-readiness-indicator {
  margin-right: auto;
}

.people-test-sidebar {
  display: flex;
  width: 272px;
  padding: 16px 14px;
  color: rgba(237, 242, 247, 0.88);
  background:
    linear-gradient(180deg, rgba(49, 81, 111, 0.2), rgba(13, 27, 42, 0) 34%),
    #0d1b2a;
  border-right: 1px solid rgba(103, 128, 159, 0.26);
  flex-direction: column;
  gap: 14px;
}

.people-test-brand {
  display: flex;
  align-items: center;
  min-height: 42px;
}

.people-test-brand .vucoris-brand-logo {
  max-width: 132px;
  height: auto;
}

.people-test-nav {
  display: grid;
  gap: 16px;
  min-height: 0;
  overflow-y: auto;
}

.people-test-nav-section {
  display: grid;
  gap: 7px;
}

.people-test-nav-section h2 {
  margin: 0;
  color: rgba(176, 184, 196, 0.82);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 16px;
  text-transform: uppercase;
}

.people-test-nav-section-toggle {
  width: 100%;
  min-height: 34px;
  color: rgba(237, 242, 247, 0.86);
  background:
    linear-gradient(180deg, rgba(31, 45, 61, 0.82), rgba(20, 32, 47, 0.76)),
    rgba(31, 45, 61, 0.72);
  border-color: rgba(103, 128, 159, 0.3);
}

.people-test-nav-section-toggle svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 140ms ease;
}

.people-test-nav-section > div {
  display: grid;
  gap: 3px;
}

.people-test-nav-section button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  padding: 0 9px;
  color: rgba(237, 242, 247, 0.82);
  font-size: 13px;
  font-weight: 650;
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  cursor: pointer;
}

.people-test-nav-section button:hover,
.people-test-nav-section button:focus-visible,
.people-test-nav-section .people-test-nav-active {
  color: #ffffff;
  background: rgba(31, 45, 61, 0.88);
  border-color: rgba(103, 128, 159, 0.3);
  outline: none;
}

.people-test-nav-section strong {
  min-width: 22px;
  padding: 2px 6px;
  color: #0d1b2a;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
  background: #d4a72c;
  border-radius: 999px;
}

.people-test-nav-group {
  display: grid;
  gap: 2px;
}

.people-test-nav-parent {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  align-items: center;
  gap: 2px;
}

.people-test-nav-parent > button:first-child {
  min-width: 0;
  min-height: 48px;
  gap: 8px;
  padding-block: 7px;
}

.people-test-nav-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.people-test-nav-copy > span {
  min-width: 0;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
}

.people-test-nav-copy small {
  color: rgba(176, 184, 196, 0.78);
  font-size: 11px;
  font-weight: 620;
  line-height: 1.25;
}

.people-test-nav-chevron {
  justify-content: center;
  width: 28px;
  padding: 0;
}

.people-test-nav-chevron svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 140ms ease;
}

.people-test-nav-chevron-open svg {
  transform: rotate(90deg);
}

.people-test-subnav {
  display: grid;
  gap: 1px;
  padding: 1px 0 2px 11px;
  margin-left: 8px;
  border-left: 1px solid rgba(103, 128, 159, 0.24);
}

.people-test-subnav button {
  min-height: 27px;
  padding: 0 8px;
  color: rgba(237, 242, 247, 0.72);
  font-size: 12px;
  font-weight: 620;
  gap: 8px;
}

.people-test-subnav .people-test-nav-copy > span {
  white-space: normal;
}

.people-test-subnav button:hover,
.people-test-subnav button:focus-visible,
.people-test-subnav .people-test-subnav-active {
  color: #ffffff;
  background: rgba(31, 45, 61, 0.7);
  border-color: rgba(103, 128, 159, 0.26);
  outline: none;
}

.people-test-nav-group-active .people-test-nav-parent > button:first-child {
  color: #ffffff;
  background: rgba(31, 45, 61, 0.88);
  border-color: rgba(103, 128, 159, 0.3);
}

.people-test-trust-panel {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding: 12px;
  background: rgba(31, 45, 61, 0.74);
  border: 1px solid rgba(103, 128, 159, 0.28);
  border-radius: 8px;
}

.people-test-labs-link {
  justify-self: start;
  min-height: 24px;
  padding: 0 7px;
  color: rgba(176, 184, 196, 0.58);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  font-size: 10px;
  font-weight: 760;
  line-height: 14px;
  text-transform: uppercase;
}

.people-test-labs-link:hover,
.people-test-labs-link:focus-visible {
  color: #fff4db;
  background: rgba(212, 167, 44, 0.08);
  border-color: rgba(212, 167, 44, 0.18);
  outline: none;
}

.people-test-trust-panel h2 {
  margin: 0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  line-height: 18px;
}

.people-test-trust-panel ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.people-test-trust-panel li {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: rgba(237, 242, 247, 0.82);
  font-size: 12px;
  line-height: 16px;
}

.people-test-trust-panel li span {
  width: 7px;
  height: 7px;
  background: #4fa463;
  border-radius: 999px;
}

.people-test-sidebar-footer {
  margin: 0;
  color: rgba(176, 184, 196, 0.72);
  font-size: 11px;
  line-height: 16px;
}

.people-test-page {
  display: grid;
  gap: 12px;
  max-width: 1380px;
}

.people-test-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
  gap: 18px;
  align-items: center;
  min-height: 158px;
  padding: 18px;
  color: #ffffff;
  background:
    radial-gradient(circle at 86% 18%, rgba(103, 128, 159, 0.24), transparent 34%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.12);
}

.people-test-hero h1,
.people-test-hero p {
  margin: 0;
}

.people-test-hero h1 {
  font-size: 32px;
  font-weight: 760;
  line-height: 38px;
}

.people-test-hero p {
  max-width: 620px;
  margin-top: 6px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

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

.people-vu-action-grid button {
  display: grid;
  justify-items: center;
  gap: 7px;
  min-height: 124px;
  padding: 12px 10px;
  color: #334155;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 238, 244, 0.98)),
    #ffffff;
  border: 1px solid rgba(176, 184, 196, 0.86);
  border-radius: 12px;
  cursor: pointer;
}

.people-vu-action-grid button > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: #0e7490;
  background: #e8f6f8;
  border: 1px solid rgba(14, 116, 144, 0.28);
  border-radius: 999px;
}

.people-vu-action-grid .people-vu-icon-build {
  color: #2563eb;
  background: #e8f0ff;
  border-color: rgba(37, 99, 235, 0.26);
}

.people-vu-action-grid .people-vu-icon-ask {
  color: #7c3aed;
  background: #f1ebff;
  border-color: rgba(124, 58, 237, 0.24);
}

.people-vu-action-grid .people-vu-icon-audit {
  color: #0e7490;
  background: #e8f6f8;
  border-color: rgba(14, 116, 144, 0.28);
}

.people-vu-action-grid .people-vu-icon-reports {
  color: #c2410c;
  background: #fff0e4;
  border-color: rgba(194, 65, 12, 0.24);
}

.people-vu-action-grid svg,
.people-row-actions svg,
.people-document-list svg,
.people-trust-strip svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.people-vu-action-grid strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 800;
  line-height: 18px;
}

.people-vu-action-grid small {
  color: #64748b;
  font-size: 11px;
  line-height: 15px;
}

.people-checklist-card,
.people-compact-panel,
.people-trust-strip {
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(13, 27, 42, 0.045);
}

.people-checklist-card {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.people-card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.people-card-heading h2 {
  margin: 0;
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 760;
  line-height: 24px;
}

.people-card-heading p {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 3px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
}

.people-card-heading p span,
.people-card-heading p strong {
  padding: 3px 7px;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.people-card-heading p strong {
  color: #2e7d32;
}

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

.people-heading-actions button,
.people-row-actions button,
.people-document-list button {
  min-height: 30px;
  padding: 0 9px;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 800;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
  cursor: pointer;
}

.people-heading-actions button:last-child {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
}

.people-checklist-table-wrap {
  overflow-x: auto;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.people-checklist-table {
  width: 100%;
  min-width: 1060px;
  border-collapse: collapse;
}

.people-checklist-table th,
.people-checklist-table td {
  padding: 8px 9px;
  color: #334155;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
  border-bottom: 1px solid #e2e8f0;
  vertical-align: middle;
}

.people-checklist-table th {
  color: #67809f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
  background: #f8fafc;
}

.people-checklist-table tr:last-child td {
  border-bottom: 0;
}

.people-checklist-table tbody tr {
  cursor: pointer;
  transition: background-color 140ms ease;
}

.people-checklist-table tbody tr:hover {
  background: rgba(224, 242, 254, 0.34);
}

.people-checklist-table td:nth-child(2) strong {
  display: block;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 760;
}

.people-checklist-table td:nth-child(2) small {
  display: block;
  margin-top: 1px;
  color: #64748b;
  font-size: 12px;
}

.people-status-pill {
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid transparent;
  border-radius: 999px;
  white-space: nowrap;
}

.people-status-good {
  color: #2e7d32;
  background: rgba(79, 164, 99, 0.12);
  border-color: rgba(46, 125, 50, 0.26);
}

.people-status-review {
  color: #7c5b00;
  background: rgba(212, 167, 44, 0.16);
  border-color: rgba(212, 167, 44, 0.3);
}

.people-status-risk {
  color: #c0392b;
  background: rgba(229, 115, 115, 0.13);
  border-color: rgba(192, 57, 43, 0.26);
}

.people-status-neutral {
  color: #64748b;
  background: #f1f5f9;
  border-color: #d0d7e2;
}

.people-owner-chip {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  color: #334155;
  font-size: 11px;
  font-weight: 800;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.people-row-actions {
  display: flex;
  position: relative;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.people-row-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 30;
  display: grid;
  min-width: 150px;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.14);
}

.people-row-menu button {
  justify-content: flex-start;
  width: 100%;
  min-height: 26px;
  padding: 0 8px;
  color: #334155;
  background: transparent;
  border: 0;
  border-radius: 5px;
  text-align: left;
}

.people-row-menu button:hover,
.people-row-menu button:focus-visible {
  background: rgba(224, 242, 254, 0.42);
  outline: none;
}

.people-lock-icon {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #67809f;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.people-row-actions > button:first-of-type,
.people-document-list button {
  color: #0e7490;
  border-color: rgba(14, 116, 144, 0.3);
}

.people-row-actions .people-audit-icon-button,
.people-document-list .people-audit-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 26px;
  padding: 0 7px;
  color: #0e7490;
  background: #eefbfc;
  border-color: rgba(14, 116, 144, 0.28);
  font-size: 11px;
  line-height: 16px;
}

.people-row-actions .people-audit-icon-button:hover,
.people-row-actions .people-audit-icon-button:focus-visible,
.people-document-list .people-audit-icon-button:hover,
.people-document-list .people-audit-icon-button:focus-visible {
  background: #e0f5f8;
  border-color: rgba(14, 116, 144, 0.42);
  outline: none;
}

.people-row-actions .people-audit-icon-button svg,
.people-document-list .people-audit-icon-button svg {
  width: 14px;
  height: 14px;
}

.people-row-actions > button:last-child {
  width: 30px;
  padding: 0;
}

.people-checklist-table-sealed {
  min-width: 980px;
  table-layout: fixed;
}

.people-checklist-table-sealed .people-checklist-col-index {
  width: 42px;
}

.people-checklist-table-sealed .people-checklist-col-seal {
  width: 40px;
}

.people-checklist-table-sealed .people-checklist-col-owner {
  width: 132px;
}

.people-checklist-table-sealed .people-checklist-col-updated {
  width: 84px;
}

.people-checklist-table-sealed .people-checklist-col-lock,
.people-checklist-table-sealed .people-checklist-col-menu {
  width: 52px;
}

.people-checklist-table-sealed th:nth-child(n + 3):nth-child(-n + 6),
.people-seal-cell,
.people-lock-cell,
.people-menu-cell {
  text-align: center;
}

.people-requirement-summary {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.people-seal-cell {
  padding-right: 5px;
  padding-left: 5px;
}

.readiness-seal-button {
  --seal-color: #64748b;
  --seal-dark: #475569;
  --seal-light: #a6b2c2;
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  color: rgba(255, 255, 255, 0.9);
  background: transparent;
  border: 0;
  cursor: pointer;
  isolation: isolate;
}

.readiness-seal-button::before,
.readiness-seal-button::after {
  position: absolute;
  content: "";
  clip-path: polygon(
    50% 0%,
    58% 10%,
    70% 6%,
    76% 18%,
    89% 20%,
    90% 34%,
    100% 50%,
    90% 58%,
    94% 70%,
    82% 76%,
    80% 89%,
    66% 90%,
    50% 100%,
    42% 90%,
    30% 94%,
    24% 82%,
    11% 80%,
    10% 66%,
    0% 50%,
    10% 42%,
    6% 30%,
    18% 24%,
    20% 11%,
    34% 10%
  );
}

.readiness-seal-button::before {
  inset: 0;
  background:
    radial-gradient(circle at 34% 27%, rgba(255, 255, 255, 0.42), transparent 25%),
    radial-gradient(circle at 70% 76%, rgba(13, 27, 42, 0.2), transparent 34%),
    linear-gradient(145deg, var(--seal-light), var(--seal-color) 52%, var(--seal-dark));
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.38),
    inset 0 -2px 3px rgba(13, 27, 42, 0.24),
    0 1px 2px rgba(13, 27, 42, 0.18);
}

.readiness-seal-button::after {
  inset: 5px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.28), rgba(13, 27, 42, 0.14)),
    color-mix(in srgb, var(--seal-color) 82%, #ffffff 18%);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.28),
    inset 0 -1px 1px rgba(13, 27, 42, 0.26);
}

.readiness-seal-button span {
  position: relative;
  z-index: 1;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-shadow:
    0 1px 0 rgba(13, 27, 42, 0.28),
    0 -1px 0 rgba(255, 255, 255, 0.14);
}

.readiness-seal-button:hover::before,
.readiness-seal-button:focus-visible::before {
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.44),
    inset 0 -2px 3px rgba(13, 27, 42, 0.26),
    0 0 0 3px rgba(103, 128, 159, 0.18),
    0 2px 4px rgba(13, 27, 42, 0.22);
}

.readiness-seal-button:focus-visible {
  outline: none;
}

.readiness-seal-verified {
  --seal-color: #2e7d32;
  --seal-dark: #1f6b35;
  --seal-light: #62b878;
}

.readiness-seal-review {
  --seal-color: #b8860b;
  --seal-dark: #8f6400;
  --seal-light: #e5bd54;
}

.readiness-seal-missing {
  --seal-color: #c0392b;
  --seal-dark: #8f241b;
  --seal-light: #e67668;
}

.readiness-seal-not-started {
  --seal-color: #64748b;
  --seal-dark: #475569;
  --seal-light: #a6b2c2;
}

.people-row-actions-compact {
  justify-content: center;
}

.people-row-actions-compact > button:first-child {
  width: 30px;
  padding: 0;
}

.people-requirement-detail.people-requirement-seal-detail {
  grid-template-columns:
    minmax(145px, 0.95fr)
    minmax(145px, 0.95fr)
    minmax(210px, 1.35fr)
    minmax(150px, 0.95fr)
    minmax(130px, 0.75fr)
    minmax(170px, 1fr);
}

.requirement-detail-mini-list {
  display: grid;
  gap: 3px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.requirement-detail-mini-list li {
  overflow-wrap: anywhere;
}

/* Compact operational document workspace launched from checklist and document actions. */

.document-workspace-overlay {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(13, 27, 42, 0.44);
}

.document-workspace-shell {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(1380px, calc(100vw - 36px));
  height: min(860px, calc(100vh - 36px));
  overflow: hidden;
  color: #334155;
  background: #e9eef4;
  border: 1px solid rgba(176, 184, 196, 0.72);
  border-radius: 10px;
  box-shadow: 0 28px 70px rgba(13, 27, 42, 0.34);
}

.document-workspace-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(51, 65, 85, 0.96), rgba(13, 27, 42, 0.98)),
    #0d1b2a;
  border-bottom: 1px solid rgba(176, 184, 196, 0.24);
}

.document-workspace-topbar p,
.document-workspace-topbar h2,
.document-workspace-vu-heading p,
.document-workspace-vu-heading h3,
.document-workspace-vu-heading span,
.document-workspace-document-head p,
.document-workspace-document-head h3,
.document-workspace-document-head span,
.document-workspace-creation-strip p,
.document-workspace-creation-strip span,
.document-workspace-small-heading p,
.document-workspace-small-heading h4,
.document-workspace-reminder p,
.document-workspace-reminder span {
  margin: 0;
}

.document-workspace-topbar p,
.document-workspace-vu-heading p,
.document-workspace-document-head p,
.document-workspace-creation-strip p,
.document-workspace-small-heading p,
.document-workspace-reminder p,
.document-workspace-side-detail dt,
.document-workspace-side-detail section > p,
.document-workspace-editor-card label > span,
.document-workspace-review-panel label > span {
  color: #67809f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.document-workspace-topbar p {
  color: rgba(237, 242, 247, 0.72);
}

.document-workspace-topbar h2 {
  overflow: hidden;
  max-width: 760px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 760;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.document-workspace-topbar-actions,
.document-workspace-document-meta,
.document-workspace-action-buttons,
.document-workspace-review-actions,
.document-workspace-footer-actions,
.document-workspace-creation-strip > div:last-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.document-workspace-topbar button,
.document-workspace-actionbar button,
.document-workspace-creation-strip button,
.document-workspace-vu-actions button,
.document-workspace-review-actions button,
.document-workspace-comment-input button,
.document-workspace-footer-actions button {
  min-height: 30px;
  padding: 0 10px;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 800;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
  cursor: pointer;
}

.document-workspace-topbar button:hover,
.document-workspace-actionbar button:hover,
.document-workspace-creation-strip button:hover,
.document-workspace-vu-actions button:hover,
.document-workspace-review-actions button:hover,
.document-workspace-comment-input button:hover,
.document-workspace-footer-actions button:hover {
  background: #f8fafc;
  border-color: #94a3b8;
}

.document-workspace-topbar button:disabled,
.document-workspace-actionbar button:disabled,
.document-workspace-creation-strip button:disabled,
.document-workspace-vu-actions button:disabled,
.document-workspace-review-actions button:disabled,
.document-workspace-footer-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.document-workspace-layout {
  display: grid;
  grid-template-columns: minmax(318px, 0.35fr) minmax(0, 1fr);
  min-height: 0;
}

.document-workspace-layout-collapsed {
  grid-template-columns: 58px minmax(0, 1fr);
}

.document-workspace-vu-panel,
.document-workspace-main {
  min-height: 0;
  overflow: hidden;
}

.document-workspace-vu-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  background: #f6f8fa;
  border-right: 1px solid #d0d7e2;
}

.document-workspace-vu-collapse {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 40px;
  padding: 0 10px;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  background: #edf2f7;
  border: 0;
  border-bottom: 1px solid #d0d7e2;
  cursor: pointer;
}

.document-workspace-layout-collapsed .document-workspace-vu-collapse {
  writing-mode: vertical-rl;
  justify-content: center;
  min-height: 100%;
}

.document-workspace-vu-body {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 0;
  overflow-y: auto;
  padding: 10px;
}

.document-workspace-vu-heading,
.document-workspace-disclosure,
.document-workspace-reminder,
.document-workspace-document-head,
.document-workspace-creation-strip,
.document-workspace-editor-card,
.document-workspace-side-detail,
.document-workspace-coordinate-card,
.document-workspace-footer-actions {
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.document-workspace-vu-heading {
  display: grid;
  gap: 3px;
  padding: 10px;
}

.document-workspace-vu-heading h3,
.document-workspace-document-head h3,
.document-workspace-small-heading h4 {
  color: #0d1b2a;
  font-size: 15px;
  font-weight: 760;
  line-height: 20px;
}

.document-workspace-vu-heading span,
.document-workspace-document-head span,
.document-workspace-creation-strip span,
.document-workspace-reminder span,
.document-workspace-empty,
.document-workspace-side-detail dd,
.document-workspace-side-detail section > span,
.document-workspace-report-preview span,
.document-workspace-report-preview small {
  color: #64748b;
  font-size: 12px;
  line-height: 17px;
}

.document-workspace-disclosure {
  overflow: hidden;
}

.document-workspace-disclosure summary {
  min-height: 32px;
  padding: 8px 10px;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.document-workspace-disclosure:not([open]) summary {
  border-bottom: 0;
}

.document-workspace-compact-list,
.document-workspace-activity-list,
.document-workspace-comment-list,
.document-workspace-review-panel ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 9px 10px 10px;
  list-style: none;
}

.document-workspace-compact-list li,
.document-workspace-review-panel li {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #334155;
  font-size: 12px;
  line-height: 17px;
}

.document-workspace-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: #94a3b8;
  border-radius: 999px;
}

.document-workspace-dot-risk {
  background: #c0392b;
}

.document-workspace-dot-review {
  background: #d4a72c;
}

.document-workspace-dot-ready {
  background: #2e7d32;
}

.document-workspace-empty {
  padding: 9px 10px 10px;
}

.document-workspace-vu-actions {
  display: grid;
  gap: 6px;
  padding: 9px 10px 10px;
}

.document-workspace-vu-actions button,
.document-workspace-action-buttons button:nth-child(2),
.document-workspace-creation-strip button:last-child {
  color: #0e7490;
  background: #eefbfc;
  border-color: rgba(14, 116, 144, 0.28);
}

.document-workspace-reference-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 9px 10px 10px;
}

.document-workspace-reference-list span {
  min-height: 22px;
  padding: 3px 7px;
  color: #334155;
  font-size: 11px;
  font-weight: 800;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.document-workspace-reminder {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-left: 3px solid #67809f;
}

.document-workspace-main {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto auto;
  gap: 10px;
  overflow-y: auto;
  padding: 10px;
}

.document-workspace-document-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px;
}

.document-workspace-lock {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 0 8px;
  color: #0e7490;
  font-size: 11px;
  font-weight: 800;
  background: #eefbfc;
  border: 1px solid rgba(14, 116, 144, 0.28);
  border-radius: 999px;
}

.document-workspace-lock-closed {
  color: #2e7d32;
  background: rgba(79, 164, 99, 0.12);
  border-color: rgba(46, 125, 50, 0.26);
}

.document-workspace-lock svg,
.document-workspace-review-panel svg,
.document-workspace-vu-collapse svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.document-workspace-actionbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.document-workspace-actionbar [role="tablist"] {
  display: flex;
  gap: 5px;
  padding: 4px;
  background: #dfe7f0;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.document-workspace-actionbar [role="tab"] {
  min-height: 28px;
  border-color: transparent;
  background: transparent;
}

.document-workspace-actionbar .document-workspace-tab-active {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
}

.document-workspace-creation-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px;
}

.document-workspace-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.34fr);
  gap: 10px;
  min-height: 420px;
}

.document-workspace-editor-card,
.document-workspace-side-detail,
.document-workspace-coordinate-card {
  min-width: 0;
  padding: 10px;
}

.document-workspace-editor-card {
  display: grid;
  min-height: 0;
}

.document-workspace-editor-card pre,
.document-workspace-editor-card textarea {
  width: 100%;
  min-height: 360px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  color: #0d1b2a;
  font: inherit;
  font-size: 13px;
  line-height: 20px;
  white-space: pre-wrap;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.document-workspace-editor-card label,
.document-workspace-review-panel label {
  display: grid;
  gap: 6px;
}

.document-workspace-side-detail {
  display: grid;
  align-content: start;
  gap: 10px;
}

.document-workspace-side-detail dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.document-workspace-side-detail dl > div {
  display: grid;
  gap: 2px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e2e8f0;
}

.document-workspace-side-detail dd {
  margin: 0;
  color: #334155;
}

.document-workspace-side-detail section,
.document-workspace-report-preview {
  display: grid;
  gap: 5px;
}

.document-workspace-report-preview {
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.document-workspace-report-preview strong {
  color: #0d1b2a;
  font-size: 12px;
  line-height: 17px;
}

.document-workspace-review-panel {
  display: grid;
  gap: 10px;
}

.document-workspace-review-panel ul {
  padding: 0;
}

.document-workspace-review-panel textarea {
  min-height: 92px;
  padding: 9px;
  color: #0d1b2a;
  font: inherit;
  font-size: 13px;
  line-height: 19px;
  resize: vertical;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.document-workspace-review-actions button:nth-child(3) {
  color: #c0392b;
  border-color: rgba(192, 57, 43, 0.28);
}

.document-workspace-review-actions button:last-child,
.document-workspace-footer-actions button:last-child {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
}

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

.document-workspace-small-heading {
  display: grid;
  gap: 2px;
  margin-bottom: 8px;
}

.document-workspace-comment-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 6px;
  margin-bottom: 8px;
}

.document-workspace-comment-input input {
  min-height: 30px;
  padding: 0 9px;
  color: #0d1b2a;
  font: inherit;
  font-size: 13px;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.document-workspace-comment-list,
.document-workspace-activity-list {
  gap: 7px;
  padding: 0;
}

.document-workspace-comment-list li,
.document-workspace-activity-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.document-workspace-comment-list li > span,
.document-workspace-activity-list li > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  background: #334155;
  border-radius: 999px;
}

.document-workspace-comment-list strong,
.document-workspace-activity-list strong,
.document-workspace-comment-list p,
.document-workspace-activity-list p,
.document-workspace-comment-list small,
.document-workspace-activity-list small {
  margin: 0;
}

.document-workspace-comment-list strong,
.document-workspace-activity-list strong {
  color: #0d1b2a;
  font-size: 12px;
  line-height: 17px;
}

.document-workspace-comment-list p,
.document-workspace-activity-list p {
  color: #334155;
  font-size: 12px;
  line-height: 17px;
}

.document-workspace-comment-list small,
.document-workspace-activity-list small {
  color: #64748b;
  font-size: 11px;
  line-height: 15px;
}

.document-workspace-toast,
.document-workspace-message {
  margin: 0;
  padding: 8px 10px;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  background: #fff9e6;
  border: 1px solid rgba(212, 167, 44, 0.32);
  border-radius: 7px;
}

.document-workspace-footer-actions {
  justify-content: flex-end;
  padding: 8px 10px;
}

@media (max-width: 1040px) {
  .document-workspace-layout,
  .document-workspace-layout-collapsed {
    grid-template-columns: 1fr;
  }

  .document-workspace-vu-panel {
    max-height: 280px;
    border-right: 0;
    border-bottom: 1px solid #d0d7e2;
  }

  .document-workspace-layout-collapsed .document-workspace-vu-collapse {
    min-height: 40px;
    writing-mode: horizontal-tb;
  }

  .document-workspace-content-grid,
  .document-workspace-coordinate-grid {
    grid-template-columns: 1fr;
  }
}

.people-lower-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.72fr) minmax(360px, 1.16fr) minmax(280px, 0.86fr);
  gap: 12px;
}

.people-compact-panel {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 12px;
}

.people-compact-panel h2 {
  margin: 0;
  color: #0d1b2a;
  font-size: 16px;
  font-weight: 760;
  line-height: 22px;
}

.people-gap-list,
.people-activity-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.people-gap-list li {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 32px;
  padding: 6px 8px;
  color: #334155;
  font-size: 13px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.people-gap-list span {
  width: 7px;
  height: 7px;
  background: #c0392b;
  border-radius: 999px;
}

.people-document-list {
  display: grid;
  overflow: hidden;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.people-document-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px max-content 56px max-content;
  gap: 8px;
  align-items: center;
  min-height: 38px;
  padding: 6px 8px;
  border-bottom: 1px solid #e2e8f0;
}

.people-document-list > div:last-child {
  border-bottom: 0;
}

.people-document-list strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 700;
}

.people-document-list svg {
  color: #67809f;
}

.people-document-list > div > span:last-of-type {
  color: #64748b;
  font-size: 12px;
}

.people-activity-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-height: 44px;
  padding: 6px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.people-activity-list li > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  background: #334155;
  border-radius: 999px;
}

.people-activity-list strong,
.people-activity-list p,
.people-activity-list small {
  display: block;
  margin: 0;
}

.people-activity-list strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 760;
}

.people-activity-list p {
  color: #334155;
  font-size: 12px;
  line-height: 17px;
}

.people-activity-list small {
  color: #64748b;
  font-size: 11px;
  line-height: 15px;
}

.people-trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  padding: 10px 12px;
}

.people-trust-strip span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.people-trust-strip svg {
  width: 14px;
  height: 14px;
  color: #67809f;
}

.people-test-toast {
  position: sticky;
  right: 18px;
  bottom: 14px;
  justify-self: end;
  max-width: 420px;
  margin: 0;
  padding: 9px 11px;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 800;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 4px solid #0e7490;
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(13, 27, 42, 0.14);
}

@media (max-width: 1240px) {
  .people-test-hero,
  .people-lower-grid {
    grid-template-columns: 1fr;
  }

  .people-vu-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .people-vu-action-grid,
  .people-card-heading,
  .people-document-list > div {
    grid-template-columns: 1fr;
  }

  .people-card-heading {
    align-items: start;
  }
}

.vucoris-brand-logo {
  display: block;
  width: 168px;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.vucoris-seal {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
  color: var(--neutral-700);
  vertical-align: middle;
}

.vucoris-seal-sm {
  --vucoris-seal-size: 24px;
}

.vucoris-seal-md {
  --vucoris-seal-size: 40px;
}

.vucoris-seal-lg {
  --vucoris-seal-size: 64px;
}

.vucoris-seal-xl {
  --vucoris-seal-size: 120px;
}

.vucoris-seal-ready {
  color: var(--status-ready);
}

.vucoris-seal-review {
  color: var(--status-review);
}

.vucoris-seal-risk {
  color: var(--status-risk);
}

.vucoris-seal-neutral {
  color: #6f7a88;
}

.vucoris-seal-image {
  display: block;
  flex: 0 0 auto;
  width: var(--vucoris-seal-size);
  height: var(--vucoris-seal-size);
  max-width: var(--vucoris-seal-size);
  max-height: var(--vucoris-seal-size);
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  user-select: none;
}

.object-contain {
  object-fit: contain;
}

.vucoris-seal-embossed .vucoris-seal-image {
  filter: drop-shadow(0 5px 11px rgba(13, 27, 42, 0.18));
}

.vucoris-seal-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: currentColor;
  font-size: 0.72rem;
  font-weight: 830;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vucoris-seal-demo {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow-panel-soft);
}

.vucoris-seal-demo-heading {
  display: grid;
  gap: 5px;
  max-width: 740px;
}

.vucoris-seal-demo-heading h3,
.vucoris-seal-demo-size-grid h4 {
  margin: 0;
  color: var(--neutral-950);
  font-weight: 850;
}

.vucoris-seal-demo-heading p:last-child {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.82rem;
  font-weight: 620;
  line-height: 1.45;
}

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

.vucoris-seal-demo-surface {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
}

.vucoris-seal-demo-surface > span {
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vucoris-seal-demo-surface > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: center;
}

.vucoris-seal-demo-light {
  color: var(--neutral-950);
  background: var(--surface-panel-subtle);
}

.vucoris-seal-demo-dark {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.18), rgba(13, 27, 42, 0) 44%),
    var(--color-deep-navy);
  border-color: rgba(230, 233, 238, 0.18);
}

.vucoris-seal-demo-dark .vucoris-seal-label,
.vucoris-seal-demo-dark > span {
  color: rgba(237, 242, 247, 0.86);
}

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

.vucoris-seal-demo-size-grid article {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  background: #ffffff;
}

.vucoris-seal-demo-size-grid article > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 11px;
}

.vucoris-seal-demo-size-grid h4 {
  font-size: 0.82rem;
  line-height: 1.25;
}

.vucoris-brand-seal,
.vucoris-footer-seal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-mist-gray);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  line-height: 1;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.28), rgba(103, 128, 159, 0.18) 34%, rgba(31, 45, 61, 0.72) 72%),
    var(--color-steel-blue);
  border: 1px solid rgba(230, 233, 238, 0.5);
  border-radius: 999px;
  box-shadow:
    inset 0 0 0 2px rgba(13, 27, 42, 0.38),
    0 8px 20px rgba(0, 0, 0, 0.24);
}

.vucoris-brand-seal {
  width: 38px;
  height: 38px;
  font-size: 1.25rem;
}

.vucoris-brand-wordmark {
  color: var(--color-white);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.vucoris-sidebar-nav {
  display: grid;
  gap: 5px;
  padding: 18px 0;
}

.sidebar-nav-item {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 8px 12px 8px 11px;
  color: rgba(230, 233, 238, 0.86);
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
}

.sidebar-nav-item::before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 3px;
  content: "";
  background: transparent;
  border-radius: 999px;
}

.sidebar-nav-item:hover {
  color: var(--color-white);
  background: rgba(31, 45, 61, 0.58);
  border-color: rgba(103, 128, 159, 0.2);
}

.sidebar-nav-item-active {
  color: var(--color-white);
  background: rgba(31, 45, 61, 0.96);
  border-color: rgba(103, 128, 159, 0.38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.sidebar-nav-item-active::before {
  background: var(--color-silver-blue);
}

.sidebar-nav-icon {
  width: 19px;
  height: 19px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sidebar-nav-label {
  overflow: visible;
  font-size: 0.86rem;
  font-weight: 650;
  line-height: 1.16;
  text-overflow: clip;
  white-space: normal;
}

.vucoris-sidebar-footer {
  display: grid;
  justify-items: center;
  gap: 9px;
  margin-top: auto;
  padding: 18px 6px 6px;
  color: rgba(230, 233, 238, 0.74);
  border-top: 1px solid rgba(203, 213, 225, 0.1);
}

.vucoris-sidebar-seal {
  opacity: 0.95;
}

.vucoris-sidebar-seal .vucoris-seal-image {
  width: 54px;
  height: 54px;
  max-width: 54px;
  max-height: 54px;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.24));
}

.vucoris-footer-seal {
  width: 34px;
  height: 34px;
  font-size: 1rem;
}

.vucoris-sidebar-trust-copy {
  margin: 0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}

.vucoris-shell-body {
  display: flex;
  min-height: 100vh;
  margin-left: 248px;
  flex-direction: column;
}

.vucoris-top-bar {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  padding: 0 28px;
  background: var(--color-white);
  border-bottom: 1px solid var(--neutral-200);
}

.top-bar-title-group {
  display: grid;
  gap: 2px;
}

.top-bar-breadcrumb {
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.top-bar-title-group h2 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1.05rem;
  font-weight: 750;
}

.top-bar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.top-bar-vu-access {
  position: relative;
}

.top-bar-icon-button,
.organization-selector,
.top-bar-vu-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  color: var(--neutral-800);
  cursor: pointer;
  background: var(--color-white);
  border: 1px solid transparent;
  border-radius: 7px;
}

.top-bar-vu-button {
  gap: 7px;
  padding: 0 11px;
  color: var(--color-deep-navy);
  font-size: 0.78rem;
  font-weight: 820;
  background: var(--surface-panel-subtle);
  border-color: var(--neutral-200);
}

.top-bar-logout-button {
  min-height: 36px;
  padding: 0 12px;
  color: var(--neutral-800);
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
  background: var(--surface-panel-subtle);
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.top-bar-icon-button {
  width: 36px;
  padding: 0;
}

.top-bar-icon-button:hover,
.organization-selector:hover,
.top-bar-vu-button:hover,
.top-bar-logout-button:hover {
  background: var(--neutral-50);
  border-color: var(--neutral-200);
}

.top-bar-icon-button svg,
.organization-selector svg,
.top-bar-vu-button svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top-bar-vu-button svg {
  width: 17px;
  height: 17px;
}

.top-bar-vu-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 30;
  display: grid;
  gap: 6px;
  width: min(300px, calc(100vw - 32px));
  padding: 12px;
  color: var(--neutral-700);
  background: var(--color-white);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(13, 27, 42, 0.16);
}

.top-bar-vu-panel strong {
  color: var(--neutral-950);
  font-size: 0.86rem;
  font-weight: 850;
}

.top-bar-vu-panel p,
.top-bar-vu-panel small {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.38;
}

.top-bar-vu-panel small {
  color: var(--neutral-600);
}

.organization-selector {
  gap: 8px;
  padding: 0 11px;
  font-size: 0.82rem;
  font-weight: 650;
}

.organization-selector svg {
  width: 14px;
  height: 14px;
  color: var(--neutral-600);
}

.user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: var(--color-white);
  font-size: 0.73rem;
  font-weight: 800;
  background: var(--color-deep-navy);
  border: 1px solid rgba(103, 128, 159, 0.45);
  border-radius: 999px;
}

.vucoris-login-screen {
  display: grid;
  min-height: 100vh;
  padding: 28px;
  place-items: center;
  background:
    linear-gradient(180deg, rgba(230, 233, 238, 0.44) 0%, rgba(248, 250, 252, 0) 260px),
    var(--neutral-50);
}

.vucoris-login-panel {
  display: grid;
  gap: 20px;
  width: min(100%, 440px);
  padding: 22px;
  background: var(--surface-panel);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  box-shadow: var(--shadow-panel);
}

.vucoris-login-brand {
  display: grid;
  grid-template-columns: 122px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-subtle);
}

.vucoris-login-logo {
  display: block;
  width: 122px;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 8px 18px rgba(13, 27, 42, 0.12);
}

.vucoris-login-brand p,
.vucoris-login-security-note,
.vucoris-login-muted,
.vucoris-login-error {
  margin: 0;
}

.vucoris-login-brand p {
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vucoris-login-brand h1 {
  margin: 3px 0 0;
  color: var(--neutral-950);
  font-size: 1.28rem;
  font-weight: 850;
  line-height: 1.15;
}

.vucoris-login-form {
  display: grid;
  gap: 13px;
}

.vucoris-login-field {
  display: grid;
  gap: 6px;
  color: var(--neutral-700);
  font-size: 0.78rem;
  font-weight: 800;
}

.vucoris-login-field input {
  min-height: 40px;
  width: 100%;
  padding: 8px 10px;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid var(--border-strong);
  border-radius: 7px;
  outline: none;
}

.vucoris-login-field input:focus {
  border-color: var(--color-silver-blue);
  box-shadow: 0 0 0 3px rgba(103, 128, 159, 0.18);
}

.vucoris-login-field input:disabled {
  color: var(--neutral-600);
  background: var(--surface-inset);
}

.vucoris-login-error,
.vucoris-login-muted,
.vucoris-login-security-note {
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.45;
}

.vucoris-login-error {
  padding: 9px 11px;
  color: #7c241f;
  background: var(--status-risk-tint);
  border: 1px solid var(--status-risk-soft);
  border-radius: 7px;
}

.vucoris-login-muted,
.vucoris-login-security-note {
  color: var(--neutral-600);
}

.vucoris-login-submit {
  min-height: 40px;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 850;
  cursor: pointer;
  background: #31516f;
  border: 1px solid #31516f;
  border-radius: 7px;
}

.vucoris-login-submit:hover:not(:disabled) {
  background: #263f57;
  border-color: #263f57;
}

.vucoris-login-submit:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.vucoris-main-content {
  flex: 1;
  padding: 32px;
  background:
    linear-gradient(180deg, rgba(230, 233, 238, 0.35) 0%, rgba(248, 250, 252, 0) 220px),
    var(--neutral-50);
}

.shell-placeholder {
  max-width: 760px;
}

.shell-placeholder-eyebrow {
  margin: 0 0 8px;
  color: var(--neutral-600);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shell-placeholder h1 {
  margin: 0;
  color: var(--neutral-950);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 760;
  line-height: 1.15;
}

.shell-placeholder p:last-child,
.shell-placeholder > p:not(.shell-placeholder-eyebrow) {
  max-width: 520px;
  margin: 10px 0 0;
  color: var(--neutral-600);
  font-size: 0.96rem;
  line-height: 1.6;
}

.shell-placeholder-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.shell-placeholder-action {
  min-height: 38px;
  padding: 0 14px;
  color: #ffffff;
  background: var(--neutral-900);
  border: 1px solid var(--neutral-900);
  border-radius: 8px;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 760;
  cursor: pointer;
}

.shell-placeholder-action:hover,
.shell-placeholder-action:focus-visible {
  background: var(--neutral-800);
  border-color: var(--neutral-800);
  outline: none;
}

.experience-selector-page {
  min-height: 100vh;
  padding: 32px;
  background: #f4f7f8;
  color: #142033;
}

.experience-selector-page > header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  max-width: 1120px;
  margin: 0 auto 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(25, 42, 64, 0.14);
}

.experience-selector-page > header span {
  color: #0c7477;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.experience-selector-page h1 {
  margin: 4px 0;
  color: #111827;
  font-size: 1.8rem;
  line-height: 1.08;
  letter-spacing: 0;
}

.experience-selector-page p {
  margin: 0;
  color: #5f6f82;
  font-size: 0.88rem;
  line-height: 1.45;
}

.experience-selector-session {
  display: grid;
  justify-items: end;
  gap: 4px;
  min-width: 180px;
}

.experience-selector-session span {
  color: #6b7888;
}

.experience-selector-session strong {
  color: #142033;
  font-size: 0.82rem;
}

.experience-selector-session button {
  padding: 6px 10px;
  border: 1px solid rgba(25, 42, 64, 0.16);
  border-radius: 6px;
  background: #ffffff;
  color: #25384f;
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
}

.experience-selector-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 1120px;
  margin: 0 auto;
}

.experience-selector-card {
  display: grid;
  gap: 8px;
  min-height: 150px;
  padding: 14px;
  border: 1px solid rgba(25, 42, 64, 0.14);
  border-radius: 8px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}

.experience-selector-card:hover,
.experience-selector-card:focus-visible {
  border-color: rgba(12, 116, 119, 0.45);
  box-shadow: 0 12px 28px rgba(25, 42, 64, 0.1);
}

.experience-selector-card span {
  color: #142033;
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1.16;
}

.experience-selector-card strong {
  color: #0c7477;
  font-size: 0.74rem;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.experience-selector-card p {
  color: #53657a;
  font-size: 0.8rem;
}

@media (max-width: 820px) {
  .experience-selector-page {
    padding: 20px;
  }

  .experience-selector-page > header {
    display: grid;
  }

  .experience-selector-session {
    justify-items: start;
  }

  .experience-selector-grid {
    grid-template-columns: 1fr;
  }
}

.domain-page {
  display: grid;
  gap: 18px;
  max-width: 1480px;
}

.domain-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.28fr);
  gap: 18px;
  align-items: stretch;
  padding: 18px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.22), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 5px solid var(--color-silver-blue);
  border-radius: 8px;
  box-shadow: var(--shadow-panel);
}

.domain-header > div:first-child {
  display: grid;
  align-content: center;
  gap: 6px;
  min-width: 0;
}

.domain-eyebrow {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.domain-header .domain-eyebrow {
  color: rgba(230, 233, 238, 0.72);
}

.domain-header h1 {
  margin: 0;
  color: #ffffff;
  font-size: 1.52rem;
  font-weight: 860;
  line-height: 1.12;
}

.domain-header p:last-child {
  max-width: 780px;
  margin: 0;
  color: rgba(237, 242, 247, 0.82);
  font-size: 0.88rem;
  font-weight: 610;
  line-height: 1.48;
}

.domain-header-state {
  display: grid;
  align-content: center;
  gap: 6px;
  min-width: 0;
  padding: 13px;
  background: rgba(13, 27, 42, 0.34);
  border: 1px solid rgba(230, 233, 238, 0.14);
  border-radius: 8px;
}

.domain-header-state strong {
  color: #ffffff;
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.3;
}

.domain-header-state span {
  color: rgba(230, 233, 238, 0.74);
  font-size: 0.76rem;
  font-weight: 620;
  line-height: 1.4;
}

.domain-tile-band {
  display: grid;
  gap: 10px;
}

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

.domain-tile {
  display: grid;
  align-content: start;
  gap: 8px;
  width: 100%;
  min-height: 118px;
  padding: 13px;
  color: rgba(237, 242, 247, 0.86);
  text-align: left;
  cursor: pointer;
  background:
    linear-gradient(150deg, rgba(103, 128, 159, 0.24) 0%, rgba(31, 45, 61, 0.96) 50%, rgba(13, 27, 42, 0.98) 100%),
    var(--color-deep-navy);
  border: 1px solid rgba(103, 128, 159, 0.28);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(13, 27, 42, 0.12);
}

.domain-tile:hover,
.domain-tile:focus-visible {
  border-color: rgba(158, 180, 204, 0.62);
  box-shadow:
    0 0 0 3px rgba(103, 128, 159, 0.18),
    0 18px 34px rgba(13, 27, 42, 0.18);
  outline: none;
}

.domain-tile-active {
  background:
    linear-gradient(150deg, rgba(103, 128, 159, 0.36) 0%, rgba(31, 45, 61, 0.96) 44%, rgba(14, 42, 67, 0.98) 100%),
    var(--color-steel-blue);
  border-color: rgba(230, 233, 238, 0.46);
}

.domain-tile-title {
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.22;
}

.domain-tile-description {
  color: rgba(237, 242, 247, 0.74);
  font-size: 0.76rem;
  font-weight: 620;
  line-height: 1.38;
}

.domain-tile-seal {
  justify-self: start;
  margin-bottom: 1px;
}

.domain-tile .operational-status-badge {
  width: max-content;
  max-width: 100%;
  margin-top: auto;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(230, 233, 238, 0.22);
}

.domain-tile .operational-status-ready {
  color: #d8f3df;
  background: rgba(168, 213, 183, 0.14);
  border-color: rgba(168, 213, 183, 0.38);
}

.domain-tile .operational-status-review {
  color: #ffe8a6;
  background: rgba(242, 212, 138, 0.14);
  border-color: rgba(242, 212, 138, 0.4);
}

.domain-tile .operational-status-risk {
  color: #ffd2ce;
  background: rgba(246, 179, 174, 0.14);
  border-color: rgba(246, 179, 174, 0.4);
}

.domain-workspace-area {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.domain-workspace-heading {
  display: grid;
  gap: 4px;
  max-width: 780px;
}

.domain-workspace-heading h2 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1.12rem;
  font-weight: 850;
  line-height: 1.25;
}

.domain-workspace-heading p:last-child {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.84rem;
  font-weight: 620;
  line-height: 1.45;
}

.domain-prepared-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.32fr);
  gap: 14px;
  align-items: start;
}

.domain-prepared-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 15px;
  background: var(--surface-panel);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  box-shadow: var(--shadow-panel-soft);
}

.domain-prepared-panel h3 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1.04rem;
  font-weight: 850;
  line-height: 1.25;
}

.domain-prepared-panel p {
  margin: 0;
  color: var(--neutral-700);
  font-size: 0.84rem;
  line-height: 1.5;
}

.domain-capability-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.domain-capability-list li,
.domain-signal-list div {
  padding: 10px 11px;
  color: var(--neutral-700);
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
  font-size: 0.8rem;
  font-weight: 660;
  line-height: 1.4;
}

.domain-signal-panel {
  border-left: 5px solid var(--color-silver-blue);
}

.domain-signal-list {
  display: grid;
  gap: 8px;
  margin: 0;
}

.domain-signal-list dt {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.domain-signal-list dd {
  margin: 4px 0 0;
  color: var(--neutral-950);
  font-size: 0.9rem;
  font-weight: 840;
  line-height: 1.2;
}

.domain-signal-ready dd {
  color: var(--status-ready);
}

.domain-signal-review dd {
  color: var(--status-review);
}

.domain-signal-risk dd {
  color: var(--status-risk);
}

.domain-vu-strip {
  display: grid;
  grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  background: var(--surface-panel);
  border: 1px solid var(--border-subtle);
  border-left: 5px solid #5d8f96;
  border-radius: 8px;
  box-shadow: var(--shadow-panel-soft);
}

.domain-vu-strip-heading {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
}

.domain-vu-strip-heading > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: var(--color-silver-blue);
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
}

.domain-vu-strip-heading strong {
  display: block;
  margin-top: 2px;
  color: var(--neutral-950);
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.25;
}

.domain-vu-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.domain-vu-actions button {
  min-height: 34px;
  padding: 7px 10px;
  color: var(--color-steel-blue);
  font-size: 0.76rem;
  font-weight: 850;
  cursor: pointer;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.domain-vu-actions button:hover,
.domain-vu-actions button:focus-visible,
.domain-vu-actions .domain-vu-action-active {
  color: #ffffff;
  background: var(--color-steel-blue);
  border-color: var(--color-steel-blue);
  outline: none;
}

.domain-vu-strip > p {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.76rem;
  font-weight: 720;
  line-height: 1.35;
  text-align: right;
}

.readiness-home {
  display: grid;
  gap: 14px;
  max-width: 1260px;
}

.readiness-page-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.readiness-eyebrow,
.readiness-panel-label {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.readiness-page-header h1 {
  margin: 3px 0 0;
  color: var(--neutral-950);
  font-size: clamp(1.65rem, 2.6vw, 2.05rem);
  font-weight: 780;
  line-height: 1.12;
}

.readiness-page-header p:last-child {
  max-width: 700px;
  margin: 5px 0 0;
  color: var(--neutral-600);
  font-size: 0.9rem;
  line-height: 1.45;
}

.assessment-readiness-panel,
.readiness-panel {
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(13, 27, 42, 0.05);
}

.assessment-readiness-panel {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-left: 5px solid var(--status-review-medium);
}

.assessment-readiness-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.assessment-readiness-heading h2,
.readiness-panel-header h2 {
  margin: 5px 0 0;
  color: var(--neutral-950);
  font-size: 1.08rem;
  font-weight: 780;
}

.assessment-readiness-heading h2 {
  font-size: 1.22rem;
}

.readiness-panel-header h2 {
  font-size: 0.98rem;
}

.assessment-readiness-summary {
  max-width: 540px;
  margin: 5px 0 0;
  color: var(--neutral-600);
  font-size: 0.84rem;
  line-height: 1.45;
}

.assessment-posture-state {
  display: grid;
  justify-items: end;
  gap: 7px;
  min-width: max-content;
}

.assessment-posture-state strong {
  color: var(--status-risk);
  font-size: 0.94rem;
  font-weight: 820;
}

.assessment-readiness-metrics,
.readiness-compact-metrics {
  display: grid;
  gap: 10px;
  margin: 0;
}

.assessment-readiness-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.assessment-readiness-metrics div,
.readiness-compact-metrics div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px 12px;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.assessment-readiness-metrics .metric-critical {
  background: var(--status-risk-tint);
  border-color: var(--status-risk-soft);
}

.assessment-readiness-metrics dt,
.readiness-compact-metrics dt {
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.assessment-readiness-metrics dd,
.readiness-compact-metrics dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1.22rem;
  font-weight: 780;
  line-height: 1.1;
}

.assessment-readiness-metrics .metric-critical dd {
  color: var(--status-risk);
}

.assessment-readiness-metrics div:last-child dd {
  color: var(--neutral-700);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
}

.readiness-section-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.32fr) minmax(320px, 0.68fr);
  gap: 12px;
  align-items: start;
}

.readiness-panel {
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 14px;
}

.readiness-panel-priority {
  grid-column: 1;
}

.readiness-panel-package {
  grid-column: 2;
}

.readiness-panel-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--neutral-200);
}

.readiness-panel-header h2 {
  margin: 0;
}

.readiness-panel-header p {
  margin: 4px 0 0;
  color: var(--neutral-600);
  font-size: 0.8rem;
  line-height: 1.4;
}

.readiness-table {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.readiness-table-row {
  display: grid;
  grid-template-columns: minmax(106px, 0.82fr) minmax(124px, 0.9fr) minmax(220px, 1.7fr) minmax(72px, 0.55fr) minmax(118px, 0.7fr);
  gap: 10px;
  align-items: center;
  min-height: 40px;
  padding: 8px 10px;
  background: var(--color-white);
  border-top: 1px solid var(--neutral-200);
}

.readiness-table-row:first-child {
  border-top: 0;
}

.readiness-table-head {
  min-height: 30px;
  color: var(--neutral-600);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--neutral-50);
}

.readiness-table-row strong {
  color: var(--neutral-950);
  font-size: 0.78rem;
}

.readiness-table-row span {
  min-width: 0;
  color: var(--neutral-700);
  font-size: 0.78rem;
  line-height: 1.3;
}

.readiness-list {
  display: grid;
  gap: 8px;
}

.readiness-record,
.package-status-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
  padding: 10px 11px;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.readiness-record strong,
.package-status-panel strong {
  display: block;
  color: var(--neutral-950);
  font-size: 0.83rem;
  line-height: 1.35;
}

.readiness-record span,
.package-status-panel span {
  display: block;
  margin-top: 3px;
  color: var(--neutral-600);
  font-size: 0.74rem;
  font-weight: 650;
  line-height: 1.35;
}

.readiness-record p {
  margin: 5px 0 0;
  color: var(--neutral-700);
  font-size: 0.79rem;
  line-height: 1.45;
}

.readiness-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  min-height: 23px;
  padding: 3px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.15;
  white-space: nowrap;
}

.readiness-status-emphasis {
  min-height: 30px;
  padding: 5px 11px;
  font-size: 0.84rem;
}

.readiness-status-ready {
  color: var(--status-ready);
  background: var(--status-ready-tint);
  border-color: var(--status-ready-soft);
}

.readiness-status-review {
  color: var(--status-review);
  background: var(--status-review-tint);
  border-color: var(--status-review-soft);
}

.readiness-status-risk {
  color: var(--status-risk);
  background: var(--status-risk-tint);
  border-color: var(--status-risk-soft);
}

.readiness-status-neutral {
  color: var(--neutral-700);
  background: var(--neutral-100);
  border-color: var(--neutral-300);
}

.package-status-panel {
  background: linear-gradient(180deg, var(--neutral-50), var(--color-white));
}

.package-status-panel .readiness-panel-label {
  margin-bottom: 5px;
}

.readiness-compact-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.readiness-compact-metrics div {
  padding: 9px;
}

.readiness-compact-metrics dd {
  font-size: 1rem;
}

.readiness-provenance-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: -2px 0 0;
  padding: 0;
  list-style: none;
}

.readiness-provenance-list li {
  min-height: 24px;
  padding: 4px 8px;
  color: var(--neutral-700);
  font-size: 0.72rem;
  font-weight: 750;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 999px;
}

.app-shell {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 32px 0 48px;
}

.decision-header {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.6fr);
  gap: 24px;
  align-items: end;
  padding: 24px 0 28px;
  border-bottom: 1px solid #d8e0e4;
}

.decision-header h1 {
  max-width: 860px;
  margin: 8px 0 0;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.05;
  letter-spacing: 0;
}

.decision-header p {
  margin: 0;
  color: #52616b;
  line-height: 1.6;
}

.eyebrow,
.section-label {
  color: #52616b;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.status-grid,
.metric-grid,
.content-grid {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}

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

.operational-priority {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: 16px;
  margin-top: 20px;
  align-items: stretch;
}

.authorization-state-panel,
.priority-signal {
  background: #ffffff;
  border: 1px solid #d8e0e4;
  border-left-width: 6px;
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(23, 32, 38, 0.06);
}

.authorization-state-panel {
  min-height: 236px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px;
}

.authorization-state-panel h2 {
  margin: 8px 0 0;
  font-size: clamp(2.25rem, 5vw, 4rem);
  line-height: 1;
}

.authorization-state-panel p,
.priority-signal p {
  margin: 0;
  color: #3c4b54;
  line-height: 1.55;
}

.authorization-state-panel .status-badge {
  margin-top: 18px;
}

.criticality-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
  color: #52616b;
  line-height: 1.45;
}

.criticality-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.criticality-routine {
  color: #31516f;
  background: #dcecff;
}

.criticality-moderate {
  color: #3f4a21;
  background: #edf4c9;
}

.criticality-high {
  color: #6a3f00;
  background: #ffe9bd;
}

.criticality-critical {
  color: #7c241f;
  background: #ffe0dc;
}

.priority-signal-grid {
  display: grid;
  gap: 12px;
}

.priority-signal {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.priority-signal strong {
  display: block;
  font-size: 2rem;
  line-height: 1;
}

.signal-positive {
  border-left-color: #2f8f5b;
}

.signal-review {
  border-left-color: #d48a18;
}

.signal-critical {
  border-left-color: #c84b40;
}

.signal-neutral {
  border-left-color: #4f7fa8;
}

.workspace-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr);
  gap: 16px;
  margin-top: 20px;
}

.workspace-summary-panel,
.workspace-focus-panel {
  background: #ffffff;
  border: 1px solid #d8e0e4;
  border-left: 6px solid #4f7fa8;
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(23, 32, 38, 0.06);
  padding: 22px;
}

.workspace-summary-panel h2,
.workspace-focus-panel strong {
  display: block;
  margin: 8px 0 0;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1;
}

.workspace-summary-panel p,
.workspace-focus-panel p {
  margin: 14px 0 0;
  color: #3c4b54;
  line-height: 1.55;
}

.workspace-section {
  margin-top: 24px;
}

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

.case-card {
  display: grid;
  gap: 14px;
  width: 100%;
  padding: 18px;
  color: inherit;
  text-align: left;
  background: #ffffff;
  border: 1px solid #d8e0e4;
  border-left: 6px solid #4f7fa8;
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(23, 32, 38, 0.06);
  cursor: pointer;
}

.case-card:hover {
  border-color: #9eb5c4;
}

.case-card-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 14px;
  align-items: start;
}

.case-card h3 {
  margin: 6px 0 0;
  font-size: 1.2rem;
  line-height: 1.25;
}

.case-card p,
.case-card time,
.case-card-counts,
.ai-context {
  color: #52616b;
  line-height: 1.45;
}

.case-card p {
  margin: 0;
}

.case-card .status-badge {
  margin-top: 0;
}

.case-card-meta,
.case-card-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}

.ai-context {
  font-size: 0.88rem;
  font-weight: 700;
}

.workspace-activity-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.workspace-activity-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 16px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid #e5ebef;
}

.workspace-activity-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.workspace-activity-list strong,
.workspace-activity-list span,
.workspace-activity-list time {
  display: block;
}

.workspace-activity-list span,
.workspace-activity-list time {
  color: #52616b;
  line-height: 1.45;
}

.operational-event-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

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

.operational-insight-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operational-insight-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 16px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid #e5ebef;
}

.operational-insight-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.operational-insight-main,
.operational-insight-meta {
  min-width: 0;
}

.operational-insight-main {
  display: grid;
  gap: 7px;
}

.operational-insight-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.operational-insight-main strong,
.operational-insight-main span,
.operational-insight-main p,
.operational-insight-meta time {
  min-width: 0;
  overflow-wrap: anywhere;
}

.operational-insight-main span,
.operational-insight-meta time {
  color: #52616b;
  line-height: 1.45;
}

.operational-insight-main p {
  margin: 0;
  color: #3c4b54;
  line-height: 1.55;
}

.operational-insight-meta {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.operational-insight-meta .status-badge {
  margin-top: 0;
}

.severity-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #31516f;
  background: #dcecff;
  font-size: 0.78rem;
  font-weight: 900;
}

.severity-medium {
  color: #6a3f00;
  background: #ffe9bd;
}

.severity-high,
.severity-critical {
  color: #7c241f;
  background: #ffe0dc;
}

.operational-event-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, max-content);
  gap: 16px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid #e5ebef;
}

.operational-event-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.operational-event-main,
.operational-event-meta {
  min-width: 0;
}

.operational-event-main {
  display: grid;
  gap: 7px;
}

.operational-event-main strong,
.operational-event-main span,
.operational-event-meta span,
.operational-event-meta time {
  min-width: 0;
  overflow-wrap: anywhere;
}

.operational-event-main span,
.operational-event-meta span,
.operational-event-meta time {
  color: #52616b;
  line-height: 1.45;
}

.operational-event-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.operational-event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.operational-event-meta .status-badge {
  margin-top: 0;
}

.sensitivity-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #31516f;
  background: #dcecff;
  font-size: 0.78rem;
  font-weight: 900;
}

.sensitivity-confidential,
.sensitivity-restricted {
  color: #7c241f;
  background: #ffe0dc;
}

.detail-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
  color: #52616b;
}

.text-button {
  padding: 0;
  color: #31516f;
  font-weight: 800;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.content-grid {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.workspace-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #d8e0e4;
}

.workspace-nav button {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #cdd7dc;
  border-radius: 6px;
  color: #31516f;
  background: #ffffff;
  font-weight: 800;
  cursor: pointer;
}

.workspace-nav button:hover,
.workspace-nav .workspace-nav-active {
  color: #ffffff;
  border-color: #31516f;
  background: #31516f;
}

.cmmc-workflow-shell {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 20px;
}

.cmmc-left-nav {
  position: sticky;
  top: 16px;
  display: grid;
  gap: 16px;
  padding: 16px;
  border: 1px solid #d8e0e4;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(23, 32, 38, 0.06);
}

.cmmc-left-nav strong {
  display: block;
  margin-top: 6px;
  color: #172026;
  line-height: 1.25;
}

.cmmc-left-nav nav {
  display: grid;
  gap: 6px;
}

.cmmc-left-nav button {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #31516f;
  background: transparent;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.cmmc-left-nav button:hover,
.cmmc-left-nav .cmmc-left-nav-active {
  color: #ffffff;
  border-color: #31516f;
  background: #31516f;
}

.cmmc-workflow-main {
  min-width: 0;
  display: grid;
  gap: 16px;
}

.cmmc-section-content {
  min-width: 0;
}

.cmmc-readiness-strip {
  margin-top: 0;
}

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

.cmmc-readiness-summary-grid .trust-signal {
  min-height: 82px;
}

.operational-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #e5ebef;
}

.operational-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #31516f;
  background: #dcecff;
  font-size: 0.78rem;
  font-weight: 900;
}

.operational-status-positive {
  color: #0c5132;
  background: #dff4e7;
}

.operational-status-review {
  color: #6a3f00;
  background: #ffe9bd;
}

.operational-status-critical {
  color: #7c241f;
  background: #ffe0dc;
}

.cmmc-workflow-progress {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.workflow-step {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid #cdd7dc;
  border-radius: 8px;
  color: #31516f;
  background: #ffffff;
  cursor: pointer;
}

.workflow-step span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #31516f;
  background: #dcecff;
  font-size: 0.78rem;
  font-weight: 900;
}

.workflow-step strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.88rem;
}

.workflow-step:hover,
.workflow-step-active {
  color: #ffffff;
  border-color: #31516f;
  background: #31516f;
}

.workflow-step-active span {
  color: #31516f;
  background: #ffffff;
}

.cmmc-guidance-panel {
  padding: 18px;
}

.cmmc-guidance-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.cmmc-guidance-list button {
  display: grid;
  gap: 6px;
  min-height: 86px;
  padding: 12px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #d48a18;
  border-radius: 8px;
  color: inherit;
  background: #fbfcfd;
  text-align: left;
  cursor: pointer;
}

.cmmc-guidance-list button:hover {
  border-color: #31516f;
  background: #f1f6f9;
}

.cmmc-guidance-list span {
  color: #52616b;
  line-height: 1.45;
}

.record-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0 0 16px;
}

.evidence-vault-panel {
  margin-top: 0;
}

.evidence-vault-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.38fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

.evidence-control-list {
  display: grid;
  gap: 10px;
}

.evidence-control-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px 12px;
  align-items: center;
  width: 100%;
  padding: 13px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  color: inherit;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}

.evidence-control-card:hover,
.evidence-control-card-active {
  border-color: #31516f;
  background: #f1f6f9;
}

.evidence-control-card div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.evidence-control-card span:last-child {
  grid-column: 1 / -1;
  color: #52616b;
}

.evidence-vault-detail {
  min-width: 0;
  padding-left: 18px;
  border-left: 5px solid #4f7fa8;
}

.evidence-row-active {
  background: #f1f6f9;
}

.workspace-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}

.workspace-state-list {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
}

.workspace-state-list div {
  display: grid;
  gap: 4px;
  padding-top: 10px;
  border-top: 1px solid #e5ebef;
}

.workspace-state-list dt {
  color: #52616b;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-state-list dd {
  margin: 0;
  color: #172026;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.trust-signal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  margin: 16px 0;
}

.trust-signal {
  display: grid;
  gap: 8px;
  min-height: 92px;
  padding: 14px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  background: #fbfcfd;
}

.trust-signal strong {
  font-size: 1.45rem;
  line-height: 1.1;
}

.tag-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #31516f;
  background: #dcecff;
  font-size: 0.78rem;
  font-weight: 900;
}

.project-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.project-trust-row .status-badge {
  margin-top: 0;
}

.security-control-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.security-control-list div {
  display: grid;
  grid-template-columns: minmax(0, 0.6fr) max-content minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #e5ebef;
}

.security-control-list strong,
.security-control-list span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.security-control-list span {
  color: #52616b;
  line-height: 1.45;
}

.security-control-list .status-badge {
  margin-top: 0;
}

.cmmc-controls-panel {
  margin-top: 20px;
}

.cmmc-controls-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 16px;
  align-items: start;
}

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

.cmmc-controls-summary .trust-signal {
  min-height: 82px;
}

.cmmc-filter-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 12px;
  margin: 18px 0;
  padding: 14px 0;
  border-top: 1px solid #e5ebef;
  border-bottom: 1px solid #e5ebef;
}

.cmmc-filter-bar label {
  display: grid;
  gap: 7px;
  color: #52616b;
  font-weight: 800;
}

.cmmc-filter-bar span {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cmmc-filter-bar select {
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid #cdd7dc;
  border-radius: 6px;
  color: #172026;
  background: #ffffff;
}

.cmmc-controls-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
  gap: 18px;
  align-items: start;
}

.cmmc-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.cmmc-control-table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
}

.cmmc-control-table th,
.cmmc-control-table td {
  padding: 13px 12px;
  border-top: 1px solid #e5ebef;
  text-align: left;
  vertical-align: middle;
}

.cmmc-control-table th {
  color: #52616b;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cmmc-control-table tbody tr {
  cursor: pointer;
}

.cmmc-control-table tbody tr:hover,
.cmmc-control-table tbody tr:focus,
.cmmc-control-row-active {
  outline: 0;
  background: #f1f6f9;
}

.cmmc-control-table td:first-child {
  min-width: 220px;
}

.cmmc-control-table td:first-child strong,
.cmmc-control-table td:first-child span {
  display: block;
}

.cmmc-control-table td:first-child span {
  margin-top: 4px;
  color: #52616b;
  line-height: 1.35;
}

.cmmc-control-table .status-badge {
  margin-top: 0;
}

.cmmc-table-empty {
  padding: 18px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  background: #fbfcfd;
}

.cmmc-table-empty h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}

.cmmc-table-empty p {
  margin: 0;
  color: #52616b;
  line-height: 1.55;
}

.cmmc-detail-panel {
  min-width: 0;
  padding-left: 18px;
  border-left: 5px solid #4f7fa8;
}

.cmmc-detail-heading {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.cmmc-detail-heading h2 {
  margin: 6px 0 4px;
  font-size: 1.35rem;
}

.cmmc-detail-heading strong {
  display: block;
  line-height: 1.4;
}

.cmmc-detail-heading .status-badge {
  flex: 0 0 auto;
  margin-top: 0;
}

.cmmc-state-grid {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.cmmc-state-item {
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid #d8e0e4;
  border-left-width: 5px;
  border-radius: 8px;
  background: #fbfcfd;
}

.cmmc-state-item span,
.cmmc-state-clear {
  color: #52616b;
  line-height: 1.45;
}

.cmmc-state-clear {
  margin-bottom: 16px;
}

.cmmc-detail-list {
  display: grid;
  gap: 12px;
  margin: 0;
}

.cmmc-detail-list div {
  padding-top: 11px;
  border-top: 1px solid #e5ebef;
}

.cmmc-detail-list dt {
  color: #52616b;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cmmc-detail-list dd {
  margin: 6px 0 0;
  color: #172026;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.cmmc-evidence-section {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #d8e0e4;
}

.cmmc-evidence-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmmc-evidence-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
  padding: 13px 0;
  border-top: 1px solid #e5ebef;
}

.cmmc-evidence-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.cmmc-evidence-list strong,
.cmmc-evidence-list span,
.cmmc-evidence-list p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.cmmc-evidence-list span,
.cmmc-evidence-list p {
  color: #52616b;
  line-height: 1.45;
}

.cmmc-evidence-list p {
  margin-top: 5px;
}

.cmmc-evidence-list .status-badge {
  margin-top: 0;
}

.cmmc-error-text {
  color: #7c241f;
  font-weight: 800;
}

.poam-panel {
  margin-top: 20px;
}

.poam-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 16px;
  align-items: start;
}

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

.poam-summary-grid .trust-signal {
  min-height: 82px;
}

.poam-filter-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 12px;
  margin: 18px 0;
  padding: 14px 0;
  border-top: 1px solid #e5ebef;
  border-bottom: 1px solid #e5ebef;
}

.poam-filter-bar label,
.poam-action-panel label {
  display: grid;
  gap: 7px;
  color: #52616b;
  font-weight: 800;
}

.poam-filter-bar span,
.poam-action-panel label span {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.poam-filter-bar select,
.poam-action-panel select,
.poam-action-panel textarea {
  width: 100%;
  border: 1px solid #cdd7dc;
  border-radius: 6px;
  color: #172026;
  background: #ffffff;
}

.poam-filter-bar select,
.poam-action-panel select {
  min-height: 42px;
  padding: 8px 10px;
}

.poam-action-panel textarea {
  min-height: 82px;
  resize: vertical;
  padding: 10px;
  line-height: 1.5;
}

.poam-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 18px;
  align-items: start;
}

.poam-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.poam-table {
  width: 100%;
  min-width: 1320px;
  border-collapse: collapse;
}

.poam-table th,
.poam-table td {
  padding: 13px 12px;
  border-top: 1px solid #e5ebef;
  text-align: left;
  vertical-align: middle;
}

.poam-table th {
  color: #52616b;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.poam-table tbody tr {
  cursor: pointer;
}

.poam-table tbody tr:hover,
.poam-table tbody tr:focus,
.poam-row-active {
  outline: 0;
  background: #f1f6f9;
}

.poam-table td:first-child,
.poam-table td:nth-child(2) {
  min-width: 210px;
}

.poam-table td:first-child strong,
.poam-table td:first-child span,
.poam-table td:nth-child(2) strong,
.poam-table td:nth-child(2) span,
.poam-table td:nth-child(7) span,
.poam-table td:nth-child(8) strong,
.poam-table td:nth-child(8) span,
.poam-table td:nth-child(9) strong,
.poam-table td:nth-child(9) span {
  display: block;
}

.poam-table td:first-child span,
.poam-table td:nth-child(2) span,
.poam-table td:nth-child(8) span,
.poam-table td:nth-child(9) span {
  margin-top: 4px;
  color: #52616b;
  line-height: 1.35;
}

.poam-table .status-badge,
.poam-table .severity-badge {
  margin-top: 0;
}

.poam-table-empty {
  padding: 18px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  background: #fbfcfd;
}

.poam-table-empty h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}

.poam-table-empty p {
  margin: 0;
  color: #52616b;
  line-height: 1.55;
}

.poam-detail-panel {
  min-width: 0;
  padding-left: 18px;
  border-left: 5px solid #4f7fa8;
}

.poam-detail-heading {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.poam-detail-heading h2 {
  margin: 6px 0 4px;
  font-size: 1.35rem;
}

.poam-detail-heading span {
  display: block;
  color: #52616b;
  line-height: 1.4;
}

.poam-detail-heading .status-badge {
  flex: 0 0 auto;
  margin-top: 0;
}

.poam-state-grid {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.poam-state-item {
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid #d8e0e4;
  border-left-width: 5px;
  border-radius: 8px;
  background: #fbfcfd;
}

.poam-state-item span,
.poam-state-clear {
  color: #52616b;
  line-height: 1.45;
}

.poam-state-clear {
  margin-bottom: 16px;
}

.poam-detail-counts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.poam-detail-counts .trust-signal {
  min-height: 82px;
}

.poam-detail-list {
  display: grid;
  gap: 12px;
  margin: 0;
}

.poam-detail-list div {
  padding-top: 11px;
  border-top: 1px solid #e5ebef;
}

.poam-detail-list dt {
  color: #52616b;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.poam-detail-list dd {
  margin: 6px 0 0;
  color: #172026;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.poam-action-panel {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #d8e0e4;
}

.poam-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.poam-action-row .secondary-action-button,
.poam-action-row .state-action-button {
  margin-top: 0;
}

.poam-evidence-section {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #d8e0e4;
}

.poam-evidence-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.poam-evidence-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
  padding: 13px 0;
  border-top: 1px solid #e5ebef;
}

.poam-evidence-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.poam-evidence-list strong,
.poam-evidence-list span,
.poam-evidence-list p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.poam-evidence-list span,
.poam-evidence-list p {
  color: #52616b;
  line-height: 1.45;
}

.poam-evidence-list p {
  margin-top: 5px;
}

.poam-evidence-list .status-badge {
  margin-top: 0;
}

.poam-error-text {
  color: #7c241f;
  font-weight: 800;
}

.poam-success-text {
  color: #0c5132;
  font-weight: 800;
}

.ssp-panel {
  margin-top: 20px;
}

.ssp-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  gap: 16px;
  align-items: start;
}

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

.ssp-summary-grid .trust-signal {
  min-height: 82px;
}

.ssp-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

.ssp-card-list {
  display: grid;
  gap: 12px;
}

.ssp-card {
  display: grid;
  gap: 12px;
  width: 100%;
  padding: 16px;
  color: inherit;
  text-align: left;
  background: #ffffff;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  cursor: pointer;
}

.ssp-card:hover,
.ssp-card-active {
  border-color: #31516f;
  background: #f1f6f9;
}

.ssp-card-heading {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.ssp-card-heading h3 {
  margin: 6px 0 0;
  font-size: 1rem;
  line-height: 1.3;
}

.ssp-card-heading .status-badge,
.ssp-card-meta .status-badge {
  margin-top: 0;
}

.ssp-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  color: #52616b;
  line-height: 1.45;
}

.ssp-card-dates {
  display: grid;
  gap: 8px;
  margin: 0;
}

.ssp-card-dates div {
  display: grid;
  gap: 3px;
  padding-top: 8px;
  border-top: 1px solid #e5ebef;
}

.ssp-card-dates dt {
  color: #52616b;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ssp-card-dates dd {
  margin: 0;
  color: #172026;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.ssp-detail-panel {
  min-width: 0;
  padding-left: 18px;
  border-left: 5px solid #4f7fa8;
}

.ssp-detail-heading {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.ssp-detail-heading h2 {
  margin: 6px 0 4px;
  font-size: 1.35rem;
}

.ssp-detail-heading span {
  display: block;
  color: #52616b;
  line-height: 1.4;
}

.ssp-detail-heading .status-badge {
  flex: 0 0 auto;
  margin-top: 0;
}

.ssp-state-grid {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.ssp-state-item {
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid #d8e0e4;
  border-left-width: 5px;
  border-radius: 8px;
  background: #fbfcfd;
}

.ssp-state-item span,
.ssp-state-clear {
  color: #52616b;
  line-height: 1.45;
}

.ssp-state-clear {
  margin-bottom: 16px;
}

.ssp-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 12px 0 16px;
}

.ssp-action-row .secondary-action-button,
.ssp-action-row .state-action-button {
  margin-top: 0;
}

.ssp-coverage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
  padding-top: 14px;
  border-top: 1px solid #e5ebef;
}

.ssp-coverage-grid .trust-signal {
  min-height: 82px;
}

.ssp-section-empty {
  padding: 18px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  background: #fbfcfd;
}

.ssp-section-empty h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}

.ssp-section-empty p {
  margin: 0;
  color: #52616b;
  line-height: 1.55;
}

.ssp-section-list {
  display: grid;
  gap: 0;
  border-top: 1px solid #d8e0e4;
}

.ssp-section-row {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) max-content minmax(120px, 0.7fr) minmax(120px, 0.7fr) minmax(130px, 0.7fr) minmax(110px, 0.5fr);
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 13px 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e5ebef;
  cursor: pointer;
}

.ssp-section-row:hover,
.ssp-section-row-active {
  background: #f1f6f9;
}

.ssp-section-row strong,
.ssp-section-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ssp-section-row div span,
.ssp-section-row > span {
  color: #52616b;
  line-height: 1.45;
}

.ssp-section-row .status-badge {
  margin-top: 0;
}

.ssp-section-detail {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #d8e0e4;
}

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

.ssp-detail-list div {
  padding-top: 11px;
  border-top: 1px solid #e5ebef;
}

.ssp-detail-list dt {
  color: #52616b;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ssp-detail-list dd {
  margin: 6px 0 0;
  color: #172026;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.ssp-section-action-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #d8e0e4;
}

.ssp-section-action-panel label {
  display: grid;
  gap: 7px;
  color: #52616b;
  font-weight: 800;
}

.ssp-section-action-panel label:nth-of-type(4),
.ssp-section-action-panel .ssp-action-row {
  grid-column: 1 / -1;
}

.ssp-section-action-panel label span {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ssp-section-action-panel input,
.ssp-section-action-panel select,
.ssp-section-action-panel textarea {
  width: 100%;
  border: 1px solid #cdd7dc;
  border-radius: 6px;
  color: #172026;
  background: #ffffff;
}

.ssp-section-action-panel input,
.ssp-section-action-panel select {
  min-height: 42px;
  padding: 8px 10px;
}

.ssp-section-action-panel textarea {
  min-height: 82px;
  resize: vertical;
  padding: 10px;
  line-height: 1.5;
}

.ssp-section-evidence {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #d8e0e4;
}

.ssp-evidence-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ssp-evidence-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
  padding: 13px 0;
  border-top: 1px solid #e5ebef;
}

.ssp-evidence-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.ssp-evidence-list strong,
.ssp-evidence-list span,
.ssp-evidence-list p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ssp-evidence-list span,
.ssp-evidence-list p {
  color: #52616b;
  line-height: 1.45;
}

.ssp-evidence-list p {
  margin-top: 5px;
}

.ssp-evidence-list .status-badge {
  margin-top: 0;
}

.ssp-error-text {
  color: #7c241f;
  font-weight: 800;
}

.ssp-success-text {
  color: #0c5132;
  font-weight: 800;
}

.assessment-panel {
  margin-top: 20px;
}

.assessment-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  gap: 16px;
  align-items: start;
}

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

.assessment-summary-grid .trust-signal {
  min-height: 82px;
}

.assessment-export-note {
  margin: 0 0 16px;
  padding: 11px 12px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  color: #3c4b54;
  background: #fbfcfd;
  font-weight: 800;
  line-height: 1.45;
}

.assessment-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.assessment-list-panel,
.assessment-card-list {
  display: grid;
  gap: 12px;
}

.assessment-create-panel {
  padding: 16px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  background: #fbfcfd;
}

.assessment-create-form {
  display: grid;
  gap: 12px;
}

.assessment-create-form label,
.assessment-action-panel label {
  display: grid;
  gap: 7px;
  color: #52616b;
  font-weight: 800;
}

.assessment-create-form label span,
.assessment-action-panel label span {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.assessment-create-form input,
.assessment-create-form select,
.assessment-create-form textarea,
.assessment-action-panel input {
  width: 100%;
  border: 1px solid #cdd7dc;
  border-radius: 6px;
  color: #172026;
  background: #ffffff;
}

.assessment-create-form input,
.assessment-create-form select,
.assessment-action-panel input {
  min-height: 42px;
  padding: 8px 10px;
}

.assessment-create-form textarea {
  min-height: 82px;
  resize: vertical;
  padding: 10px;
  line-height: 1.5;
}

.assessment-create-form .secondary-action-button {
  width: fit-content;
}

.assessment-empty,
.assessment-package-empty {
  padding: 18px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  background: #fbfcfd;
}

.assessment-empty h3,
.assessment-package-empty h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}

.assessment-empty p,
.assessment-package-empty p {
  margin: 0;
  color: #52616b;
  line-height: 1.55;
}

.assessment-card {
  display: grid;
  gap: 12px;
  width: 100%;
  padding: 16px;
  color: inherit;
  text-align: left;
  background: #ffffff;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  cursor: pointer;
}

.assessment-card:hover,
.assessment-card-active {
  border-color: #31516f;
  background: #f1f6f9;
}

.assessment-card-heading {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.assessment-card-heading h3 {
  margin: 6px 0 0;
  font-size: 1rem;
  line-height: 1.3;
}

.assessment-card-heading .status-badge {
  flex: 0 0 auto;
  margin-top: 0;
}

.assessment-link-row,
.assessment-count-row,
.assessment-generated-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  color: #52616b;
  line-height: 1.45;
}

.assessment-count-row span {
  font-weight: 800;
}

.assessment-detail-panel {
  min-width: 0;
  padding-left: 18px;
  border-left: 5px solid #4f7fa8;
}

.assessment-detail-heading {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.assessment-detail-heading h2 {
  margin: 6px 0 4px;
  font-size: 1.35rem;
}

.assessment-detail-heading span {
  display: block;
  color: #52616b;
  line-height: 1.4;
}

.assessment-detail-heading .status-badge {
  flex: 0 0 auto;
  margin-top: 0;
}

.assessment-state-grid {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.assessment-state-item {
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid #d8e0e4;
  border-left-width: 5px;
  border-radius: 8px;
  background: #fbfcfd;
}

.assessment-state-item span {
  color: #52616b;
  line-height: 1.45;
}

.assessment-detail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}

.assessment-detail-list div {
  padding-top: 11px;
  border-top: 1px solid #e5ebef;
}

.assessment-detail-list dt {
  color: #52616b;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.assessment-detail-list dd {
  margin: 6px 0 0;
  color: #172026;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.assessment-detail-counts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.assessment-detail-counts .trust-signal {
  min-height: 82px;
}

.assessment-action-panel {
  display: grid;
  gap: 12px;
  margin: 18px 0;
  padding-top: 14px;
  border-top: 1px solid #d8e0e4;
}

.assessment-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.assessment-action-row .state-action-button,
.assessment-action-row .secondary-action-button {
  margin-top: 0;
}

.assessment-item-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.assessment-item-group {
  min-width: 0;
  padding: 14px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  background: #fbfcfd;
}

.assessment-item-group-heading {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.assessment-item-group-heading h3 {
  margin: 0;
  font-size: 1rem;
}

.assessment-item-group-heading strong {
  min-width: 30px;
  min-height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #31516f;
  background: #dcecff;
  font-size: 0.88rem;
}

.assessment-item-group ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.assessment-item-group li {
  display: grid;
  gap: 5px;
  padding-top: 10px;
  border-top: 1px solid #e5ebef;
}

.assessment-item-group li:first-child {
  padding-top: 0;
  border-top: 0;
}

.assessment-item-group li strong,
.assessment-item-group li span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.assessment-item-group li span {
  color: #52616b;
  line-height: 1.45;
}

.assessment-error-text {
  color: #7c241f;
  font-weight: 800;
}

.assessment-success-text {
  color: #0c5132;
  font-weight: 800;
}

.recommendation-list {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.recommendation-list li {
  display: grid;
  gap: 5px;
  padding-left: 12px;
  border-left: 4px solid #9eb5c4;
}

.recommendation-list strong,
.recommendation-list span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.recommendation-list span {
  color: #52616b;
  line-height: 1.45;
}

.onboarding-panel {
  margin-top: 20px;
}

.onboarding-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding-top: 16px;
  border-top: 1px solid #e5ebef;
}

.onboarding-form label {
  display: grid;
  gap: 7px;
  color: #52616b;
  font-weight: 800;
}

.onboarding-form label:nth-of-type(n + 6),
.onboarding-form button {
  grid-column: 1 / -1;
}

.onboarding-form input,
.onboarding-form select,
.onboarding-form textarea {
  width: 100%;
  border: 1px solid #cdd7dc;
  border-radius: 6px;
  color: #172026;
  background: #ffffff;
}

.onboarding-form input,
.onboarding-form select {
  min-height: 42px;
  padding: 8px 10px;
}

.onboarding-form textarea {
  min-height: 92px;
  resize: vertical;
  padding: 12px;
  line-height: 1.5;
}

.onboarding-form .state-action-button {
  width: fit-content;
}

.onboarding-result {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #d8e0e4;
}

.decision-state-card,
.metric-card,
.panel,
.state-panel {
  background: #ffffff;
  border: 1px solid #d8e0e4;
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(23, 32, 38, 0.06);
}

.decision-state-card {
  min-height: 152px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}

.decision-state-card strong {
  display: block;
  margin-top: 14px;
  font-size: 1.75rem;
  line-height: 1.15;
}

.metric-card {
  min-height: 124px;
  padding: 18px;
}

.metric-card span {
  display: block;
  color: #52616b;
  font-weight: 700;
}

.metric-card strong {
  display: block;
  margin-top: 16px;
  font-size: 2.5rem;
  line-height: 1;
}

.panel,
.state-panel {
  padding: 22px;
}

.panel-heading {
  margin-bottom: 18px;
}

.panel h2,
.state-panel h2 {
  margin: 6px 0 0;
  font-size: 1.2rem;
}

.panel p,
.state-panel p {
  margin: 0;
  color: #3c4b54;
  line-height: 1.65;
}

.state-panel {
  margin-top: 20px;
}

.state-action-button {
  margin-top: 16px;
  padding: 10px 14px;
  border: 1px solid #31516f;
  border-radius: 6px;
  color: #ffffff;
  background: #31516f;
  font-weight: 800;
  cursor: pointer;
}

.state-action-button:disabled {
  cursor: wait;
  opacity: 0.7;
}

.secondary-action-button {
  padding: 10px 14px;
  border: 1px solid #9eb5c4;
  border-radius: 6px;
  color: #31516f;
  background: #ffffff;
  font-weight: 800;
  cursor: pointer;
}

.secondary-action-button:disabled {
  cursor: wait;
  opacity: 0.7;
}

.vu-assistant-panel {
  margin-top: 20px;
}

.vu-assistant-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.vu-assistant-form {
  display: grid;
  gap: 14px;
  padding-top: 16px;
  border-top: 1px solid #e5ebef;
}

.vu-assistant-form label {
  display: grid;
  gap: 7px;
  color: #52616b;
  font-weight: 800;
}

.vu-assistant-form select,
.vu-assistant-form textarea {
  width: 100%;
  border: 1px solid #cdd7dc;
  border-radius: 6px;
  color: #172026;
  background: #ffffff;
}

.vu-assistant-form select {
  max-width: 320px;
  min-height: 42px;
  padding: 8px 10px;
}

.vu-assistant-form textarea {
  min-height: 176px;
  resize: vertical;
  padding: 12px;
  line-height: 1.5;
}

.vu-assistant-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.vu-assistant-actions .state-action-button {
  margin-top: 0;
}

.vu-assistant-error {
  margin-top: 14px;
  color: #7c241f;
  font-weight: 800;
}

.vu-results {
  display: grid;
  gap: 18px;
  margin-top: 20px;
}

.vu-summary {
  display: grid;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid #d8e0e4;
}

.vu-summary p {
  color: #3c4b54;
}

.vu-suggestion-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}

.vu-suggestion-group {
  min-width: 0;
  padding-top: 14px;
  border-top: 1px solid #e5ebef;
}

.vu-suggestion-group-heading {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.vu-suggestion-group-heading strong {
  min-width: 30px;
  min-height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #31516f;
  background: #dcecff;
  font-size: 0.88rem;
}

.vu-suggestion-group ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vu-suggestion-group li {
  display: grid;
  gap: 5px;
  padding-left: 12px;
  border-left: 4px solid #9eb5c4;
}

.vu-suggestion-group li strong,
.vu-suggestion-group li span,
.vu-suggestion-group li small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.vu-suggestion-group li span,
.vu-suggestion-group li small {
  color: #52616b;
  line-height: 1.45;
}

.vu-draft-result {
  display: grid;
  gap: 6px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #d8e0e4;
}

.vu-draft-result strong {
  color: #0c5132;
}

.vu-draft-result span {
  color: #52616b;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.vu-guidance {
  display: grid;
  gap: 18px;
  padding-top: 18px;
  border-top: 1px solid #d8e0e4;
}

.vu-guidance-section {
  display: grid;
  gap: 12px;
}

.vu-guidance-section-heading {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.vu-guidance-section-heading strong {
  min-width: 30px;
  min-height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #31516f;
  background: #dcecff;
  font-size: 0.88rem;
}

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

.vu-guidance-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #d8e0e4;
  border-left: 5px solid #4f7fa8;
  border-radius: 8px;
  background: #fbfcfd;
}

.vu-guidance-card h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.3;
}

.vu-guidance-card p {
  margin: 0;
  color: #3c4b54;
  line-height: 1.55;
}

.vu-guidance-summary-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.vu-guidance-summary-list div {
  display: grid;
  gap: 4px;
}

.vu-guidance-summary-list dt {
  color: #52616b;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vu-guidance-summary-list dd {
  margin: 0;
  color: #172026;
  line-height: 1.5;
}

.vu-implementation-details {
  padding-top: 4px;
}

.vu-implementation-details summary {
  color: #31516f;
  font-weight: 900;
  cursor: pointer;
}

.vu-guidance-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.vu-guidance-list strong {
  color: #172026;
}

.vu-guidance-list ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
}

.vu-guidance-list li {
  color: #52616b;
  line-height: 1.45;
}

.action-queue-panel {
  margin-top: 20px;
}

.completion-panel {
  margin-top: 20px;
}

.verification-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
  padding: 14px 0;
  border-top: 1px solid #e5ebef;
  border-bottom: 1px solid #e5ebef;
}

.verification-stat {
  display: grid;
  gap: 8px;
}

.verification-stat strong {
  font-size: 1.8rem;
  line-height: 1;
}

.verification-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.verification-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 16px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid #e5ebef;
}

.verification-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.verification-list strong,
.verification-list span,
.verification-list time {
  display: block;
}

.verification-list span,
.verification-list time {
  color: #52616b;
  line-height: 1.45;
}

.verification-meta {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.verification-meta .status-badge {
  margin-top: 0;
}

.lifecycle-panel,
.authorization-basis-panel {
  margin-top: 20px;
}

.lifecycle-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e5ebef;
}

.lifecycle-stage {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 12px;
  padding: 16px 14px;
  border-left: 1px solid #e5ebef;
}

.lifecycle-stage:first-child {
  border-left: 0;
}

.lifecycle-marker {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid #cdd7dc;
  border-radius: 999px;
  color: #52616b;
  background: #f5f7f8;
  font-size: 0.84rem;
  font-weight: 900;
}

.lifecycle-stage strong,
.lifecycle-stage span {
  display: block;
}

.lifecycle-stage strong {
  margin-bottom: 5px;
}

.lifecycle-stage span {
  color: #52616b;
  line-height: 1.45;
}

.lifecycle-stage-complete .lifecycle-marker {
  border-color: #9ed1b3;
  color: #0c5132;
  background: #dff4e7;
}

.lifecycle-stage-current {
  box-shadow: inset 0 -3px 0 #31516f;
}

.lifecycle-stage-current .lifecycle-marker {
  border-color: #31516f;
  color: #ffffff;
  background: #31516f;
}

.lifecycle-stage-current strong {
  color: #172026;
}

.basis-summary {
  margin-bottom: 18px;
}

.governance-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
  padding: 14px 0;
  border-top: 1px solid #e5ebef;
  border-bottom: 1px solid #e5ebef;
}

.governance-summary div {
  display: grid;
  gap: 6px;
}

.governance-summary strong {
  font-size: 1.08rem;
}

.basis-list {
  display: grid;
  gap: 0;
  margin: 0;
}

.basis-row {
  padding: 14px 0 14px 14px;
  border-top: 1px solid #e5ebef;
  border-left: 4px solid #cdd7dc;
}

.basis-row dt {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  color: #172026;
  font-weight: 800;
}

.basis-row dd {
  margin: 7px 0 0;
  color: #52616b;
  line-height: 1.5;
}

.basis-status {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 900;
  white-space: nowrap;
}

.basis-row-positive {
  border-left-color: #2f8f5b;
}

.basis-row-review {
  border-left-color: #d48a18;
}

.basis-row-critical {
  border-left-color: #c84b40;
}

.basis-row-neutral {
  border-left-color: #4f7fa8;
}

.basis-status-positive {
  color: #0c5132;
  background: #dff4e7;
}

.basis-status-review {
  color: #6a3f00;
  background: #ffe9bd;
}

.basis-status-critical {
  color: #7c241f;
  background: #ffe0dc;
}

.basis-status-neutral {
  color: #31516f;
  background: #dcecff;
}

.action-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.action-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}

.action-table th,
.action-table td {
  padding: 13px 12px;
  border-top: 1px solid #e5ebef;
  text-align: left;
  vertical-align: middle;
}

.action-table th {
  color: #52616b;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.action-table tbody tr:first-child td {
  border-top-color: #d8e0e4;
}

.action-table td:first-child {
  font-weight: 700;
}

.action-table .status-badge {
  margin-top: 0;
}

.priority-pill {
  display: inline-block;
  min-width: 74px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 800;
  text-align: center;
}

.priority-low {
  color: #31516f;
  background: #dcecff;
}

.priority-medium {
  color: #3f4a21;
  background: #edf4c9;
}

.priority-high {
  color: #6a3f00;
  background: #ffe9bd;
}

.priority-critical {
  color: #7c241f;
  background: #ffe0dc;
}

.state-panel-error {
  border-color: #d97363;
  background: #fff8f6;
}

.status-badge {
  width: fit-content;
  margin-top: 16px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 800;
}

.status-positive {
  color: #0c5132;
  background: #dff4e7;
}

.status-review {
  color: #6a3f00;
  background: #ffe9bd;
}

.status-critical {
  color: #7c241f;
  background: #ffe0dc;
}

.status-neutral {
  color: #31516f;
  background: #dcecff;
}

.muted-text {
  color: #687780;
}

.timeline-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.timeline-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 16px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid #e5ebef;
}

.timeline-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.timeline-list strong,
.timeline-list span,
.timeline-list time {
  display: block;
}

.timeline-list strong {
  margin-bottom: 4px;
}

.timeline-list span,
.timeline-list time {
  color: #52616b;
  line-height: 1.45;
}

.timeline-list time {
  white-space: nowrap;
  font-size: 0.9rem;
}

.controls-page {
  display: grid;
  gap: 14px;
  max-width: 1500px;
}

.controls-page-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.controls-eyebrow,
.controls-panel-label {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.controls-page-header h1 {
  margin: 3px 0 0;
  color: var(--neutral-950);
  font-size: 2rem;
  font-weight: 780;
  line-height: 1.12;
}

.controls-page-header p:last-child {
  margin: 5px 0 0;
  color: var(--neutral-600);
  font-size: 0.9rem;
  line-height: 1.45;
}

.controls-summary-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: 0 10px 22px rgba(13, 27, 42, 0.04);
}

.controls-summary-metric {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px 14px;
  border-left: 1px solid var(--neutral-200);
}

.controls-summary-metric:first-child {
  border-left: 0;
}

.controls-summary-metric dt {
  color: var(--neutral-600);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.controls-summary-metric dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1.18rem;
  font-weight: 790;
  line-height: 1;
}

.controls-summary-ready dd {
  color: var(--status-ready);
}

.controls-summary-review dd {
  color: var(--status-review);
}

.controls-summary-risk dd {
  color: var(--status-risk);
}

.controls-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.controls-filter-bar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 10px;
  color: var(--neutral-700);
  font-size: 0.78rem;
  font-weight: 750;
  cursor: pointer;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 6px;
}

.controls-filter-bar button:hover {
  color: var(--neutral-950);
  background: var(--neutral-50);
  border-color: var(--neutral-300);
}

.controls-filter-bar button:focus-visible {
  outline: 2px solid var(--color-silver-blue);
  outline-offset: 2px;
}

.controls-filter-bar .controls-filter-active {
  color: var(--color-white);
  background: var(--color-steel-blue);
  border-color: var(--color-steel-blue);
}

.controls-vu-panel {
  display: grid;
  grid-template-columns: minmax(180px, 0.22fr) minmax(260px, 0.42fr) minmax(320px, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.04);
}

.controls-vu-panel h2,
.controls-vu-panel p {
  margin: 0;
}

.controls-vu-panel h2 {
  margin-top: 4px;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 780;
}

.controls-vu-placeholder {
  align-self: center;
  color: var(--neutral-600);
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.45;
}

.controls-vu-selected {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.controls-vu-selected > strong {
  color: var(--neutral-950);
  font-size: 0.86rem;
  font-weight: 820;
}

.controls-vu-selected > span {
  color: var(--neutral-600);
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.35;
}

.controls-table-panel {
  min-width: 0;
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.04);
}

.controls-table-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--neutral-200);
}

.controls-table-header h2 {
  margin: 2px 0 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 780;
}

.controls-table-header > span {
  color: var(--neutral-600);
  font-size: 0.76rem;
  font-weight: 750;
  white-space: nowrap;
}

.controls-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.controls-table {
  width: 100%;
  min-width: 1388px;
  table-layout: fixed;
  border-collapse: collapse;
}

.controls-col-id {
  width: 116px;
}

.controls-col-family {
  width: 158px;
}

.controls-col-title {
  width: 245px;
}

.controls-col-status {
  width: 145px;
}

.controls-col-review {
  width: 152px;
}

.controls-col-poam {
  width: 140px;
}

.controls-col-vu {
  width: 132px;
}

.controls-col-date {
  width: 120px;
}

.controls-table th,
.controls-table td {
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid var(--neutral-200);
}

.controls-table th {
  color: var(--neutral-600);
  font-size: 0.67rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
  background: var(--neutral-50);
}

.controls-table tbody tr {
  min-height: 48px;
}

.controls-table tbody tr:hover {
  background: var(--neutral-50);
}

.controls-table td {
  color: var(--neutral-700);
  font-size: 0.77rem;
  font-weight: 520;
  line-height: 1.32;
}

.controls-table td:first-child {
  color: var(--neutral-950);
  font-weight: 800;
}

.controls-title-cell {
  color: var(--neutral-950);
  font-weight: 680;
}

.controls-status-cell,
.controls-poam-cell {
  display: grid;
  justify-items: start;
  gap: 4px;
  min-width: 0;
}

.controls-status-cell small,
.controls-poam-cell small {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 650;
  line-height: 1.25;
}

.controls-poam-cell strong {
  color: var(--neutral-950);
  font-size: 0.72rem;
  line-height: 1.15;
}

.controls-vu-indicator {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0;
  color: var(--color-silver-blue);
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.controls-vu-indicator:hover,
.controls-vu-indicator:focus-visible,
.controls-vu-indicator-active {
  color: var(--color-deep-navy);
  outline: none;
}

.controls-vu-indicator:focus-visible .vu-icon,
.controls-vu-indicator-active .vu-icon {
  color: var(--color-deep-navy);
  outline: 2px solid rgba(103, 128, 159, 0.3);
  outline-offset: 2px;
  border-radius: 999px;
}

.controls-vu-confidence {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
}

.operational-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  min-height: 22px;
  padding: 3px 7px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 0.71rem;
  font-weight: 820;
  line-height: 1.15;
  white-space: nowrap;
}

.operational-status-ready {
  color: var(--status-ready);
  background: var(--status-ready-tint);
  border-color: var(--status-ready-soft);
}

.operational-status-review {
  color: var(--status-review);
  background: var(--status-review-tint);
  border-color: var(--status-review-soft);
}

.operational-status-risk {
  color: var(--status-risk);
  background: var(--status-risk-tint);
  border-color: var(--status-risk-soft);
}

.operational-status-neutral {
  color: var(--neutral-700);
  background: var(--neutral-100);
  border-color: var(--neutral-300);
}

.vu-icon {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vu-signal-icon {
  color: var(--color-silver-blue);
}

.vu-signal-icon-active {
  animation: vuSignalPulse 1.8s ease-in-out infinite;
}

.vu-status-badge {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  gap: 5px;
  font-size: 0.72rem;
  font-weight: 820;
  line-height: 1.15;
  white-space: nowrap;
}

.vu-status-badge strong {
  font-weight: 860;
}

.vu-state-reviewed {
  color: var(--status-ready);
  background: var(--status-ready-tint);
  border-color: var(--status-ready-soft);
}

.vu-state-reviewing {
  color: #1f5f86;
  background: rgba(224, 242, 254, 0.82);
  border-color: rgba(103, 128, 159, 0.34);
}

.vu-state-needs-clarification {
  color: var(--status-review);
  background: var(--status-review-tint);
  border-color: var(--status-review-soft);
}

.vu-state-low-confidence {
  color: var(--status-review);
  background: var(--status-review-tint);
  border-color: var(--status-review-soft);
}

.vu-state-blocked {
  color: var(--status-risk);
  background: var(--status-risk-tint);
  border-color: var(--status-risk-soft);
}

.vu-state-not-reviewed {
  color: var(--neutral-700);
  background: var(--neutral-100);
  border-color: var(--neutral-300);
}

.vu-review-state {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  background: var(--color-white);
}

.vu-review-state-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vu-review-state time {
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 720;
  white-space: nowrap;
}

.vu-review-state p {
  margin: 0;
  color: var(--neutral-700);
  font-size: 0.82rem;
  font-weight: 640;
  line-height: 1.45;
}

.vu-security-notice {
  display: grid;
  gap: 8px;
  align-items: center;
  padding: 10px 11px;
  border: 1px solid rgba(103, 128, 159, 0.28);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.92);
  color: var(--neutral-700);
}

.vu-security-notice .vu-icon {
  color: var(--color-silver-blue);
}

.vu-security-notice p {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.35;
}

.vu-security-notice-compact {
  padding: 8px 10px;
}

@keyframes vuSignalPulse {
  0%,
  100% {
    opacity: 0.74;
  }

  50% {
    opacity: 1;
  }
}

.evidence-page {
  display: grid;
  gap: 14px;
  max-width: 1480px;
}

.evidence-page-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.evidence-eyebrow,
.evidence-panel-label {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.evidence-page-header h1 {
  margin: 3px 0 0;
  color: var(--neutral-950);
  font-size: 2rem;
  font-weight: 780;
  line-height: 1.12;
}

.evidence-page-header p:last-child {
  margin: 5px 0 0;
  color: var(--neutral-600);
  font-size: 0.9rem;
  line-height: 1.45;
}

.evidence-custody-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.11), rgba(255, 255, 255, 0) 42%),
    var(--color-white);
  border: 1px solid var(--neutral-200);
  border-left: 5px solid var(--color-silver-blue);
  border-radius: 8px;
  box-shadow: 0 14px 26px rgba(13, 27, 42, 0.05);
}

.evidence-custody-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 18px;
  align-items: center;
}

.evidence-custody-main h2 {
  max-width: 680px;
  margin: 5px 0 0;
  color: var(--neutral-950);
  font-size: 1.28rem;
  font-weight: 790;
  line-height: 1.2;
}

.evidence-custody-main p:not(.evidence-panel-label) {
  max-width: 760px;
  margin: 7px 0 0;
  color: var(--neutral-600);
  font-size: 0.86rem;
  line-height: 1.45;
}

.evidence-vault-seal {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 5px;
  min-height: 146px;
  padding: 16px 12px 12px;
  color: var(--neutral-800);
  text-align: center;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.86), rgba(230, 233, 238, 0.34) 62%, rgba(103, 128, 159, 0.16)),
    var(--neutral-50);
  border: 1px solid rgba(103, 128, 159, 0.34);
  border-radius: 8px;
}

.evidence-vault-seal::before {
  position: absolute;
  inset: 10px;
  content: "";
  border: 1px solid rgba(103, 128, 159, 0.32);
  border-radius: 999px;
}

.evidence-vault-seal span {
  z-index: 1;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: var(--color-white);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.55rem;
  font-weight: 800;
  background: var(--color-deep-navy);
  border: 1px solid rgba(103, 128, 159, 0.55);
  border-radius: 999px;
}

.evidence-vault-seal strong,
.evidence-vault-seal small {
  z-index: 1;
  display: block;
}

.evidence-vault-seal strong {
  color: var(--neutral-950);
  font-size: 0.82rem;
  font-weight: 850;
  text-transform: uppercase;
}

.evidence-vault-seal small {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 750;
}

.evidence-custody-metrics {
  display: grid;
  grid-template-columns: 1.15fr repeat(4, 0.78fr) 1.35fr;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.evidence-custody-metric {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  background: rgba(248, 250, 252, 0.7);
  border-left: 1px solid var(--neutral-200);
}

.evidence-custody-metric:first-child {
  border-left: 0;
}

.evidence-custody-metric dt {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.evidence-custody-metric dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.98rem;
  font-weight: 790;
  line-height: 1.16;
}

.evidence-custody-ready dd {
  color: var(--status-ready);
}

.evidence-custody-review dd {
  color: var(--status-review);
}

.evidence-custody-risk dd {
  color: var(--status-risk);
}

.evidence-custody-strip {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 42px;
  padding: 9px 12px;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
}

.evidence-custody-strip ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.evidence-custody-strip li {
  min-height: 23px;
  padding: 4px 8px;
  color: var(--neutral-700);
  font-size: 0.7rem;
  font-weight: 750;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 999px;
}

.evidence-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.32fr);
  gap: 14px;
  align-items: start;
}

.evidence-records-workspace {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.evidence-filter-section,
.evidence-custody-summary,
.evidence-record-card {
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.035);
}

.evidence-filter-section {
  display: grid;
  gap: 9px;
  padding: 12px;
}

.evidence-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.evidence-filter-bar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 0 10px;
  color: var(--neutral-700);
  font-size: 0.77rem;
  font-weight: 750;
  cursor: pointer;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 6px;
}

.evidence-filter-bar button:hover {
  color: var(--neutral-950);
  background: var(--neutral-50);
  border-color: var(--neutral-300);
}

.evidence-filter-bar button:focus-visible {
  outline: 2px solid var(--color-silver-blue);
  outline-offset: 2px;
}

.evidence-filter-bar .evidence-filter-active {
  color: var(--color-white);
  background: var(--color-steel-blue);
  border-color: var(--color-steel-blue);
}

.evidence-record-list {
  display: grid;
  gap: 10px;
}

.evidence-record-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-left: 4px solid rgba(103, 128, 159, 0.62);
}

.evidence-record-card:hover {
  border-color: var(--neutral-300);
  border-left-color: var(--color-silver-blue);
  background: var(--neutral-50);
}

.evidence-record-primary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
}

.evidence-vault-id {
  margin: 0 0 3px;
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.evidence-record-primary h2 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 780;
  line-height: 1.25;
}

.evidence-record-primary span:not(.operational-status-badge) {
  display: block;
  margin-top: 3px;
  color: var(--neutral-600);
  font-size: 0.76rem;
  font-weight: 650;
}

.evidence-record-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.evidence-record-details {
  display: grid;
  grid-template-columns: minmax(175px, 1.15fr) repeat(5, minmax(100px, 0.72fr));
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.evidence-record-details div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px 9px;
  background: rgba(248, 250, 252, 0.72);
  border-left: 1px solid var(--neutral-200);
}

.evidence-record-details div:first-child {
  border-left: 0;
}

.evidence-record-details dt,
.evidence-record-chain span,
.evidence-provenance-note span {
  color: var(--neutral-600);
  font-size: 0.66rem;
  font-weight: 830;
  letter-spacing: 0;
  text-transform: uppercase;
}

.evidence-record-details dd {
  margin: 0;
  color: var(--neutral-800);
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.28;
}

.evidence-control-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.evidence-control-links span {
  min-height: 21px;
  padding: 3px 6px;
  color: var(--neutral-800);
  font-size: 0.68rem;
  font-weight: 780;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 5px;
}

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

.evidence-record-chain > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 9px;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.evidence-record-inline-state {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.evidence-record-inline-state strong {
  color: var(--neutral-950);
  font-size: 0.74rem;
  line-height: 1.15;
}

.evidence-record-chain p,
.evidence-provenance-note p {
  margin: 0;
  color: var(--neutral-700);
  font-size: 0.74rem;
  font-weight: 620;
  line-height: 1.35;
}

.evidence-provenance-note {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding-top: 9px;
  border-top: 1px solid var(--neutral-200);
}

.evidence-custody-summary {
  position: sticky;
  top: 78px;
  display: grid;
  gap: 13px;
  min-width: 0;
  padding: 14px;
}

.evidence-summary-heading h2 {
  margin: 4px 0 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 780;
}

.evidence-custody-summary-list {
  display: grid;
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.evidence-custody-summary-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
  padding: 9px 10px;
  border-top: 1px solid var(--neutral-200);
}

.evidence-custody-summary-list div:first-child {
  border-top: 0;
}

.evidence-custody-summary-list dt {
  color: var(--neutral-700);
  font-size: 0.76rem;
  font-weight: 720;
}

.evidence-custody-summary-list dd {
  margin: 0;
  font-size: 1rem;
  font-weight: 820;
}

.evidence-summary-value.evidence-summary-ready {
  color: var(--status-ready);
}

.evidence-summary-value.evidence-summary-review {
  color: var(--status-review);
}

.evidence-summary-value.evidence-summary-risk {
  color: var(--status-risk);
}

.evidence-review-actions {
  display: grid;
  gap: 8px;
}

.evidence-review-actions div {
  display: grid;
  gap: 4px;
  padding: 9px;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.evidence-review-actions span {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.evidence-review-actions strong {
  color: var(--neutral-950);
  font-size: 0.8rem;
  line-height: 1.35;
}

.evidence-integrity-distribution {
  display: grid;
  gap: 9px;
}

.evidence-integrity-bar {
  display: flex;
  width: 100%;
  height: 13px;
  overflow: hidden;
  background: var(--neutral-100);
  border: 1px solid var(--neutral-200);
  border-radius: 999px;
}

.evidence-integrity-segment {
  min-width: 2px;
}

.evidence-integrity-ready {
  background: var(--status-ready);
}

.evidence-integrity-review {
  background: var(--status-review-medium);
}

.evidence-integrity-risk {
  background: var(--status-risk);
}

.evidence-integrity-neutral {
  background: var(--neutral-300);
}

.evidence-integrity-legend {
  display: grid;
  gap: 6px;
  margin: 0;
}

.evidence-integrity-legend div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
  align-items: center;
}

.evidence-integrity-legend dt {
  display: flex;
  gap: 7px;
  align-items: center;
  color: var(--neutral-700);
  font-size: 0.72rem;
  font-weight: 700;
}

.evidence-integrity-legend dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.76rem;
  font-weight: 820;
}

.evidence-legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.poam-ops-page {
  display: grid;
  gap: 14px;
  max-width: 1480px;
}

.poam-ops-page-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.poam-ops-eyebrow,
.poam-ops-section-label {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.poam-ops-page-header h1 {
  margin: 3px 0 0;
  color: var(--neutral-950);
  font-size: 2rem;
  font-weight: 780;
  line-height: 1.12;
}

.poam-ops-page-header p:last-child {
  margin: 5px 0 0;
  color: var(--neutral-600);
  font-size: 0.9rem;
  line-height: 1.45;
}

.poam-ops-command-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  background:
    linear-gradient(135deg, rgba(31, 45, 61, 0.08), rgba(255, 255, 255, 0) 44%),
    var(--color-white);
  border: 1px solid var(--neutral-200);
  border-left: 5px solid var(--color-steel-blue);
  border-radius: 8px;
  box-shadow: 0 14px 26px rgba(13, 27, 42, 0.05);
}

.poam-ops-command-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 178px;
  gap: 18px;
  align-items: center;
}

.poam-ops-command-intro h2 {
  max-width: 720px;
  margin: 5px 0 0;
  color: var(--neutral-950);
  font-size: 1.28rem;
  font-weight: 790;
  line-height: 1.2;
}

.poam-ops-command-intro p:not(.poam-ops-section-label) {
  max-width: 760px;
  margin: 7px 0 0;
  color: var(--neutral-600);
  font-size: 0.86rem;
  line-height: 1.45;
}

.poam-ops-command-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 0.8fr)) minmax(172px, 1.3fr);
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.poam-ops-command-metric {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  background: rgba(248, 250, 252, 0.74);
  border-left: 1px solid var(--neutral-200);
}

.poam-ops-command-metric:first-child {
  border-left: 0;
}

.poam-ops-command-metric dt {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.poam-ops-command-metric dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 790;
  line-height: 1.15;
}

.poam-ops-command-ready dd {
  color: var(--status-ready);
}

.poam-ops-command-review dd {
  color: var(--status-review);
}

.poam-ops-command-risk dd {
  color: var(--status-risk);
}

.poam-ops-status-strip {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 42px;
  padding: 9px 12px;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
}

.poam-ops-status-strip ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.poam-ops-status-strip li {
  min-height: 23px;
  padding: 4px 8px;
  color: var(--neutral-700);
  font-size: 0.7rem;
  font-weight: 750;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 999px;
}

.poam-ops-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.31fr);
  gap: 14px;
  align-items: start;
}

.poam-ops-workspace {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.poam-ops-filter-panel,
.poam-ops-item-card,
.poam-ops-command-rail {
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.035);
}

.poam-ops-filter-panel {
  display: grid;
  gap: 9px;
  padding: 12px;
}

.poam-ops-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.poam-ops-filter-row button {
  min-height: 31px;
  padding: 0 10px;
  color: var(--neutral-700);
  font-size: 0.77rem;
  font-weight: 750;
  cursor: pointer;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 6px;
}

.poam-ops-filter-row button:hover {
  color: var(--neutral-950);
  background: var(--neutral-50);
  border-color: var(--neutral-300);
}

.poam-ops-filter-row button:focus-visible {
  outline: 2px solid var(--color-silver-blue);
  outline-offset: 2px;
}

.poam-ops-filter-row .poam-ops-filter-active {
  color: var(--color-white);
  background: var(--color-steel-blue);
  border-color: var(--color-steel-blue);
}

.poam-ops-item-list {
  display: grid;
  gap: 10px;
}

.poam-ops-item-card {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  min-width: 0;
  overflow: hidden;
}

.poam-ops-item-card:hover {
  border-color: var(--neutral-300);
  background: var(--neutral-50);
}

.poam-ops-item-spine {
  position: relative;
  background:
    linear-gradient(180deg, rgba(103, 128, 159, 0.22), rgba(31, 45, 61, 0.08)),
    var(--neutral-50);
  border-right: 1px solid var(--neutral-200);
}

.poam-ops-item-spine::before {
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 13px;
  width: 2px;
  content: "";
  background: var(--neutral-300);
  border-radius: 999px;
}

.poam-ops-item-spine span {
  position: absolute;
  top: 18px;
  left: 8px;
  width: 12px;
  height: 12px;
  background: var(--color-steel-blue);
  border: 2px solid var(--color-white);
  border-radius: 999px;
  box-shadow: 0 0 0 1px var(--color-silver-blue);
}

.poam-ops-item-body {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
}

.poam-ops-item-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
}

.poam-ops-item-heading p {
  margin: 0 0 3px;
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.poam-ops-item-heading h2 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 780;
  line-height: 1.25;
}

.poam-ops-item-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.poam-ops-severity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 3px 7px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 0.71rem;
  font-weight: 820;
  line-height: 1.15;
  white-space: nowrap;
}

.poam-ops-severity-critical,
.poam-ops-severity-high {
  color: var(--status-risk);
  background: var(--status-risk-tint);
  border-color: var(--status-risk-soft);
}

.poam-ops-severity-moderate {
  color: var(--status-review);
  background: var(--status-review-tint);
  border-color: var(--status-review-soft);
}

.poam-ops-control-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.poam-ops-control-row span {
  min-height: 21px;
  padding: 3px 6px;
  color: var(--neutral-800);
  font-size: 0.68rem;
  font-weight: 780;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 5px;
}

.poam-ops-item-grid {
  display: grid;
  grid-template-columns: minmax(84px, 0.62fr) minmax(96px, 0.64fr) repeat(4, minmax(126px, 1fr));
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.poam-ops-item-grid > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px 9px;
  background: rgba(248, 250, 252, 0.72);
  border-left: 1px solid var(--neutral-200);
}

.poam-ops-item-grid > div:first-child {
  border-left: 0;
}

.poam-ops-item-grid dt,
.poam-ops-notes span {
  color: var(--neutral-600);
  font-size: 0.66rem;
  font-weight: 830;
  letter-spacing: 0;
  text-transform: uppercase;
}

.poam-ops-item-grid dd {
  margin: 0;
  color: var(--neutral-800);
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.3;
}

.poam-ops-status-stack {
  display: grid;
  justify-items: start;
  gap: 4px;
}

.poam-ops-status-stack small {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 650;
  line-height: 1.25;
}

.poam-ops-notes {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding-top: 9px;
  border-top: 1px solid var(--neutral-200);
}

.poam-ops-notes p {
  margin: 0;
  color: var(--neutral-700);
  font-size: 0.74rem;
  font-weight: 620;
  line-height: 1.35;
}

.poam-ops-command-rail {
  position: sticky;
  top: 78px;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

.poam-ops-command-rail h2 {
  margin: 4px 0 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 780;
}

.poam-ops-rail-panel,
.poam-ops-distribution {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-left: 4px solid var(--color-silver-blue);
  border-radius: 7px;
}

.poam-ops-rail-risk {
  border-left-color: var(--status-risk);
}

.poam-ops-rail-review {
  border-left-color: var(--status-review-medium);
}

.poam-ops-rail-ready {
  border-left-color: var(--status-ready-medium);
}

.poam-ops-rail-panel ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.poam-ops-rail-panel li,
.poam-ops-rail-panel span {
  color: var(--neutral-700);
  font-size: 0.75rem;
  font-weight: 620;
  line-height: 1.35;
}

.poam-ops-rail-panel strong {
  color: var(--neutral-950);
  font-size: 0.82rem;
  line-height: 1.35;
}

.poam-ops-distribution-bar {
  display: flex;
  width: 100%;
  height: 13px;
  overflow: hidden;
  background: var(--neutral-100);
  border: 1px solid var(--neutral-200);
  border-radius: 999px;
}

.poam-ops-distribution-segment {
  min-width: 2px;
}

.poam-ops-distribution-ready {
  background: var(--status-ready);
}

.poam-ops-distribution-review {
  background: var(--status-review-medium);
}

.poam-ops-distribution-risk {
  background: var(--status-risk);
}

.poam-ops-distribution-legend {
  display: grid;
  gap: 6px;
  margin: 0;
}

.poam-ops-distribution-legend div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
  align-items: center;
}

.poam-ops-distribution-legend dt {
  display: flex;
  gap: 7px;
  align-items: center;
  color: var(--neutral-700);
  font-size: 0.72rem;
  font-weight: 700;
}

.poam-ops-distribution-legend dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.76rem;
  font-weight: 820;
}

.poam-ops-legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

@media (max-width: 820px) {
  .vucoris-sidebar {
    width: 76px;
    padding: 14px 10px;
  }

  .vucoris-brand-lockup {
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
  }

  .vucoris-brand-logo {
    width: 54px;
    box-shadow: none;
  }

  .vucoris-brand-wordmark,
  .sidebar-nav-label,
  .vucoris-sidebar-trust-copy {
    display: none;
  }

  .sidebar-nav-item {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 42px;
    padding: 0;
  }

  .sidebar-nav-item::before {
    top: 9px;
    bottom: 9px;
  }

  .vucoris-sidebar-footer {
    padding-right: 0;
    padding-left: 0;
  }

  .vucoris-shell-body {
    margin-left: 76px;
  }

  .vucoris-top-bar {
    min-height: 60px;
    padding: 0 16px;
  }

  .top-bar-breadcrumb {
    display: none;
  }

  .organization-selector span {
    display: none;
  }

  .top-bar-vu-button span {
    display: none;
  }

  .top-bar-vu-button {
    width: 36px;
    padding: 0;
  }

  .organization-selector {
    width: 36px;
    padding: 0;
  }

  .top-bar-logout-button {
    padding: 0 9px;
  }

  .vucoris-main-content {
    padding: 24px 18px;
  }

  .readiness-page-header,
  .assessment-readiness-heading,
  .readiness-record,
  .package-status-panel {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .assessment-readiness-heading {
    flex-direction: column;
  }

  .assessment-posture-state {
    justify-items: start;
  }

  .assessment-readiness-metrics,
  .readiness-section-grid,
  .readiness-compact-metrics {
    grid-template-columns: 1fr;
  }

  .readiness-panel:first-child,
  .readiness-panel-priority,
  .readiness-panel-package {
    grid-column: auto;
  }

  .readiness-table {
    overflow-x: auto;
  }

  .readiness-table-row {
    min-width: 740px;
  }

  .app-shell {
    width: min(100% - 24px, 1180px);
    padding-top: 20px;
  }

  .decision-header,
  .cmmc-workflow-shell,
  .cmmc-readiness-summary-grid,
  .cmmc-workflow-progress,
  .evidence-vault-layout,
  .workspace-overview,
  .workspace-control-grid,
  .operational-priority,
  .status-grid,
  .metric-grid,
  .content-grid,
  .onboarding-form,
  .vu-suggestion-grid,
  .vu-guidance-card-grid,
  .case-card-grid,
  .case-card-header,
  .cmmc-controls-heading,
  .cmmc-controls-summary,
  .cmmc-filter-bar,
  .cmmc-controls-layout,
  .cmmc-evidence-list li,
  .poam-heading,
  .poam-summary-grid,
  .poam-filter-bar,
  .poam-layout,
  .poam-detail-counts,
  .poam-evidence-list li,
  .ssp-heading,
  .ssp-summary-grid,
  .ssp-layout,
  .ssp-coverage-grid,
  .ssp-section-row,
  .ssp-detail-list,
  .ssp-section-action-panel,
  .ssp-evidence-list li,
  .assessment-heading,
  .assessment-summary-grid,
  .assessment-layout,
  .assessment-detail-list,
  .assessment-detail-counts,
  .assessment-item-groups,
  .workspace-activity-list li,
  .operational-insight-list li,
  .operational-event-list li,
  .timeline-list li {
    grid-template-columns: 1fr;
  }

  .decision-header {
    align-items: start;
  }

  .cmmc-left-nav {
    position: static;
  }

  .cmmc-left-nav nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .evidence-vault-detail {
    padding-top: 18px;
    padding-left: 0;
    border-top: 5px solid #4f7fa8;
    border-left: 0;
  }

  .lifecycle-list {
    grid-template-columns: 1fr;
  }

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

  .verification-summary-grid,
  .verification-list li {
    grid-template-columns: 1fr;
  }

  .verification-meta {
    justify-items: start;
  }

  .insight-summary-row {
    grid-template-columns: 1fr;
  }

  .operational-insight-meta {
    justify-items: start;
  }

  .operational-event-meta {
    justify-content: flex-start;
  }

  .onboarding-form label,
  .onboarding-form label:nth-of-type(n + 6),
  .onboarding-form button {
    grid-column: 1;
  }

  .security-control-list div {
    grid-template-columns: 1fr;
  }

  .cmmc-detail-panel {
    padding-top: 18px;
    padding-left: 0;
    border-top: 5px solid #4f7fa8;
    border-left: 0;
  }

  .poam-detail-panel {
    padding-top: 18px;
    padding-left: 0;
    border-top: 5px solid #4f7fa8;
    border-left: 0;
  }

  .ssp-detail-panel {
    padding-top: 18px;
    padding-left: 0;
    border-top: 5px solid #4f7fa8;
    border-left: 0;
  }

  .assessment-detail-panel {
    padding-top: 18px;
    padding-left: 0;
    border-top: 5px solid #4f7fa8;
    border-left: 0;
  }

  .ssp-section-action-panel label,
  .ssp-section-action-panel label:nth-of-type(4),
  .ssp-section-action-panel .ssp-action-row {
    grid-column: 1;
  }

  .lifecycle-stage {
    border-top: 1px solid #e5ebef;
    border-left: 0;
  }

  .lifecycle-stage:first-child {
    border-top: 0;
  }

  .timeline-list time {
    white-space: normal;
  }

  .controls-page-header,
  .controls-table-header {
    align-items: start;
    flex-direction: column;
  }

  .controls-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .controls-summary-metric:nth-child(odd) {
    border-left: 0;
  }

  .controls-summary-metric:nth-child(n + 3) {
    border-top: 1px solid var(--neutral-200);
  }

  .evidence-page-header {
    align-items: start;
    flex-direction: column;
  }

  .evidence-custody-main,
  .evidence-workspace-grid,
  .evidence-record-primary,
  .evidence-record-chain,
  .evidence-provenance-note {
    grid-template-columns: 1fr;
  }

  .evidence-vault-seal {
    min-height: 128px;
  }

  .evidence-custody-metrics,
  .evidence-record-details {
    grid-template-columns: 1fr;
  }

  .evidence-custody-metric,
  .evidence-record-details div {
    border-top: 1px solid var(--neutral-200);
    border-left: 0;
  }

  .evidence-custody-metric:first-child,
  .evidence-record-details div:first-child {
    border-top: 0;
  }

  .evidence-custody-strip {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .evidence-record-statuses {
    justify-content: flex-start;
  }

  .evidence-custody-summary {
    position: static;
  }

  .poam-ops-page-header {
    align-items: start;
    flex-direction: column;
  }

  .poam-ops-command-intro,
  .poam-ops-layout,
  .poam-ops-status-strip,
  .poam-ops-item-heading,
  .poam-ops-notes {
    grid-template-columns: 1fr;
  }

  .poam-ops-command-metrics,
  .poam-ops-item-grid {
    grid-template-columns: 1fr;
  }

  .poam-ops-command-metric,
  .poam-ops-item-grid > div {
    border-top: 1px solid var(--neutral-200);
    border-left: 0;
  }

  .poam-ops-command-metric:first-child,
  .poam-ops-item-grid > div:first-child {
    border-top: 0;
  }

  .poam-ops-item-card {
    grid-template-columns: 20px minmax(0, 1fr);
  }

  .poam-ops-item-spine::before {
    left: 9px;
  }

  .poam-ops-item-spine span {
    left: 4px;
  }

  .poam-ops-item-statuses {
    justify-content: flex-start;
  }

  .poam-ops-command-rail {
    position: static;
  }
}

.evidence-page.evidence-vault-home {
  display: grid;
  gap: 16px;
  max-width: 1480px;
}

.evidence-home-header {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(500px, 1.05fr);
  gap: 18px;
  align-items: start;
}

.evidence-home-title h1 {
  margin: 4px 0 0;
  color: var(--neutral-950);
  font-size: 2rem;
  font-weight: 780;
  line-height: 1.12;
}

.evidence-home-title p:last-child {
  max-width: 620px;
  margin: 6px 0 0;
  color: var(--neutral-600);
  font-size: 0.92rem;
  line-height: 1.45;
}

.evidence-header-trust {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
}

.evidence-vault-home .evidence-header-seal {
  min-height: 112px;
  padding: 12px 10px;
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.92), rgba(230, 233, 238, 0.46) 62%, rgba(103, 128, 159, 0.16)),
    var(--neutral-50);
  border: 1px solid rgba(103, 128, 159, 0.34);
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.04);
}

.evidence-vault-home .evidence-header-seal::before {
  inset: 9px;
}

.evidence-vault-home .evidence-header-seal span {
  width: 38px;
  height: 38px;
  font-size: 1.2rem;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.22), rgba(103, 128, 159, 0.26) 42%, rgba(13, 27, 42, 0.96) 74%),
    var(--color-deep-navy);
}

.evidence-vault-home .evidence-header-seal strong {
  max-width: 86px;
  font-size: 0.66rem;
  line-height: 1.25;
}

.evidence-trust-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.evidence-trust-status,
.evidence-upload-card,
.evidence-rail-card,
.evidence-vu-panel,
.evidence-collections-panel,
.evidence-bottom-trust {
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.045);
}

.evidence-trust-status {
  display: grid;
  align-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 112px;
  padding: 11px 12px;
  border-top: 3px solid var(--neutral-300);
}

.evidence-trust-status-ready {
  border-top-color: var(--status-ready-medium);
}

.evidence-trust-status-review {
  border-top-color: var(--status-review-medium);
}

.evidence-trust-status-risk {
  border-top-color: var(--status-risk-medium);
}

.evidence-trust-status dt,
.evidence-folder-row-head span,
.evidence-security-list dt {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.evidence-trust-status dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.92rem;
  font-weight: 790;
  line-height: 1.18;
}

.evidence-trust-status-ready dd {
  color: var(--status-ready);
}

.evidence-trust-status-review dd {
  color: var(--status-review);
}

.evidence-trust-status-risk dd {
  color: var(--status-risk);
}

.evidence-trust-status span {
  color: var(--neutral-600);
  font-size: 0.73rem;
  font-weight: 680;
  line-height: 1.25;
}

.evidence-upper-grid,
.evidence-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.32fr);
  gap: 14px;
  align-items: start;
}

.evidence-upload-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  border-left: 5px solid var(--color-steel-blue);
}

.evidence-card-heading h2,
.evidence-collections-heading h2 {
  margin: 4px 0 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 780;
  line-height: 1.22;
}

.evidence-upload-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(238px, 0.36fr);
  gap: 12px;
  align-items: stretch;
}

.evidence-upload-dropzone {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 8px;
  min-height: 252px;
  padding: 24px;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.9), rgba(255, 255, 255, 0.95)),
    var(--neutral-50);
  border: 1px dashed rgba(103, 128, 159, 0.7);
  border-radius: 8px;
}

.evidence-upload-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  color: var(--color-silver-blue);
  background: var(--color-white);
  border: 1px solid rgba(103, 128, 159, 0.34);
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(13, 27, 42, 0.05);
}

.evidence-upload-icon svg,
.evidence-bottom-trust svg,
.evidence-upload-assurance svg,
.evidence-folder-icon svg,
.evidence-folder-actions svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.evidence-upload-dropzone strong {
  color: var(--neutral-950);
  font-size: 1.05rem;
  font-weight: 790;
  line-height: 1.25;
}

.evidence-upload-dropzone p {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.86rem;
  font-weight: 640;
}

.evidence-upload-dropzone button,
.evidence-collections-heading button {
  min-height: 36px;
  color: var(--color-white);
  font-size: 0.82rem;
  font-weight: 780;
  cursor: pointer;
  background: var(--color-steel-blue);
  border: 1px solid var(--color-steel-blue);
  border-radius: 7px;
}

.evidence-upload-dropzone button {
  min-width: 112px;
  margin-top: 2px;
  padding: 0 14px;
}

.evidence-upload-dropzone button:hover,
.evidence-collections-heading button:hover {
  background: var(--color-deep-navy);
  border-color: var(--color-deep-navy);
}

.evidence-upload-dropzone button:focus-visible,
.evidence-collections-heading button:focus-visible,
.evidence-attention-list button:focus-visible,
.evidence-folder-actions button:focus-visible {
  outline: 2px solid var(--color-silver-blue);
  outline-offset: 2px;
}

.evidence-upload-dropzone small {
  max-width: 420px;
  color: var(--neutral-600);
  font-size: 0.75rem;
  font-weight: 650;
  line-height: 1.35;
}

.evidence-upload-assurance {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 13px;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
}

.evidence-upload-assurance ul,
.evidence-activity-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.evidence-upload-assurance li {
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 0;
  color: var(--neutral-700);
  font-size: 0.78rem;
  font-weight: 680;
  line-height: 1.35;
}

.evidence-upload-assurance li svg {
  width: 15px;
  height: 15px;
  color: var(--status-ready);
}

.evidence-upper-rail {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.evidence-rail-card,
.evidence-vu-panel,
.evidence-collections-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

.evidence-vu-panel {
  padding: 0;
  overflow: hidden;
}

.evidence-vu-panel .vu-security-notice {
  margin: 0 14px;
}

.evidence-vu-heading-status,
.evidence-vu-flow-status {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 7px;
  color: var(--color-silver-blue);
}

.evidence-vu-review-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0 14px 14px;
}

.evidence-vu-review-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  background: var(--color-white);
  box-shadow: var(--shadow-panel-soft);
}

.evidence-vu-review-title {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.evidence-vu-review-title .vu-document-icon {
  width: 32px;
  height: 32px;
  padding: 6px;
  color: var(--color-silver-blue);
  background: var(--neutral-50);
  border: 1px solid rgba(103, 128, 159, 0.3);
  border-radius: 7px;
}

.evidence-vu-review-title strong,
.evidence-vu-review-title span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-vu-review-title strong {
  color: var(--neutral-950);
  font-size: 0.88rem;
  font-weight: 800;
}

.evidence-vu-review-title span {
  margin-top: 3px;
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 680;
}

.evidence-vu-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.evidence-vu-flow > div {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
  background: var(--neutral-50);
}

.evidence-vu-flow > div > span:first-child {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.evidence-attention-list {
  display: grid;
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.evidence-attention-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  gap: 10px;
  align-items: center;
  min-height: 40px;
  padding: 8px 10px;
  background: var(--color-white);
  border-top: 1px solid var(--neutral-200);
}

.evidence-attention-list div:first-child {
  border-top: 0;
}

.evidence-attention-list dt {
  color: var(--neutral-700);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.3;
}

.evidence-attention-list dd {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 830;
}

.evidence-attention-list button {
  padding: 0;
  color: var(--color-silver-blue);
  font-size: 0.74rem;
  font-weight: 780;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.evidence-attention-list button:hover {
  color: var(--color-deep-navy);
  text-decoration: underline;
}

.evidence-attention-ready {
  color: var(--status-ready);
}

.evidence-attention-review {
  color: var(--status-review);
}

.evidence-attention-risk {
  color: var(--status-risk);
}

.evidence-attention-neutral {
  color: var(--neutral-700);
}

.evidence-activity-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 4px 10px;
  align-items: start;
  padding: 9px 0;
  border-top: 1px solid var(--neutral-200);
}

.evidence-activity-list li:first-child {
  padding-top: 0;
  border-top: 0;
}

.evidence-activity-list strong {
  min-width: 0;
  color: var(--neutral-950);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.3;
}

.evidence-activity-list span {
  grid-column: 1;
  color: var(--neutral-600);
  font-size: 0.73rem;
  font-weight: 650;
  line-height: 1.3;
}

.evidence-activity-list time {
  grid-row: 1 / span 2;
  grid-column: 2;
  color: var(--neutral-600);
  font-size: 0.71rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: right;
  white-space: nowrap;
}

.evidence-collections-panel {
  padding: 0;
  overflow: hidden;
}

.evidence-collections-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border-bottom: 1px solid var(--neutral-200);
}

.evidence-collections-heading button {
  min-width: 102px;
  padding: 0 12px;
}

.evidence-folder-table {
  display: grid;
  min-width: 0;
}

.evidence-folder-row {
  display: grid;
  grid-template-columns: minmax(290px, 1fr) minmax(82px, 0.24fr) minmax(118px, 0.32fr) minmax(56px, 0.16fr) minmax(140px, 0.38fr) 44px;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px 14px;
  background: var(--color-white);
  border-top: 1px solid var(--neutral-200);
}

.evidence-folder-row:first-child {
  border-top: 0;
}

.evidence-folder-row:not(.evidence-folder-row-head):hover {
  background: var(--neutral-50);
}

.evidence-folder-row-head {
  min-height: 34px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: var(--neutral-50);
}

.evidence-folder-name {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.evidence-folder-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--color-silver-blue);
  background: var(--neutral-50);
  border: 1px solid rgba(103, 128, 159, 0.32);
  border-radius: 7px;
}

.evidence-folder-icon svg {
  width: 18px;
  height: 18px;
}

.evidence-folder-name strong {
  color: var(--neutral-950);
  font-size: 0.86rem;
  font-weight: 780;
  line-height: 1.25;
}

.evidence-folder-name p {
  margin: 3px 0 0;
  color: var(--neutral-600);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
}

.evidence-folder-verified {
  justify-self: end;
}

.evidence-folder-count,
.evidence-folder-vu,
.evidence-folder-row time {
  color: var(--neutral-700);
  font-size: 0.8rem;
  font-weight: 700;
}

.evidence-folder-vu {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-silver-blue);
}

.evidence-folder-actions {
  display: flex;
  justify-content: flex-end;
}

.evidence-folder-actions button {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--neutral-600);
  cursor: pointer;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
}

.evidence-folder-actions button:hover {
  color: var(--neutral-950);
  background: var(--neutral-50);
  border-color: var(--neutral-200);
}

.evidence-folder-actions svg {
  width: 18px;
  height: 18px;
  stroke-width: 3;
}

.evidence-security-card {
  position: sticky;
  top: 78px;
}

.evidence-security-list {
  display: grid;
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.evidence-security-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
  min-height: 39px;
  padding: 8px 10px;
  border-top: 1px solid var(--neutral-200);
}

.evidence-security-list div:first-child {
  border-top: 0;
}

.evidence-security-list dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.78rem;
  font-weight: 780;
  line-height: 1.3;
  text-align: right;
}

.evidence-bottom-trust {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
}

.evidence-bottom-trust article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  min-width: 0;
  padding: 13px 12px;
  border-left: 1px solid var(--neutral-200);
}

.evidence-bottom-trust article:first-child {
  border-left: 0;
}

.evidence-bottom-trust article > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  color: var(--color-silver-blue);
  background: var(--neutral-50);
  border: 1px solid rgba(103, 128, 159, 0.28);
  border-radius: 999px;
}

.evidence-bottom-trust svg {
  width: 15px;
  height: 15px;
}

.evidence-bottom-trust strong {
  color: var(--neutral-950);
  font-size: 0.77rem;
  font-weight: 790;
  line-height: 1.25;
}

.evidence-bottom-trust p {
  margin: 3px 0 0;
  color: var(--neutral-600);
  font-size: 0.7rem;
  font-weight: 620;
  line-height: 1.32;
}

.document-blueprints-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-left: 5px solid var(--color-steel-blue);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.045);
}

.document-blueprints-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 14px;
  align-items: start;
}

.document-blueprints-heading h2 {
  margin: 4px 0 0;
  color: var(--neutral-950);
  font-size: 1.08rem;
  font-weight: 850;
  line-height: 1.2;
}

.document-blueprints-heading p:last-child {
  max-width: 740px;
  margin: 5px 0 0;
  color: var(--neutral-600);
  font-size: 0.84rem;
  font-weight: 640;
  line-height: 1.45;
}

.document-blueprints-heading .vu-security-notice {
  min-width: 280px;
  margin: 0;
}

.document-blueprints-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.document-blueprint-card {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  min-height: 174px;
  padding: 12px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.95), #ffffff),
    var(--color-white);
  border: 1px solid rgba(13, 27, 42, 0.1);
  border-radius: 8px;
  box-shadow: 0 10px 22px rgba(13, 27, 42, 0.045);
}

.document-blueprint-card-head {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.document-blueprint-card h3 {
  min-width: 0;
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.88rem;
  font-weight: 850;
  line-height: 1.25;
}

.document-blueprint-card .operational-status-badge {
  justify-self: start;
  max-width: 100%;
}

.document-blueprint-card p {
  margin: 0;
  color: var(--neutral-700);
  font-size: 0.76rem;
  font-weight: 640;
  line-height: 1.4;
}

.document-blueprint-card button {
  align-self: end;
  width: max-content;
  max-width: 100%;
  min-height: 34px;
  margin-top: auto;
  padding: 0 11px;
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 850;
  cursor: pointer;
  background: var(--color-steel-blue);
  border: 1px solid var(--color-steel-blue);
  border-radius: 7px;
}

.document-blueprint-card button:hover,
.document-blueprint-card button:focus-visible {
  background: var(--color-deep-navy);
  border-color: var(--color-deep-navy);
  outline: none;
}

.document-blueprint-card button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.document-blueprints-footer {
  display: grid;
  gap: 10px;
  padding: 10px;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
}

.document-intel-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-left: 5px solid #31516f;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.045);
}

.document-intel-heading,
.document-intel-subheading,
.document-intel-detail-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
}

.document-intel-heading h2,
.document-intel-subheading h3,
.document-intel-detail-head h3 {
  margin: 4px 0 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
}

.document-intel-detail-head h3 {
  max-width: 760px;
  font-size: 1.12rem;
  overflow-wrap: anywhere;
}

.document-intel-action-strip {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(255, 255, 255, 0.98)),
    var(--color-white);
  border: 1px solid rgba(103, 128, 159, 0.28);
  border-left: 5px solid #5d8f96;
  border-radius: 8px;
}

.document-intel-action-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
}

.document-intel-action-head h4,
.document-intel-comparison h4,
.document-intel-comparison h5 {
  margin: 3px 0 0;
  color: var(--neutral-950);
  font-weight: 850;
  line-height: 1.25;
}

.document-intel-action-head h4,
.document-intel-comparison h4 {
  font-size: 0.94rem;
}

.document-intel-action-grid {
  display: grid;
  grid-template-columns: minmax(160px, 0.24fr) minmax(220px, 0.36fr) minmax(270px, 1fr);
  gap: 9px;
  align-items: end;
  min-width: 0;
}

.document-intel-action-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.document-intel-action-grid label span,
.document-intel-comparison-review label span {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
}

.document-intel-action-grid select {
  width: 100%;
  min-height: 36px;
  padding: 0 10px;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid rgba(13, 27, 42, 0.16);
  border-radius: 7px;
  outline: none;
}

.document-intel-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.document-intel-action-buttons button {
  min-height: 36px;
  padding: 0 11px;
  color: var(--color-white);
  font-size: 0.78rem;
  font-weight: 850;
  cursor: pointer;
  background: var(--color-steel-blue);
  border: 1px solid var(--color-steel-blue);
  border-radius: 7px;
}

.document-intel-action-buttons button:first-child,
.document-intel-action-buttons button:last-child {
  color: var(--color-steel-blue);
  background: var(--color-white);
  border-color: rgba(103, 128, 159, 0.42);
}

.document-intel-action-buttons button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.document-intel-action-grid select:focus,
.document-intel-action-buttons button:focus-visible {
  border-color: rgba(14, 116, 144, 0.55);
  box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.12);
  outline: none;
}

.document-intel-draft-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.document-intel-draft-progress li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 34px;
  padding: 6px 8px;
  color: var(--neutral-600);
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.document-intel-draft-progress li > span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: var(--color-silver-blue);
  background: var(--color-white);
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
}

.document-intel-draft-progress strong {
  color: inherit;
  font-size: 0.72rem;
  font-weight: 820;
  line-height: 1.2;
}

.document-intel-draft-progress-active,
.document-intel-draft-progress-complete {
  color: var(--color-steel-blue);
  background: #eef3f8;
  border-color: rgba(103, 128, 159, 0.34);
}

.document-intel-heading .vu-security-notice {
  min-width: 280px;
  margin: 0;
}

.document-intel-domain-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.document-intel-domain-tile {
  display: grid;
  gap: 4px;
  min-height: 76px;
  padding: 11px 12px;
  color: rgba(255, 255, 255, 0.9);
  background:
    linear-gradient(145deg, rgba(103, 128, 159, 0.34), rgba(31, 45, 61, 0.98)),
    var(--color-steel-blue);
  border: 1px solid rgba(49, 81, 111, 0.86);
  border-radius: 8px;
  box-shadow: 0 10px 18px rgba(13, 27, 42, 0.08);
}

.document-intel-domain-tile span {
  font-size: 0.72rem;
  font-weight: 820;
  line-height: 1.25;
  text-transform: uppercase;
}

.document-intel-domain-tile strong {
  color: var(--color-white);
  font-size: 1.32rem;
  font-weight: 860;
  line-height: 1;
}

.document-intel-domain-tile-active {
  border-color: rgba(230, 233, 238, 0.58);
  box-shadow:
    0 0 0 2px rgba(103, 128, 159, 0.22),
    0 12px 24px rgba(13, 27, 42, 0.13);
}

.document-intel-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.34fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.document-intel-list-panel,
.document-intel-detail,
.document-intel-draft-card {
  min-width: 0;
  padding: 13px;
  background: var(--surface-panel);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
}

.document-intel-list-panel,
.document-intel-detail,
.document-intel-draft-card,
.document-intel-list,
.document-intel-section {
  display: grid;
  gap: 12px;
}

.document-intel-list-panel .document-intel-subheading > span {
  align-self: start;
  min-width: 36px;
  padding: 5px 8px;
  color: var(--color-steel-blue);
  font-size: 0.72rem;
  font-weight: 850;
  text-align: center;
  background: var(--neutral-100);
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.document-intel-message {
  margin: 0;
  padding: 10px 11px;
  color: var(--neutral-700);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.4;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-left: 4px solid var(--color-silver-blue);
  border-radius: 7px;
}

.document-intel-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
  min-height: 64px;
  padding: 9px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
}

.document-intel-row:hover,
.document-intel-row:focus-visible,
.document-intel-row-active {
  background: #eef3f8;
  border-color: rgba(103, 128, 159, 0.55);
  outline: none;
}

.document-intel-row-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  color: var(--color-silver-blue);
  background: var(--neutral-50);
  border: 1px solid rgba(103, 128, 159, 0.3);
  border-radius: 7px;
}

.document-intel-row-icon .vu-document-icon {
  width: 22px;
  height: 22px;
}

.document-intel-row strong,
.document-intel-row small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.document-intel-row strong {
  color: var(--neutral-950);
  font-size: 0.82rem;
  font-weight: 820;
}

.document-intel-row small {
  margin-top: 3px;
  color: var(--neutral-600);
  font-size: 0.71rem;
  font-weight: 680;
}

.document-intel-flow,
.document-intel-lineage {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.document-intel-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
}

.document-intel-flow-step {
  display: grid;
  gap: 6px;
  min-height: 72px;
  padding: 10px;
  background: var(--neutral-50);
  border-left: 1px solid var(--neutral-200);
}

.document-intel-flow-step:first-child {
  border-left: 0;
}

.document-intel-flow-step > span {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  color: var(--neutral-600);
  font-size: 0.7rem;
  font-weight: 850;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 999px;
}

.document-intel-flow-step strong {
  color: var(--neutral-700);
  font-size: 0.74rem;
  font-weight: 820;
  line-height: 1.25;
}

.document-intel-flow-complete,
.document-intel-flow-active {
  background: #eef3f8;
}

.document-intel-flow-complete > span,
.document-intel-flow-active > span {
  color: var(--color-white);
  background: var(--color-steel-blue);
  border-color: var(--color-steel-blue);
}

.document-intel-meta-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.document-intel-meta-grid div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.document-intel-meta-grid dt {
  color: var(--neutral-600);
  font-size: 0.67rem;
  font-weight: 850;
  text-transform: uppercase;
}

.document-intel-meta-grid dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.document-intel-section {
  min-width: 0;
  padding: 12px;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
}

.document-intel-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.document-intel-section p {
  margin: 0;
  color: var(--neutral-700);
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.48;
}

.document-intel-split,
.document-intel-related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.document-intel-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.document-intel-chip-list span {
  min-height: 25px;
  padding: 5px 8px;
  color: var(--color-steel-blue);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.2;
  background: #eef3f8;
  border: 1px solid rgba(103, 128, 159, 0.32);
  border-radius: 999px;
}

.document-intel-lineage {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.document-intel-lineage li {
  position: relative;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px;
  background: var(--neutral-50);
  border: 1px dashed var(--neutral-300);
  border-radius: 8px;
}

.document-intel-lineage li::after {
  position: absolute;
  top: 24px;
  right: -12px;
  width: 12px;
  height: 2px;
  content: "";
  background: var(--neutral-300);
}

.document-intel-lineage li:last-child::after {
  display: none;
}

.document-intel-lineage-active {
  background: #eef3f8;
  border-style: solid;
  border-color: rgba(103, 128, 159, 0.42);
}

.document-intel-lineage-focus {
  border-color: rgba(93, 143, 150, 0.72);
  box-shadow: 0 0 0 2px rgba(93, 143, 150, 0.14);
}

.document-intel-lineage li > span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: var(--color-white);
  font-size: 0.7rem;
  font-weight: 850;
  background: var(--color-steel-blue);
  border-radius: 999px;
}

.document-intel-lineage strong,
.document-intel-lineage small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.document-intel-lineage strong {
  color: var(--neutral-950);
  font-size: 0.79rem;
  font-weight: 830;
}

.document-intel-lineage small {
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 680;
}

.document-intel-related-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.document-intel-related-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
}

.document-intel-related-list strong {
  min-width: 0;
  overflow: hidden;
  color: var(--neutral-950);
  font-size: 0.76rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.document-intel-related-list span {
  color: var(--neutral-600);
  font-size: 0.7rem;
  font-weight: 780;
  white-space: nowrap;
}

.document-intel-comparison {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  background: var(--color-white);
  border: 1px solid rgba(103, 128, 159, 0.24);
  border-radius: 8px;
}

.document-intel-comparison .document-intel-section-heading {
  align-items: start;
}

.document-intel-comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.document-intel-comparison-grid > article,
.document-intel-comparison-review {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background: var(--surface-panel-subtle);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
}

.document-intel-comparison-grid > article > p:not(.evidence-panel-label) {
  margin: 0;
  color: var(--neutral-700);
  font-size: 0.8rem;
  font-weight: 640;
  line-height: 1.45;
}

.document-intel-comparison h5 {
  font-size: 0.88rem;
  overflow-wrap: anywhere;
}

.document-intel-comparison-draft {
  border-color: rgba(93, 143, 150, 0.46);
  box-shadow: inset 4px 0 0 rgba(93, 143, 150, 0.62);
}

.document-intel-comparison .document-intel-section {
  padding: 0;
  background: transparent;
  border: 0;
}

.document-intel-comparison-review {
  grid-template-columns: minmax(0, 0.54fr) minmax(0, 0.46fr);
}

.document-intel-comparison-review label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.document-intel-comparison-review textarea {
  width: 100%;
  min-height: 116px;
  padding: 10px;
  color: var(--neutral-950);
  resize: vertical;
  background: var(--color-white);
  border: 1px solid rgba(13, 27, 42, 0.16);
  border-radius: 7px;
  outline: none;
}

.document-intel-comparison-review textarea:focus {
  border-color: rgba(14, 116, 144, 0.55);
  box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.12);
}

.document-intel-actions,
.document-intel-draft-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: end;
}

.document-intel-actions button,
.document-intel-draft-controls button {
  min-height: 38px;
  padding: 0 12px;
  color: var(--color-white);
  font-size: 0.8rem;
  font-weight: 850;
  cursor: pointer;
  background: var(--color-steel-blue);
  border: 1px solid var(--color-steel-blue);
  border-radius: 7px;
}

.document-intel-actions button:nth-child(2) {
  color: var(--color-steel-blue);
  background: var(--color-white);
  border-color: rgba(103, 128, 159, 0.42);
}

.document-intel-actions button:disabled,
.document-intel-draft-controls button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.document-intel-draft-controls {
  display: grid;
  grid-template-columns: minmax(180px, 0.28fr) minmax(220px, 1fr) max-content;
  padding: 12px;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
}

.document-intel-draft-controls label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.document-intel-draft-controls label span {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
}

.document-intel-draft-controls select {
  width: 100%;
  min-height: 38px;
  padding: 0 10px;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid rgba(13, 27, 42, 0.16);
  border-radius: 7px;
  outline: none;
}

.document-intel-draft-controls select:focus,
.document-intel-actions button:focus-visible,
.document-intel-draft-controls button:focus-visible {
  border-color: rgba(14, 116, 144, 0.55);
  box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.12);
  outline: none;
}

.document-intel-empty {
  display: grid;
  gap: 5px;
  min-height: 240px;
  place-content: center;
  text-align: center;
}

.document-intel-empty strong {
  color: var(--neutral-950);
  font-weight: 850;
}

.document-intel-empty span {
  color: var(--neutral-600);
  font-size: 0.84rem;
}

@media (max-width: 1180px) {
  .evidence-home-header,
  .evidence-upper-grid,
  .evidence-lower-grid,
  .evidence-upload-workspace {
    grid-template-columns: 1fr;
  }

  .controls-vu-panel {
    grid-template-columns: 1fr;
  }

  .evidence-vu-review-list {
    grid-template-columns: 1fr;
  }

  .document-intel-heading,
  .document-blueprints-heading,
  .document-intel-layout,
  .document-intel-action-grid,
  .document-intel-comparison-review,
  .document-intel-draft-controls {
    grid-template-columns: 1fr;
  }

  .document-blueprints-heading .vu-security-notice {
    min-width: 0;
  }

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

  .document-intel-heading .vu-security-notice {
    min-width: 0;
  }

  .document-intel-domain-strip,
  .document-intel-meta-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .document-intel-split,
  .document-intel-comparison-grid,
  .document-intel-related-grid {
    grid-template-columns: 1fr;
  }

  .evidence-header-trust {
    grid-template-columns: 112px minmax(0, 1fr);
  }

  .evidence-security-card {
    position: static;
  }

  .evidence-bottom-trust {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .evidence-bottom-trust article:nth-child(3n + 1) {
    border-left: 0;
  }

  .evidence-bottom-trust article:nth-child(n + 4) {
    border-top: 1px solid var(--neutral-200);
  }
}

@media (max-width: 820px) {
  .evidence-header-trust,
  .evidence-trust-status-grid,
  .evidence-bottom-trust {
    grid-template-columns: 1fr;
  }

  .evidence-vault-home .evidence-header-seal {
    width: 100%;
  }

  .evidence-trust-status {
    min-height: 84px;
  }

  .evidence-folder-table {
    overflow-x: auto;
  }

  .evidence-folder-row {
    min-width: 860px;
  }

  .evidence-vu-flow {
    grid-template-columns: 1fr;
  }

  .document-intel-subheading,
  .document-intel-detail-head,
  .document-intel-action-head,
  .document-intel-domain-strip,
  .document-intel-flow,
  .document-intel-draft-progress,
  .document-intel-meta-grid,
  .document-intel-lineage {
    grid-template-columns: 1fr;
  }

  .document-intel-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .document-intel-row .operational-status-badge {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .document-intel-flow-step,
  .document-intel-flow-step:first-child {
    border-top: 1px solid var(--neutral-200);
    border-left: 0;
  }

  .document-intel-flow-step:first-child {
    border-top: 0;
  }

  .document-intel-lineage li::after {
    display: none;
  }

  .document-blueprints-grid {
    grid-template-columns: 1fr;
  }

  .evidence-bottom-trust article,
  .evidence-bottom-trust article:nth-child(n) {
    border-top: 1px solid var(--neutral-200);
    border-left: 0;
  }

  .evidence-bottom-trust article:first-child {
    border-top: 0;
  }
}

/* Global visual refinement pass. */

body,
.vucoris-app-shell {
  background: var(--surface-page);
}

.vucoris-main-content {
  padding: 30px 32px 36px;
  background:
    linear-gradient(180deg, rgba(215, 224, 234, 0.66) 0%, rgba(243, 246, 250, 0) 238px),
    var(--surface-page);
}

.vucoris-sidebar {
  background:
    linear-gradient(180deg, rgba(103, 128, 159, 0.16) 0%, rgba(103, 128, 159, 0.03) 38%),
    linear-gradient(180deg, #081522 0%, #0d1b2a 55%, #07121e 100%);
  border-right: 1px solid rgba(194, 206, 219, 0.22);
  box-shadow: 14px 0 32px rgba(13, 27, 42, 0.18);
}

.vucoris-brand-lockup {
  border-bottom-color: rgba(230, 233, 238, 0.16);
}

.vucoris-brand-seal,
.vucoris-footer-seal {
  background:
    radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.32), rgba(103, 128, 159, 0.22) 38%, rgba(8, 21, 34, 0.94) 75%),
    #0d1b2a;
  border-color: rgba(230, 233, 238, 0.56);
}

.vucoris-brand-wordmark,
.vucoris-sidebar-trust-copy,
.top-bar-breadcrumb,
.shell-placeholder-eyebrow,
.readiness-eyebrow,
.readiness-panel-label,
.controls-eyebrow,
.controls-panel-label,
.evidence-eyebrow,
.evidence-panel-label,
.poam-ops-eyebrow,
.poam-ops-section-label {
  letter-spacing: 0;
}

.sidebar-nav-item {
  color: rgba(230, 233, 238, 0.84);
}

.sidebar-nav-item:hover {
  background: rgba(31, 45, 61, 0.72);
  border-color: rgba(103, 128, 159, 0.34);
}

.sidebar-nav-item-active {
  background:
    linear-gradient(90deg, rgba(103, 128, 159, 0.22), rgba(31, 45, 61, 0.94)),
    var(--color-steel-blue);
  border-color: rgba(103, 128, 159, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 8px 20px rgba(0, 0, 0, 0.16);
}

.sidebar-nav-item-active::before {
  width: 4px;
  background: #9eb4cc;
}

.vucoris-sidebar-footer {
  color: rgba(230, 233, 238, 0.78);
  border-top-color: rgba(230, 233, 238, 0.14);
}

.vucoris-top-bar {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--border-strong);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
}

.top-bar-title-group h2 {
  font-weight: 820;
}

.top-bar-icon-button,
.organization-selector,
.top-bar-logout-button {
  border-color: var(--border-subtle);
  box-shadow: 0 1px 0 rgba(13, 27, 42, 0.03);
}

.vucoris-readiness-strip {
  position: sticky;
  top: 64px;
  z-index: 9;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  gap: 16px;
  align-items: center;
  min-height: 52px;
  padding: 8px 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(237, 242, 247, 0.96)),
    var(--surface-panel);
  border-bottom: 1px solid var(--border-strong);
  box-shadow: 0 8px 18px rgba(13, 27, 42, 0.055);
}

.readiness-strip-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--color-deep-navy);
  font-size: 0.78rem;
  font-weight: 850;
  white-space: nowrap;
}

.readiness-strip-heading::before {
  width: 9px;
  height: 9px;
  content: "";
  background: var(--status-ready);
  border: 2px solid var(--status-ready-soft);
  border-radius: 999px;
}

.readiness-strip-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
  margin: 0;
}

.readiness-strip-metric {
  display: inline-flex;
  gap: 7px;
  align-items: baseline;
  min-height: 30px;
  padding: 5px 8px;
  background: var(--color-white);
  border: 1px solid var(--border-subtle);
  border-radius: 6px;
}

.readiness-strip-metric dt {
  color: var(--neutral-600);
  font-size: 0.67rem;
  font-weight: 800;
  text-transform: uppercase;
}

.readiness-strip-metric dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1;
}

.readiness-strip-ready dd {
  color: var(--status-ready);
}

.readiness-strip-risk dd {
  color: var(--status-risk);
}

.readiness-strip-review dd {
  color: var(--status-review);
}

.readiness-strip-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  color: var(--color-white);
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
  background: var(--color-steel-blue);
  border: 1px solid var(--color-steel-blue);
  border-radius: 7px;
  box-shadow: 0 8px 16px rgba(13, 27, 42, 0.12);
}

.readiness-strip-action:hover {
  background: var(--color-deep-navy);
  border-color: var(--color-deep-navy);
}

.readiness-strip-action:focus-visible {
  outline: 2px solid var(--color-silver-blue);
  outline-offset: 2px;
}

.page-hero {
  --page-hero-accent: var(--color-silver-blue);
  --page-hero-bg-accent: rgba(103, 128, 159, 0.18);
  --page-hero-bg-top: #0d1b2a;
  --page-hero-bg-bottom: #10233a;
  --page-hero-border: rgba(103, 128, 159, 0.44);
  --page-hero-card-bg: #fbfcfe;
  --page-hero-card-border: #b6c4d2;
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) 156px minmax(480px, 1.1fr);
  gap: 14px;
  align-items: stretch;
  min-width: 0;
  padding: 18px;
  color: var(--color-white);
  background:
    linear-gradient(135deg, var(--page-hero-bg-accent), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, var(--page-hero-bg-top) 0%, var(--page-hero-bg-bottom) 100%);
  border: 1px solid var(--page-hero-border);
  border-left: 5px solid var(--page-hero-accent);
  border-radius: 8px;
  box-shadow: 0 18px 36px rgba(13, 27, 42, 0.18);
}

.page-hero-readiness {
  --page-hero-accent: #4f8f61;
  --page-hero-bg-accent: rgba(79, 143, 97, 0.26);
  --page-hero-bg-top: #0d241c;
  --page-hero-bg-bottom: #123124;
  --page-hero-border: rgba(107, 151, 122, 0.46);
}

.page-hero-controls {
  --page-hero-accent: #67809f;
  --page-hero-bg-accent: rgba(103, 128, 159, 0.24);
  --page-hero-bg-top: #0f2032;
  --page-hero-bg-bottom: #172c42;
  --page-hero-border: rgba(103, 128, 159, 0.5);
}

.page-hero-evidence {
  --page-hero-accent: #9eb4cc;
  --page-hero-bg-accent: rgba(103, 128, 159, 0.2);
  --page-hero-bg-top: #0d1b2a;
  --page-hero-bg-bottom: #10233a;
  --page-hero-border: rgba(103, 128, 159, 0.48);
}

.page-hero-poam {
  --page-hero-accent: #c18a25;
  --page-hero-bg-accent: rgba(193, 138, 37, 0.12);
  --page-hero-bg-top: #151c25;
  --page-hero-bg-bottom: #202833;
  --page-hero-border: rgba(193, 138, 37, 0.34);
}

.page-hero-ssp {
  --page-hero-accent: #5d8f96;
  --page-hero-bg-accent: rgba(93, 143, 150, 0.2);
  --page-hero-bg-top: #10232a;
  --page-hero-bg-bottom: #19333a;
  --page-hero-border: rgba(93, 143, 150, 0.44);
}

.page-hero-reports {
  --page-hero-accent: #8b83aa;
  --page-hero-bg-accent: rgba(139, 131, 170, 0.16);
  --page-hero-bg-top: #171d2a;
  --page-hero-bg-bottom: #24283a;
  --page-hero-border: rgba(139, 131, 170, 0.38);
}

.page-hero-assessment {
  --page-hero-accent: #8fa6bd;
  --page-hero-bg-accent: rgba(143, 166, 189, 0.18);
  --page-hero-bg-top: #111a26;
  --page-hero-bg-bottom: #1d2836;
  --page-hero-border: rgba(143, 166, 189, 0.42);
}

.page-hero-assets {
  --page-hero-accent: #2f9f89;
  --page-hero-bg-accent: rgba(47, 159, 137, 0.18);
  --page-hero-bg-top: #0e1f27;
  --page-hero-bg-bottom: #18303a;
  --page-hero-border: rgba(47, 159, 137, 0.36);
}

.page-hero-copy {
  display: grid;
  align-content: center;
  min-width: 0;
}

.page-hero-eyebrow {
  margin: 0;
  color: #b7c8da;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.page-hero h1 {
  margin: 4px 0 0;
  color: inherit;
  font-size: 2rem;
  font-weight: 840;
  line-height: 1.12;
}

.page-hero-copy p:last-child {
  max-width: 660px;
  margin: 6px 0 0;
  color: rgba(230, 233, 238, 0.86);
  font-size: 0.92rem;
  line-height: 1.45;
}

.page-hero-trust-marker {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 118px;
  padding: 13px 10px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.16), rgba(103, 128, 159, 0.16) 60%, rgba(8, 21, 34, 0.52)),
    rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(194, 206, 219, 0.38);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.page-hero-trust-marker > div > span {
  display: block;
  margin-top: 7px;
  color: rgba(230, 233, 238, 0.8);
  font-size: 0.68rem;
  font-weight: 760;
  line-height: 1.25;
  text-transform: uppercase;
}

.page-hero-trust-seal {
  justify-content: center;
}

.page-hero-logo {
  display: block;
  width: 126px;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.18);
}

.page-hero-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  margin: 0;
}

.page-hero-status-card {
  display: grid;
  align-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 118px;
  padding: 11px 12px;
  background: var(--page-hero-card-bg);
  border: 1px solid var(--page-hero-card-border);
  border-top: 3px solid var(--border-strong);
  border-radius: 8px;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

.page-hero-status-seal {
  justify-self: start;
  margin-bottom: 2px;
}

.page-hero-status-card dt {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 840;
  letter-spacing: 0;
  text-transform: uppercase;
}

.page-hero-status-card dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.18;
}

.page-hero-status-card span {
  color: var(--neutral-600);
  font-size: 0.73rem;
  font-weight: 680;
  line-height: 1.25;
}

.page-hero-status-ready {
  border-top-color: var(--status-ready-medium);
}

.page-hero-status-ready dd {
  color: var(--status-ready);
}

.page-hero-status-review {
  border-top-color: var(--status-review-medium);
}

.page-hero-status-review dd {
  color: var(--status-review);
}

.page-hero-status-risk {
  border-top-color: var(--status-risk-medium);
}

.page-hero-status-risk dd {
  color: var(--status-risk);
}

.page-hero-status-neutral {
  border-top-color: var(--neutral-300);
}

.controls-page-header,
.readiness-page-header,
.poam-ops-page-header,
.shell-placeholder {
  padding: 16px 18px;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.08), rgba(255, 255, 255, 0) 46%),
    var(--surface-panel);
  border: 1px solid var(--border-strong);
  border-left: 5px solid var(--color-silver-blue);
  border-radius: 8px;
  box-shadow: var(--shadow-panel-soft);
}

.readiness-page-header {
  background:
    linear-gradient(135deg, rgba(79, 164, 99, 0.12), rgba(255, 255, 255, 0) 46%),
    var(--surface-panel);
  border-left-color: var(--status-ready-medium);
}

.controls-page-header {
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.16), rgba(255, 255, 255, 0) 48%),
    var(--surface-panel);
}

.poam-ops-page-header {
  background:
    linear-gradient(135deg, rgba(218, 167, 44, 0.14), rgba(192, 57, 43, 0.05) 44%, rgba(255, 255, 255, 0) 70%),
    var(--surface-panel);
  border-left-color: var(--status-review-medium);
}

.shell-placeholder-ssp {
  border-left-color: #6b7786;
}

.shell-placeholder-reports {
  border-left-color: var(--neutral-300);
}

.shell-placeholder-overview {
  border-left-color: var(--color-silver-blue);
}

.shell-placeholder-administration {
  border-left-color: var(--neutral-700);
}

.readiness-page-header h1,
.controls-page-header h1,
.evidence-home-title h1,
.poam-ops-page-header h1,
.shell-placeholder h1 {
  font-weight: 840;
}

.assessment-readiness-panel,
.readiness-panel,
.controls-summary-strip,
.controls-table-panel,
.poam-ops-command-panel,
.poam-ops-filter-panel,
.poam-ops-item-card,
.poam-ops-command-rail,
.evidence-trust-status,
.evidence-upload-card,
.evidence-rail-card,
.evidence-collections-panel,
.evidence-bottom-trust,
.authorization-state-panel,
.priority-signal,
.workspace-summary-panel,
.workspace-focus-panel,
.case-card,
.onboarding-panel,
.governance-panel,
.verification-panel {
  background: var(--surface-panel);
  border-color: var(--border-strong);
  box-shadow: var(--shadow-panel);
}

.assessment-readiness-metrics div,
.readiness-compact-metrics div,
.readiness-record,
.package-status-panel,
.readiness-table-head,
.controls-table th,
.controls-filter-bar button,
.poam-ops-command-metric,
.poam-ops-status-strip,
.poam-ops-filter-row button,
.poam-ops-control-row span,
.poam-ops-item-grid > div,
.poam-ops-rail-panel,
.poam-ops-distribution,
.evidence-upload-assurance,
.evidence-attention-list div,
.evidence-security-list,
.evidence-security-list div,
.evidence-folder-row-head,
.evidence-folder-icon,
.evidence-bottom-trust article > span {
  background: var(--surface-inset);
  border-color: var(--border-subtle);
}

.readiness-table,
.readiness-table-row,
.readiness-panel-header,
.controls-table-header,
.controls-table th,
.controls-table td,
.controls-summary-metric,
.poam-ops-command-metrics,
.poam-ops-command-metric,
.poam-ops-status-strip,
.poam-ops-item-grid,
.poam-ops-item-grid > div,
.poam-ops-notes,
.poam-ops-rail-panel,
.poam-ops-distribution,
.evidence-attention-list,
.evidence-attention-list div,
.evidence-collections-heading,
.evidence-folder-row,
.evidence-security-list,
.evidence-security-list div,
.evidence-bottom-trust article {
  border-color: var(--border-subtle);
}

.assessment-readiness-metrics dd,
.readiness-compact-metrics dd,
.controls-summary-metric dd,
.poam-ops-command-metric dd,
.evidence-trust-status dd,
.evidence-attention-list dd {
  font-weight: 850;
}

.readiness-table-row,
.evidence-folder-row,
.controls-table tbody tr {
  background: var(--surface-panel);
}

.readiness-table-row:nth-child(even),
.evidence-folder-row:nth-child(even),
.controls-table tbody tr:nth-child(even) {
  background: var(--surface-panel-subtle);
}

.readiness-table-row:hover,
.evidence-folder-row:not(.evidence-folder-row-head):hover,
.controls-table tbody tr:hover,
.poam-ops-item-card:hover {
  background: #eef3f8;
}

.operational-status-ready,
.readiness-status-ready {
  color: #286f31;
  border-color: #8fc79f;
}

.operational-status-review,
.readiness-status-review {
  color: #9f7308;
  border-color: #e3bd5a;
}

.operational-status-risk,
.readiness-status-risk {
  color: #ad3327;
  border-color: #ee9f98;
}

.evidence-home-header {
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.2), rgba(8, 21, 34, 0) 42%),
    linear-gradient(180deg, #0d1b2a 0%, #10233a 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-radius: 8px;
  box-shadow: 0 18px 36px rgba(13, 27, 42, 0.18);
}

.evidence-home-title .evidence-eyebrow {
  color: #b7c8da;
}

.evidence-home-title h1 {
  color: var(--color-white);
}

.evidence-home-title p:last-child {
  color: rgba(230, 233, 238, 0.86);
}

.evidence-vault-home .evidence-header-seal {
  color: var(--color-mist-gray);
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.16), rgba(103, 128, 159, 0.16) 60%, rgba(8, 21, 34, 0.58)),
    rgba(255, 255, 255, 0.07);
  border-color: rgba(194, 206, 219, 0.38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.evidence-vault-home .evidence-header-seal::before {
  border-color: rgba(194, 206, 219, 0.26);
}

.evidence-vault-home .evidence-header-seal span {
  color: var(--color-white);
  border-color: rgba(230, 233, 238, 0.5);
}

.evidence-vault-home .evidence-header-seal strong {
  color: var(--color-white);
}

.evidence-trust-status {
  background: rgba(251, 252, 254, 0.98);
  border-color: rgba(194, 206, 219, 0.92);
}

.evidence-upload-card {
  border-left-color: var(--color-silver-blue);
}

.evidence-upload-dropzone {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(237, 242, 247, 0.94)),
    var(--surface-inset);
  border-color: rgba(103, 128, 159, 0.86);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.evidence-upload-icon {
  border-color: rgba(103, 128, 159, 0.5);
  box-shadow: 0 9px 18px rgba(13, 27, 42, 0.08);
}

.evidence-security-card,
.poam-ops-command-rail {
  top: 136px;
}

.poam-ops-command-panel {
  background:
    linear-gradient(135deg, rgba(218, 167, 44, 0.12), rgba(192, 57, 43, 0.05) 48%, rgba(255, 255, 255, 0) 72%),
    var(--surface-panel);
  border-left-color: var(--status-review-medium);
}

.poam-ops-command-intro {
  grid-template-columns: minmax(0, 1fr);
}

.poam-ops-item-spine {
  background:
    linear-gradient(180deg, rgba(103, 128, 159, 0.24), rgba(237, 242, 247, 0.94)),
    var(--surface-inset);
  border-right-color: var(--border-subtle);
}

.poam-ops-status-strip {
  box-shadow: var(--shadow-panel-soft);
}

.ssp-workspace-page {
  display: grid;
  gap: 14px;
  max-width: 1480px;
}

.ssp-workspace-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 14px;
  align-items: stretch;
}

.ssp-workspace-panel,
.ssp-workspace-review-rail,
.ssp-workspace-evidence-note,
.ssp-workspace-trust-strip {
  background: var(--surface-panel);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  box-shadow: var(--shadow-panel);
}

.ssp-workspace-panel,
.ssp-workspace-review-rail,
.ssp-workspace-evidence-note {
  min-width: 0;
  padding: 14px;
}

.ssp-workspace-panel-heading {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.ssp-workspace-label {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ssp-workspace-panel-heading h2,
.ssp-workspace-evidence-note h2,
.ssp-workspace-review-rail h2 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 820;
  line-height: 1.25;
}

.ssp-workspace-overview-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 12px 0 0;
}

.ssp-workspace-overview-list div,
.ssp-workspace-coverage-stats div,
.ssp-workspace-rail-metric {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.ssp-workspace-overview-list dt,
.ssp-workspace-coverage-stats dt,
.ssp-workspace-rail-metric dt {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ssp-workspace-overview-list dd,
.ssp-workspace-coverage-stats dd,
.ssp-workspace-rail-metric dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.25;
}

.ssp-workspace-progress-summary {
  display: grid;
  gap: 4px;
  margin-top: 12px;
}

.ssp-workspace-progress-summary strong {
  color: var(--neutral-950);
  font-size: 1.55rem;
  font-weight: 860;
  line-height: 1;
}

.ssp-workspace-progress-summary span {
  color: var(--neutral-600);
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.4;
}

.ssp-workspace-progress-bar {
  height: 13px;
  margin-top: 12px;
  overflow: hidden;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
}

.ssp-workspace-progress-bar span {
  display: block;
  width: 86%;
  height: 100%;
  background:
    linear-gradient(90deg, rgba(93, 143, 150, 0.72), rgba(103, 128, 159, 0.92)),
    var(--color-silver-blue);
  border-radius: inherit;
}

.ssp-workspace-coverage-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 0;
}

.ssp-workspace-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.31fr);
  gap: 14px;
  align-items: start;
}

.ssp-workspace-main {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.ssp-workspace-sections {
  padding: 0;
  overflow: hidden;
}

.ssp-workspace-sections .ssp-workspace-panel-heading {
  padding: 14px;
  border-bottom: 1px solid var(--border-subtle);
}

.ssp-workspace-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.ssp-workspace-table {
  width: 100%;
  min-width: 980px;
  table-layout: fixed;
  border-collapse: collapse;
}

.ssp-workspace-table th,
.ssp-workspace-table td {
  padding: 10px 11px;
  color: var(--neutral-700);
  font-size: 0.78rem;
  font-weight: 560;
  line-height: 1.35;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid var(--border-subtle);
}

.ssp-workspace-table th {
  color: var(--neutral-600);
  font-size: 0.67rem;
  font-weight: 860;
  text-transform: uppercase;
  background: var(--surface-inset);
}

.ssp-workspace-table tbody tr {
  background: var(--surface-panel);
}

.ssp-workspace-table tbody tr:nth-child(even) {
  background: var(--surface-panel-subtle);
}

.ssp-workspace-table tbody tr:hover {
  background: #eef3f8;
}

.ssp-workspace-section-name {
  color: var(--neutral-950);
  font-weight: 820;
}

.ssp-workspace-review-rail {
  position: sticky;
  top: 136px;
  display: grid;
  gap: 12px;
  border-left: 5px solid #5d8f96;
}

.ssp-workspace-rail-metrics {
  display: grid;
  gap: 8px;
  margin: 0;
}

.ssp-workspace-rail-review dd {
  color: var(--status-review);
}

.ssp-workspace-review-actions {
  display: grid;
  gap: 8px;
  padding: 11px;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.ssp-workspace-review-actions ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ssp-workspace-review-actions li {
  color: var(--neutral-700);
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.35;
}

.ssp-workspace-evidence-note {
  border-left: 5px solid #5d8f96;
}

.ssp-workspace-evidence-note p:last-child {
  max-width: 860px;
  margin: 8px 0 0;
  color: var(--neutral-700);
  font-size: 0.84rem;
  line-height: 1.5;
}

.ssp-workspace-trust-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  overflow: hidden;
  box-shadow: var(--shadow-panel-soft);
}

.ssp-workspace-trust-strip article {
  min-width: 0;
  padding: 13px 12px;
  border-left: 1px solid var(--border-subtle);
}

.ssp-workspace-trust-strip article:first-child {
  border-left: 0;
}

.ssp-workspace-trust-strip strong {
  display: block;
  color: var(--neutral-950);
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.25;
}

.ssp-workspace-trust-strip p {
  margin: 4px 0 0;
  color: var(--neutral-600);
  font-size: 0.71rem;
  font-weight: 620;
  line-height: 1.35;
}

.assessment-package-page {
  display: grid;
  gap: 14px;
  max-width: 1480px;
}

.assessment-package-panel,
.assessment-package-readiness-panel,
.assessment-package-trust-strip {
  background: var(--surface-panel);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  box-shadow: var(--shadow-panel);
}

.assessment-package-panel,
.assessment-package-readiness-panel {
  min-width: 0;
  padding: 14px;
}

.assessment-package-readiness-panel {
  display: grid;
  gap: 13px;
  border-left: 5px solid #8fa6bd;
}

.assessment-package-panel-heading {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.assessment-package-action-heading {
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
}

.assessment-package-label {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.assessment-package-panel-heading h2 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 820;
  line-height: 1.25;
}

.assessment-package-snapshot-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.assessment-package-action-button {
  min-height: 36px;
  padding: 8px 11px;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 850;
  background: #31516f;
  border: 1px solid #31516f;
  border-radius: 7px;
  cursor: pointer;
}

.assessment-package-action-secondary {
  color: #31516f;
  background: #ffffff;
  border-color: #9eb5c4;
}

.assessment-package-action-button:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.assessment-package-error-text,
.assessment-package-auth-note,
.assessment-package-success-text,
.assessment-package-muted {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 780;
  line-height: 1.45;
}

.assessment-package-error-text {
  color: #7c241f;
}

.assessment-package-auth-note {
  padding: 9px 11px;
  color: #52616b;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-left: 4px solid #8fa6bd;
  border-radius: 7px;
}

.assessment-package-success-text {
  color: #0c5132;
}

.assessment-package-muted {
  color: var(--neutral-600);
}

.assessment-package-readiness-body {
  display: grid;
  grid-template-columns: max-content minmax(180px, 0.3fr) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.assessment-package-readiness-seal {
  justify-self: start;
}

.assessment-package-readiness-body strong {
  display: block;
  color: var(--status-review);
  font-size: 1.28rem;
  font-weight: 860;
  line-height: 1.1;
}

.assessment-package-readiness-body span {
  display: block;
  margin-top: 4px;
  color: var(--neutral-600);
  font-size: 0.82rem;
  font-weight: 700;
}

.assessment-package-progress {
  height: 13px;
  overflow: hidden;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
}

.assessment-package-status-cell {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.assessment-package-progress span {
  display: block;
  width: 86%;
  height: 100%;
  background:
    linear-gradient(90deg, rgba(103, 128, 159, 0.9), rgba(143, 166, 189, 0.92)),
    var(--color-silver-blue);
  border-radius: inherit;
}

.assessment-package-readiness-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.assessment-package-readiness-metric {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.assessment-package-readiness-metric dt {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.assessment-package-readiness-metric dd {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.95rem;
  font-weight: 850;
  line-height: 1.15;
}

.assessment-package-metric-ready dd {
  color: var(--status-ready);
}

.assessment-package-metric-review dd {
  color: var(--status-review);
}

.assessment-package-metric-risk dd {
  color: var(--status-risk);
}

.assessment-package-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 0.32fr);
  gap: 14px;
  align-items: start;
}

.assessment-package-main,
.assessment-package-rail,
.assessment-package-secondary-grid {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.assessment-package-secondary-grid {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
}

.assessment-package-composition {
  padding: 0;
  overflow: hidden;
}

.assessment-package-composition .assessment-package-panel-heading {
  padding: 14px;
  border-bottom: 1px solid var(--border-subtle);
}

.assessment-package-composition .assessment-package-empty,
.assessment-package-composition .assessment-package-muted {
  margin: 14px;
}

.assessment-package-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.assessment-package-table {
  width: 100%;
  min-width: 780px;
  table-layout: fixed;
  border-collapse: collapse;
}

.assessment-package-snapshot-table {
  min-width: 1320px;
}

.assessment-package-lock-state {
  display: inline-grid;
  gap: 5px;
  justify-items: start;
}

.assessment-package-lock-state > span:last-child {
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 700;
  white-space: nowrap;
}

.assessment-package-table th,
.assessment-package-table td {
  padding: 10px 11px;
  color: var(--neutral-700);
  font-size: 0.78rem;
  font-weight: 560;
  line-height: 1.35;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid var(--border-subtle);
}

.assessment-package-table th {
  color: var(--neutral-600);
  font-size: 0.67rem;
  font-weight: 860;
  text-transform: uppercase;
  background: var(--surface-inset);
}

.assessment-package-table tbody tr {
  background: var(--surface-panel);
}

.assessment-package-table tbody tr:nth-child(even) {
  background: var(--surface-panel-subtle);
}

.assessment-package-table tbody tr:hover {
  background: #eef3f8;
}

.assessment-package-table tbody tr.assessment-package-snapshot-selected {
  background: #eef3f8;
}

.assessment-package-component-name {
  color: var(--neutral-950);
  font-weight: 820;
}

.assessment-package-link-button {
  padding: 0;
  color: #31516f;
  font: inherit;
  font-weight: 850;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.assessment-package-link-button:disabled {
  cursor: wait;
  opacity: 0.7;
}

.assessment-package-requirements-list,
.assessment-package-approval-list,
.assessment-package-integrity-list {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
}

.assessment-package-requirement {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) max-content minmax(88px, 0.35fr) minmax(110px, 0.38fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px 11px;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.assessment-package-requirement strong,
.assessment-package-approval-step strong {
  display: block;
  color: var(--neutral-950);
  font-size: 0.82rem;
  font-weight: 820;
  line-height: 1.3;
}

.assessment-package-requirement span,
.assessment-package-requirement time,
.assessment-package-approval-step span,
.assessment-package-approval-step time {
  color: var(--neutral-600);
  font-size: 0.73rem;
  font-weight: 690;
  line-height: 1.35;
}

.assessment-package-approval-step {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 7px 10px;
  align-items: start;
  min-width: 0;
  padding: 10px 11px;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.assessment-package-approval-step time {
  grid-column: 1 / -1;
}

.assessment-package-integrity {
  border-left: 5px solid #8fa6bd;
}

.assessment-package-integrity-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.assessment-package-integrity-list dt {
  color: var(--neutral-700);
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.35;
}

.assessment-package-integrity-list dd {
  margin: 0;
}

.assessment-package-rail {
  position: sticky;
  top: 136px;
}

.assessment-package-timeline {
  display: grid;
  gap: 0;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.assessment-package-timeline li {
  position: relative;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 0 0 13px 22px;
  border-left: 2px solid var(--border-subtle);
}

.assessment-package-timeline li:last-child {
  padding-bottom: 0;
}

.assessment-package-timeline li::before {
  position: absolute;
  top: 2px;
  left: -6px;
  width: 10px;
  height: 10px;
  content: "";
  background: var(--neutral-300);
  border: 2px solid var(--surface-panel);
  border-radius: 999px;
  box-shadow: 0 0 0 1px var(--border-subtle);
}

.assessment-package-timeline-complete::before {
  background: var(--status-ready-medium);
}

.assessment-package-timeline-current::before {
  background: var(--status-review-medium);
}

.assessment-package-timeline strong {
  color: var(--neutral-950);
  font-size: 0.8rem;
  font-weight: 830;
  line-height: 1.3;
}

.assessment-package-timeline span {
  color: var(--neutral-600);
  font-size: 0.73rem;
  font-weight: 650;
  line-height: 1.35;
}

.assessment-package-export {
  border-left: 5px solid var(--neutral-300);
}

.assessment-package-export-actions {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.assessment-package-export-actions button {
  min-height: 34px;
  color: var(--neutral-600);
  font-size: 0.78rem;
  font-weight: 820;
  background: var(--surface-inset);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
}

.assessment-package-export ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.assessment-package-export li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
  align-items: center;
  color: var(--neutral-700);
  font-size: 0.75rem;
  font-weight: 700;
}

.assessment-package-export li span {
  min-height: 22px;
  padding: 3px 7px;
  color: var(--neutral-700);
  font-size: 0.68rem;
  font-weight: 820;
  background: var(--neutral-100);
  border: 1px solid var(--neutral-300);
  border-radius: 6px;
}

.assessment-package-trust-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  overflow: hidden;
  box-shadow: var(--shadow-panel-soft);
}

.assessment-package-trust-strip article {
  min-width: 0;
  padding: 13px 12px;
  border-left: 1px solid var(--border-subtle);
}

.assessment-package-trust-strip article:first-child {
  border-left: 0;
}

.assessment-package-trust-strip strong {
  display: block;
  color: var(--neutral-950);
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.25;
}

.assessment-package-trust-strip p {
  margin: 4px 0 0;
  color: var(--neutral-600);
  font-size: 0.71rem;
  font-weight: 620;
  line-height: 1.35;
}

.operational-tasks-workspace {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow-panel-soft);
}

.operational-tasks-compact {
  gap: 14px;
  padding: 16px;
}

.operational-tasks-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 16px;
  align-items: start;
}

.operational-tasks-header h3,
.operational-tasks-recommendation-heading h4,
.operational-task-empty h4 {
  margin: 0;
  color: var(--neutral-950);
  font-weight: 850;
  letter-spacing: 0;
}

.operational-tasks-header h3 {
  font-size: 1rem;
}

.operational-tasks-header p,
.operational-tasks-recommendation-heading p,
.operational-task-suggestion p,
.operational-task-message,
.operational-task-empty p {
  margin: 5px 0 0;
  color: var(--neutral-600);
  font-size: 0.76rem;
  font-weight: 620;
  line-height: 1.45;
}

.operational-task-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(76px, 1fr));
  min-width: 286px;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  background: var(--surface-panel-subtle);
}

.operational-task-summary span {
  display: grid;
  gap: 2px;
  min-height: 58px;
  padding: 10px;
  color: var(--neutral-600);
  font-size: 0.66rem;
  font-weight: 780;
  text-transform: uppercase;
  border-left: 1px solid var(--border-subtle);
}

.operational-task-summary span:first-child {
  border-left: 0;
}

.operational-task-summary strong {
  color: var(--neutral-950);
  font-size: 1.18rem;
  font-weight: 860;
}

.operational-tasks-recommendations {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(31, 45, 61, 0.13);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(103, 128, 159, 0.08), rgba(244, 247, 251, 0.66));
}

.operational-tasks-recommendation-heading {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
}

.operational-tasks-vu-mark {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--color-deep-navy);
  border: 1px solid rgba(103, 128, 159, 0.32);
  border-radius: 8px;
  background: #ffffff;
}

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

.operational-task-suggestion {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  min-height: 132px;
  padding: 12px;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  background: #ffffff;
}

.operational-task-suggestion span {
  display: inline-flex;
  width: fit-content;
  min-height: 22px;
  align-items: center;
  padding: 3px 7px;
  color: var(--color-deep-navy);
  font-size: 0.66rem;
  font-weight: 840;
  text-transform: uppercase;
  border: 1px solid rgba(103, 128, 159, 0.28);
  border-radius: 6px;
  background: rgba(103, 128, 159, 0.09);
}

.operational-task-suggestion strong {
  display: block;
  margin-top: 7px;
  color: var(--neutral-950);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.25;
}

.operational-tasks-recommendation-heading button,
.operational-task-suggestion button,
.operational-task-filter-row button,
.operational-task-actions button {
  min-height: 32px;
  padding: 7px 10px;
  color: var(--color-deep-navy);
  font-size: 0.72rem;
  font-weight: 820;
  border: 1px solid rgba(103, 128, 159, 0.34);
  border-radius: 7px;
  background: #ffffff;
  cursor: pointer;
}

.operational-tasks-recommendation-heading button:hover,
.operational-task-suggestion button:hover,
.operational-task-filter-row button:hover,
.operational-task-actions button:hover {
  border-color: rgba(31, 45, 61, 0.36);
  background: var(--surface-inset);
}

.operational-tasks-recommendation-heading button:focus-visible,
.operational-task-suggestion button:focus-visible,
.operational-task-filter-row button:focus-visible,
.operational-task-actions button:focus-visible {
  outline: 3px solid rgba(103, 128, 159, 0.24);
  outline-offset: 2px;
}

.operational-tasks-recommendation-heading button:disabled,
.operational-task-suggestion button:disabled,
.operational-task-actions button:disabled {
  color: var(--neutral-400);
  background: var(--neutral-100);
  cursor: not-allowed;
}

.operational-task-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.operational-task-filter-row button {
  min-height: 30px;
  color: var(--neutral-700);
  background: var(--surface-panel-subtle);
}

.operational-task-filter-row .operational-task-filter-active {
  color: #ffffff;
  border-color: var(--color-steel-blue);
  background: var(--color-steel-blue);
}

.operational-task-message {
  width: fit-content;
  margin: 0;
  padding: 7px 9px;
  color: var(--neutral-700);
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
  background: var(--surface-panel-subtle);
}

.operational-task-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  background: #ffffff;
}

.operational-task-table {
  width: 100%;
  min-width: 1040px;
  border-collapse: collapse;
  table-layout: fixed;
}

.operational-task-table th,
.operational-task-table td {
  padding: 10px 11px;
  color: var(--neutral-700);
  font-size: 0.74rem;
  line-height: 1.36;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--border-subtle);
}

.operational-task-table th {
  color: var(--neutral-600);
  font-size: 0.66rem;
  font-weight: 860;
  text-transform: uppercase;
  background: var(--surface-panel-subtle);
}

.operational-task-table tbody tr:nth-child(even) {
  background: rgba(244, 247, 251, 0.62);
}

.operational-task-table tbody tr:hover {
  background: rgba(237, 242, 247, 0.86);
}

.operational-task-title-cell,
.operational-task-status-cell,
.operational-task-actions {
  display: grid;
  gap: 7px;
}

.operational-task-status-line {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.document-intel-status-cell {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  min-width: 0;
}

.document-intel-status-cell-large {
  justify-content: flex-end;
}

.operational-task-title-cell strong {
  display: block;
  color: var(--neutral-950);
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.28;
}

.operational-task-title-cell span {
  display: block;
  color: var(--neutral-600);
  font-size: 0.72rem;
  font-weight: 620;
}

.operational-task-title-cell em {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 5px;
  min-height: 23px;
  padding: 3px 7px;
  color: var(--color-deep-navy);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 820;
  border: 1px solid rgba(103, 128, 159, 0.26);
  border-radius: 6px;
  background: rgba(103, 128, 159, 0.08);
}

.operational-task-title-cell em .vu-icon {
  width: 14px;
  height: 14px;
}

.operational-task-pill {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 3px 8px;
  font-size: 0.66rem;
  font-weight: 850;
  white-space: nowrap;
  border-radius: 6px;
}

.operational-task-pill-neutral {
  color: var(--neutral-700);
  border: 1px solid var(--border-strong);
  background: var(--neutral-100);
}

.operational-task-pill-review {
  color: #7a5100;
  border: 1px solid rgba(184, 134, 11, 0.28);
  background: var(--status-review-tint);
}

.operational-task-pill-ready {
  color: #1f6b35;
  border: 1px solid rgba(46, 125, 50, 0.26);
  background: var(--status-ready-tint);
}

.operational-task-pill-risk,
.operational-task-overdue {
  color: #9f2419;
}

.operational-task-pill-risk {
  border: 1px solid rgba(192, 57, 43, 0.26);
  background: var(--status-risk-tint);
}

.operational-task-progress {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
  width: 100%;
  max-width: 128px;
}

.operational-task-progress span {
  height: 5px;
  border-radius: 999px;
  background: var(--neutral-200);
}

.operational-task-progress .operational-task-progress-active {
  background: var(--color-steel-blue);
}

.operational-task-actions {
  grid-template-columns: 1fr;
  align-items: start;
}

.operational-task-empty {
  display: grid;
  gap: 4px;
  padding: 22px;
  text-align: center;
  background: var(--surface-panel-subtle);
}

@media (max-width: 1180px) {
  .vucoris-readiness-strip {
    grid-template-columns: 1fr max-content;
  }

  .readiness-strip-heading {
    grid-column: 1 / -1;
  }

  .page-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-hero-trust-marker {
    grid-template-columns: 132px minmax(0, 1fr);
    align-items: center;
    justify-items: start;
    min-height: 92px;
    text-align: left;
  }

  .ssp-workspace-summary-grid,
  .ssp-workspace-layout {
    grid-template-columns: 1fr;
  }

  .ssp-workspace-review-rail {
    position: static;
  }

  .ssp-workspace-trust-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ssp-workspace-trust-strip article:nth-child(3n + 1) {
    border-left: 0;
  }

  .ssp-workspace-trust-strip article:nth-child(n + 4) {
    border-top: 1px solid var(--border-subtle);
  }

  .assessment-package-readiness-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .assessment-package-layout,
  .assessment-package-secondary-grid {
    grid-template-columns: 1fr;
  }

  .assessment-package-rail {
    position: static;
  }

  .assessment-package-trust-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .assessment-package-trust-strip article:nth-child(3n + 1) {
    border-left: 0;
  }

  .assessment-package-trust-strip article:nth-child(n + 4) {
    border-top: 1px solid var(--border-subtle);
  }
}

@media (max-width: 820px) {
  .vucoris-main-content {
    padding: 22px 18px 28px;
  }

  .vucoris-readiness-strip {
    top: 60px;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 16px;
  }

  .readiness-strip-heading,
  .readiness-strip-metrics,
  .readiness-strip-action {
    width: 100%;
  }

  .readiness-strip-metric {
    flex: 1 1 146px;
  }

  .readiness-strip-action {
    justify-content: center;
  }

  .page-hero {
    padding: 14px;
  }

  .page-hero-status-grid {
    grid-template-columns: 1fr;
  }

  .page-hero-status-card {
    min-height: 84px;
  }

  .ssp-workspace-overview-list,
  .ssp-workspace-coverage-stats,
  .ssp-workspace-trust-strip {
    grid-template-columns: 1fr;
  }

  .ssp-workspace-trust-strip article,
  .ssp-workspace-trust-strip article:nth-child(n) {
    border-top: 1px solid var(--border-subtle);
    border-left: 0;
  }

  .ssp-workspace-trust-strip article:first-child {
    border-top: 0;
  }

  .assessment-package-readiness-body,
  .assessment-package-readiness-metrics,
  .assessment-package-action-heading,
  .assessment-package-requirement,
  .assessment-package-trust-strip {
    grid-template-columns: 1fr;
  }

  .assessment-package-snapshot-actions {
    justify-content: flex-start;
  }

  .assessment-package-requirement {
    align-items: start;
  }

  .assessment-package-trust-strip article,
  .assessment-package-trust-strip article:nth-child(n) {
    border-top: 1px solid var(--border-subtle);
    border-left: 0;
  }

  .assessment-package-trust-strip article:first-child {
    border-top: 0;
  }

  .controls-page-header,
  .readiness-page-header,
  .poam-ops-page-header,
  .shell-placeholder,
  .evidence-home-header {
    padding: 14px;
  }
}

@media (max-width: 1180px) {
  .domain-header,
  .domain-prepared-grid,
  .domain-vu-strip {
    grid-template-columns: 1fr;
  }

  .domain-vu-strip > p {
    text-align: left;
  }

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

@media (max-width: 720px) {
  .domain-header {
    padding: 14px;
  }

  .domain-header h1 {
    font-size: 1.34rem;
  }

  .domain-tile-grid {
    grid-template-columns: 1fr;
  }

  .domain-tile {
    min-height: 104px;
  }
}

@media (max-width: 1180px) {
  .operational-tasks-header,
  .operational-tasks-recommendation-heading {
    grid-template-columns: 1fr;
  }

  .operational-task-summary,
  .operational-tasks-recommendation-heading button {
    width: 100%;
  }

  .operational-task-suggestion-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .operational-tasks-workspace {
    padding: 14px;
  }

  .operational-task-summary,
  .operational-task-suggestion-grid {
    grid-template-columns: 1fr;
  }

  .operational-task-summary {
    min-width: 0;
  }

  .operational-task-summary span {
    border-top: 1px solid var(--border-subtle);
    border-left: 0;
  }

  .operational-task-summary span:first-child {
    border-top: 0;
  }

  .vucoris-seal-demo-grid,
  .vucoris-seal-demo-size-grid,
  .vucoris-seal-demo-surface > div {
    grid-template-columns: 1fr;
  }
}

/* UX hierarchy pass: navigation, Operations hierarchy, and workspace surfaces. */

:root {
  --neutral-800: #334155;
  --neutral-400: #94a3b8;
  --color-silver-blue: #67809f;
  --status-ready: #2e7d32;
  --status-ready-medium: #4fa463;
  --status-review: #d4a72c;
  --status-review-medium: #d4a72c;
  --status-risk: #c0392b;
  --status-risk-medium: #e57373;
  --surface-page: #f6f8fa;
  --surface-workspace: #e9eef4;
  --surface-inset: #edf2f7;
  --border-subtle: #d0d7e2;
  --border-strong: #b0b8c4;
}

.vucoris-sidebar {
  width: 272px;
  padding: 16px 12px;
}

.vucoris-shell-body {
  margin-left: 272px;
}

.vucoris-sidebar-nav {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  padding: 14px 0;
  overflow-y: auto;
  flex-direction: column;
  gap: 3px;
}

.sidebar-nav-group {
  display: grid;
  gap: 3px;
}

.sidebar-nav-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  gap: 2px;
  min-height: 38px;
  padding: 0;
}

.sidebar-nav-main-button,
.sidebar-nav-chevron,
.sidebar-nav-subitem {
  color: inherit;
  font: inherit;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.sidebar-nav-main-button {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  min-height: 38px;
  padding: 7px 0 7px 10px;
  text-align: left;
}

.sidebar-nav-chevron {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 32px;
  margin: 3px 3px 3px 0;
  color: rgba(230, 233, 238, 0.7);
  border: 1px solid transparent;
  border-radius: 6px;
}

.sidebar-nav-chevron:hover,
.sidebar-nav-chevron:focus-visible {
  color: #ffffff;
  background: rgba(103, 128, 159, 0.18);
  border-color: rgba(103, 128, 159, 0.32);
  outline: none;
}

.sidebar-nav-chevron svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 160ms ease;
}

.sidebar-nav-chevron-open svg {
  transform: rotate(90deg);
}

.sidebar-nav-submenu {
  display: grid;
  gap: 2px;
  padding: 1px 0 5px 34px;
}

.sidebar-nav-subitem {
  display: block;
  min-height: 28px;
  padding: 6px 8px 6px 10px;
  color: rgba(230, 233, 238, 0.72);
  font-size: 0.74rem;
  font-weight: 620;
  line-height: 1.22;
  text-align: left;
  border-left: 2px solid rgba(103, 128, 159, 0.18);
  border-radius: 0 6px 6px 0;
}

.sidebar-nav-subitem:hover,
.sidebar-nav-subitem:focus-visible {
  color: #ffffff;
  background: rgba(31, 45, 61, 0.6);
  outline: none;
}

.sidebar-nav-subitem-active {
  color: #ffffff;
  background: rgba(103, 128, 159, 0.22);
  border-left-color: #9eb4cc;
  box-shadow: inset 0 0 0 1px rgba(103, 128, 159, 0.18);
}

.vucoris-main-content {
  background:
    linear-gradient(180deg, rgba(233, 238, 244, 0.9) 0%, rgba(246, 248, 250, 0) 260px),
    var(--surface-page);
}

.domain-header h1,
.operations-page-title h1 {
  font-size: clamp(2rem, 3.2vw, 2.5rem);
  font-weight: 700;
  line-height: 1.08;
}

.domain-workspace-heading h2,
.operations-section-heading h2,
.operations-vu-heading h2 {
  font-size: clamp(1.38rem, 2.1vw, 1.75rem);
  font-weight: 700;
  line-height: 1.18;
}

.domain-tile-title,
.operations-attention-card h3,
.operational-task-suggestion strong {
  font-size: 1rem;
  font-weight: 600;
}

.domain-workspace-area,
.domain-tile-band,
.operations-attention-section,
.operations-vu-guidance-section,
.operations-work-section,
.operations-subarea-section,
.operations-secondary-details {
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(233, 238, 244, 0.92)),
    var(--surface-workspace);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.055);
}

.operations-hierarchy-page {
  gap: 20px;
}

.operations-page-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.34fr);
  gap: 18px;
  align-items: stretch;
  padding: 22px;
  background: #ffffff;
  border: 1px solid var(--border-subtle);
  border-left: 5px solid var(--color-silver-blue);
  border-radius: 8px;
  box-shadow: var(--shadow-panel-soft);
}

.operations-page-title {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}

.operations-page-title h1,
.operations-page-title p,
.operations-primary-action-card h2,
.operations-primary-action-card p,
.operations-section-heading h2,
.operations-section-heading p,
.operations-vu-heading h2 {
  margin: 0;
}

.operations-page-title p:last-child,
.operations-section-heading p,
.operations-vu-list li {
  color: var(--neutral-600);
  font-size: 0.96rem;
  font-weight: 500;
  line-height: 1.55;
}

.operations-primary-action-card {
  display: grid;
  gap: 10px;
  align-content: center;
  min-width: 0;
  padding: 16px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.26), rgba(51, 65, 85, 0.1)),
    #334155;
  border: 1px solid rgba(103, 128, 159, 0.44);
  border-radius: 8px;
}

.operations-primary-action-card .domain-eyebrow {
  color: rgba(237, 242, 247, 0.74);
}

.operations-primary-action-card h2 {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
}

.operations-primary-action-card p:not(.domain-eyebrow) {
  color: rgba(237, 242, 247, 0.82);
  font-size: 0.88rem;
  line-height: 1.45;
}

.operations-primary-action-card button,
.operations-attention-card button,
.operational-tasks-recommendation-heading button,
.operational-task-suggestion button,
.document-blueprint-card button {
  min-height: 38px;
  color: #1f2d3d;
  font-weight: 800;
  background: #d4a72c;
  border-color: #d4a72c;
  border-radius: 7px;
}

.operations-primary-action-card button:hover,
.operations-primary-action-card button:focus-visible,
.operations-attention-card button:hover,
.operations-attention-card button:focus-visible,
.operational-tasks-recommendation-heading button:hover,
.operational-tasks-recommendation-heading button:focus-visible,
.operational-task-suggestion button:hover,
.operational-task-suggestion button:focus-visible,
.document-blueprint-card button:hover,
.document-blueprint-card button:focus-visible {
  color: #0d1b2a;
  background: #e0bb4a;
  border-color: #c5961f;
  outline: none;
}

.operations-section-heading {
  display: grid;
  gap: 6px;
  max-width: 820px;
  margin-bottom: 14px;
}

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

.operations-attention-card {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  min-height: 176px;
  padding: 15px;
  background: #ffffff;
  border: 1px solid var(--border-subtle);
  border-left: 5px solid var(--color-silver-blue);
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.05);
}

.operations-attention-card-risk {
  background: linear-gradient(180deg, #fffafa, #ffffff);
  border-left-color: #c0392b;
}

.operations-attention-card-review {
  border-left-color: #d4a72c;
}

.operations-attention-card-ready {
  border-left-color: #2e7d32;
}

.operations-attention-card h3 {
  margin: 0;
  color: var(--neutral-950);
  line-height: 1.25;
}

.operations-attention-card p {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.45;
}

.operations-attention-card button {
  justify-self: start;
  margin-top: auto;
  padding: 0 12px;
}

.operations-vu-guidance-section {
  display: grid;
  grid-template-columns: minmax(280px, 0.34fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.18), rgba(255, 255, 255, 0.32)),
    var(--surface-workspace);
}

.operations-vu-heading {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.operations-vu-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: var(--color-deep-navy);
  background: #ffffff;
  border: 1px solid rgba(103, 128, 159, 0.34);
  border-radius: 8px;
}

.operations-vu-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operations-vu-list li {
  padding: 11px 12px;
  background: #ffffff;
  border: 1px solid var(--border-subtle);
  border-left: 4px solid var(--color-silver-blue);
  border-radius: 7px;
}

.operations-work-section .operational-tasks-workspace {
  margin-top: 14px;
}

.operations-domain-tile-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operations-secondary-details {
  display: grid;
  gap: 14px;
}

.operational-tasks-workspace {
  background: #ffffff;
  border-color: var(--border-subtle);
}

.operational-tasks-header h3 {
  font-size: 1.18rem;
  font-weight: 700;
}

.operational-tasks-recommendations {
  background:
    linear-gradient(180deg, rgba(233, 238, 244, 0.92), rgba(255, 255, 255, 0.78)),
    var(--surface-workspace);
  border-color: var(--border-subtle);
}

.operational-tasks-recommendation-heading h4 {
  font-size: 1.08rem;
  font-weight: 700;
}

.operational-task-table-wrap {
  margin-top: 4px;
}

.document-blueprints-panel {
  background:
    linear-gradient(180deg, rgba(233, 238, 244, 0.9), rgba(255, 255, 255, 0.78)),
    var(--surface-workspace);
  border-color: var(--border-subtle);
  border-left-color: #d4a72c;
}

.document-blueprints-heading h2 {
  font-size: clamp(1.38rem, 2vw, 1.65rem);
}

.document-blueprints-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.document-blueprint-card {
  min-height: 196px;
}

.document-blueprint-card button {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  white-space: normal;
}

@media (max-width: 1180px) {
  .operations-page-header,
  .operations-vu-guidance-section {
    grid-template-columns: 1fr;
  }

  .operations-attention-grid,
  .operations-domain-tile-grid,
  .document-blueprints-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .vucoris-sidebar {
    width: 76px;
  }

  .vucoris-shell-body {
    margin-left: 76px;
  }

  .sidebar-nav-item {
    grid-template-columns: 1fr;
  }

  .sidebar-nav-main-button {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0;
  }

  .sidebar-nav-chevron,
  .sidebar-nav-submenu {
    display: none;
  }
}

@media (max-width: 720px) {
  .operations-page-header,
  .operations-attention-section,
  .operations-vu-guidance-section,
  .operations-work-section,
  .operations-subarea-section,
  .operations-secondary-details,
  .domain-workspace-area,
  .domain-tile-band {
    padding: 14px;
  }

  .operations-attention-grid,
  .operations-domain-tile-grid,
  .document-blueprints-grid {
    grid-template-columns: 1fr;
  }
}

/* Visual hierarchy pass: standard domain hero, typography scale, and button restraint. */

body {
  color: #0d1b2a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  background: #f6f8fa;
}

.domain-page,
.evidence-page,
.readiness-home,
.assets-page,
.controls-page,
.poam-ops-page,
.assessment-package-page {
  max-width: 1480px;
}

.domain-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 0.34fr);
  gap: 20px;
  align-items: stretch;
  min-width: 0;
  padding: 24px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.22), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.44);
  border-left: 5px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.12);
}

.domain-hero-copy {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}

.domain-hero .domain-eyebrow {
  color: rgba(230, 233, 238, 0.76);
}

.domain-hero h1 {
  margin: 0;
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.domain-hero-copy > p:last-child {
  max-width: 760px;
  margin: 0;
  color: rgba(237, 242, 247, 0.84);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.domain-hero-action-panel {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
  padding: 16px;
  color: #334155;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(233, 238, 244, 0.96)),
    #ffffff;
  border: 1px solid rgba(176, 184, 196, 0.82);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.domain-hero-action-panel .domain-eyebrow {
  color: #67809f;
}

.domain-hero-action-panel h2,
.domain-hero-action-panel p {
  margin: 0;
}

.domain-hero-action-panel h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.domain-hero-action-panel p:not(.domain-eyebrow) {
  color: #475569;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.domain-hero-action-button {
  justify-self: start;
  min-height: 38px;
  padding: 0 14px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  background: #0d1b2a;
  border: 1px solid #0d1b2a;
  border-radius: 7px;
  cursor: pointer;
}

.domain-hero-action-button:hover,
.domain-hero-action-button:focus-visible {
  background: #334155;
  border-color: #334155;
  outline: 3px solid rgba(103, 128, 159, 0.28);
  outline-offset: 2px;
}

.domain-hero-action-critical {
  color: #0d1b2a;
  background: #d4a72c;
  border-color: #d4a72c;
}

.domain-hero-action-critical:hover,
.domain-hero-action-critical:focus-visible,
.document-blueprint-card button:hover,
.document-blueprint-card button:focus-visible {
  color: #0d1b2a;
  background: #e0bb4a;
  border-color: #c5961f;
}

h1,
.shell-placeholder h1,
.evidence-page-header h1,
.readiness-page-header h1,
.evidence-home-title h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

h2,
.domain-section-heading h2,
.operations-section-heading h2,
.domain-workspace-heading h2,
.evidence-card-heading h2,
.document-blueprints-heading h2,
.document-intel-heading h2,
.readiness-panel-header h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

h3,
.domain-prepared-panel h3,
.operational-tasks-header h3,
.document-intel-subheading h3,
.assets-detail-title-row h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.domain-tile-title,
.domain-attention-card h3,
.operations-attention-card h3,
.operational-task-suggestion strong,
.document-blueprint-card h3,
.assets-module-item-button span {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

p,
li,
td,
.domain-tile-description,
.domain-prepared-panel p,
.operational-tasks-header p,
.operational-task-suggestion p,
.document-blueprint-card p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.top-bar-title-group h2,
.sidebar-nav-subitem,
.domain-workspace-heading p:last-child,
.operational-task-title-cell span,
.document-intel-row-meta,
.readiness-strip-metric dt,
.readiness-strip-metric dd {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.domain-eyebrow,
.top-bar-breadcrumb,
.evidence-panel-label,
.readiness-eyebrow,
.readiness-panel-label,
.controls-eyebrow,
.controls-panel-label,
.poam-ops-eyebrow,
.poam-ops-section-label,
.assets-panel-label,
.assets-create-form label span,
.operational-task-summary span,
.operational-task-table th,
.document-intel-action-grid label span,
.document-intel-comparison-review label span,
.assessment-package-table th {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.domain-attention-section,
.domain-guidance-section,
.domain-tile-band,
.domain-workspace-area,
.operations-attention-section,
.operations-vu-guidance-section,
.operations-work-section,
.operations-subarea-section,
.operations-secondary-details {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(233, 238, 244, 0.94)),
    #e9eef4;
  border-color: #d0d7e2;
}

.domain-section-heading {
  display: grid;
  gap: 6px;
  max-width: 820px;
  margin-bottom: 14px;
}

.domain-section-heading h2,
.domain-section-heading p,
.domain-guidance-heading h2 {
  margin: 0;
}

.domain-section-heading p:last-child {
  color: #475569;
}

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

.domain-attention-card {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  min-height: 166px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.045);
}

.domain-attention-card-risk {
  background: linear-gradient(180deg, #fffafa, #ffffff);
  border-left-color: #c0392b;
}

.domain-attention-card-review {
  border-left-color: #d4a72c;
}

.domain-attention-card-ready {
  border-left-color: #2e7d32;
}

.domain-attention-card h3,
.domain-attention-card p {
  margin: 0;
}

.domain-attention-card p {
  color: #475569;
}

.domain-attention-card button,
.operations-attention-card button,
.operational-tasks-recommendation-heading button,
.operational-task-suggestion button,
.domain-vu-actions button,
.operational-task-actions button {
  min-height: 34px;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
  cursor: pointer;
}

.domain-attention-card button:hover,
.domain-attention-card button:focus-visible,
.operations-attention-card button:hover,
.operations-attention-card button:focus-visible,
.operational-tasks-recommendation-heading button:hover,
.operational-tasks-recommendation-heading button:focus-visible,
.operational-task-suggestion button:hover,
.operational-task-suggestion button:focus-visible,
.domain-vu-actions button:hover,
.domain-vu-actions button:focus-visible,
.operational-task-actions button:hover,
.operational-task-actions button:focus-visible {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
  outline: none;
}

.domain-guidance-section {
  display: grid;
  grid-template-columns: minmax(280px, 0.34fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.domain-guidance-heading {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.domain-guidance-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid rgba(103, 128, 159, 0.34);
  border-radius: 8px;
}

.domain-guidance-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.domain-guidance-list li {
  padding: 11px 12px;
  color: #475569;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 4px solid #67809f;
  border-radius: 7px;
}

.domain-vu-strip,
.operational-tasks-workspace,
.domain-prepared-panel,
.document-blueprint-card,
.document-intel-panel,
.evidence-upload-card,
.evidence-rail-card,
.evidence-collections-panel,
.assets-module-section,
.assets-advanced-panel,
.assets-detail-panel,
.assets-table-panel {
  background: #ffffff;
  border-color: #d0d7e2;
}

.domain-vu-strip {
  border-left-color: #67809f;
}

.domain-vu-actions .domain-vu-action-active {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
}

.document-blueprint-card button {
  color: #0d1b2a;
  background: #d4a72c;
  border-color: #d4a72c;
}

.readiness-strip-action {
  color: #ffffff;
  background: #0d1b2a;
  border-color: #0d1b2a;
}

.operational-task-filter-row .operational-task-filter-active {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
}

.framework-library-page {
  display: grid;
  gap: 20px;
  max-width: 1480px;
  margin: 0 auto;
}

.framework-library-surface {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(233, 238, 244, 0.94)),
    #e9eef4;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.055);
}

.framework-library-label {
  margin: 0;
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.framework-section-heading,
.framework-browser-heading {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.framework-browser-heading {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.46fr);
  gap: 14px;
  align-items: end;
}

.framework-section-heading h2,
.framework-section-heading p,
.framework-browser-heading h2,
.framework-browser-heading p {
  margin: 0;
}

.framework-section-heading h2,
.framework-browser-heading h2 {
  color: #0d1b2a;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.framework-section-heading p:last-child {
  max-width: 820px;
  color: #475569;
}

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

.framework-overview-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.framework-attention-card,
.framework-overview-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.045);
}

.framework-attention-card-risk {
  background: linear-gradient(180deg, #fffafa, #ffffff);
  border-left-color: #c0392b;
}

.framework-attention-card-review {
  border-left-color: #d4a72c;
}

.framework-attention-card-neutral {
  border-left-color: #94a3b8;
}

.framework-attention-card h3,
.framework-overview-card h3,
.framework-control-drawer h3 {
  margin: 0;
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.framework-attention-card p,
.framework-overview-card p {
  margin: 0;
  color: #475569;
}

.framework-attention-card button,
.framework-browser-tools button,
.framework-control-drawer-head button {
  min-height: 34px;
  padding: 0 12px;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 700;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
  cursor: pointer;
}

.framework-attention-card button:hover,
.framework-browser-tools button:hover,
.framework-control-drawer-head button:hover,
.framework-filter-active {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
}

.framework-overview-card {
  grid-column: span 2;
  align-content: start;
}

.framework-overview-card-future {
  opacity: 0.86;
  border-left-color: #b0b8c4;
}

.framework-overview-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.framework-overview-card dl div {
  display: grid;
  grid-template-columns: minmax(0, 0.45fr) minmax(0, 1fr);
  gap: 8px;
}

.framework-overview-card dt {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.framework-overview-card dd {
  margin: 0;
  color: #334155;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.framework-overview-card > span {
  justify-self: start;
  padding: 4px 8px;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.framework-browser-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: end;
}

.framework-browser-tools label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.framework-browser-tools label span {
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.framework-browser-tools input {
  min-height: 38px;
  min-width: 0;
  padding: 0 12px;
  color: #0d1b2a;
  font: inherit;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
}

.framework-control-list {
  display: grid;
  gap: 8px;
}

.framework-control-row {
  display: grid;
  grid-template-columns: 112px minmax(220px, 1.25fr) minmax(150px, 0.6fr) minmax(180px, 0.8fr) max-content;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  color: inherit;
  text-align: left;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  cursor: pointer;
}

.framework-control-row:hover,
.framework-control-row:focus-visible {
  background: #f8fafc;
  border-color: #94a3b8;
  outline: none;
}

.framework-control-id,
.document-control-suggestion-id {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 16px;
}

.framework-control-title {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.framework-control-title strong,
.document-control-suggestion-card strong,
.framework-linked-list strong {
  color: #0d1b2a;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.framework-control-title small,
.framework-control-row > span:not(.framework-control-title):not(.framework-control-id),
.framework-linked-list span {
  color: #475569;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.framework-control-drawer {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: grid;
  justify-items: end;
  background: rgba(13, 27, 42, 0.28);
}

.framework-control-drawer-panel {
  display: grid;
  align-content: start;
  gap: 14px;
  width: min(720px, 100%);
  height: 100%;
  padding: 20px;
  overflow-y: auto;
  background: #f6f8fa;
  border-left: 1px solid #b0b8c4;
  box-shadow: -18px 0 34px rgba(13, 27, 42, 0.18);
}

.framework-control-drawer-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
}

.framework-control-drawer-head h2 {
  margin: 4px 0 0;
  color: #0d1b2a;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.framework-control-drawer-status,
.framework-control-detail-section,
.framework-vu-guidance-block {
  display: grid;
  gap: 9px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.framework-control-drawer-status {
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
}

.framework-control-drawer-status p,
.framework-control-detail-section p,
.framework-vu-guidance-block p,
.framework-vu-guidance-block ul,
.framework-detail-list,
.framework-linked-list {
  margin: 0;
}

.framework-control-detail-section p,
.framework-vu-guidance-block li,
.framework-detail-list li {
  color: #475569;
}

.framework-vu-guidance-block {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(233, 238, 244, 0.76)),
    #ffffff;
  border-left: 5px solid #67809f;
}

.framework-vu-guidance-block ul,
.framework-detail-list,
.framework-linked-list {
  display: grid;
  gap: 8px;
  padding: 0;
  list-style: none;
}

.framework-vu-guidance-block li,
.framework-detail-list li,
.framework-linked-list li {
  padding: 9px 10px;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.framework-detail-card-list {
  display: grid;
  gap: 8px;
}

.framework-detail-card-list article {
  display: grid;
  gap: 5px;
  padding: 10px;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.framework-detail-card-list strong {
  color: #0d1b2a;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.framework-detail-card-list span {
  color: #67809f;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.framework-control-chip-grid,
.framework-control-linked-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.framework-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.framework-chip-list span {
  padding: 5px 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.document-control-suggestions {
  display: grid;
  gap: 10px;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(233, 238, 244, 0.78)),
    #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
}

.document-control-suggestion-list {
  display: grid;
  gap: 8px;
}

.document-control-suggestion-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.34fr);
  gap: 12px;
  padding: 11px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.document-control-suggestion-card > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.document-control-suggestion-card p,
.document-control-suggestion-empty {
  margin: 0;
  color: #475569;
}

.document-control-suggestion-card dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.document-control-suggestion-card dl div {
  display: grid;
  grid-template-columns: minmax(0, 0.45fr) minmax(0, 1fr);
  gap: 8px;
}

.document-control-suggestion-card dt {
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.document-control-suggestion-card dd {
  margin: 0;
  color: #334155;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.evidence-status-page {
  display: grid;
  gap: 20px;
  max-width: 1480px;
  margin: 0 auto;
}

.evidence-status-surface {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(233, 238, 244, 0.94)),
    #e9eef4;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.055);
}

.evidence-status-label {
  margin: 0;
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.evidence-status-heading,
.evidence-status-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
}

.evidence-status-heading h2,
.evidence-status-card h3,
.evidence-status-attention h3,
.missing-evidence-card h3,
.evidence-blueprint-card h3 {
  margin: 0;
  color: #0d1b2a;
}

.evidence-status-heading h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.evidence-status-heading > span {
  padding: 5px 8px;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.evidence-status-attention-grid,
.evidence-card-grid,
.missing-evidence-list,
.evidence-blueprint-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.evidence-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.evidence-status-attention,
.evidence-status-card,
.missing-evidence-card,
.evidence-blueprint-card {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.045);
}

.evidence-status-risk,
.evidence-status-card-risk {
  border-left-color: #c0392b;
}

.evidence-status-review,
.evidence-status-card-review {
  border-left-color: #d4a72c;
}

.evidence-status-ready,
.evidence-status-card-ready {
  border-left-color: #2e7d32;
}

.evidence-status-attention h3,
.missing-evidence-card h3,
.evidence-blueprint-card h3,
.evidence-status-card h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.evidence-status-attention p,
.missing-evidence-card p,
.evidence-blueprint-card p {
  margin: 0;
  color: #475569;
}

.evidence-status-meta {
  display: grid;
  gap: 7px;
  margin: 0;
}

.evidence-status-meta div {
  display: grid;
  grid-template-columns: minmax(0, 0.45fr) minmax(0, 1fr);
  gap: 8px;
}

.evidence-status-meta dt,
.evidence-status-control-id {
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.evidence-status-meta dd {
  margin: 0;
  color: #334155;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.evidence-status-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.evidence-status-chip-list span,
.evidence-blueprint-card > span {
  padding: 5px 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.workflow-page {
  display: grid;
  gap: 20px;
  max-width: 1480px;
  margin: 0 auto;
}

.workflow-page-production {
  gap: 14px;
}

.workflow-readiness-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 10px;
}

.workflow-summary-metric {
  --workflow-accent: var(--neutral-300);
  display: grid;
  gap: 5px;
  min-width: 0;
  min-height: 86px;
  padding: 13px;
  background: #ffffff;
  border: 1px solid var(--neutral-200);
  border-top: 4px solid var(--workflow-accent);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.055);
}

.workflow-summary-metric span {
  color: var(--neutral-600);
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
  text-transform: uppercase;
}

.workflow-summary-metric strong {
  color: var(--neutral-950);
  font-size: 30px;
  font-weight: 900;
  line-height: 34px;
}

.workflow-attention-grid-compact {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.workflow-domain-status-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 10px;
}

.workflow-domain-status-grid article {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 78px;
  padding: 11px;
  background: var(--neutral-50);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
}

.workflow-domain-status-grid span,
.workflow-domain-status-grid small {
  color: var(--neutral-600);
  font-size: 11px;
  font-weight: 760;
  line-height: 15px;
}

.workflow-domain-status-grid span {
  font-weight: 840;
  text-transform: uppercase;
}

.workflow-domain-status-grid strong {
  color: var(--neutral-950);
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
}

.workflow-card-list-compact {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.workflow-deep-links {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.12), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #111827 0%, #1a2029 52%, #0d1118 100%);
  border: 1px solid rgba(212, 167, 44, 0.32);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
}

.workflow-deep-links h2,
.workflow-deep-links p {
  margin: 0;
}

.workflow-deep-links h2 {
  color: #fffaf0;
  font-size: 16px;
  font-weight: 850;
  line-height: 21px;
}

.workflow-deep-links a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  color: #211805;
  background:
    linear-gradient(180deg, #fff8e7, #d4a72c),
    #f5c44c;
  border: 1px solid rgba(255, 244, 219, 0.72);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}

.workflow-surface,
.workflow-vault-section {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(233, 238, 244, 0.94)),
    #e9eef4;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.055);
}

.workflow-vault-section {
  gap: 18px;
}

.workflow-label {
  margin: 0;
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.workflow-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
  min-width: 0;
}

.workflow-section-heading h2 {
  margin: 4px 0 0;
  color: #0d1b2a;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.workflow-section-heading > span {
  padding: 5px 8px;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.workflow-attention-grid,
.workflow-blueprint-grid,
.workflow-approved-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.workflow-card-list {
  display: grid;
  gap: 10px;
}

.workflow-attention-card,
.workflow-blueprint-card,
.workflow-work-card,
.workflow-detail-block,
.workflow-vu-detail-block {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.045);
}

.workflow-card-risk {
  --workflow-accent: #c0392b;
  background: linear-gradient(180deg, #fffafa, #ffffff);
  border-left-color: #c0392b;
}

.workflow-card-review {
  --workflow-accent: #d4a72c;
  border-left-color: #d4a72c;
}

.workflow-card-ready {
  --workflow-accent: #2e7d32;
  border-left-color: #2e7d32;
}

.workflow-attention-card h3,
.workflow-blueprint-card h3,
.workflow-work-card h3 {
  margin: 0;
  color: #0d1b2a;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.workflow-attention-card p,
.workflow-blueprint-card p,
.workflow-work-card p,
.workflow-detail-block p,
.workflow-vu-detail-block ul {
  margin: 0;
  color: #475569;
}

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

.workflow-card-head > span {
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.workflow-meta-list {
  display: grid;
  gap: 8px;
  margin: 0;
}

.workflow-meta-list div {
  display: grid;
  grid-template-columns: minmax(0, 0.36fr) minmax(0, 1fr);
  gap: 8px;
}

.workflow-meta-list dt {
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.workflow-meta-list dd {
  min-width: 0;
  margin: 0;
  color: #334155;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow-wrap: anywhere;
}

.workflow-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.workflow-chip-list span {
  padding: 5px 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

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

.workflow-button-primary,
.workflow-button-secondary,
.workflow-button-critical,
.workflow-attention-card button {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  border-radius: 7px;
  cursor: pointer;
}

.workflow-button-primary {
  color: #ffffff;
  background: #0d1b2a;
  border: 1px solid #0d1b2a;
}

.workflow-button-secondary,
.workflow-attention-card button {
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid #b0b8c4;
}

.workflow-button-critical {
  color: #0d1b2a;
  background: #d4a72c;
  border: 1px solid #d4a72c;
}

.workflow-button-primary:hover,
.workflow-button-secondary:hover,
.workflow-attention-card button:hover,
.workflow-button-primary:focus-visible,
.workflow-button-secondary:focus-visible,
.workflow-attention-card button:focus-visible {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
  outline: none;
}

.workflow-button-critical:hover,
.workflow-button-critical:focus-visible {
  background: #c7981f;
  border-color: #c7981f;
  outline: none;
}

.workflow-button-critical:disabled,
.workflow-button-secondary:disabled,
.workflow-button-primary:disabled {
  cursor: wait;
  opacity: 0.62;
}

.workflow-tab-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.workflow-tab-strip span {
  padding: 6px 9px;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.workflow-tab-strip .workflow-tab-active {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
}

.workflow-work-card {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: start;
}

.workflow-work-card h3,
.workflow-work-card p,
.workflow-work-card .workflow-card-head,
.workflow-work-card .workflow-meta-list {
  grid-column: 1;
}

.workflow-work-actions {
  display: grid;
  gap: 8px;
  grid-row: 1 / span 4;
  grid-column: 2;
  align-self: center;
}

.workflow-work-card-compact {
  grid-template-columns: minmax(0, 1fr);
}

.workflow-work-card-compact .workflow-work-actions,
.workflow-work-card-compact h3,
.workflow-work-card-compact p,
.workflow-work-card-compact .workflow-card-head,
.workflow-work-card-compact .workflow-meta-list {
  grid-column: auto;
  grid-row: auto;
}

.workflow-vu-guidance {
  display: grid;
  gap: 10px;
  padding: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.44), rgba(233, 238, 244, 0.92)),
    #e9eef4;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
}

.workflow-vu-guidance h2 {
  margin: 0;
  color: #0d1b2a;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.workflow-vu-guidance ul,
.workflow-vu-detail-block ul {
  display: grid;
  gap: 8px;
  padding-left: 18px;
}

.workflow-vu-guidance li,
.workflow-vu-detail-block li {
  color: #475569;
}

.workflow-message {
  position: sticky;
  bottom: 16px;
  justify-self: end;
  max-width: 520px;
  margin: 0;
  padding: 10px 12px;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 700;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.14);
}

.workflow-drawer {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: grid;
  justify-items: end;
  background: rgba(13, 27, 42, 0.28);
}

.workflow-drawer-panel {
  display: grid;
  align-content: start;
  gap: 14px;
  width: min(720px, 100%);
  height: 100%;
  padding: 20px;
  overflow-y: auto;
  background: #f6f8fa;
  border-left: 1px solid #b0b8c4;
  box-shadow: -18px 0 34px rgba(13, 27, 42, 0.18);
}

.workflow-drawer-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
}

.workflow-drawer-head h2 {
  margin: 4px 0 0;
  color: #0d1b2a;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.workflow-drawer-head button {
  min-height: 34px;
  padding: 0 12px;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 700;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
  cursor: pointer;
}

.workflow-drawer-head button:hover,
.workflow-drawer-head button:focus-visible {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
  outline: none;
}

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

.vu-sidecar {
  position: sticky;
  top: 16px;
  display: grid;
  align-self: start;
  width: min(390px, 34vw);
  max-height: calc(100vh - 32px);
  min-width: 340px;
  overflow: hidden;
  color: #334155;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(233, 238, 244, 0.95)),
    #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #5d8f96;
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(13, 27, 42, 0.09);
}

.vu-sidecar-left {
  border-right: 5px solid #5d8f96;
  border-left: 1px solid #d0d7e2;
}

.vu-sidecar-collapsed {
  width: 52px;
  min-width: 52px;
  border-right-width: 1px;
}

.vu-sidecar-collapse {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  min-height: 42px;
  padding: 0 12px;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 800;
  line-height: 18px;
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid #d0d7e2;
  cursor: pointer;
}

.vu-sidecar-collapsed .vu-sidecar-collapse {
  display: grid;
  place-items: center;
  height: 100%;
  min-height: 240px;
  padding: 8px 0;
  writing-mode: vertical-rl;
}

.vu-sidecar-collapse:hover,
.vu-sidecar-collapse:focus-visible {
  color: #ffffff;
  background: #334155;
  outline: none;
}

.vu-sidecar-body {
  display: grid;
  gap: 12px;
  min-height: 0;
  padding: 14px;
  overflow-y: auto;
}

.vu-sidecar-header {
  display: grid;
  gap: 7px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d0d7e2;
}

.vu-sidecar-label {
  margin: 0;
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.vu-sidecar-header h2 {
  margin: 0;
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.vu-sidecar-header p:last-child,
.vu-sidecar-section p,
.vu-sidecar-reminder p:last-child,
.vu-sidecar-impact-list li {
  margin: 0;
  color: #475569;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.vu-sidecar-section,
.vu-sidecar-reminder {
  display: grid;
  gap: 9px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.vu-sidecar-reminder {
  border-left: 4px solid #d4a72c;
}

.vu-sidecar-attention-list,
.vu-sidecar-action-list,
.vu-sidecar-related-list,
.vu-sidecar-impact-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.vu-sidecar-attention-list article {
  display: grid;
  gap: 6px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-left: 4px solid #5d8f96;
  border-radius: 7px;
}

.vu-sidecar-attention-list strong {
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.vu-sidecar-empty {
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.vu-sidecar-action-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vu-sidecar-action-list button {
  min-height: 34px;
  padding: 0 10px;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 800;
  line-height: 18px;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
  cursor: pointer;
}

.vu-sidecar-action-list button:hover,
.vu-sidecar-action-list button:focus-visible {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
  outline: none;
}

.vu-sidecar-action-list .vu-sidecar-action-primary {
  background: #d4a72c;
  border-color: #d4a72c;
}

.vu-sidecar-related-list div {
  display: grid;
  gap: 3px;
  padding: 8px 0;
  border-top: 1px solid #d0d7e2;
}

.vu-sidecar-related-list div:first-child {
  padding-top: 0;
  border-top: 0;
}

.vu-sidecar-related-list span {
  color: #5d8f96;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.vu-sidecar-impact-list {
  padding-left: 18px;
}

.framework-control-drawer-panel,
.workflow-drawer-panel {
  width: min(1120px, 100%);
}

.framework-control-drawer-layout,
.workflow-drawer-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.framework-control-drawer-main,
.workflow-drawer-main,
.document-intel-detail-main {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.document-intel-detail-split {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.vu-workspace-page {
  display: grid;
  gap: 20px;
  max-width: 1480px;
  margin: 0 auto;
}

.vu-workspace-create-page {
  max-width: 1320px;
}

.vu-create-panel,
.vu-output-panel,
.vu-recent-work {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(233, 238, 244, 0.96)),
    #e9eef4;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.055);
}

.vu-create-panel {
  gap: 18px;
}

.vu-create-panel-copy {
  max-width: 780px;
}

.vu-create-panel-copy h2,
.vu-output-panel h2,
.vu-recent-work h2 {
  margin: 4px 0 0;
  color: #0d1b2a;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.vu-create-panel-copy p:not(.vu-workspace-label),
.vu-output-empty p,
.vu-create-actions p {
  margin: 8px 0 0;
  color: #475569;
  font-size: 15px;
  line-height: 24px;
}

.vu-trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vu-trust-strip span,
.vu-recent-work > .vu-workspace-heading > span {
  padding: 5px 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.vu-create-query-field textarea {
  min-height: 170px;
  font-size: 16px;
  line-height: 24px;
}

.vu-context-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
}

.vu-context-inline label {
  display: grid;
  gap: 6px;
  min-width: min(260px, 100%);
}

.vu-context-inline label span {
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.vu-context-inline select {
  min-height: 38px;
  padding: 0 10px;
  color: #0d1b2a;
  font: inherit;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
}

.vu-context-inline > span {
  min-height: 38px;
  padding: 9px 10px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.vu-create-actions,
.vu-output-actions,
.document-intel-detail-actions,
.framework-drawer-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
}

.document-intel-detail-actions,
.framework-drawer-action-row {
  justify-content: flex-end;
}

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

.vu-output-layout .vu-response-card:first-child,
.vu-output-layout .vu-response-card:last-child {
  grid-column: 1 / -1;
}

.vu-output-layout .vu-response-card:first-child {
  border-left-color: #334155;
}

.vu-output-layout .vu-response-card:last-child {
  border-left-color: #67809f;
}

.vu-output-empty {
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 18px;
  color: #334155;
  background: #ffffff;
  border: 1px dashed #94a3b8;
  border-radius: 8px;
}

.vu-output-empty strong {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.vu-recent-work-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.vu-recent-work-list article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
}

.vu-recent-work-list span {
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.vu-recent-work-list h3 {
  margin: 0;
  color: #0d1b2a;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.vu-recent-work-list p {
  margin: 0;
  color: #475569;
  font-size: 14px;
  line-height: 20px;
}

.vu-recent-work-list strong {
  justify-self: start;
  padding: 4px 8px;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  background: #edf2f7;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.vu-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 16px;
  align-items: start;
}

.vu-guidance-panel,
.vu-action-panel,
.vu-response-panel {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(233, 238, 244, 0.94)),
    #e9eef4;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.055);
}

.vu-response-panel {
  gap: 18px;
}

.vu-workspace-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.vu-workspace-label {
  margin: 0;
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.vu-workspace-heading h2,
.vu-action-panel h2 {
  margin: 4px 0 0;
  color: #0d1b2a;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.vu-assurance-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  max-width: 520px;
}

.vu-assurance-list span,
.vu-source-pill,
.vu-chip-list span {
  padding: 5px 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.vu-source-pill {
  background: #edf2f7;
}

.vu-source-tenant,
.vu-source-mixed {
  color: #0d1b2a;
  border-color: #94a3b8;
}

.vu-query-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vu-query-field > span {
  color: #67809f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}

.vu-query-field textarea {
  min-height: 138px;
  width: 100%;
  resize: vertical;
  padding: 13px;
  color: #0d1b2a;
  font: inherit;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 8px;
}

.vu-query-field textarea:focus-visible {
  border-color: #67809f;
  box-shadow: 0 0 0 3px rgba(103, 128, 159, 0.18);
  outline: none;
}

.vu-context-selector {
  display: grid;
  grid-template-columns: minmax(0, 0.58fr) minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
}

.vu-context-heading h3,
.vu-context-heading p {
  margin: 4px 0 0;
}

.vu-context-heading h3 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.vu-context-heading p,
.vu-guidance-actions p,
.vu-action-tile-grid span,
.vu-response-card p,
.vu-response-card li {
  color: #475569;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.vu-context-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vu-context-options label {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 38px;
  padding: 8px 10px;
  color: #334155;
  font-size: 14px;
  font-weight: 700;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  cursor: pointer;
}

.vu-context-options input {
  accent-color: #334155;
}

.vu-context-options .vu-context-option-active {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
}

.vu-example-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vu-example-prompts button,
.vu-action-tile-grid button,
.vu-button-secondary {
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid #b0b8c4;
}

.vu-example-prompts button,
.vu-button-critical,
.vu-button-secondary {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  border-radius: 7px;
  cursor: pointer;
}

.vu-example-prompts button:hover,
.vu-example-prompts button:focus-visible,
.vu-button-secondary:hover,
.vu-button-secondary:focus-visible {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
  outline: none;
}

.vu-open-workspace-button {
  min-height: 34px;
  padding: 0 11px;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
  cursor: pointer;
}

.vu-open-workspace-button:hover,
.vu-open-workspace-button:focus-visible {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
  outline: none;
}

.vu-guidance-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.vu-button-critical {
  color: #0d1b2a;
  background: #d4a72c;
  border: 1px solid #d4a72c;
}

.vu-button-critical:hover,
.vu-button-critical:focus-visible {
  background: #c7981f;
  border-color: #c7981f;
  outline: none;
}

.vu-button-critical:disabled {
  cursor: wait;
  opacity: 0.62;
}

.vu-button-secondary:disabled,
.vu-open-workspace-button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.vu-action-panel {
  align-content: start;
}

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

.vu-action-tile-grid button {
  display: grid;
  gap: 6px;
  min-height: 124px;
  padding: 14px;
  text-align: left;
  border-left: 5px solid #67809f;
  border-radius: 8px;
  cursor: pointer;
}

.vu-action-tile-grid button:hover,
.vu-action-tile-grid button:focus-visible {
  background: #f8fafc;
  border-color: #94a3b8;
  border-left-color: #d4a72c;
  outline: none;
}

.vu-action-tile-grid strong {
  color: #0d1b2a;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

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

.vu-response-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.045);
}

.vu-response-card ol,
.vu-response-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
}

.vu-response-card:last-child {
  grid-column: 1 / -1;
  border-left-color: #d4a72c;
}

.vu-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.vu-chip-list span {
  background: #edf2f7;
}

.vu-blueprint-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: start;
}

.vu-workspace-message {
  position: sticky;
  bottom: 16px;
  justify-self: end;
  max-width: 620px;
  margin: 0;
  padding: 10px 12px;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 700;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 5px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(13, 27, 42, 0.14);
}

@media (max-width: 1180px) {
  .domain-hero,
  .domain-guidance-section,
  .framework-browser-heading,
  .document-control-suggestion-card,
  .vu-workspace-grid,
  .vu-workspace-heading,
  .vu-context-selector {
    grid-template-columns: 1fr;
  }

  .domain-attention-grid,
  .framework-attention-grid,
  .framework-overview-grid,
  .framework-control-chip-grid,
  .framework-control-linked-grid,
  .evidence-status-attention-grid,
  .evidence-card-grid,
  .missing-evidence-list,
  .evidence-blueprint-list,
  .workflow-attention-grid,
  .workflow-blueprint-grid,
  .workflow-approved-grid,
  .workflow-detail-grid,
  .vu-output-layout,
  .vu-recent-work-list,
  .vu-response-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .framework-control-drawer-layout,
  .workflow-drawer-layout,
  .document-intel-detail-split {
    grid-template-columns: 1fr;
  }

  .vu-sidecar {
    position: relative;
    top: auto;
    width: 100%;
    max-height: none;
    min-width: 0;
  }

  .framework-control-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .domain-hero {
    padding: 16px;
  }

  .domain-hero h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .domain-attention-grid,
  .framework-attention-grid,
  .framework-overview-grid,
  .framework-control-chip-grid,
  .framework-control-linked-grid,
  .framework-browser-tools,
  .evidence-status-attention-grid,
  .evidence-card-grid,
  .missing-evidence-list,
  .evidence-blueprint-list,
  .evidence-status-heading,
  .evidence-status-card-head,
  .workflow-section-heading,
  .workflow-attention-grid,
  .workflow-blueprint-grid,
  .workflow-approved-grid,
  .workflow-detail-grid,
  .workflow-work-card,
  .vu-output-layout,
  .vu-recent-work-list {
    grid-template-columns: 1fr;
  }

  .vu-assurance-list {
    justify-content: flex-start;
  }

  .workflow-work-card .workflow-work-actions,
  .workflow-work-card h3,
  .workflow-work-card p,
  .workflow-work-card .workflow-card-head,
  .workflow-work-card .workflow-meta-list {
    grid-column: auto;
    grid-row: auto;
  }

  .framework-control-drawer-panel {
    padding: 16px;
  }

  .workflow-drawer-panel {
    padding: 16px;
  }

  .vu-context-options,
  .vu-action-tile-grid,
  .vu-response-layout,
  .vu-blueprint-row {
    grid-template-columns: 1fr;
  }

  .vu-sidecar-action-list {
    grid-template-columns: 1fr;
  }

  .document-intel-detail-actions,
  .framework-drawer-action-row {
    justify-content: flex-start;
  }
}

/* Operational workflow pass: compact checklist-first enterprise UX. */

.vucoris-main-content {
  padding: 18px 20px;
}

.vucoris-top-bar {
  min-height: 56px;
  padding: 0 18px;
}

.top-bar-actions {
  flex: 1;
  justify-content: flex-end;
  min-width: 0;
}

.top-bar-secure-search {
  display: grid;
  grid-template-columns: 20px minmax(220px, 520px) max-content;
  gap: 8px;
  align-items: center;
  min-width: min(620px, 52vw);
  min-height: 36px;
  padding: 0 8px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.top-bar-secure-search svg {
  width: 16px;
  height: 16px;
  color: #67809f;
}

.top-bar-secure-search input {
  width: 100%;
  min-width: 0;
  height: 32px;
  color: #0d1b2a;
  font: inherit;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
}

.top-bar-secure-search button {
  min-height: 28px;
  padding: 0 9px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  background: #334155;
  border: 1px solid #334155;
  border-radius: 6px;
  cursor: pointer;
}

.top-bar-vu-access,
.top-bar-vu-panel {
  display: none;
}

.vucoris-sidebar-seal .vucoris-seal-image {
  width: 30px;
  height: 30px;
  max-width: 30px;
  max-height: 30px;
}

.vucoris-vu-workspace-host {
  min-height: 100vh;
  color: #111827;
  background: #e8edf4;
}

.vu-workbench {
  display: grid;
  grid-template-rows: 40px minmax(0, 1fr);
  height: 100vh;
  min-height: 700px;
  overflow: hidden;
  color: #152033;
  background: #e8edf4;
}

.vu-workbench-topbar {
  display: grid;
  grid-template-columns: minmax(190px, 240px) minmax(260px, 1fr) auto auto minmax(120px, 180px);
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 40px;
  padding: 4px 8px;
  color: #dbe5ef;
  background: #0d1b2a;
  border-bottom: 1px solid rgba(194, 206, 219, 0.24);
}

.vu-workbench-titlebar {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.vu-workbench-titlebar strong,
.vu-workbench-titlebar span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-titlebar strong {
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 780;
}

.vu-workbench-titlebar span,
.vu-workbench-command span {
  color: #9fb1c6;
  font-size: 0.65rem;
  font-weight: 760;
  text-transform: uppercase;
}

.vu-workbench-command {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 0 8px;
  background: #102236;
  border: 1px solid rgba(103, 128, 159, 0.34);
  border-radius: 5px;
}

.vu-workbench-command input,
.vu-workbench-resource-search input,
.vu-workbench-prompt textarea {
  min-width: 0;
  color: inherit;
  background: transparent;
  border: 0;
  outline: 0;
}

.vu-workbench-command input {
  color: #edf2f7;
  font-size: 0.78rem;
}

.vu-workbench-command input::placeholder,
.vu-workbench-resource-search input::placeholder,
.vu-workbench-prompt textarea::placeholder {
  color: rgba(100, 116, 139, 0.72);
}

.vu-workbench-command input::placeholder {
  color: rgba(219, 229, 239, 0.58);
}

.vu-workbench-status-chips {
  display: flex;
  gap: 5px;
  align-items: center;
  min-width: 0;
  overflow: hidden;
}

.vu-workbench-chip {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  flex: 0 0 auto;
  min-height: 24px;
  padding: 0 7px;
  color: #dbe5ef;
  background: rgba(31, 45, 61, 0.76);
  border: 1px solid rgba(103, 128, 159, 0.3);
  border-left: 3px solid var(--vu-workbench-tone-color, #94a3b8);
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 720;
  white-space: nowrap;
}

.vu-workbench-chip strong {
  color: #ffffff;
  font-size: 0.7rem;
}

.vu-workbench-icon-button,
.vu-workbench-user,
.vu-workbench-file-actions button,
.vu-workbench-motion-row button,
.vu-workbench-approval-row button,
.vu-workbench-prompt button,
.vu-workbench-ledger header button,
.vu-workbench-feed-row button {
  min-height: 26px;
  padding: 0 8px;
  color: #152033;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 760;
  cursor: pointer;
}

.vu-workbench-icon-button,
.vu-workbench-user {
  color: #e8eef6;
  background: #102236;
  border-color: rgba(103, 128, 159, 0.34);
}

.vu-workbench-user {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-user span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  color: #0d1b2a;
  background: #daa72c;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 850;
}

.vu-workbench-body {
  display: grid;
  grid-template-columns: 48px minmax(230px, 280px) minmax(0, 1fr) minmax(310px, 360px);
  grid-template-rows: minmax(0, 1fr) 172px;
  min-height: 0;
}

.vu-workbench-rail {
  grid-row: 1 / 3;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 8px 5px;
  background: #081522;
  border-right: 1px solid rgba(15, 23, 42, 0.35);
}

.vu-workbench-rail-button {
  display: grid;
  place-items: center;
  gap: 3px;
  min-height: 48px;
  padding: 4px 2px;
  color: #b9c7d6;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
}

.vu-workbench-rail-button span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 24px;
  color: #dbe5ef;
  background: #102236;
  border: 1px solid rgba(103, 128, 159, 0.28);
  border-radius: 6px;
  font-size: 0.64rem;
  font-weight: 850;
}

.vu-workbench-rail-button strong {
  max-width: 42px;
  overflow: hidden;
  font-size: 0.58rem;
  font-weight: 760;
  line-height: 1.1;
  text-align: center;
  text-overflow: ellipsis;
}

.vu-workbench-rail-button-active {
  color: #ffffff;
  background: rgba(218, 167, 44, 0.1);
  border-color: rgba(218, 167, 44, 0.36);
}

.vu-workbench-rail-button-active span {
  color: #0d1b2a;
  background: #daa72c;
}

.vu-workbench-explorer,
.vu-workbench-vu-panel,
.vu-workbench-ledger {
  min-height: 0;
  background: #f8fafc;
}

.vu-workbench-explorer {
  display: grid;
  grid-template-rows: 34px 40px minmax(0, 1fr);
  border-right: 1px solid #cbd5e1;
}

.vu-workbench-pane-title {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 0 9px;
  color: #334155;
  background: #edf2f7;
  border-bottom: 1px solid #d7e0ea;
}

.vu-workbench-pane-title strong,
.vu-workbench-pane-title span {
  overflow: hidden;
  font-size: 0.72rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-pane-title span {
  color: #64748b;
  font-size: 0.66rem;
}

.vu-workbench-resource-search {
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 4px 8px;
  background: #f8fafc;
  border-bottom: 1px solid #d7e0ea;
}

.vu-workbench-resource-search span {
  color: #64748b;
  font-size: 0.58rem;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-workbench-resource-search input {
  min-height: 24px;
  padding: 0 7px;
  color: #152033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 0.72rem;
}

.vu-workbench-tree {
  min-height: 0;
  overflow: auto;
  padding: 5px 0 10px;
}

.vu-workbench-tree-group {
  border-bottom: 1px solid rgba(215, 224, 234, 0.65);
}

.vu-workbench-tree-group summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  color: #475569;
  font-size: 0.66rem;
  font-weight: 850;
  list-style: none;
  cursor: pointer;
}

.vu-workbench-tree-group summary::-webkit-details-marker {
  display: none;
}

.vu-workbench-tree-group summary span::before {
  content: "â–¾";
  margin-right: 5px;
  color: #64748b;
}

.vu-workbench-tree-group:not([open]) summary span::before {
  content: "â–¸";
}

.vu-workbench-tree-group summary em {
  color: #64748b;
  font-style: normal;
}

.vu-workbench-tree-items {
  display: grid;
  padding: 0 4px 5px;
}

.vu-workbench-tree-row {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) auto;
  grid-template-areas:
    "dot label status"
    "dot meta status";
  column-gap: 6px;
  align-items: center;
  min-height: 31px;
  padding: 2px 5px;
  color: #152033;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: left;
  cursor: pointer;
}

.vu-workbench-tree-row:hover,
.vu-workbench-tree-row:focus-visible,
.vu-workbench-tab:hover,
.vu-workbench-tab:focus-visible,
.vu-workbench-rail-button:hover,
.vu-workbench-rail-button:focus-visible {
  background: #edf2f7;
  border-color: #cbd5e1;
  outline: none;
}

.vu-workbench-rail-button:hover,
.vu-workbench-rail-button:focus-visible {
  background: rgba(31, 45, 61, 0.82);
}

.vu-workbench-tree-row > span {
  grid-area: dot;
  width: 6px;
  height: 6px;
  background: var(--vu-workbench-tone-color, #94a3b8);
  border-radius: 999px;
}

.vu-workbench-tree-row strong,
.vu-workbench-tree-row small,
.vu-workbench-tree-row em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-tree-row strong {
  grid-area: label;
  font-size: 0.73rem;
  font-weight: 720;
}

.vu-workbench-tree-row small {
  grid-area: meta;
  color: #64748b;
  font-size: 0.65rem;
}

.vu-workbench-tree-row em {
  grid-area: status;
  max-width: 84px;
  color: #475569;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 760;
}

.vu-workbench-main {
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  background: #e8edf4;
}

.vu-workbench-tabs {
  display: flex;
  min-width: 0;
  min-height: 34px;
  overflow-x: auto;
  background: #dfe6ef;
  border-bottom: 1px solid #cbd5e1;
}

.vu-workbench-tab {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  flex: 0 0 auto;
  min-width: 142px;
  max-width: 210px;
  min-height: 34px;
  padding: 0 10px;
  color: #334155;
  background: #edf2f7;
  border: 0;
  border-right: 1px solid #cbd5e1;
  border-top: 2px solid transparent;
  font-size: 0.74rem;
  font-weight: 760;
  cursor: pointer;
}

.vu-workbench-tab span {
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  background: var(--vu-workbench-tone-color, #94a3b8);
  border-radius: 999px;
}

.vu-workbench-tab-active {
  color: #0d1b2a;
  background: #ffffff;
  border-top-color: #daa72c;
}

.vu-workbench-file {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.vu-workbench-file-header {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 8px 10px;
  background: #ffffff;
  border-bottom: 1px solid #d7e0ea;
}

.vu-workbench-file-header p,
.vu-workbench-section-title span,
.vu-workbench-opportunity > span {
  margin: 0;
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 850;
  text-transform: uppercase;
}

.vu-workbench-file-header h1 {
  margin: 1px 0;
  color: #0d1b2a;
  font-size: 1.02rem;
  font-weight: 820;
  line-height: 1.2;
}

.vu-workbench-file-header > div:first-child > span {
  display: block;
  max-width: 760px;
  overflow: hidden;
  color: #475569;
  font-size: 0.76rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-file-header dl,
.vu-workbench-opportunity dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(72px, auto));
  gap: 8px;
  margin: 0;
}

.vu-workbench-opportunity dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vu-workbench-file-header dt,
.vu-workbench-file-header dd,
.vu-workbench-opportunity dt,
.vu-workbench-opportunity dd {
  margin: 0;
  white-space: nowrap;
}

.vu-workbench-file-header dt,
.vu-workbench-opportunity dt {
  color: #64748b;
  font-size: 0.58rem;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-workbench-file-header dd,
.vu-workbench-opportunity dd {
  color: #152033;
  font-size: 0.7rem;
  font-weight: 760;
}

.vu-workbench-file-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}

.vu-workbench-file-actions button:nth-child(2),
.vu-workbench-prompt button {
  color: #0d1b2a;
  background: #daa72c;
  border-color: #b8860b;
}

.vu-workbench-file-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 34%);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  min-height: 0;
  padding: 8px;
  overflow: auto;
}

.vu-workbench-section {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.vu-workbench-current-state,
.vu-workbench-motion {
  grid-column: 1;
}

.vu-workbench-approvals,
.vu-workbench-proof {
  grid-column: 2;
}

.vu-workbench-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 30px;
  padding: 0 8px;
  background: #f8fafc;
  border-bottom: 1px solid #d7e0ea;
}

.vu-workbench-section-title h2 {
  margin: 0;
  color: #152033;
  font-size: 0.78rem;
  font-weight: 800;
}

.vu-workbench-state-rows,
.vu-workbench-approval-rows,
.vu-workbench-proof-rows {
  display: grid;
}

.vu-workbench-state-row {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) 130px 120px;
  gap: 8px;
  align-items: center;
  min-height: 34px;
  padding: 5px 8px;
  border-left: 3px solid var(--vu-workbench-tone-color, #94a3b8);
  border-bottom: 1px solid #edf2f7;
}

.vu-workbench-state-row strong,
.vu-workbench-state-row span,
.vu-workbench-state-row em,
.vu-workbench-state-row small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-state-row strong {
  color: #152033;
  font-size: 0.72rem;
  font-weight: 800;
}

.vu-workbench-state-row span {
  color: #334155;
  font-size: 0.74rem;
}

.vu-workbench-state-row em,
.vu-workbench-state-row small {
  color: #64748b;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 760;
}

.vu-workbench-motion {
  min-height: 420px;
}

.vu-workbench-motion-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(170px, 1fr));
  min-height: 0;
  overflow: auto;
}

.vu-workbench-motion-stage {
  min-width: 170px;
  border-right: 1px solid #edf2f7;
}

.vu-workbench-motion-stage header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: 28px;
  padding: 0 7px;
  background: #f8fafc;
  border-bottom: 1px solid #edf2f7;
}

.vu-workbench-motion-stage header strong {
  color: #334155;
  font-size: 0.68rem;
  font-weight: 850;
}

.vu-workbench-motion-stage header span {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 18px;
  color: #475569;
  background: #edf2f7;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 850;
}

.vu-workbench-motion-stage > div {
  display: grid;
}

.vu-workbench-motion-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 6px;
  min-height: 74px;
  padding: 6px 7px;
  border-left: 3px solid var(--vu-workbench-tone-color, #94a3b8);
  border-bottom: 1px solid #edf2f7;
}

.vu-workbench-motion-row div {
  min-width: 0;
}

.vu-workbench-motion-row strong,
.vu-workbench-motion-row span,
.vu-workbench-motion-row em,
.vu-workbench-motion-row small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vu-workbench-motion-row strong {
  display: block;
  color: #152033;
  font-size: 0.72rem;
  font-weight: 790;
  line-height: 1.2;
}

.vu-workbench-motion-row span {
  display: block;
  color: #64748b;
  font-size: 0.64rem;
  line-height: 1.25;
  white-space: nowrap;
}

.vu-workbench-motion-row em {
  justify-self: end;
  color: #475569;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

.vu-workbench-motion-row small {
  color: #64748b;
  font-size: 0.62rem;
  white-space: nowrap;
}

.vu-workbench-motion-row button {
  justify-self: end;
  min-height: 22px;
  padding: 0 6px;
}

.vu-workbench-motion-empty {
  margin: 0;
  padding: 8px;
  color: #94a3b8;
  font-size: 0.7rem;
}

.vu-workbench-approval-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 6px 8px;
  border-left: 3px solid var(--vu-workbench-tone-color, #94a3b8);
  border-bottom: 1px solid #edf2f7;
}

.vu-workbench-approval-row strong,
.vu-workbench-approval-row span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-approval-row strong {
  color: #152033;
  font-size: 0.72rem;
}

.vu-workbench-approval-row span {
  color: #64748b;
  font-size: 0.64rem;
}

.vu-workbench-approval-row > div:last-child {
  display: flex;
  gap: 4px;
}

.vu-workbench-approval-row button,
.vu-workbench-feed-row button {
  min-height: 22px;
  padding: 0 6px;
}

.vu-workbench-proof-row {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-height: 32px;
  padding: 5px 8px;
  border-left: 3px solid var(--vu-workbench-tone-color, #94a3b8);
  border-bottom: 1px solid #edf2f7;
}

.vu-workbench-proof-row span,
.vu-workbench-proof-row strong,
.vu-workbench-proof-row small,
.vu-workbench-proof-row em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-proof-row span,
.vu-workbench-proof-row em {
  color: #64748b;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-workbench-proof-row strong {
  color: #152033;
  font-size: 0.72rem;
}

.vu-workbench-proof-row small {
  color: #64748b;
  font-size: 0.64rem;
}

.vu-workbench-vu-panel {
  display: grid;
  grid-template-rows: 34px auto auto auto minmax(0, auto);
  min-height: 0;
  overflow: auto;
  border-left: 1px solid #cbd5e1;
}

.vu-workbench-vu-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 34px;
  background: #102236;
}

.vu-workbench-vu-tabs button {
  min-width: 0;
  padding: 0 5px;
  overflow: hidden;
  color: #b9c7d6;
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(194, 206, 219, 0.16);
  font-size: 0.62rem;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.vu-workbench-vu-tabs .vu-workbench-vu-tab-active {
  color: #ffffff;
  background: #0d1b2a;
  border-top: 2px solid #daa72c;
}

.vu-workbench-prompt {
  display: grid;
  gap: 6px;
  padding: 8px;
  background: #0d1b2a;
}

.vu-workbench-prompt label {
  display: grid;
  gap: 5px;
}

.vu-workbench-prompt label span {
  color: #9fb1c6;
  font-size: 0.64rem;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-workbench-prompt textarea {
  width: 100%;
  min-height: 72px;
  resize: vertical;
  padding: 7px;
  color: #edf2f7;
  background: #081522;
  border: 1px solid rgba(103, 128, 159, 0.34);
  border-radius: 5px;
  font-size: 0.76rem;
  line-height: 1.35;
}

.vu-workbench-prompt button {
  justify-self: end;
}

.vu-workbench-vu-section {
  display: grid;
  gap: 6px;
  padding: 8px;
  border-bottom: 1px solid #d7e0ea;
}

.vu-workbench-vu-section h2 {
  margin: 0;
  color: #152033;
  font-size: 0.76rem;
  font-weight: 820;
}

.vu-workbench-agent-rows,
.vu-workbench-recommendation-rows {
  display: grid;
}

.vu-workbench-agent-row,
.vu-workbench-recommendation-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  min-height: 30px;
  padding: 4px 0 4px 7px;
  border-left: 3px solid var(--vu-workbench-tone-color, #94a3b8);
  border-bottom: 1px solid #edf2f7;
}

.vu-workbench-agent-row strong,
.vu-workbench-agent-row span,
.vu-workbench-recommendation-row strong,
.vu-workbench-recommendation-row span {
  min-width: 0;
  overflow: hidden;
  font-size: 0.7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-agent-row strong,
.vu-workbench-recommendation-row strong {
  color: #152033;
  font-weight: 780;
}

.vu-workbench-agent-row span,
.vu-workbench-recommendation-row span {
  color: #64748b;
  font-weight: 700;
}

.vu-workbench-opportunity {
  display: grid;
  gap: 7px;
  margin: 8px;
  padding: 8px;
  background: #fffaf0;
  border: 1px solid #f2d48a;
  border-left: 3px solid #daa72c;
  border-radius: 5px;
}

.vu-workbench-opportunity strong {
  color: #152033;
  font-size: 0.76rem;
  line-height: 1.35;
}

.vu-workbench-ledger {
  grid-column: 2 / 5;
  display: grid;
  grid-template-rows: 32px minmax(0, 1fr);
  border-top: 1px solid #cbd5e1;
}

.vu-workbench-ledger header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 32px;
  padding: 0 8px;
  color: #dbe5ef;
  background: #0d1b2a;
}

.vu-workbench-ledger header h2,
.vu-workbench-ledger header span {
  display: inline;
  margin: 0;
}

.vu-workbench-ledger header h2 {
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 820;
}

.vu-workbench-ledger header span {
  margin-left: 8px;
  color: #9fb1c6;
  font-size: 0.66rem;
  font-weight: 760;
}

.vu-workbench-ledger header button {
  min-height: 22px;
  color: #dbe5ef;
  background: #102236;
  border-color: rgba(103, 128, 159, 0.34);
}

.vu-workbench-feed {
  display: grid;
  align-content: start;
  min-height: 0;
  overflow: auto;
  background: #081522;
}

.vu-workbench-feed-row {
  display: grid;
  grid-template-columns: 44px 136px minmax(0, 1fr) 160px 72px 46px;
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 3px 8px;
  color: #dbe5ef;
  border-left: 3px solid var(--vu-workbench-tone-color, #94a3b8);
  border-bottom: 1px solid rgba(194, 206, 219, 0.1);
}

.vu-workbench-feed-row time,
.vu-workbench-feed-row strong,
.vu-workbench-feed-row span,
.vu-workbench-feed-row em,
.vu-workbench-feed-row small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-workbench-feed-row time {
  color: #f2d48a;
  font-size: 0.68rem;
  font-weight: 850;
}

.vu-workbench-feed-row strong {
  color: #ffffff;
  font-size: 0.72rem;
}

.vu-workbench-feed-row span,
.vu-workbench-feed-row em,
.vu-workbench-feed-row small {
  color: #b9c7d6;
  font-size: 0.7rem;
  font-style: normal;
}

.vu-workbench-feed-row button {
  color: #dbe5ef;
  background: transparent;
  border-color: rgba(103, 128, 159, 0.34);
}

.vu-workbench-tone-ready {
  --vu-workbench-tone-color: #4fa463;
}

.vu-workbench-tone-review {
  --vu-workbench-tone-color: #daa72c;
}

.vu-workbench-tone-risk {
  --vu-workbench-tone-color: #e57373;
}

.vu-workbench-tone-progress {
  --vu-workbench-tone-color: #67809f;
}

.vu-workbench-tone-neutral {
  --vu-workbench-tone-color: #94a3b8;
}

@media (max-width: 1320px) {
  .vu-workbench-topbar {
    grid-template-columns: minmax(170px, 220px) minmax(220px, 1fr) auto auto;
  }

  .vu-workbench-status-chips {
    max-width: 430px;
  }

  .vu-workbench-user {
    display: none;
  }

  .vu-workbench-body {
    grid-template-columns: 48px minmax(220px, 260px) minmax(0, 1fr) minmax(280px, 320px);
  }
}

@media (max-width: 1060px) {
  .vu-workbench {
    height: auto;
    min-height: 100vh;
    overflow: auto;
  }

  .vu-workbench-topbar {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .vu-workbench-status-chips {
    flex-wrap: wrap;
  }

  .vu-workbench-body {
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
  }

  .vu-workbench-rail {
    grid-row: 1 / 5;
  }

  .vu-workbench-explorer,
  .vu-workbench-main,
  .vu-workbench-vu-panel,
  .vu-workbench-ledger {
    grid-column: 2;
  }

  .vu-workbench-explorer,
  .vu-workbench-vu-panel {
    max-height: 360px;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #cbd5e1;
  }

  .vu-workbench-file-header,
  .vu-workbench-file-grid,
  .vu-workbench-feed-row {
    grid-template-columns: 1fr;
  }

  .vu-workbench-current-state,
  .vu-workbench-motion,
  .vu-workbench-approvals,
  .vu-workbench-proof {
    grid-column: 1;
  }
}

.vu-frame {
  display: grid;
  grid-template-rows: 36px minmax(0, 1fr);
  height: 100vh;
  min-height: 640px;
  overflow: hidden;
  color: #d4dbe5;
  background: #1e1e1e;
  font-size: 12px;
}

.vu-frame-topbar {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(260px, 1fr) 34px;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 0 8px;
  background: #0d1b2a;
  border-bottom: 1px solid #263548;
}

.vu-frame-title {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.vu-frame-title strong,
.vu-frame-title span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-title strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-title span {
  color: #9fb1c6;
  font-size: 11px;
}

.vu-frame-command {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  justify-self: center;
  width: min(560px, 100%);
  min-height: 26px;
  padding: 0 8px;
  color: #9fb1c6;
  background: #142235;
  border: 1px solid #334155;
  border-radius: 5px;
}

.vu-frame-command span,
.vu-frame-search span,
.vu-frame-chat-input span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.vu-frame-command input,
.vu-frame-search input,
.vu-frame-chat-input textarea {
  min-width: 0;
  color: inherit;
  background: transparent;
  border: 0;
  outline: 0;
}

.vu-frame-command input {
  color: #e5edf6;
  font-size: 12px;
}

.vu-frame-command input::placeholder,
.vu-frame-search input::placeholder,
.vu-frame-chat-input textarea::placeholder {
  color: #7d8fa5;
}

.vu-frame-user {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  color: #0d1b2a;
  background: #daa72c;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
}

.vu-frame-body {
  display: grid;
  grid-template-columns: 52px 280px minmax(0, 1fr) 340px;
  grid-template-rows: minmax(0, 1fr) 30%;
  min-height: 0;
}

.vu-frame-rail {
  grid-row: 1 / 3;
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 6px 4px;
  background: #081522;
  border-right: 1px solid #263548;
}

.vu-frame-rail button {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #9fb1c6;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.vu-frame-rail button:hover,
.vu-frame-rail button:focus-visible,
.vu-frame-rail .vu-frame-rail-active {
  color: #ffffff;
  background: #142235;
  border-color: #334155;
  outline: none;
}

.vu-frame-rail .vu-frame-rail-active {
  border-left-color: #daa72c;
}

.vu-frame-explorer,
.vu-frame-vu-panel {
  min-height: 0;
  background: #101820;
}

.vu-frame-explorer {
  display: grid;
  grid-template-rows: 32px 38px minmax(0, 1fr);
  border-right: 1px solid #263548;
}

.vu-frame-explorer header {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  color: #cbd5e1;
  background: #111c28;
  border-bottom: 1px solid #263548;
  font-size: 11px;
  font-weight: 800;
}

.vu-frame-search {
  display: grid;
  align-items: center;
  padding: 6px 8px;
  background: #101820;
  border-bottom: 1px solid #263548;
}

.vu-frame-search input {
  min-height: 24px;
  padding: 0 7px;
  color: #dbe5ef;
  background: #0d131b;
  border: 1px solid #263548;
  border-radius: 4px;
  font-size: 12px;
}

.vu-frame-tree {
  min-height: 0;
  overflow: auto;
  padding: 4px 0 10px;
}

.vu-frame-tree-section summary {
  display: flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  color: #aebacc;
  list-style: none;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.vu-frame-tree-section summary::-webkit-details-marker {
  display: none;
}

.vu-frame-tree-section summary::before {
  content: "â–¾";
  width: 14px;
  color: #7d8fa5;
}

.vu-frame-tree-section:not([open]) summary::before {
  content: "â–¸";
}

.vu-frame-tree-section > div {
  display: grid;
}

.vu-frame-tree-row {
  display: flex;
  gap: 7px;
  align-items: center;
  min-width: 0;
  min-height: 24px;
  padding: 0 10px 0 22px;
  overflow: hidden;
  color: #d4dbe5;
  background: transparent;
  border: 0;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.vu-frame-tree-row span {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  background: #67809f;
  border-radius: 999px;
}

.vu-frame-tree-row:hover,
.vu-frame-tree-row:focus-visible {
  background: #1b2a3b;
  outline: none;
}

.vu-frame-editor {
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  background: #1e1e1e;
}

.vu-frame-tabs {
  display: flex;
  min-width: 0;
  overflow-x: auto;
  background: #161b22;
  border-bottom: 1px solid #263548;
}

.vu-frame-tabs button {
  min-width: 150px;
  max-width: 220px;
  min-height: 34px;
  padding: 0 12px;
  overflow: hidden;
  color: #aebacc;
  background: #161b22;
  border: 0;
  border-right: 1px solid #263548;
  border-top: 2px solid transparent;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.vu-frame-tabs button:hover,
.vu-frame-tabs button:focus-visible,
.vu-frame-tabs .vu-frame-tab-active {
  color: #f8fafc;
  background: #1e1e1e;
  outline: none;
}

.vu-frame-tabs .vu-frame-tab-active {
  border-top-color: #daa72c;
}

.vu-frame-canvas {
  min-width: 0;
  min-height: 0;
  padding: 22px 24px;
  overflow: auto;
}

.vu-frame-canvas-heading {
  max-width: 760px;
  margin-bottom: 20px;
}

.vu-frame-canvas-heading span {
  color: #7d8fa5;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-canvas-heading h1 {
  margin: 6px 0 4px;
  color: #f8fafc;
  font-size: 20px;
  font-weight: 760;
  line-height: 1.2;
}

.vu-frame-canvas-heading p {
  margin: 0;
  color: #aebacc;
  font-size: 13px;
}

.vu-frame-work-object {
  display: grid;
  max-width: 720px;
  border: 1px solid #263548;
  border-radius: 4px;
}

.vu-frame-work-row {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) 170px;
  gap: 10px;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border-bottom: 1px solid #263548;
}

.vu-frame-work-row:last-child {
  border-bottom: 0;
}

.vu-frame-work-row strong,
.vu-frame-work-row span,
.vu-frame-work-row em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-row strong {
  color: #f8fafc;
  font-size: 12px;
}

.vu-frame-work-row span {
  color: #aebacc;
  font-size: 12px;
}

.vu-frame-work-row em {
  color: #f2d48a;
  font-size: 12px;
  font-style: normal;
}

.vu-frame-vu-panel {
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
  border-left: 1px solid #263548;
}

.vu-frame-vu-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 34px;
  background: #111c28;
  border-bottom: 1px solid #263548;
}

.vu-frame-vu-tabs button {
  min-width: 0;
  padding: 0 6px;
  overflow: hidden;
  color: #aebacc;
  background: transparent;
  border: 0;
  border-right: 1px solid #263548;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.vu-frame-vu-tabs button:hover,
.vu-frame-vu-tabs button:focus-visible,
.vu-frame-vu-tabs .vu-frame-vu-tab-active {
  color: #f8fafc;
  background: #0d1b2a;
  outline: none;
}

.vu-frame-vu-tabs .vu-frame-vu-tab-active {
  border-top: 2px solid #daa72c;
}

.vu-frame-chat {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
}

.vu-frame-chat-empty {
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 16px 14px;
  color: #aebacc;
}

.vu-frame-chat-empty strong {
  color: #f8fafc;
  font-size: 13px;
}

.vu-frame-chat-empty span {
  font-size: 12px;
}

.vu-frame-chat-input {
  display: grid;
  padding: 10px;
  border-top: 1px solid #263548;
}

.vu-frame-chat-input textarea {
  width: 100%;
  min-height: 82px;
  resize: vertical;
  padding: 9px;
  color: #dbe5ef;
  background: #0d131b;
  border: 1px solid #334155;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.4;
}

.vu-frame-bottom-panel {
  grid-column: 2 / 4;
  display: grid;
  grid-template-rows: 30px minmax(0, 1fr);
  min-height: 0;
  background: #0d131b;
  border-top: 1px solid #263548;
  border-right: 1px solid #263548;
}

.vu-frame-bottom-tabs {
  display: flex;
  min-width: 0;
  background: #111c28;
  border-bottom: 1px solid #263548;
}

.vu-frame-bottom-tabs button {
  min-height: 30px;
  padding: 0 12px;
  color: #aebacc;
  background: transparent;
  border: 0;
  border-right: 1px solid #263548;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.vu-frame-bottom-tabs button:hover,
.vu-frame-bottom-tabs button:focus-visible,
.vu-frame-bottom-tabs .vu-frame-bottom-tab-active {
  color: #f8fafc;
  background: #0d131b;
  outline: none;
}

.vu-frame-bottom-tabs .vu-frame-bottom-tab-active {
  border-top: 2px solid #daa72c;
}

.vu-frame-ledger-output {
  min-height: 0;
  overflow: auto;
  padding: 8px 10px;
  color: #d4dbe5;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.vu-frame-ledger-output h2 {
  margin: 0 0 6px;
  color: #f8fafc;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 800;
}

.vu-frame-ledger-output p {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  min-height: 22px;
  margin: 0;
  align-items: center;
  border-bottom: 1px solid rgba(38, 53, 72, 0.55);
  font-size: 12px;
}

.vu-frame-ledger-output time {
  color: #f2d48a;
}

.vu-frame-ledger-output span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .vu-frame {
    height: auto;
    min-height: 100vh;
    overflow: auto;
  }

  .vu-frame-topbar {
    grid-template-columns: 1fr;
    padding: 6px 8px;
  }

  .vu-frame-body {
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
  }

  .vu-frame-rail {
    grid-row: 1 / 5;
  }

  .vu-frame-explorer,
  .vu-frame-editor,
  .vu-frame-vu-panel,
  .vu-frame-bottom-panel {
    grid-column: 2;
  }

  .vu-frame-explorer,
  .vu-frame-vu-panel {
    max-height: 360px;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #263548;
  }

  .vu-frame-work-row,
  .vu-frame-ledger-output p {
    grid-template-columns: 1fr;
  }
}

.domain-operational-page {
  gap: 12px;
  max-width: 1360px;
}

.domain-compact-header,
.vu-compact-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 12px 14px;
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-left: 4px solid #334155;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(13, 27, 42, 0.045);
}

.domain-compact-header h1,
.vu-compact-header h1 {
  margin: 2px 0 0;
  color: #0d1b2a;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
}

.domain-compact-header p:last-child,
.vu-compact-header p:last-child {
  max-width: 760px;
  margin: 2px 0 0;
  color: #475569;
  font-size: 14px;
  line-height: 20px;
}

.domain-compact-action {
  min-height: 34px;
  padding: 0 12px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  background: #0d1b2a;
  border: 1px solid #0d1b2a;
  border-radius: 7px;
  cursor: pointer;
}

.domain-compact-action-critical {
  color: #0d1b2a;
  background: #d4a72c;
  border-color: #d4a72c;
}

.domain-checklist-section,
.domain-compact-panel,
.domain-work-area-section,
.domain-secondary-workspace,
.domain-drilldown-panel {
  min-width: 0;
  padding: 12px;
  background: #e9eef4;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.domain-checklist-section {
  display: grid;
  gap: 10px;
}

.domain-compact-heading {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.domain-compact-heading h2 {
  margin: 0;
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.domain-compact-heading p:not(.domain-eyebrow) {
  margin: 0;
  color: #475569;
  font-size: 13px;
  line-height: 18px;
}

.domain-checklist-table-wrap {
  overflow-x: auto;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.domain-checklist-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
}

.domain-checklist-table th,
.domain-checklist-table td {
  padding: 7px 9px;
  color: #334155;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  border-bottom: 1px solid #e2e8f0;
  vertical-align: middle;
}

.domain-checklist-table th {
  color: #67809f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
  background: #f8fafc;
}

.domain-checklist-table tr:last-child td {
  border-bottom: 0;
}

.domain-checklist-table strong {
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 600;
}

.domain-checklist-table button,
.domain-work-area-list button,
.domain-gap-list button {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 700;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 6px;
  cursor: pointer;
}

.domain-checklist-table button {
  min-height: 28px;
  padding: 0 9px;
}

.domain-operational-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.76fr) minmax(360px, 1.2fr) minmax(280px, 0.9fr);
  gap: 12px;
  align-items: start;
}

.domain-compact-panel {
  display: grid;
  gap: 10px;
}

.domain-gap-list,
.domain-activity-feed {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.domain-gap-list button {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 7px 9px;
  align-items: center;
  min-height: 40px;
  padding: 7px 8px;
  text-align: left;
}

.domain-gap-list strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.domain-gap-list small {
  grid-column: 2;
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
}

.domain-gap-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.domain-gap-risk {
  background: #c0392b;
}

.domain-gap-review {
  background: #d4a72c;
}

.domain-gap-ready {
  background: #2e7d32;
}

.domain-document-table {
  display: grid;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
}

.domain-document-table > div {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) 0.7fr max-content 72px;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 7px 9px;
  border-bottom: 1px solid #e2e8f0;
}

.domain-document-table > div:last-child {
  border-bottom: 0;
}

.domain-document-table strong,
.domain-activity-feed strong {
  display: block;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.domain-document-table small,
.domain-document-table span,
.domain-activity-feed small {
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
}

.domain-activity-feed li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-height: 46px;
  padding: 7px 8px;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 7px;
}

.domain-activity-feed li > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  background: #334155;
  border-radius: 999px;
}

.domain-activity-feed p {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 18px;
}

.domain-work-area-section {
  display: grid;
  gap: 10px;
}

.domain-work-area-list {
  display: grid;
  gap: 6px;
}

.domain-work-area-list button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 7px 9px;
  text-align: left;
}

.domain-work-area-list button:hover,
.domain-work-area-list button:focus-visible,
.domain-gap-list button:hover,
.domain-gap-list button:focus-visible,
.domain-checklist-table button:hover,
.domain-checklist-table button:focus-visible {
  color: #ffffff;
  background: #334155;
  border-color: #334155;
  outline: none;
}

.domain-work-area-list button:hover small,
.domain-work-area-list button:focus-visible small,
.domain-gap-list button:hover small,
.domain-gap-list button:focus-visible small {
  color: rgba(255, 255, 255, 0.78);
}

.domain-work-area-list .domain-work-area-active {
  border-color: #67809f;
  box-shadow: inset 4px 0 0 #67809f;
}

.domain-work-area-list strong {
  display: block;
  color: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.domain-work-area-list small {
  display: block;
  margin-top: 1px;
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
}

.domain-drilldown-panel {
  display: grid;
  gap: 10px;
}

.domain-drilldown-panel summary {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.domain-hero {
  padding: 14px;
  gap: 14px;
}

.domain-hero h1 {
  font-size: 28px;
  line-height: 34px;
}

.domain-hero-action-panel {
  padding: 12px;
}

.domain-attention-card,
.workflow-blueprint-card,
.workflow-work-card,
.framework-attention-card,
.evidence-status-card,
.missing-evidence-card,
.evidence-blueprint-card,
.vu-create-panel,
.vu-output-panel,
.vu-recent-work {
  padding: 12px;
}

.operational-tasks-workspace {
  gap: 10px;
  padding: 12px;
}

.operational-tasks-header,
.operational-tasks-recommendation-heading {
  gap: 10px;
}

.operational-tasks-compact .operational-tasks-recommendations {
  padding: 10px;
}

.operational-task-table th,
.operational-task-table td {
  padding: 7px 8px;
}

.vu-workspace-create-page {
  gap: 12px;
  max-width: 1120px;
}

.vu-compact-header {
  border-left-color: #67809f;
}

.vu-create-panel,
.vu-output-panel,
.vu-recent-work {
  gap: 12px;
}

.vu-create-panel-copy h2,
.vu-output-panel h2,
.vu-recent-work h2 {
  font-size: 20px;
  line-height: 26px;
}

.vu-create-query-field textarea {
  min-height: 92px;
}

@media (max-width: 1180px) {
  .top-bar-secure-search {
    min-width: min(420px, 44vw);
  }

  .domain-operational-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .vucoris-top-bar,
  .domain-compact-header,
  .vu-compact-header,
  .domain-document-table > div,
  .domain-work-area-list button {
    grid-template-columns: 1fr;
  }

  .vucoris-top-bar {
    align-items: stretch;
    padding: 10px 12px;
  }

  .top-bar-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .top-bar-secure-search {
    grid-template-columns: 20px minmax(0, 1fr);
    min-width: 0;
  }

  .top-bar-secure-search button {
    grid-column: 1 / -1;
  }
}

/* Final compact chrome overrides for the operational workflow pass. */

.vucoris-readiness-strip,
.top-bar-secure-search,
.top-bar-icon-button,
.top-bar-title-group {
  display: none;
}

.vucoris-top-bar {
  justify-content: flex-end;
  min-height: 48px;
  padding: 0 16px;
}

.top-bar-actions-compact {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.top-bar-readiness-indicator {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
  background: #f8fafc;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
}

.top-bar-readiness-indicator strong {
  color: #0d1b2a;
  font-weight: 800;
}

.domain-compact-header,
.vu-compact-header,
.domain-hero {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  min-height: 96px;
  padding: 14px 16px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.22), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #67809f;
  box-shadow: 0 10px 22px rgba(13, 27, 42, 0.1);
}

.domain-compact-header h1,
.vu-compact-header h1,
.domain-hero h1 {
  color: #ffffff;
  font-size: 28px;
  line-height: 34px;
}

.domain-compact-header p:last-child,
.vu-compact-header p:last-child,
.domain-hero-copy > p:last-child {
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

.domain-hero-action-panel,
.domain-hero-action-button,
.domain-compact-action {
  display: none;
}

.vu-header-actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: 216px;
}

.vu-header-actions > button {
  min-height: 38px;
  padding: 0 12px;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 800;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 238, 244, 0.98)),
    #ffffff;
  border: 1px solid rgba(176, 184, 196, 0.88);
  border-radius: 7px;
  cursor: pointer;
}

.vu-quick-panel {
  position: fixed;
  top: 60px;
  right: 18px;
  z-index: 90;
  display: grid;
  gap: 12px;
  width: min(390px, calc(100vw - 36px));
  padding: 14px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-left: 4px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 22px 44px rgba(13, 27, 42, 0.2);
}

@media (max-width: 720px) {
  .domain-compact-header,
  .vu-compact-header,
  .domain-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .vu-header-actions {
    justify-content: flex-start;
  }
}

/* Final small seal/icon refinement overrides. */

.vucoris-compact-shell .top-bar-readiness-indicator,
.vucoris-people-test-shell .top-bar-readiness-indicator {
  margin-right: 0;
}

.top-bar-scope-statement {
  margin: 0 auto;
  color: #d4a72c;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 20px;
  white-space: nowrap;
}

.vu-header-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(64px, 1fr));
  gap: 12px;
  align-items: start;
  min-width: min(380px, 42vw);
}

.vu-header-actions > .vu-header-action-button {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 6px;
  min-height: 0;
  padding: 2px 4px;
  color: #ffffff;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 14px;
  box-shadow: none;
}

.vu-header-actions > .vu-header-action-button:hover,
.vu-header-actions > .vu-header-action-button:focus-visible {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(176, 184, 196, 0.16);
  outline: none;
}

.vu-header-action-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 14px 28px rgba(0, 0, 0, 0.2);
}

.vu-header-action-icon-build {
  background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
}

.vu-header-action-icon-ask {
  background: linear-gradient(135deg, #c084fc 0%, #7c3aed 100%);
}

.vu-header-action-icon-audit {
  background: linear-gradient(135deg, #2dd4bf 0%, #0e7490 100%);
}

.vu-header-action-icon-reports {
  background: linear-gradient(135deg, #fb923c 0%, #c2410c 100%);
}

.vu-header-action-icon svg {
  width: 25px;
  height: 25px;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vu-header-action-button strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
}

.people-checklist-table-sealed {
  min-width: 1120px;
}

.people-checklist-table-sealed .people-checklist-col-seal {
  width: 104px;
}

.people-checklist-table-sealed .people-checklist-col-updated {
  width: 116px;
}

.people-checklist-table-sealed .people-checklist-col-lock {
  width: 68px;
}

.people-checklist-table-sealed th:nth-child(n + 3):nth-child(-n + 6),
.people-checklist-table-sealed th:nth-child(9) {
  font-size: 10px;
  line-height: 13px;
  text-align: center;
  white-space: normal;
}

.readiness-seal-button {
  --seal-color: #64748b;
  --seal-dark: #475569;
  --seal-light: #7c8ba0;
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.92);
  border-radius: 999px;
}

.readiness-seal-button::before,
.readiness-seal-button::after {
  border-radius: 999px;
  clip-path: none;
}

.readiness-seal-button::before {
  inset: 0;
  background:
    repeating-conic-gradient(
      from 4deg,
      color-mix(in srgb, var(--seal-dark) 88%, #000000 12%) 0deg 10deg,
      var(--seal-color) 10deg 20deg
    );
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.12),
    inset 0 -2px 3px rgba(13, 27, 42, 0.26),
    0 1px 2px rgba(13, 27, 42, 0.2);
}

.readiness-seal-button::after {
  inset: 3px;
  background:
    radial-gradient(circle at 50% 42%, var(--seal-light), var(--seal-color) 58%, var(--seal-dark) 100%);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.1),
    inset 0 -1px 1px rgba(13, 27, 42, 0.3),
    0 0 0 1px color-mix(in srgb, var(--seal-dark) 70%, transparent);
}

.readiness-seal-button span {
  font-size: 8px;
  text-shadow: 0 1px 0 rgba(13, 27, 42, 0.34);
}

.readiness-seal-button:hover::before,
.readiness-seal-button:focus-visible::before {
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.14),
    inset 0 -2px 3px rgba(13, 27, 42, 0.28),
    0 0 0 3px rgba(103, 128, 159, 0.18),
    0 2px 4px rgba(13, 27, 42, 0.22);
}

.readiness-seal-verified {
  --seal-color: #2e7d32;
  --seal-dark: #1f6b35;
  --seal-light: #4fa463;
}

.readiness-seal-review {
  --seal-color: #b8860b;
  --seal-dark: #8f6400;
  --seal-light: #d4a72c;
}

.readiness-seal-missing {
  --seal-color: #c0392b;
  --seal-dark: #8f241b;
  --seal-light: #d85f52;
}

.readiness-seal-not-started {
  --seal-color: #64748b;
  --seal-dark: #475569;
  --seal-light: #7c8ba0;
}

.people-lock-icon {
  width: 24px;
  height: 24px;
  color: #475569;
  background: #f8fafc;
  border-color: #d0d7e2;
}

.people-lock-icon svg {
  width: 15px;
  height: 15px;
}

.people-lock-icon-approved-locked {
  color: #2e7d32;
  background: rgba(79, 164, 99, 0.12);
  border-color: rgba(46, 125, 50, 0.3);
}

.people-lock-icon-editable {
  color: #b8860b;
  background: rgba(212, 167, 44, 0.15);
  border-color: rgba(184, 134, 11, 0.28);
}

.people-lock-icon-restricted {
  color: #0d1b2a;
  background: #edf2f7;
  border-color: #b0b8c4;
}

.security-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
}

.security-badge__icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  color: currentColor;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 1;
}

.security-badge--locked {
  background: #e8eef5;
  border-color: #b0b8c4;
}

.security-badge--locked .security-badge__icon {
  color: #334155;
}

.security-badge--unlocked {
  background: #ecfdf5;
  border-color: #4fa463;
}

.security-badge--unlocked .security-badge__icon {
  color: #2e7d32;
}

.security-badge--protected {
  background: #eff6ff;
  border-color: #67809f;
}

.security-badge--protected .security-badge__icon {
  color: #1f2d3d;
}

.people-security-menu {
  min-width: 238px;
  gap: 6px;
  padding: 8px;
  text-align: left;
  white-space: normal;
}

.people-security-menu h4,
.people-security-menu ul,
.people-security-menu dl {
  margin: 0;
}

.people-security-menu h4 {
  color: #67809f;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.people-security-menu section {
  display: grid;
  gap: 4px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e2e8f0;
}

.people-security-menu ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px 8px;
  padding: 0;
  color: #334155;
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  list-style: none;
}

.people-security-menu dl {
  display: grid;
  gap: 3px;
}

.people-security-menu dl div {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 6px;
}

.people-security-menu dt,
.people-security-menu dd {
  margin: 0;
  color: #334155;
  font-size: 11px;
  line-height: 15px;
}

.people-security-menu dt {
  color: #64748b;
  font-weight: 800;
}

.people-security-menu dd {
  overflow-wrap: anywhere;
  font-weight: 700;
}

.people-security-menu-actions {
  display: grid;
  gap: 2px;
}

.requirement-document-security-menu {
  position: relative;
  display: inline-grid;
}

.requirement-document-security-menu > button {
  width: 24px;
  min-height: 24px;
  padding: 0;
}

.requirement-document-security-menu .people-security-menu {
  top: calc(100% + 4px);
  right: 0;
}

.requirement-document-mini-list > div {
  grid-template-columns: 28px minmax(0, 1fr) max-content max-content max-content 24px;
}

.proof-workspace {
  display: grid;
  gap: 8px;
  padding: 8px;
  background: #f8fafc;
  border-top: 1px solid #d0d7e2;
}

.proof-workspace-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding-bottom: 6px;
  border-bottom: 1px solid #dbe3ec;
}

.proof-workspace-tabs button {
  min-height: 26px;
  padding: 0 8px;
  color: #475569;
  font-size: 11px;
  font-weight: 800;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
  cursor: pointer;
}

.proof-workspace-tabs button:hover,
.proof-workspace-tabs button:focus-visible,
.proof-workspace-tabs .proof-workspace-tab-active {
  color: #0d1b2a;
  background: #edf2f7;
  border-color: #94a3b8;
  outline: none;
}

.proof-workspace-inline-status,
.proof-workspace-empty {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 17px;
}

.proof-workspace-panel {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.proof-workspace-panel-documents {
  grid-template-columns: minmax(150px, 0.8fr) minmax(360px, 1.45fr) minmax(150px, 0.8fr);
  align-items: start;
}

.proof-workspace-panel-evidence {
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  align-items: start;
}

.proof-overview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 6px;
}

.proof-summary-cell,
.proof-list-section {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 7px;
}

.proof-summary-cell header {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.proof-summary-cell h3,
.proof-list-section h3 {
  margin: 0;
  color: #67809f;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.proof-summary-cell p,
.proof-summary-cell small,
.proof-list-section p,
.proof-list-section li,
.proof-detail-list dd,
.proof-mini-table span,
.proof-history-list li {
  margin: 0;
  color: #334155;
  font-size: 12px;
  line-height: 17px;
}

.proof-summary-cell small {
  color: #64748b;
  font-weight: 720;
}

.proof-readiness-seal {
  cursor: default;
  flex: 0 0 auto;
}

.proof-meta-grid,
.proof-detail-list {
  display: grid;
  gap: 6px;
  margin: 0;
}

.proof-meta-grid {
  grid-template-columns: repeat(4, minmax(120px, 1fr));
}

.proof-review-grid {
  grid-template-columns: repeat(5, minmax(112px, 1fr));
}

.proof-meta-grid div,
.proof-detail-list div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 7px;
}

.proof-meta-grid dt,
.proof-detail-list dt {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.proof-meta-grid dd,
.proof-detail-list dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 720;
}

.proof-compact-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.proof-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.proof-mini-table {
  display: grid;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 7px;
}

.proof-mini-table > div {
  display: grid;
  grid-template-columns: 132px 90px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 32px;
  padding: 6px 8px;
  border-bottom: 1px solid #e2e8f0;
}

.proof-mini-table > div:last-child {
  border-bottom: 0;
}

.proof-mini-table strong {
  color: #0d1b2a;
  font-size: 12px;
  line-height: 17px;
}

.proof-history-list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.proof-history-list li {
  padding: 6px 8px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 7px;
}

.proof-lock-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.proof-security-panel .proof-list-section {
  max-width: 540px;
}

.vu-report-panel {
  width: min(1040px, calc(100vw - 36px));
  background: #f8fafc;
}

.vu-report-panel > header {
  padding-bottom: 10px;
  border-bottom: 1px solid #dbe3ec;
}

.vu-report-options {
  grid-template-columns: repeat(5, minmax(124px, 1fr));
  gap: 8px;
}

.vu-report-options button {
  min-height: 34px;
  color: #334155;
  background: #ffffff;
  border-color: #dbe3ec;
}

.vu-report-options button:hover,
.vu-report-options button:focus-visible,
.vu-report-options .vu-report-option-active {
  color: #0d1b2a;
  background: #f7fafc;
  border-color: #d4a72c;
  outline: none;
  box-shadow: inset 0 -2px 0 #d4a72c;
}

.vu-report-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: end;
}

.vu-report-action-row button,
.vu-report-domain-select select {
  min-height: 32px;
  padding: 0 10px;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 800;
  background: #ffffff;
  border: 1px solid #b0b8c4;
  border-radius: 7px;
}

.vu-report-action-row button:first-of-type {
  color: #ffffff;
  background: #0d1b2a;
  border-color: #0d1b2a;
}

.vu-report-action-row button:disabled {
  cursor: wait;
  opacity: 0.58;
}

.vu-report-domain-select {
  display: grid;
  gap: 4px;
}

.vu-report-domain-select span {
  color: #67809f;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.06em;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-report-loading,
.vu-report-panel-message {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin: 0;
  color: #475569;
  font-size: 12px;
  font-weight: 760;
  line-height: 17px;
}

.vu-report-loading span {
  width: 14px;
  height: 14px;
  border: 2px solid #dbe3ec;
  border-top-color: #d4a72c;
  border-radius: 999px;
  animation: vu-report-spin 0.8s linear infinite;
}

.vu-report-panel-error {
  color: #c0392b;
}

@keyframes vu-report-spin {
  to {
    transform: rotate(360deg);
  }
}

.vu-report-preview.vu-report-document {
  position: relative;
  display: grid;
  gap: 22px;
  padding: 28px;
  overflow: hidden;
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 4px;
  box-shadow: 0 18px 42px rgba(13, 27, 42, 0.08);
}

.vu-report-document p,
.vu-report-document ul,
.vu-report-document ol,
.vu-report-document dl,
.vu-report-document h1,
.vu-report-document h2 {
  margin: 0;
}

.report-letterhead {
  display: grid;
  grid-template-columns: minmax(160px, 0.9fr) minmax(240px, 1.3fr) minmax(220px, 1fr);
  gap: 24px;
  align-items: start;
  padding-bottom: 22px;
  border-bottom: 1px solid #dbe3ec;
}

.report-customer-identity,
.report-vucoris-identity {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.report-customer-identity {
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
}

.report-customer-identity img,
.report-vucoris-identity img {
  max-width: 100%;
  object-fit: contain;
}

.report-customer-mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.06em;
  background: linear-gradient(180deg, #ffffff, #edf2f7);
  border: 1px solid #b0b8c4;
  border-radius: 999px;
}

.report-customer-identity p,
.report-title-block p,
.report-section > header p,
.report-domain-accent p,
.report-executive-copy p:first-child {
  color: #67809f;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 14px;
  text-transform: uppercase;
}

.report-customer-identity strong {
  display: block;
  margin-top: 3px;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0.04em;
  line-height: 18px;
  text-transform: uppercase;
}

.report-title-block {
  display: grid;
  gap: 6px;
  align-self: center;
  text-align: center;
}

.report-title-block h1 {
  color: #0d1b2a;
  font-size: 30px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 36px;
}

.report-vucoris-identity {
  justify-items: end;
}

.report-vucoris-identity img {
  width: 148px;
  height: 44px;
  object-fit: contain;
  object-position: right center;
}

.report-vucoris-identity dl {
  display: grid;
  gap: 3px;
  width: 100%;
  max-width: 260px;
}

.report-vucoris-identity dl div,
.report-footer-meta {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 8px;
}

.report-vucoris-identity dt,
.report-vucoris-identity dd {
  margin: 0;
  font-size: 10px;
  line-height: 14px;
}

.report-vucoris-identity dt {
  color: #64748b;
  font-weight: 800;
  text-transform: uppercase;
}

.report-vucoris-identity dd {
  overflow-wrap: anywhere;
  color: #334155;
  font-weight: 720;
}

.report-body {
  display: grid;
  gap: 18px;
}

.report-executive-brief {
  position: relative;
  display: grid;
  grid-template-columns: 236px minmax(0, 1fr);
  gap: 26px;
  align-items: center;
  min-height: 242px;
  padding: 28px 30px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.1), rgba(255, 255, 255, 0) 46%),
    #ffffff;
  border-bottom: 2px solid #0d1b2a;
}

.report-watermark-seal {
  position: absolute;
  right: 24px;
  bottom: -64px;
  width: 260px;
  height: 260px;
  object-fit: contain;
  opacity: 0.07;
  pointer-events: none;
}

.report-executive-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  max-width: 620px;
}

.report-executive-copy h2 {
  color: #0d1b2a;
  font-size: 34px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 40px;
}

.report-executive-copy p:last-child {
  color: #334155;
  font-size: 15px;
  line-height: 23px;
}

.report-readiness-ring-card {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 12px;
  color: #0d1b2a;
  text-align: center;
}

.report-readiness-ring {
  display: grid;
  place-items: center;
  width: 164px;
  height: 164px;
  background:
    radial-gradient(circle at center, #ffffff 0 58%, transparent 59%),
    conic-gradient(#2e7d32 var(--report-readiness-percent), #e2e8f0 0);
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  box-shadow: inset 0 0 0 10px #ffffff, 0 14px 28px rgba(13, 27, 42, 0.1);
}

.report-readiness-ring strong {
  display: block;
  color: #0d1b2a;
  font-size: 36px;
  font-weight: 900;
  line-height: 38px;
}

.report-readiness-ring span,
.report-readiness-ring-card p,
.report-readiness-ring-card small {
  display: block;
}

.report-readiness-ring span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
}

.report-readiness-ring-card p {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 850;
  line-height: 18px;
}

.report-readiness-ring-card small {
  color: #64748b;
  font-size: 12px;
  line-height: 17px;
}

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

.report-metric {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 14px 16px;
  background: #ffffff;
  border-top: 3px solid #94a3b8;
  box-shadow: inset 0 -1px 0 #e2e8f0;
}

.report-metric span,
.report-metric small {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  line-height: 15px;
  text-transform: uppercase;
}

.report-metric strong {
  color: #0d1b2a;
  font-size: 25px;
  font-weight: 880;
  line-height: 29px;
}

.report-metric small {
  text-transform: none;
}

.report-metric-good {
  border-top-color: #2e7d32;
}

.report-metric-review {
  border-top-color: #d4a72c;
}

.report-metric-risk {
  border-top-color: #c0392b;
}

.report-metric-neutral {
  border-top-color: #67809f;
}

.report-two-column {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.8fr);
  gap: 16px;
  align-items: start;
}

.report-section {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.report-section > header {
  display: grid;
  gap: 3px;
  padding-bottom: 7px;
  border-bottom: 1px solid #dbe3ec;
}

.report-section > header h2 {
  color: #0d1b2a;
  font-size: 17px;
  font-weight: 850;
  line-height: 22px;
}

.report-domain-accent {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 18px;
  align-items: center;
  padding: 22px 24px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.18), rgba(13, 27, 42, 0) 38%),
    #0d1b2a;
  border-radius: 3px;
}

.report-domain-accent p {
  color: rgba(226, 232, 240, 0.76);
}

.report-domain-accent h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 850;
  line-height: 36px;
}

.report-domain-accent span {
  display: block;
  margin-top: 6px;
  color: rgba(226, 232, 240, 0.82);
  font-size: 13px;
  line-height: 19px;
}

.report-domain-accent .report-readiness-ring-card p,
.report-domain-accent .report-readiness-ring-card small {
  color: rgba(255, 255, 255, 0.86);
}

.report-table-wrap {
  overflow-x: auto;
  border-top: 1px solid #b0b8c4;
}

.report-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

.report-table th,
.report-table td {
  padding: 9px 10px;
  color: #334155;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e2e8f0;
}

.report-table th {
  color: #0d1b2a;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.06em;
  line-height: 14px;
  text-transform: uppercase;
  background: #f8fafc;
}

.report-table-cell-right {
  text-align: right;
}

.report-priority {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.04em;
  line-height: 14px;
  text-transform: uppercase;
  border-radius: 999px;
}

.report-priority-high {
  color: #8f271f;
  background: rgba(192, 57, 43, 0.11);
}

.report-priority-medium {
  color: #7a5703;
  background: rgba(212, 167, 44, 0.17);
}

.report-priority-low {
  color: #334155;
  background: #edf2f7;
}

.report-action-list {
  display: grid;
  gap: 8px;
  padding: 0;
  list-style: none;
}

.report-action-list li,
.report-progress-list span,
.report-empty-state {
  color: #334155;
  font-size: 13px;
  line-height: 19px;
}

.report-action-list li {
  padding-left: 12px;
  border-left: 3px solid #d4a72c;
}

.report-progress-list {
  display: grid;
  gap: 6px;
}

.report-progress-list span {
  padding: 8px 0;
  border-bottom: 1px solid #e2e8f0;
}

.report-trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.report-trust-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  color: #334155;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.06em;
  line-height: 14px;
  text-transform: uppercase;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
}

.report-footer {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(280px, 1.2fr) minmax(220px, 1fr);
  gap: 16px;
  align-items: center;
  padding-top: 18px;
  color: #64748b;
  border-top: 1px solid #dbe3ec;
}

.report-footer-brand {
  display: flex;
  gap: 8px;
  align-items: center;
}

.report-footer-brand img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.report-footer-brand span,
.report-footer-meta span {
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
  line-height: 15px;
}

.report-footer-meta {
  justify-self: end;
  grid-template-columns: repeat(3, max-content);
}

@media print {
  .vu-report-panel > header,
  .vu-report-options,
  .vu-report-panel > small {
    display: none;
  }

  .vu-report-preview.vu-report-document {
    padding: 0;
    border: 0;
    box-shadow: none;
  }
}

@media (max-width: 1180px) {
  .proof-workspace-panel-documents,
  .proof-workspace-panel-evidence,
  .proof-overview-grid,
  .proof-meta-grid,
  .proof-review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .report-letterhead,
  .report-footer {
    grid-template-columns: 1fr;
  }

  .report-title-block {
    text-align: left;
  }

  .report-vucoris-identity {
    justify-items: start;
  }

  .report-vucoris-identity img {
    object-position: left center;
  }

  .report-footer-meta {
    justify-self: start;
  }
}

@media (max-width: 760px) {
  .proof-workspace-panel-documents,
  .proof-workspace-panel-evidence,
  .proof-overview-grid,
  .proof-meta-grid,
  .proof-review-grid,
  .proof-compact-split,
  .proof-mini-table > div {
    grid-template-columns: 1fr;
  }

  .vu-report-options,
  .report-executive-brief,
  .report-domain-accent,
  .report-metric-row,
  .report-two-column {
    grid-template-columns: 1fr;
  }

  .vu-report-preview.vu-report-document {
    padding: 18px;
  }

  .report-title-block h1,
  .report-domain-accent h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .report-executive-copy h2 {
    font-size: 27px;
    line-height: 34px;
  }
}

@media (max-width: 920px) {
  .top-bar-scope-statement {
    display: none;
  }

  .vu-header-actions {
    min-width: 0;
  }
}

.contract-workspace {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.contract-workspace-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
  align-items: center;
  gap: 18px;
  min-height: 116px;
  padding: 18px 20px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.24), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.contract-workspace-header h1,
.contract-workspace-header p {
  margin: 0;
}

.contract-workspace-header h1 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 860;
  line-height: 34px;
}

.contract-workspace-header p:last-child {
  max-width: 720px;
  margin-top: 7px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

.contract-workspace-eyebrow,
.contract-panel-label {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 15px;
  text-transform: uppercase;
}

.contract-header-status {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(230, 233, 238, 0.18);
  border-radius: 8px;
}

.contract-header-status span,
.contract-header-status small {
  color: rgba(237, 242, 247, 0.78);
  font-size: 12px;
  font-weight: 760;
  line-height: 17px;
}

.contract-header-status strong {
  color: #ffffff;
  font-size: 34px;
  font-weight: 900;
  line-height: 38px;
}

.contract-workspace-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.92fr) minmax(420px, 1.42fr) minmax(280px, 0.82fr);
  gap: 14px;
  align-items: start;
}

.contract-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.contract-upload-panel,
.contract-verification-panel,
.contract-readiness-panel {
  grid-column: span 1;
}

.contract-mission-panel {
  position: relative;
  display: grid;
  grid-column: span 2;
  gap: 15px;
  min-width: 0;
  min-height: 360px;
  padding: 18px;
  overflow: hidden;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.18), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 58%, #081421 100%);
  border: 1px solid rgba(103, 128, 159, 0.44);
  border-left: 4px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 20px 42px rgba(13, 27, 42, 0.2);
}

.contract-mission-panel::after {
  position: absolute;
  inset: auto 18px 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(230, 233, 238, 0.28), transparent);
}

.contract-queue-panel {
  grid-column: 1;
}

.contract-vu-panel {
  grid-column: span 2;
}

.contract-panel-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.contract-panel-heading-row {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: start;
}

.contract-panel-heading h2 {
  margin: 0;
  color: #0d1b2a;
  font-size: 17px;
  font-weight: 850;
  line-height: 22px;
}

.contract-panel-heading span {
  color: #64748b;
  font-size: 12px;
  font-weight: 780;
}

.contract-panel-label {
  margin: 0;
  color: #67809f;
}

.contract-artifact-options {
  display: grid;
  gap: 8px;
}

.contract-artifact-options button,
.contract-queue-list button {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(13, 27, 42, 0.1);
  border-radius: 8px;
  background: #f8fafc;
  color: #0d1b2a;
  cursor: pointer;
  text-align: left;
}

.contract-artifact-options button {
  display: grid;
  gap: 4px;
  min-height: 72px;
  padding: 12px;
}

.contract-artifact-options button:hover,
.contract-artifact-options button:focus-visible,
.contract-artifact-option-active {
  background: #edf2f7;
  border-color: rgba(103, 128, 159, 0.5);
  box-shadow: inset 3px 0 0 #67809f;
  outline: none;
}

.contract-artifact-options strong,
.contract-queue-list strong {
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 850;
  line-height: 18px;
}

.contract-artifact-options span {
  color: #64748b;
  font-size: 12px;
  font-weight: 680;
  line-height: 17px;
}

.contract-intake-field {
  display: grid;
  gap: 7px;
}

.contract-intake-field span {
  color: #475569;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 15px;
  text-transform: uppercase;
}

.contract-intake-field input {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  color: #0d1b2a;
  background: #f8fafc;
  border: 1px solid rgba(13, 27, 42, 0.16);
  border-radius: 8px;
  outline: none;
}

.contract-intake-field input:focus {
  border-color: rgba(103, 128, 159, 0.7);
  box-shadow: 0 0 0 3px rgba(103, 128, 159, 0.15);
}

.contract-primary-action {
  min-height: 44px;
  color: #ffffff;
  background: #0d1b2a;
  border: 1px solid #0d1b2a;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 850;
}

.contract-primary-action:hover,
.contract-primary-action:focus-visible {
  background: #13283d;
  outline: none;
}

.contract-mission-header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.contract-vu-core {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  color: #ffffff;
  background:
    linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 16px 30px rgba(0, 0, 0, 0.26);
}

.contract-vu-core span {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.contract-mission-header h2,
.contract-mission-header p,
.contract-mission-kicker,
.contract-mission-next-action p,
.contract-mission-next-action span,
.contract-mission-list h3,
.contract-mission-list p,
.contract-mission-list ul,
.contract-mission-verification {
  margin: 0;
}

.contract-mission-kicker {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.contract-mission-header h2 {
  margin-top: 4px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 880;
  line-height: 30px;
}

.contract-mission-header p:last-child {
  margin-top: 5px;
  color: rgba(237, 242, 247, 0.78);
  font-size: 13px;
  line-height: 19px;
}

.contract-mission-command-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(170px, 0.52fr) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}

.contract-mission-score {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 13px;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.contract-mission-score span,
.contract-mission-score small {
  color: rgba(237, 242, 247, 0.74);
  font-size: 11px;
  font-weight: 800;
  line-height: 15px;
  text-transform: uppercase;
}

.contract-mission-score strong {
  color: #ffffff;
  font-size: 38px;
  font-weight: 920;
  line-height: 42px;
}

.contract-mission-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: center;
  align-items: center;
  min-width: 0;
  padding: 13px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(230, 233, 238, 0.13);
  border-radius: 8px;
}

.contract-operational-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 880;
  line-height: 15px;
  text-transform: uppercase;
}

.contract-operational-badge-ready {
  color: #d8f3df;
  background: rgba(46, 125, 50, 0.2);
  border: 1px solid rgba(168, 213, 183, 0.42);
}

.contract-operational-badge-review {
  color: #ffe8a6;
  background: rgba(212, 167, 44, 0.18);
  border: 1px solid rgba(242, 212, 138, 0.42);
}

.contract-operational-badge-risk {
  color: #ffd2ce;
  background: rgba(192, 57, 43, 0.2);
  border: 1px solid rgba(246, 179, 174, 0.42);
}

.contract-operational-badge-progress {
  color: #dbeafe;
  background: rgba(37, 99, 235, 0.2);
  border: 1px solid rgba(96, 165, 250, 0.44);
}

.contract-operational-badge-neutral {
  color: rgba(237, 242, 247, 0.84);
  background: rgba(148, 163, 184, 0.14);
  border: 1px solid rgba(203, 213, 225, 0.26);
}

.contract-mission-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.contract-mission-list {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
  padding: 12px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(230, 233, 238, 0.14);
  border-radius: 8px;
}

.contract-mission-list h3,
.contract-mission-next-action span,
.contract-mission-verification dt {
  color: rgba(230, 233, 238, 0.72);
  font-size: 10px;
  font-weight: 880;
  line-height: 14px;
  text-transform: uppercase;
}

.contract-mission-list ul {
  display: grid;
  gap: 7px;
  padding: 0;
  list-style: none;
}

.contract-mission-list li,
.contract-mission-list p {
  color: rgba(237, 242, 247, 0.86);
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
}

.contract-mission-list li {
  padding-left: 10px;
  border-left: 3px solid rgba(230, 233, 238, 0.28);
}

.contract-mission-list-risk li {
  border-left-color: #f6b3ae;
}

.contract-mission-list-progress li {
  border-left-color: #60a5fa;
}

.contract-mission-next-action {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 13px 14px;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.24);
  border-radius: 8px;
}

.contract-mission-next-action p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 760;
  line-height: 20px;
}

.contract-mission-verification {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(150px, 0.48fr) minmax(0, 1fr);
  gap: 10px;
}

.contract-mission-verification div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(230, 233, 238, 0.13);
  border-radius: 8px;
}

.contract-mission-verification dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: rgba(237, 242, 247, 0.88);
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
}

.contract-queue-list {
  display: grid;
  gap: 8px;
  max-height: 560px;
  overflow: auto;
}

.contract-queue-list button {
  display: grid;
  gap: 9px;
  padding: 12px;
}

.contract-queue-list button:hover,
.contract-queue-list button:focus-visible,
.contract-queue-item-active {
  background: #ffffff;
  border-color: rgba(103, 128, 159, 0.55);
  box-shadow:
    inset 3px 0 0 #67809f,
    0 12px 24px rgba(13, 27, 42, 0.08);
  outline: none;
}

.contract-queue-list dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.contract-queue-list dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.contract-queue-list dt {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.contract-queue-list dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #334155;
  font-size: 12px;
  font-weight: 760;
  line-height: 17px;
}

.contract-status-pill {
  justify-self: start;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.contract-status-ready {
  color: #166534;
  background: rgba(22, 163, 74, 0.12);
  border: 1px solid rgba(22, 163, 74, 0.18);
}

.contract-status-review {
  color: #7a5703;
  background: rgba(212, 167, 44, 0.16);
  border: 1px solid rgba(212, 167, 44, 0.25);
}

.contract-status-risk {
  color: #991b1b;
  background: rgba(192, 57, 43, 0.1);
  border: 1px solid rgba(192, 57, 43, 0.18);
}

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

.contract-metric-tile {
  display: grid;
  gap: 5px;
  min-height: 90px;
  padding: 13px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 3px solid #67809f;
  border-radius: 8px;
}

.contract-metric-tile span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.contract-metric-tile strong {
  overflow-wrap: anywhere;
  color: #0d1b2a;
  font-size: 20px;
  font-weight: 880;
  line-height: 25px;
}

.contract-metric-ready {
  border-top-color: #2e7d32;
}

.contract-metric-review {
  border-top-color: #d4a72c;
}

.contract-metric-risk {
  border-top-color: #c0392b;
}

.contract-finding-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
  gap: 12px;
}

.contract-finding-grid section {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 13px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.contract-finding-grid h3 {
  margin: 0;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 850;
  line-height: 18px;
}

.contract-finding-grid ul {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.contract-finding-grid li {
  padding-left: 10px;
  color: #334155;
  font-size: 13px;
  font-weight: 680;
  line-height: 19px;
  border-left: 3px solid #67809f;
}

.contract-chip-list,
.contract-control-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.contract-chip-list span,
.contract-control-list span {
  min-height: 24px;
  padding: 4px 8px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #d0d7e2;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
}

.contract-control-list span {
  color: #7a5703;
  background: rgba(212, 167, 44, 0.12);
  border-color: rgba(212, 167, 44, 0.24);
}

.contract-workflow-list {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.contract-workflow-list li {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}

.contract-workflow-list li > span {
  width: 12px;
  height: 12px;
  margin-top: 4px;
  background: #94a3b8;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.14);
}

.contract-workflow-list strong,
.contract-workflow-list small {
  display: block;
  overflow-wrap: anywhere;
}

.contract-workflow-list strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 850;
  line-height: 18px;
}

.contract-workflow-list small {
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
  line-height: 17px;
}

.contract-workflow-ready > span {
  background: #2e7d32;
  box-shadow: 0 0 0 4px rgba(46, 125, 50, 0.14);
}

.contract-workflow-review > span {
  background: #d4a72c;
  box-shadow: 0 0 0 4px rgba(212, 167, 44, 0.17);
}

.contract-workflow-risk > span {
  background: #c0392b;
  box-shadow: 0 0 0 4px rgba(192, 57, 43, 0.14);
}

.contract-readiness-panel {
  background:
    linear-gradient(180deg, #ffffff, #f8fafc);
}

.contract-readiness-score {
  display: grid;
  place-items: center;
  padding: 4px 0 8px;
}

.contract-readiness-ring {
  display: grid;
  place-items: center;
  width: 164px;
  height: 164px;
  text-align: center;
  background:
    radial-gradient(circle at center, #ffffff 0 58%, transparent 59%),
    conic-gradient(#67809f var(--contract-readiness-percent), #e2e8f0 0);
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  box-shadow:
    inset 0 0 0 10px #ffffff,
    0 14px 28px rgba(13, 27, 42, 0.1);
}

.contract-readiness-ring-ready {
  background:
    radial-gradient(circle at center, #ffffff 0 58%, transparent 59%),
    conic-gradient(#2e7d32 var(--contract-readiness-percent), #e2e8f0 0);
}

.contract-readiness-ring-review {
  background:
    radial-gradient(circle at center, #ffffff 0 58%, transparent 59%),
    conic-gradient(#d4a72c var(--contract-readiness-percent), #e2e8f0 0);
}

.contract-readiness-ring-risk {
  background:
    radial-gradient(circle at center, #ffffff 0 58%, transparent 59%),
    conic-gradient(#c0392b var(--contract-readiness-percent), #e2e8f0 0);
}

.contract-readiness-ring strong {
  display: block;
  color: #0d1b2a;
  font-size: 34px;
  font-weight: 900;
  line-height: 38px;
}

.contract-readiness-ring span {
  display: block;
  max-width: 94px;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.contract-readiness-facts {
  display: grid;
  gap: 8px;
  margin: 0;
}

.contract-readiness-facts div {
  display: grid;
  grid-template-columns: minmax(110px, 0.75fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 9px 10px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.contract-readiness-facts dt,
.contract-readiness-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 17px;
}

.contract-readiness-facts dt {
  color: #64748b;
  font-weight: 850;
  text-transform: uppercase;
}

.contract-readiness-facts dd {
  color: #0d1b2a;
  font-weight: 850;
}

@media (max-width: 1260px) {
  .contract-workspace-grid {
    grid-template-columns: minmax(280px, 0.92fr) minmax(420px, 1.3fr);
  }

  .contract-mission-panel {
    grid-column: span 1;
  }

  .contract-vu-panel {
    grid-column: span 1;
  }
}

@media (max-width: 920px) {
  .contract-workspace-header,
  .contract-workspace-grid,
  .contract-mission-command-row,
  .contract-finding-grid,
  .contract-mission-grid,
  .contract-mission-verification,
  .contract-vu-summary {
    grid-template-columns: 1fr;
  }

  .contract-header-status {
    max-width: 280px;
  }

  .contract-mission-panel {
    grid-column: span 1;
  }
}

@media (max-width: 620px) {
  .contract-workspace-header,
  .contract-panel {
    padding: 14px;
  }

  .contract-queue-list dl,
  .contract-readiness-facts div {
    grid-template-columns: 1fr;
  }

  .contract-mission-header {
    grid-template-columns: 1fr;
  }

  .contract-workspace-header h1 {
    font-size: 24px;
    line-height: 30px;
  }
}

.vu-vault-strip {
  display: grid;
  grid-template-columns: 42px minmax(220px, 1fr) minmax(260px, max-content) max-content;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 70px;
  padding: 12px 14px;
  color: #ffffff;
  background:
    radial-gradient(circle at 96% 50%, rgba(212, 167, 44, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(245, 196, 76, 0.12), rgba(16, 21, 28, 0) 52%),
    linear-gradient(180deg, #111827 0%, #1a2029 52%, #0d1118 100%);
  border: 1px solid rgba(212, 167, 44, 0.36);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 0 1px rgba(245, 196, 76, 0.06),
    0 0 24px rgba(212, 167, 44, 0.08),
    0 12px 24px rgba(13, 27, 42, 0.13);
}

.vu-vault-strip-compact {
  grid-template-columns: 34px minmax(180px, 1fr) minmax(220px, max-content) max-content;
  min-height: 58px;
  padding: 10px 12px;
  box-shadow: 0 10px 22px rgba(13, 27, 42, 0.09);
}

.vu-vault-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #fff4db;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 244, 219, 0.88), rgba(255, 244, 219, 0.1) 24%, transparent 25%),
    linear-gradient(145deg, #f5c44c 0%, #d4a72c 44%, #8f6815 100%);
  border: 1px solid rgba(255, 244, 219, 0.5);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -2px 4px rgba(79, 52, 8, 0.34),
    0 0 0 3px rgba(212, 167, 44, 0.12),
    0 10px 18px rgba(0, 0, 0, 0.22);
}

.vu-vault-mark svg {
  width: 21px;
  height: 21px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vu-vault-strip-compact .vu-vault-mark {
  width: 30px;
  height: 30px;
  font-size: 10px;
}

.vu-vault-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vu-vault-copy strong {
  color: #fffaf0;
  font-size: 13px;
  font-weight: 880;
  line-height: 18px;
}

.vu-vault-copy p {
  margin: 0;
  color: rgba(255, 250, 240, 0.78);
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.vu-vault-indicators {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.vu-vault-indicators span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  color: #fff4db;
  background:
    linear-gradient(180deg, rgba(245, 196, 76, 0.12), rgba(51, 45, 31, 0.24)),
    rgba(15, 20, 27, 0.42);
  border: 1px solid rgba(212, 167, 44, 0.36);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-vault-action {
  min-height: 34px;
  padding: 0 12px;
  color: #211805;
  background:
    linear-gradient(180deg, #fff8e7, #d4a72c),
    #f5c44c;
  border: 1px solid rgba(255, 244, 219, 0.72);
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.vu-vault-action:hover,
.vu-vault-action:focus-visible {
  border-color: rgba(255, 248, 231, 0.95);
  box-shadow:
    0 0 0 3px rgba(245, 196, 76, 0.18),
    0 0 18px rgba(212, 167, 44, 0.2),
    0 8px 18px rgba(0, 0, 0, 0.18);
  outline: none;
}

@media (max-width: 1120px) {
  .vu-vault-strip,
  .vu-vault-strip-compact {
    grid-template-columns: 38px minmax(0, 1fr) max-content;
  }

  .vu-vault-indicators {
    grid-column: 2 / -1;
  }
}

@media (max-width: 680px) {
  .vu-vault-strip,
  .vu-vault-strip-compact {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .vu-vault-indicators,
  .vu-vault-action {
    grid-column: 1 / -1;
  }

  .vu-vault-action {
    justify-self: start;
  }
}

.vu-operational-review {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  overflow: hidden;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 8%, rgba(212, 167, 44, 0.11), transparent 30%),
    linear-gradient(135deg, rgba(103, 128, 159, 0.18), rgba(13, 27, 42, 0) 42%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 58%, #081421 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 20px 42px rgba(13, 27, 42, 0.18);
}

.vu-operational-review-header {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(180px, 240px);
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.vu-operational-review-core {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #ffffff;
  background:
    radial-gradient(circle at 36% 28%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 26%),
    linear-gradient(145deg, #67809f, #13283d 56%, #081421);
  border: 1px solid rgba(230, 233, 238, 0.28);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 0 5px rgba(103, 128, 159, 0.13),
    0 12px 22px rgba(0, 0, 0, 0.18);
}

.vu-operational-review-core span {
  font-size: 13px;
  font-weight: 920;
  line-height: 13px;
}

.vu-operational-review-heading {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vu-operational-review-heading p,
.vu-operational-review-heading h2,
.vu-operational-review-heading span {
  margin: 0;
  overflow-wrap: anywhere;
}

.vu-operational-review-heading p,
.vu-operational-review-panel-heading p {
  color: rgba(230, 233, 238, 0.7);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.vu-operational-review-heading h2 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 880;
  line-height: 28px;
}

.vu-operational-review-heading span {
  color: rgba(237, 242, 247, 0.78);
  font-size: 13px;
  font-weight: 720;
  line-height: 18px;
}

.vu-operational-review-readiness {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  background: rgba(8, 20, 33, 0.58);
  border: 1px solid rgba(230, 233, 238, 0.14);
  border-radius: 8px;
}

.vu-operational-review-readiness span,
.vu-operational-review-readiness small {
  color: rgba(237, 242, 247, 0.74);
  font-size: 11px;
  font-weight: 780;
  line-height: 15px;
}

.vu-operational-review-readiness strong {
  color: #ffffff;
  font-size: 30px;
  font-weight: 920;
  line-height: 34px;
}

.vu-operational-review-stages {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.vu-operational-review-stage {
  --vu-review-accent: #94a3b8;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  min-height: 68px;
  padding: 10px;
  background: rgba(8, 20, 33, 0.48);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-top: 3px solid var(--vu-review-accent);
  border-radius: 8px;
}

.vu-operational-review-stage > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  color: #ffffff;
  background: var(--vu-review-accent);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 12px;
}

.vu-operational-review-stage strong,
.vu-operational-review-stage small {
  display: block;
  overflow-wrap: anywhere;
}

.vu-operational-review-stage strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 850;
  line-height: 16px;
}

.vu-operational-review-stage small {
  margin-top: 2px;
  color: rgba(237, 242, 247, 0.68);
  font-size: 11px;
  font-weight: 740;
  line-height: 15px;
}

.vu-operational-review-grid {
  display: grid;
  grid-template-columns: minmax(250px, 0.86fr) minmax(340px, 1.3fr) minmax(250px, 0.88fr);
  gap: 12px;
  align-items: stretch;
}

.vu-operational-review-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
    rgba(8, 20, 33, 0.78);
  border: 1px solid rgba(230, 233, 238, 0.13);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vu-operational-review-intelligence {
  grid-column: span 2;
}

.vu-operational-review-submission {
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.14), rgba(255, 255, 255, 0.02)),
    rgba(8, 20, 33, 0.78);
  border-color: rgba(212, 167, 44, 0.28);
}

.vu-operational-review-panel-heading {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vu-operational-review-panel-heading p,
.vu-operational-review-panel-heading h3 {
  margin: 0;
}

.vu-operational-review-panel-heading h3 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 850;
  line-height: 20px;
}

.vu-operational-review-list,
.vu-operational-obligation-list,
.vu-operational-recommendation-list,
.vu-operational-route-list,
.vu-operational-proof-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.vu-operational-review-list article,
.vu-operational-obligation-list article,
.vu-operational-recommendation-list article,
.vu-operational-route,
.vu-operational-proof {
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(230, 233, 238, 0.1);
  border-radius: 8px;
}

.vu-operational-review-list article {
  display: grid;
  gap: 7px;
}

.vu-operational-review-list article > span,
.vu-operational-obligation-list article > span,
.vu-operational-intelligence-card span,
.vu-operational-route span {
  color: rgba(237, 242, 247, 0.72);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.vu-operational-review-list strong,
.vu-operational-obligation-list strong,
.vu-operational-intelligence-card strong,
.vu-operational-recommendation-list strong,
.vu-operational-route strong,
.vu-operational-proof strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 840;
  line-height: 18px;
}

.vu-operational-review-list dl,
.vu-operational-review-submission dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.vu-operational-review-list dl div,
.vu-operational-review-submission dl div {
  display: grid;
  grid-template-columns: minmax(86px, 0.74fr) minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.vu-operational-review-list dt,
.vu-operational-review-list dd,
.vu-operational-review-submission dt,
.vu-operational-review-submission dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 15px;
}

.vu-operational-review-list dt,
.vu-operational-review-submission dt {
  color: rgba(237, 242, 247, 0.58);
  font-weight: 780;
  text-transform: uppercase;
}

.vu-operational-review-list dd,
.vu-operational-review-submission dd {
  color: rgba(255, 255, 255, 0.86);
  font-weight: 780;
}

.vu-operational-obligation-list article {
  display: grid;
  gap: 7px;
  border-left: 3px solid rgba(103, 128, 159, 0.72);
}

.vu-operational-obligation-list p,
.vu-operational-intelligence-card p {
  margin: 0;
  color: rgba(237, 242, 247, 0.72);
  font-size: 12px;
  font-weight: 680;
  line-height: 17px;
}

.vu-operational-obligation-list strong {
  color: #f4cf75;
}

.vu-operational-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vu-operational-intelligence-card {
  --vu-review-accent: #94a3b8;
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 11px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(230, 233, 238, 0.1);
  border-left: 3px solid var(--vu-review-accent);
  border-radius: 8px;
}

.vu-operational-intelligence-card div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vu-operational-recommendation-list article {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
}

.vu-operational-recommendation-list article > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background:
    radial-gradient(circle at 36% 28%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 27%),
    linear-gradient(145deg, #67809f, #13283d);
  border: 1px solid rgba(230, 233, 238, 0.22);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 920;
}

.vu-operational-recommendation-list small,
.vu-operational-proof small {
  display: block;
  margin-top: 2px;
  color: rgba(237, 242, 247, 0.62);
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
}

.vu-operational-route {
  --vu-review-accent: #94a3b8;
  display: grid;
  gap: 4px;
  border-left: 3px solid var(--vu-review-accent);
}

.vu-operational-proof {
  --vu-review-accent: #94a3b8;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.vu-operational-proof > span {
  width: 10px;
  height: 10px;
  margin-top: 4px;
  background: var(--vu-review-accent);
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.12);
}

.vu-operational-review-ready {
  --vu-review-accent: #2e7d32;
  border-color: rgba(46, 125, 50, 0.32);
}

.vu-operational-review-review {
  --vu-review-accent: #d4a72c;
  border-color: rgba(212, 167, 44, 0.34);
}

.vu-operational-review-risk {
  --vu-review-accent: #c0392b;
  border-color: rgba(192, 57, 43, 0.34);
}

.vu-operational-review-progress {
  --vu-review-accent: #67809f;
  border-color: rgba(103, 128, 159, 0.36);
}

.vu-operational-review-neutral {
  --vu-review-accent: #94a3b8;
}

@media (max-width: 1260px) {
  .vu-operational-review-grid {
    grid-template-columns: minmax(260px, 0.9fr) minmax(360px, 1.1fr);
  }

  .vu-operational-review-intelligence {
    grid-column: span 1;
  }
}

@media (max-width: 920px) {
  .vu-operational-review-header,
  .vu-operational-review-grid {
    grid-template-columns: 1fr;
  }

  .vu-operational-review-readiness {
    max-width: 280px;
  }

  .vu-operational-review-stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .vu-operational-review {
    padding: 14px;
  }

  .vu-operational-review-stages,
  .vu-operational-intelligence-grid,
  .vu-operational-review-list dl div,
  .vu-operational-review-submission dl div {
    grid-template-columns: 1fr;
  }

  .vu-operational-review-header {
    gap: 10px;
  }

  .vu-operational-review-heading h2 {
    font-size: 20px;
    line-height: 26px;
  }
}

.become-compliant-page {
  display: grid;
  gap: 16px;
  max-width: 1480px;
  min-width: 0;
}

.operational-command-center {
  display: grid;
  gap: 16px;
  max-width: 1480px;
  min-width: 0;
}

.command-center-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 18px;
  align-items: center;
  min-height: 132px;
  padding: 20px;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 18%, rgba(212, 167, 44, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(103, 128, 159, 0.24), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.command-center-hero h1,
.command-center-hero p {
  margin: 0;
}

.command-center-eyebrow,
.command-panel-heading p {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 15px;
  text-transform: uppercase;
}

.command-center-hero h1 {
  margin-top: 4px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 880;
  line-height: 38px;
}

.command-center-hero p:last-child {
  max-width: 760px;
  margin-top: 7px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

.command-center-hero-card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  background: rgba(8, 20, 33, 0.5);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.command-center-hero-card span,
.command-center-hero-card small {
  color: rgba(237, 242, 247, 0.76);
  font-size: 12px;
  font-weight: 740;
  line-height: 17px;
}

.command-center-hero-card strong {
  color: #f4cf75;
  font-size: 18px;
  font-weight: 880;
  line-height: 23px;
}

.command-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 10px;
}

.command-summary-card {
  --command-accent: #94a3b8;
  display: grid;
  gap: 10px;
  min-width: 0;
  min-height: 150px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-top: 4px solid var(--command-accent);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.command-summary-card div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.command-summary-card span,
.command-summary-card strong,
.command-summary-card b,
.command-summary-card p {
  margin: 0;
  overflow-wrap: anywhere;
}

.command-summary-card span {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
  text-transform: uppercase;
}

.command-summary-card strong {
  color: #0d1b2a;
  font-size: 15px;
  font-weight: 880;
  line-height: 20px;
}

.command-summary-card b {
  color: var(--command-accent);
  font-size: 32px;
  font-weight: 920;
  line-height: 36px;
}

.command-summary-card p {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.command-intelligence-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 14px;
  align-items: start;
}

.command-intelligence-stack {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.readiness-signals-panel,
.operational-intelligence-feed,
.readiness-risk-map,
.contract-impact-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border-radius: 8px;
}

.readiness-signals-panel,
.contract-impact-panel {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.12), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #111827 0%, #1a2029 56%, #0d1118 100%);
  border: 1px solid rgba(212, 167, 44, 0.32);
  border-left: 4px solid #d4a72c;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.12);
}

.operational-intelligence-feed,
.readiness-risk-map {
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.readiness-signals-header,
.operational-intelligence-feed-header,
.readiness-risk-map-header,
.contract-impact-header {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.readiness-signals-header {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.48fr);
  align-items: start;
  gap: 12px;
}

.readiness-risk-map-header {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.48fr);
  align-items: start;
  gap: 12px;
}

.readiness-signals-header p,
.readiness-signals-header h2,
.readiness-signals-header span,
.operational-intelligence-feed-header p,
.operational-intelligence-feed-header h2,
.readiness-risk-map-header p,
.readiness-risk-map-header h2,
.readiness-risk-map-header span,
.contract-impact-header p,
.contract-impact-header h2 {
  margin: 0;
  overflow-wrap: anywhere;
}

.readiness-signals-header p,
.contract-impact-header p {
  color: rgba(255, 244, 219, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.operational-intelligence-feed-header p,
.readiness-risk-map-header p {
  color: #67809f;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.readiness-signals-header h2,
.contract-impact-header h2 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 880;
  line-height: 23px;
}

.operational-intelligence-feed-header h2,
.readiness-risk-map-header h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.readiness-signals-header span {
  color: rgba(237, 242, 247, 0.7);
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.readiness-risk-map-header span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.readiness-signal-list {
  display: grid;
  gap: 10px;
}

.readiness-signal-card {
  --signal-accent: #94a3b8;
  display: grid;
  grid-template-columns: minmax(110px, 0.22fr) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 11px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-left: 4px solid var(--signal-accent);
  border-radius: 8px;
}

.readiness-signal-critical {
  --signal-accent: #c0392b;
}

.readiness-signal-high {
  --signal-accent: #d4a72c;
}

.readiness-signal-moderate {
  --signal-accent: #67809f;
}

.readiness-signal-informational {
  --signal-accent: #94a3b8;
}

.readiness-signal-severity,
.readiness-signal-body,
.readiness-signal-action {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.readiness-signal-severity strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  line-height: 18px;
}

.readiness-signal-severity span,
.readiness-signal-action span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.readiness-signal-body h3,
.readiness-signal-body p {
  margin: 0;
  overflow-wrap: anywhere;
}

.readiness-signal-body h3 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 860;
  line-height: 19px;
}

.readiness-signal-body p {
  color: rgba(237, 242, 247, 0.74);
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.readiness-signal-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.readiness-signal-meta div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.1);
  border-radius: 8px;
}

.readiness-signal-meta dt,
.readiness-signal-meta dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 10px;
  line-height: 14px;
}

.readiness-signal-meta dt {
  color: rgba(255, 244, 219, 0.68);
  font-weight: 820;
  text-transform: uppercase;
}

.readiness-signal-meta dd {
  color: #ffffff;
  font-weight: 780;
}

.readiness-signal-action {
  padding: 9px;
  background: rgba(15, 20, 27, 0.45);
  border: 1px solid rgba(212, 167, 44, 0.18);
  border-radius: 8px;
}

.readiness-signal-action strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 820;
  line-height: 17px;
  overflow-wrap: anywhere;
}

.operational-intelligence-event-list {
  display: grid;
  gap: 8px;
}

.operational-intelligence-event {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid #67809f;
  border-radius: 8px;
}

.operational-intelligence-event strong,
.operational-intelligence-event span,
.operational-intelligence-event dt,
.operational-intelligence-event dd {
  overflow-wrap: anywhere;
}

.operational-intelligence-event strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 860;
  line-height: 18px;
}

.operational-intelligence-event span {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
}

.operational-intelligence-event dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.operational-intelligence-event dl div {
  display: grid;
  gap: 2px;
}

.operational-intelligence-event dt,
.operational-intelligence-event dd {
  margin: 0;
  font-size: 10px;
  line-height: 14px;
}

.operational-intelligence-event dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.operational-intelligence-event dd {
  color: #0d1b2a;
  font-weight: 780;
}

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

.readiness-risk-domain {
  --risk-accent: #94a3b8;
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 4px solid var(--risk-accent);
  border-radius: 8px;
}

.readiness-risk-ready {
  --risk-accent: #2e7d32;
}

.readiness-risk-review {
  --risk-accent: #d4a72c;
}

.readiness-risk-risk {
  --risk-accent: #c0392b;
}

.readiness-risk-progress {
  --risk-accent: #67809f;
}

.readiness-risk-neutral {
  --risk-accent: #94a3b8;
}

.readiness-risk-domain-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
  align-items: start;
}

.readiness-risk-domain-header strong {
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 19px;
}

.readiness-risk-domain-header span {
  color: var(--risk-accent);
  font-size: 24px;
  font-weight: 920;
  line-height: 28px;
}

.readiness-risk-domain dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.readiness-risk-domain dl div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
}

.readiness-risk-domain dt,
.readiness-risk-domain dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 15px;
}

.readiness-risk-domain dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.readiness-risk-domain dd {
  color: #0d1b2a;
  font-weight: 880;
}

.contract-impact-primary {
  padding: 10px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(212, 167, 44, 0.22);
  border-radius: 8px;
}

.contract-impact-primary strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 860;
  line-height: 19px;
  overflow-wrap: anywhere;
}

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

.contract-impact-metrics div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-radius: 8px;
}

.contract-impact-metrics dt,
.contract-impact-metrics dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.contract-impact-metrics dt {
  color: rgba(255, 244, 219, 0.72);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.contract-impact-metrics dd {
  color: #f4cf75;
  font-size: 24px;
  font-weight: 920;
  line-height: 28px;
}

.contract-impact-lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.contract-impact-lists section {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-radius: 8px;
}

.contract-impact-lists h3 {
  margin: 0;
  color: #fffaf0;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.contract-impact-lists ul {
  display: grid;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.contract-impact-lists li {
  padding-left: 8px;
  color: rgba(237, 242, 247, 0.78);
  border-left: 3px solid #d4a72c;
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
  overflow-wrap: anywhere;
}

.become-compliant-risk-preview {
  grid-column: 1 / -1;
}

.become-compliant-risk-preview .readiness-risk-map {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.submission-package-workspace {
  display: grid;
  gap: 16px;
  max-width: 1480px;
  min-width: 0;
}

.submission-package-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: 18px;
  align-items: center;
  min-height: 132px;
  padding: 20px;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 18%, rgba(212, 167, 44, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(103, 128, 159, 0.24), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.submission-package-hero h1,
.submission-package-hero p {
  margin: 0;
}

.submission-package-eyebrow,
.submission-package-section-heading p {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 15px;
  text-transform: uppercase;
}

.submission-package-hero h1 {
  margin-top: 4px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 880;
  line-height: 38px;
}

.submission-package-hero p:last-child {
  max-width: 760px;
  margin-top: 7px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

.submission-package-hero-card {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  background: rgba(8, 20, 33, 0.5);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.submission-package-hero-card span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.submission-package-hero-card strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 830;
  line-height: 20px;
  overflow-wrap: anywhere;
}

.submission-package-summary,
.submission-package-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.submission-package-section-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.submission-package-section-heading p,
.submission-package-section-heading h2 {
  margin: 0;
}

.submission-package-section-heading p {
  color: #67809f;
}

.submission-package-section-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.submission-package-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(160px, 1fr));
  gap: 10px;
}

.submission-package-summary-card {
  --submission-package-accent: #94a3b8;
  display: grid;
  gap: 5px;
  min-width: 0;
  min-height: 92px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 4px solid var(--submission-package-accent);
  border-radius: 8px;
}

.submission-package-summary-card span,
.submission-package-summary-card strong {
  overflow-wrap: anywhere;
}

.submission-package-summary-card span {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
  text-transform: uppercase;
}

.submission-package-summary-card strong {
  color: #0d1b2a;
  font-size: 17px;
  font-weight: 890;
  line-height: 22px;
}

.submission-package-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 14px;
  align-items: start;
}

.submission-package-contents,
.submission-package-verification,
.submission-package-proof {
  grid-column: 1;
}

.submission-package-side-stack {
  display: grid;
  grid-column: 2;
  gap: 14px;
  min-width: 0;
}

.submission-package-content-list {
  display: grid;
  gap: 10px;
}

.submission-package-content {
  --submission-package-accent: #94a3b8;
  display: grid;
  grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 11px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--submission-package-accent);
  border-radius: 8px;
}

.submission-package-content > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.submission-package-content strong,
.submission-package-content span,
.submission-package-content dt,
.submission-package-content dd {
  overflow-wrap: anywhere;
}

.submission-package-content strong {
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 19px;
}

.submission-package-content span {
  color: var(--submission-package-accent);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
}

.submission-package-content dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.submission-package-content dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.submission-package-content dt,
.submission-package-content dd {
  margin: 0;
  font-size: 11px;
  line-height: 15px;
}

.submission-package-content dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.submission-package-content dd {
  color: #0d1b2a;
  font-weight: 800;
}

.submission-package-missing-list {
  display: grid;
  gap: 8px;
}

.submission-package-missing-item {
  --submission-package-accent: #94a3b8;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--submission-package-accent);
  border-radius: 8px;
}

.submission-package-missing-item strong,
.submission-package-missing-item span,
.submission-package-missing-item small {
  overflow-wrap: anywhere;
}

.submission-package-missing-item strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 860;
  line-height: 18px;
}

.submission-package-missing-item span,
.submission-package-missing-item small {
  color: #64748b;
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
}

.submission-package-recommendation {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.14), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #111827 0%, #1a2029 56%, #0d1118 100%);
  border-color: rgba(212, 167, 44, 0.36);
  border-left: 4px solid #d4a72c;
}

.submission-package-recommendation .submission-package-section-heading p {
  color: rgba(255, 244, 219, 0.72);
}

.submission-package-recommendation .submission-package-section-heading h2 {
  color: #ffffff;
}

.submission-package-recommendation > p {
  margin: 0;
  color: rgba(237, 242, 247, 0.86);
  font-size: 14px;
  font-weight: 780;
  line-height: 20px;
}

.submission-package-verification .human-verification-routing,
.submission-package-proof .proof-chain-timeline {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.submission-package-proof .proof-chain-timeline-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.submission-package-ready {
  --submission-package-accent: #2e7d32;
}

.submission-package-review {
  --submission-package-accent: #d4a72c;
}

.submission-package-risk {
  --submission-package-accent: #c0392b;
}

.submission-package-progress {
  --submission-package-accent: #67809f;
}

.submission-package-neutral {
  --submission-package-accent: #94a3b8;
}

.submission-readiness-preview {
  --submission-preview-accent: #d4a72c;
  display: grid;
  grid-template-columns: minmax(240px, 1fr) max-content minmax(180px, 0.5fr) minmax(240px, 0.85fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 13px 14px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.13), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #111827 0%, #1a2029 56%, #0d1118 100%);
  border: 1px solid rgba(212, 167, 44, 0.32);
  border-left: 4px solid var(--submission-preview-accent);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.1);
}

.submission-readiness-preview-ready {
  --submission-preview-accent: #2e7d32;
}

.submission-readiness-preview-review {
  --submission-preview-accent: #d4a72c;
}

.submission-readiness-preview-risk {
  --submission-preview-accent: #c0392b;
}

.submission-readiness-preview-progress {
  --submission-preview-accent: #67809f;
}

.submission-readiness-preview-neutral {
  --submission-preview-accent: #94a3b8;
}

.submission-readiness-preview-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.submission-readiness-preview-main p,
.submission-readiness-preview-main h2,
.submission-readiness-preview-main span {
  margin: 0;
  overflow-wrap: anywhere;
}

.submission-readiness-preview-main p {
  color: rgba(255, 244, 219, 0.72);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.submission-readiness-preview-main h2 {
  margin-top: 3px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 880;
  line-height: 20px;
}

.submission-readiness-preview-main > span {
  min-height: 24px;
  padding: 4px 8px;
  color: #fffaf0;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(212, 167, 44, 0.24);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
}

.submission-readiness-preview-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(70px, 1fr));
  gap: 7px;
  margin: 0;
}

.submission-readiness-preview-metrics div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-radius: 8px;
}

.submission-readiness-preview-metrics dt,
.submission-readiness-preview-metrics dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.submission-readiness-preview-metrics dt {
  color: rgba(255, 244, 219, 0.7);
  font-size: 9px;
  font-weight: 850;
  line-height: 13px;
  text-transform: uppercase;
}

.submission-readiness-preview-metrics dd {
  color: #f4cf75;
  font-size: 20px;
  font-weight: 920;
  line-height: 24px;
}

.submission-readiness-preview-vaults {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.submission-readiness-preview-vaults span {
  min-height: 24px;
  padding: 4px 8px;
  color: #fff4db;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(212, 167, 44, 0.22);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 820;
  line-height: 14px;
}

.submission-readiness-preview-action {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  background: rgba(15, 20, 27, 0.48);
  border: 1px solid rgba(212, 167, 44, 0.18);
  border-radius: 8px;
}

.submission-readiness-preview-action span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 9px;
  font-weight: 850;
  line-height: 13px;
  text-transform: uppercase;
}

.submission-readiness-preview-action strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 780;
  line-height: 17px;
  overflow-wrap: anywhere;
}

.command-center-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 14px;
  align-items: start;
}

.command-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.command-panel-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.command-panel-heading p,
.command-panel-heading h2 {
  margin: 0;
}

.command-panel-heading p {
  color: #67809f;
}

.command-panel-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.command-next-actions,
.command-blockers,
.command-proof-chain {
  grid-column: 1;
}

.command-vu-findings,
.command-verification {
  grid-column: 2;
}

.command-vu-findings {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.18), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 58%, #081421 100%);
  border-color: rgba(103, 128, 159, 0.42);
  border-left: 4px solid #67809f;
}

.command-vu-findings .command-panel-heading p {
  color: rgba(230, 233, 238, 0.72);
}

.command-vu-findings .command-panel-heading h2 {
  color: #ffffff;
}

.command-action-list,
.command-vu-finding-list,
.command-blocker-grid {
  display: grid;
  gap: 10px;
}

.command-action {
  --command-accent: #94a3b8;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--command-accent);
  border-radius: 8px;
}

.command-action > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background: #0d1b2a;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.command-action strong {
  display: block;
  margin-bottom: 8px;
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 19px;
  overflow-wrap: anywhere;
}

.command-action dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.command-action dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.command-action dt,
.command-action dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 15px;
}

.command-action dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.command-action dd {
  color: #0d1b2a;
  font-weight: 820;
}

.command-vu-principle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.command-vu-principle span {
  min-height: 34px;
  padding: 8px 10px;
  color: #fffaf0;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 840;
  line-height: 16px;
}

.command-vu-finding,
.command-blocker {
  --command-accent: #94a3b8;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
}

.command-vu-finding {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-left: 3px solid var(--command-accent);
}

.command-vu-finding strong,
.command-vu-finding span,
.command-vu-finding small {
  overflow-wrap: anywhere;
}

.command-vu-finding strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 840;
  line-height: 18px;
}

.command-vu-finding span,
.command-vu-finding small {
  color: rgba(237, 242, 247, 0.72);
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
}

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

.command-blocker {
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--command-accent);
}

.command-blocker strong,
.command-blocker span,
.command-blocker p,
.command-blocker small {
  margin: 0;
  overflow-wrap: anywhere;
}

.command-blocker strong {
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 19px;
}

.command-blocker span {
  color: var(--command-accent);
  font-size: 11px;
  font-weight: 860;
  line-height: 15px;
  text-transform: uppercase;
}

.command-blocker p,
.command-blocker small {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.command-verification .human-verification-routing,
.command-proof-chain .proof-chain-timeline {
  padding: 0;
  background: transparent;
  border: 0;
}

.command-proof-chain .proof-chain-timeline-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.command-tone-ready {
  --command-accent: #2e7d32;
}

.command-tone-review {
  --command-accent: #d4a72c;
}

.command-tone-risk {
  --command-accent: #c0392b;
}

.command-tone-progress {
  --command-accent: #67809f;
}

.command-tone-neutral {
  --command-accent: #94a3b8;
}

.become-compliant-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
  gap: 18px;
  align-items: center;
  min-height: 132px;
  padding: 20px;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 18%, rgba(212, 167, 44, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(103, 128, 159, 0.24), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.become-compliant-hero h1,
.become-compliant-hero p {
  margin: 0;
}

.become-compliant-eyebrow,
.become-compliant-section-heading p {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 15px;
  text-transform: uppercase;
}

.become-compliant-hero h1 {
  margin-top: 4px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 880;
  line-height: 38px;
}

.become-compliant-hero p:last-child {
  max-width: 720px;
  margin-top: 7px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

.become-compliant-hero-status {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  background: rgba(8, 20, 33, 0.5);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.become-compliant-hero-status span,
.become-compliant-hero-status small {
  color: rgba(237, 242, 247, 0.76);
  font-size: 12px;
  font-weight: 740;
  line-height: 17px;
}

.become-compliant-hero-status strong {
  color: #f4cf75;
  font-size: 18px;
  font-weight: 880;
  line-height: 23px;
}

.become-compliant-journey,
.become-compliant-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.become-compliant-section-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.become-compliant-section-heading p,
.become-compliant-section-heading h2 {
  margin: 0;
}

.become-compliant-section-heading p {
  color: #67809f;
}

.become-compliant-section-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.become-compliant-journey-list,
.become-compliant-proof-chain {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.become-compliant-journey-list li {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
  min-height: 94px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 3px solid #67809f;
  border-radius: 8px;
}

.become-compliant-journey-list li:first-child,
.become-compliant-proof-chain li:first-child {
  border-top-color: #2e7d32;
}

.become-compliant-journey-list li:nth-child(4),
.become-compliant-proof-chain li:nth-child(4) {
  border-top-color: #d4a72c;
}

.become-compliant-journey-list li:last-child,
.become-compliant-proof-chain li:last-child {
  border-top-color: #94a3b8;
}

.become-compliant-journey-list li > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background: #0d1b2a;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.become-compliant-journey-list strong,
.become-compliant-journey-list p {
  margin: 0;
  overflow-wrap: anywhere;
}

.become-compliant-journey-list strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 860;
  line-height: 18px;
}

.become-compliant-journey-list p {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  font-weight: 680;
  line-height: 17px;
}

.become-compliant-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 14px;
  align-items: stretch;
}

.become-compliant-panel:nth-child(3),
.become-compliant-panel:nth-child(4),
.become-compliant-proof {
  grid-column: span 1;
}

.become-compliant-proof {
  grid-column: 1 / -1;
}

.become-compliant-execution {
  grid-column: 1 / -1;
  min-width: 0;
}

.become-compliant-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.become-compliant-snapshot {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 104px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 3px solid #94a3b8;
  border-radius: 8px;
}

.become-compliant-snapshot-ready {
  border-top-color: #2e7d32;
}

.become-compliant-snapshot-review {
  border-top-color: #d4a72c;
}

.become-compliant-snapshot-risk {
  border-top-color: #c0392b;
}

.become-compliant-snapshot-progress {
  border-top-color: #67809f;
}

.become-compliant-snapshot dt,
.become-compliant-snapshot span {
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
  line-height: 15px;
  text-transform: uppercase;
}

.become-compliant-snapshot dd {
  margin: 0;
  color: #0d1b2a;
  font-size: 28px;
  font-weight: 920;
  line-height: 32px;
}

.become-compliant-start {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.14), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #111827 0%, #1a2029 56%, #0d1118 100%);
  border-color: rgba(212, 167, 44, 0.36);
}

.become-compliant-start .become-compliant-section-heading p {
  color: rgba(255, 244, 219, 0.72);
}

.become-compliant-start .become-compliant-section-heading h2 {
  color: #ffffff;
}

.become-compliant-action-list {
  display: grid;
  gap: 8px;
}

.become-compliant-action-list button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 12px;
  color: #fffaf0;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(212, 167, 44, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 820;
}

.become-compliant-action-list button::after {
  color: #f4cf75;
  content: ">";
}

.become-compliant-action-list button:hover,
.become-compliant-action-list button:focus-visible {
  background: rgba(245, 196, 76, 0.12);
  border-color: rgba(212, 167, 44, 0.48);
  outline: none;
}

.become-compliant-vu-list,
.become-compliant-verification-grid {
  display: grid;
  gap: 8px;
}

.become-compliant-vu-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.become-compliant-vu-list li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-height: 46px;
  padding: 9px 10px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.become-compliant-vu-list span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background:
    radial-gradient(circle at 36% 28%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 27%),
    linear-gradient(145deg, #67809f, #13283d);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 920;
}

.become-compliant-vu-list strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 820;
  line-height: 18px;
}

.become-compliant-verification-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.become-compliant-verification-grid article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 3px solid #67809f;
  border-radius: 8px;
}

.become-compliant-verification-grid span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.become-compliant-verification-grid strong {
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 880;
  line-height: 18px;
  text-transform: capitalize;
}

.become-compliant-verification-grid p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 680;
  line-height: 17px;
}

.become-compliant-proof-chain li {
  position: relative;
  min-width: 0;
  min-height: 58px;
  padding: 12px 28px 12px 12px;
  color: #0d1b2a;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 3px solid #67809f;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
  line-height: 17px;
}

.become-compliant-proof-chain li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 8px;
  color: #67809f;
  content: ">";
  font-size: 16px;
  font-weight: 900;
  transform: translateY(-50%);
}

.vault-operational-memory {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(260px, 1fr) minmax(300px, 0.92fr);
  gap: 12px;
  align-items: stretch;
  min-width: 0;
  padding: 14px;
  color: #ffffff;
  background:
    radial-gradient(circle at 94% 16%, rgba(212, 167, 44, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(245, 196, 76, 0.1), rgba(16, 21, 28, 0) 52%),
    linear-gradient(180deg, #111827 0%, #1a2029 52%, #0d1118 100%);
  border: 1px solid rgba(212, 167, 44, 0.34);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 14px 28px rgba(13, 27, 42, 0.12);
}

.vault-operational-memory-copy,
.vault-proof-chain-card {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vault-operational-memory-copy h2,
.vault-operational-memory-copy p,
.vault-proof-chain-card h3,
.vault-proof-chain-card p {
  margin: 0;
}

.vault-operational-memory-copy h2,
.vault-proof-chain-card h3 {
  color: #fffaf0;
  font-size: 16px;
  font-weight: 860;
  line-height: 21px;
}

.vault-operational-memory-copy p:not(.evidence-panel-label),
.vault-proof-chain-card h3 {
  color: rgba(255, 250, 240, 0.76);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.vault-memory-list {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  gap: 7px;
  min-width: 0;
}

.vault-memory-list span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  color: #fff4db;
  background: rgba(15, 20, 27, 0.48);
  border: 1px solid rgba(212, 167, 44, 0.32);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
}

.vault-proof-chain-card {
  padding: 10px;
  background: rgba(15, 20, 27, 0.42);
  border: 1px solid rgba(255, 244, 219, 0.14);
  border-radius: 8px;
}

.vault-proof-chain-card ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.vault-proof-chain-card li {
  position: relative;
  min-width: 0;
  padding: 7px 16px 7px 8px;
  color: #fff4db;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(212, 167, 44, 0.24);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 840;
  line-height: 14px;
}

.vault-proof-chain-card li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 5px;
  color: #d4a72c;
  content: ">";
  font-size: 12px;
  font-weight: 900;
  transform: translateY(-50%);
}

.division-vault-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.36fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.division-vault-main,
.division-vault-guidance {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.division-vault-heading,
.division-vault-guidance-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.division-vault-heading p,
.division-vault-heading h2,
.division-vault-heading span,
.division-vault-guidance-heading p,
.division-vault-guidance-heading h2 {
  margin: 0;
}

.division-vault-heading .evidence-panel-label,
.division-vault-guidance-heading .evidence-panel-label,
.division-vault-proof-chain .evidence-panel-label {
  color: #7a5703;
}

.division-vault-heading h2,
.division-vault-guidance-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.division-vault-heading span {
  max-width: 720px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  line-height: 19px;
}

.division-vault-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 10px;
}

.division-vault-card {
  --division-vault-accent: #94a3b8;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 13px;
  background:
    linear-gradient(180deg, #ffffff, #f8fafc);
  border: 1px solid #dbe3ec;
  border-top: 4px solid var(--division-vault-accent);
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.055);
}

.division-vault-card-header {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.division-vault-card-header h3,
.division-vault-card-header span,
.division-vault-card-header strong {
  display: block;
  margin: 0;
  overflow-wrap: anywhere;
}

.division-vault-card-header h3 {
  color: #0d1b2a;
  font-size: 15px;
  font-weight: 880;
  line-height: 20px;
}

.division-vault-card-header span {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
  text-transform: uppercase;
}

.division-vault-card-header strong {
  justify-self: start;
  min-height: 24px;
  padding: 4px 8px;
  color: #211805;
  background:
    linear-gradient(180deg, #fff8e7, rgba(212, 167, 44, 0.22)),
    #fffaf0;
  border: 1px solid rgba(212, 167, 44, 0.34);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
}

.division-vault-card dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.division-vault-card dl div {
  display: grid;
  grid-template-columns: minmax(104px, 1fr) max-content;
  gap: 8px;
  align-items: center;
  min-height: 28px;
}

.division-vault-card dt,
.division-vault-card dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 17px;
}

.division-vault-card dt {
  color: #64748b;
  font-weight: 780;
}

.division-vault-card dd {
  color: #0d1b2a;
  font-weight: 900;
}

.division-vault-guidance {
  position: sticky;
  top: 14px;
  color: #ffffff;
  background:
    radial-gradient(circle at 95% 16%, rgba(212, 167, 44, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(245, 196, 76, 0.1), rgba(16, 21, 28, 0) 52%),
    linear-gradient(180deg, #111827 0%, #1a2029 52%, #0d1118 100%);
  border-color: rgba(212, 167, 44, 0.34);
  border-left: 4px solid #d4a72c;
}

.division-vault-guidance-heading h2,
.division-vault-proof-chain h3 {
  color: #fffaf0;
}

.division-vault-guidance-heading .evidence-panel-label,
.division-vault-proof-chain .evidence-panel-label {
  color: rgba(255, 244, 219, 0.72);
}

.division-vault-guidance-list {
  display: grid;
  gap: 8px;
}

.division-vault-guidance-item {
  --division-vault-accent: #94a3b8;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-left: 3px solid var(--division-vault-accent);
  border-radius: 8px;
}

.division-vault-guidance-item span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.division-vault-guidance-item strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 820;
  line-height: 18px;
}

.division-vault-proof-chain {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  background: rgba(15, 20, 27, 0.42);
  border: 1px solid rgba(255, 244, 219, 0.14);
  border-radius: 8px;
}

.division-vault-proof-chain h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 850;
  line-height: 18px;
}

.division-vault-proof-chain ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.division-vault-proof-chain li {
  position: relative;
  min-width: 0;
  min-height: 44px;
  padding: 8px 16px 8px 8px;
  color: #fff4db;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(212, 167, 44, 0.24);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 840;
  line-height: 14px;
}

.division-vault-proof-chain li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 5px;
  color: #d4a72c;
  content: ">";
  font-size: 12px;
  font-weight: 900;
  transform: translateY(-50%);
}

.division-vault-ready {
  --division-vault-accent: #2e7d32;
}

.division-vault-review {
  --division-vault-accent: #d4a72c;
}

.division-vault-risk {
  --division-vault-accent: #c0392b;
}

.division-vault-neutral {
  --division-vault-accent: #94a3b8;
}

.vault-workspace-drawer {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.vault-workspace-drawer > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 12px;
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.045);
  cursor: pointer;
  font-size: 13px;
  font-weight: 850;
  list-style: none;
}

.vault-workspace-drawer > summary::-webkit-details-marker {
  display: none;
}

.vault-workspace-drawer > summary::after {
  color: #7a5703;
  content: "Open";
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.vault-workspace-drawer[open] > summary::after {
  content: "Close";
}

.vault-workspace-drawer[open] > *:not(summary) {
  margin-top: 12px;
}

.labs-page {
  display: grid;
  gap: 16px;
  max-width: 1480px;
  min-width: 0;
}

.labs-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: 18px;
  align-items: center;
  min-height: 128px;
  padding: 20px;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 18%, rgba(212, 167, 44, 0.15), transparent 32%),
    linear-gradient(135deg, rgba(103, 128, 159, 0.22), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #d4a72c;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.labs-hero h1,
.labs-hero p {
  margin: 0;
}

.labs-eyebrow {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.labs-hero h1 {
  margin-top: 4px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 880;
  line-height: 38px;
}

.labs-hero p:last-child {
  max-width: 720px;
  margin-top: 7px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

.labs-hero-note {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  background: rgba(8, 20, 33, 0.5);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.labs-hero-note span {
  color: rgba(237, 242, 247, 0.76);
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
  text-transform: uppercase;
}

.labs-hero-note strong {
  color: #fffaf0;
  font-size: 14px;
  font-weight: 850;
  line-height: 19px;
}

.labs-signal-grid,
.labs-group-grid {
  display: grid;
  gap: 12px;
}

.labs-signal-grid {
  grid-template-columns: repeat(4, minmax(160px, 1fr));
}

.labs-signal-grid article,
.labs-group-card,
.labs-preserved-system {
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.labs-signal-grid article {
  display: grid;
  gap: 4px;
  min-height: 84px;
  padding: 13px;
  border-top: 4px solid #67809f;
}

.labs-signal-grid span {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
  text-transform: uppercase;
}

.labs-signal-grid strong {
  color: #0d1b2a;
  font-size: 30px;
  font-weight: 920;
  line-height: 34px;
}

.labs-group-grid {
  grid-template-columns: repeat(5, minmax(180px, 1fr));
}

.labs-group-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border-top: 4px solid #d4a72c;
}

.labs-group-card h2 {
  margin: 0;
  color: #0d1b2a;
  font-size: 15px;
  font-weight: 860;
  line-height: 20px;
}

.labs-group-card ul {
  display: grid;
  gap: 7px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.labs-group-card li {
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
  line-height: 17px;
}

.labs-preserved-system {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.labs-preserved-system > summary {
  color: #0d1b2a;
  cursor: pointer;
  font-size: 14px;
  font-weight: 860;
  list-style: none;
}

.labs-preserved-system > summary::-webkit-details-marker {
  display: none;
}

.labs-preserved-system > summary::after {
  float: right;
  color: #7a5703;
  content: "Open Lab";
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.labs-preserved-system[open] > summary::after {
  content: "Close Lab";
}

@media (max-width: 1260px) {
  .become-compliant-snapshot-grid,
  .become-compliant-journey-list,
  .become-compliant-proof-chain {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vault-operational-memory {
    grid-template-columns: 1fr;
  }

  .division-vault-workspace {
    grid-template-columns: 1fr;
  }

  .division-vault-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }

  .division-vault-guidance {
    position: static;
  }

  .labs-group-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 920px) {
  .become-compliant-hero,
  .become-compliant-main-grid {
    grid-template-columns: 1fr;
  }

  .become-compliant-hero-status {
    max-width: 320px;
  }

  .vault-proof-chain-card ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .division-vault-proof-chain ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workflow-readiness-summary,
  .workflow-attention-grid-compact,
  .workflow-card-list-compact,
  .labs-signal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workflow-domain-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .labs-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .become-compliant-hero,
  .become-compliant-journey,
  .become-compliant-panel {
    padding: 14px;
  }

  .become-compliant-journey-list,
  .become-compliant-snapshot-grid,
  .become-compliant-verification-grid,
  .become-compliant-proof-chain,
  .vault-proof-chain-card ol {
    grid-template-columns: 1fr;
  }

  .become-compliant-hero h1 {
    font-size: 26px;
    line-height: 32px;
  }

  .division-vault-main,
  .division-vault-guidance {
    padding: 14px;
  }

  .division-vault-grid,
  .division-vault-card dl div,
  .division-vault-proof-chain ol,
  .workflow-readiness-summary,
  .workflow-attention-grid-compact,
  .workflow-domain-status-grid,
  .workflow-card-list-compact,
  .workflow-deep-links,
  .labs-signal-grid,
  .labs-group-grid {
    grid-template-columns: 1fr;
  }

  .labs-hero {
    padding: 14px;
  }

  .labs-hero h1 {
    font-size: 26px;
    line-height: 32px;
  }
}

.readiness-execution {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.readiness-execution:not(.readiness-execution-embedded) {
  max-width: 1480px;
}

.readiness-execution-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
  gap: 18px;
  align-items: center;
  min-height: 132px;
  padding: 20px;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 18%, rgba(212, 167, 44, 0.15), transparent 32%),
    linear-gradient(135deg, rgba(103, 128, 159, 0.22), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.readiness-execution-hero h1,
.readiness-execution-hero p {
  margin: 0;
}

.readiness-execution-eyebrow,
.readiness-execution-section-heading p {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.readiness-execution-hero h1 {
  margin-top: 4px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 880;
  line-height: 38px;
}

.readiness-execution-hero p:last-child {
  max-width: 720px;
  margin-top: 7px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

.readiness-execution-hero-status {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  background: rgba(8, 20, 33, 0.5);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.readiness-execution-hero-status span,
.readiness-execution-hero-status small {
  color: rgba(237, 242, 247, 0.76);
  font-size: 12px;
  font-weight: 740;
  line-height: 17px;
}

.readiness-execution-hero-status strong {
  color: #f4cf75;
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
}

.readiness-execution-section-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.readiness-execution-section-heading p,
.readiness-execution-section-heading h2 {
  margin: 0;
}

.readiness-execution-section-heading p {
  color: #67809f;
}

.readiness-execution-section-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.readiness-execution-journey {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 8px;
}

.readiness-execution-step,
.readiness-phase-card,
.readiness-execution-division {
  --readiness-execution-accent: #94a3b8;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-top: 3px solid var(--readiness-execution-accent);
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.045);
}

.readiness-execution-step strong,
.readiness-phase-card strong,
.readiness-execution-division strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 860;
  line-height: 18px;
}

.readiness-execution-step span,
.readiness-phase-card span,
.readiness-phase-card small,
.readiness-execution-division span,
.readiness-execution-division small {
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
  line-height: 15px;
}

.readiness-execution-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 14px;
  align-items: start;
}

.readiness-execution-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.readiness-next-actions {
  grid-column: 2;
  grid-row: auto;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.14), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #111827 0%, #1a2029 56%, #0d1118 100%);
  border-color: rgba(212, 167, 44, 0.36);
  border-left: 4px solid #d4a72c;
}

.readiness-next-actions .readiness-execution-section-heading p {
  color: rgba(255, 244, 219, 0.72);
}

.readiness-next-actions .readiness-execution-section-heading h2 {
  color: #ffffff;
}

.readiness-next-action-list {
  display: grid;
  gap: 8px;
}

.readiness-next-action-list article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(212, 167, 44, 0.24);
  border-radius: 8px;
}

.readiness-next-action-list article > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  color: #211805;
  background: #f4cf75;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.readiness-next-action-list strong,
.readiness-next-action-list small {
  display: block;
  overflow-wrap: anywhere;
}

.readiness-next-action-list strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 840;
  line-height: 18px;
}

.readiness-next-action-list small {
  margin-top: 2px;
  color: rgba(255, 244, 219, 0.68);
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
}

.readiness-blockers-panel {
  grid-column: 2;
}

.readiness-blocker-list {
  display: grid;
  gap: 8px;
}

.readiness-blocker-item {
  --readiness-execution-accent: #94a3b8;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--readiness-execution-accent);
  border-radius: 8px;
}

.readiness-blocker-item strong,
.readiness-blocker-item span,
.readiness-blocker-item small {
  overflow-wrap: anywhere;
}

.readiness-blocker-item strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 860;
  line-height: 18px;
}

.readiness-blocker-item span {
  color: var(--readiness-execution-accent);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
}

.readiness-blocker-item small {
  color: #64748b;
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
}

.readiness-phase-panel,
.readiness-division-panel,
.readiness-mission-panel {
  grid-column: 1;
}

.readiness-mission-panel,
.readiness-mission-detail-panel {
  grid-column: 1 / -1;
}

.readiness-phase-grid,
.readiness-execution-division-grid {
  display: grid;
  gap: 10px;
}

.readiness-phase-grid {
  grid-template-columns: repeat(5, minmax(130px, 1fr));
}

.readiness-execution-division-grid {
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.readiness-mission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  gap: 12px;
}

.readiness-mission-card {
  --readiness-execution-accent: #94a3b8;
  display: grid;
  gap: 13px;
  min-width: 0;
  padding: 15px;
  background:
    linear-gradient(180deg, #ffffff, #f8fafc);
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--readiness-execution-accent);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(13, 27, 42, 0.075);
}

.readiness-mission-card-active {
  border-color: rgba(212, 167, 44, 0.58);
  box-shadow: 0 18px 34px rgba(13, 27, 42, 0.12);
}

.readiness-mission-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: start;
}

.readiness-mission-header span,
.readiness-mission-header small {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
  text-transform: uppercase;
}

.readiness-mission-header h3 {
  margin: 4px 0;
  color: #0d1b2a;
  font-size: 17px;
  font-weight: 880;
  line-height: 22px;
}

.readiness-mission-header > strong {
  color: var(--readiness-execution-accent);
  font-size: 30px;
  font-weight: 920;
  line-height: 34px;
}

.readiness-mission-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.readiness-mission-status-row span {
  min-height: 24px;
  padding: 4px 8px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
}

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

.readiness-mission-columns section {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.readiness-mission-columns h4 {
  margin: 0;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 850;
  line-height: 16px;
  text-transform: uppercase;
}

.readiness-mission-columns ul {
  display: grid;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.readiness-mission-columns li {
  padding-left: 9px;
  color: #475569;
  border-left: 3px solid var(--readiness-execution-accent);
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

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

.readiness-mission-meta div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.readiness-mission-meta dt,
.readiness-mission-meta dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 15px;
}

.readiness-mission-meta dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.readiness-mission-meta dd {
  color: #0d1b2a;
  font-weight: 820;
}

.readiness-mission-next {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  color: #ffffff;
  background: #0d1b2a;
  border: 1px solid rgba(103, 128, 159, 0.36);
  border-radius: 8px;
}

.readiness-mission-next span {
  color: rgba(237, 242, 247, 0.68);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.readiness-mission-next strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 860;
  line-height: 19px;
}

.readiness-mission-open {
  justify-self: start;
  min-height: 32px;
  padding: 7px 11px;
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.16);
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(13, 27, 42, 0.06);
  font-size: 12px;
  font-weight: 860;
  line-height: 16px;
}

.readiness-mission-open:hover,
.readiness-mission-open:focus-visible {
  border-color: rgba(212, 167, 44, 0.72);
  outline: none;
}

.readiness-mission-detail {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.readiness-mission-detail-summary {
  --readiness-execution-accent: #94a3b8;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.12), rgba(13, 27, 42, 0) 42%),
    linear-gradient(180deg, #111827 0%, #17212d 100%);
  border: 1px solid rgba(230, 233, 238, 0.14);
  border-left: 4px solid var(--readiness-execution-accent);
  border-radius: 8px;
}

.readiness-mission-detail-summary span,
.readiness-mission-detail-summary h3,
.readiness-mission-detail-summary p {
  margin: 0;
  overflow-wrap: anywhere;
}

.readiness-mission-detail-summary span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.readiness-mission-detail-summary h3 {
  margin-top: 4px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 880;
  line-height: 23px;
}

.readiness-mission-detail-summary p {
  max-width: 780px;
  margin-top: 5px;
  color: rgba(237, 242, 247, 0.78);
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.readiness-mission-detail-summary > strong {
  color: #f4cf75;
  font-size: 30px;
  font-weight: 920;
  line-height: 34px;
}

.readiness-mission-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 10px;
}

.readiness-mission-detail-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.readiness-mission-detail-card h4 {
  margin: 0;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 860;
  line-height: 16px;
  text-transform: uppercase;
}

.readiness-mission-detail-card ul {
  display: grid;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.readiness-mission-detail-card li {
  padding-left: 9px;
  color: #475569;
  border-left: 3px solid var(--readiness-execution-accent, #94a3b8);
  font-size: 12px;
  font-weight: 720;
  line-height: 17px;
  overflow-wrap: anywhere;
}

.readiness-verification-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
}

.readiness-verification-strip span {
  min-width: 0;
  min-height: 34px;
  padding: 8px 10px;
  color: #fffaf0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
    #111827;
  border: 1px solid rgba(212, 167, 44, 0.24);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 840;
  line-height: 16px;
  text-align: center;
  overflow-wrap: anywhere;
}

.readiness-mission-detail-component {
  --readiness-execution-accent: #94a3b8;
}

.readiness-mission-detail-compact {
  gap: 10px;
}

.readiness-mission-detail-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.readiness-mission-detail-status-row span {
  min-height: 24px;
  padding: 4px 8px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
}

.readiness-mission-detail-next {
  border-left: 4px solid var(--readiness-execution-accent);
}

.readiness-mission-detail-impact {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--readiness-execution-accent);
  border-radius: 8px;
}

.readiness-mission-detail-impact span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.readiness-mission-detail-impact strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 820;
  line-height: 18px;
  overflow-wrap: anywhere;
}

.proof-chain-timeline,
.human-verification-routing,
.submission-readiness-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border-radius: 8px;
}

.proof-chain-timeline,
.human-verification-routing {
  background: #f8fafc;
  border: 1px solid #dbe3ec;
}

.proof-chain-timeline-header,
.human-verification-routing-header,
.submission-readiness-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.52fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
}

.proof-chain-timeline-header p,
.proof-chain-timeline-header h3,
.proof-chain-timeline-header span,
.human-verification-routing-header p,
.human-verification-routing-header h3,
.human-verification-routing-header span,
.submission-readiness-header p,
.submission-readiness-header h3 {
  margin: 0;
  overflow-wrap: anywhere;
}

.proof-chain-timeline-header p,
.human-verification-routing-header p,
.submission-readiness-header p {
  color: #67809f;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.proof-chain-timeline-header h3,
.human-verification-routing-header h3 {
  margin-top: 3px;
  color: #0d1b2a;
  font-size: 16px;
  font-weight: 880;
  line-height: 21px;
}

.proof-chain-timeline-header span,
.human-verification-routing-header span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.proof-chain-timeline-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.proof-chain-step {
  --proof-chain-accent: #94a3b8;
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-top: 3px solid var(--proof-chain-accent);
  border-radius: 8px;
}

.proof-chain-step:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -8px;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  color: #67809f;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  content: ">";
  font-size: 10px;
  font-weight: 900;
  transform: translateY(-50%);
}

.proof-chain-step-complete {
  --proof-chain-accent: #2e7d32;
}

.proof-chain-step-current {
  --proof-chain-accent: #d4a72c;
}

.proof-chain-step-pending {
  --proof-chain-accent: #94a3b8;
}

.proof-chain-step-blocked {
  --proof-chain-accent: #c0392b;
}

.proof-chain-step-marker {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  background:
    radial-gradient(circle at center, #ffffff 0 28%, transparent 30%),
    var(--proof-chain-accent);
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(103, 128, 159, 0.11);
}

.proof-chain-step-body {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.proof-chain-step-body strong,
.proof-chain-step-body span,
.proof-chain-step-body small,
.proof-chain-step-body dt,
.proof-chain-step-body dd {
  overflow-wrap: anywhere;
}

.proof-chain-step-body strong {
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 860;
  line-height: 16px;
}

.proof-chain-step-body > span {
  justify-self: start;
  min-height: 22px;
  padding: 3px 7px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: capitalize;
}

.proof-chain-step-body dl {
  display: grid;
  gap: 5px;
  margin: 0;
}

.proof-chain-step-body dl div {
  display: grid;
  gap: 2px;
}

.proof-chain-step-body dt,
.proof-chain-step-body dd {
  margin: 0;
  font-size: 10px;
  line-height: 14px;
}

.proof-chain-step-body dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.proof-chain-step-body dd {
  color: #0d1b2a;
  font-weight: 800;
}

.proof-chain-step-body small {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
}

.human-verification-route-list {
  display: grid;
  gap: 8px;
}

.human-verification-route {
  --human-verification-accent: #94a3b8;
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--human-verification-accent);
  border-radius: 8px;
}

.human-verification-route > div:first-child {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.human-verification-route strong,
.human-verification-route span,
.human-verification-route dt,
.human-verification-route dd {
  overflow-wrap: anywhere;
}

.human-verification-route strong {
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 880;
  line-height: 18px;
}

.human-verification-route span {
  min-height: 22px;
  padding: 3px 7px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
}

.human-verification-route dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.human-verification-route dl div {
  display: grid;
  gap: 2px;
}

.human-verification-route dt,
.human-verification-route dd {
  margin: 0;
  font-size: 11px;
  line-height: 15px;
}

.human-verification-route dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.human-verification-route dd {
  color: #0d1b2a;
  font-weight: 760;
}

.human-verification-route-verified {
  --human-verification-accent: #2e7d32;
}

.human-verification-route-awaiting-review,
.human-verification-route-in-review {
  --human-verification-accent: #d4a72c;
}

.human-verification-route-needs-evidence {
  --human-verification-accent: #67809f;
}

.human-verification-route-rejected {
  --human-verification-accent: #c0392b;
}

.submission-readiness-panel {
  --submission-readiness-accent: #d4a72c;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 167, 44, 0.14), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #111827 0%, #1a2029 56%, #0d1118 100%);
  border: 1px solid rgba(212, 167, 44, 0.36);
  border-left: 4px solid var(--submission-readiness-accent);
}

.submission-readiness-not-ready {
  --submission-readiness-accent: #c0392b;
}

.submission-readiness-requires-review {
  --submission-readiness-accent: #d4a72c;
}

.submission-readiness-ready {
  --submission-readiness-accent: #2e7d32;
}

.submission-readiness-header {
  grid-template-columns: minmax(0, 1fr) max-content;
}

.submission-readiness-header p {
  color: rgba(255, 244, 219, 0.72);
}

.submission-readiness-header h3 {
  margin: 3px 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 880;
  line-height: 21px;
}

.submission-readiness-score {
  display: grid;
  gap: 2px;
  justify-items: end;
  min-width: 0;
}

.submission-readiness-score strong {
  color: #f4cf75;
  font-size: 28px;
  font-weight: 920;
  line-height: 32px;
}

.submission-readiness-score span {
  color: rgba(255, 244, 219, 0.76);
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
}

.submission-readiness-meter {
  height: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 244, 219, 0.16);
  border-radius: 999px;
}

.submission-readiness-meter span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--submission-readiness-accent), #f4cf75);
  border-radius: inherit;
}

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

.submission-readiness-grid section {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-radius: 8px;
}

.submission-readiness-grid h4 {
  margin: 0;
  color: #fffaf0;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.submission-readiness-grid ul {
  display: grid;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.submission-readiness-grid li {
  padding-left: 8px;
  color: rgba(237, 242, 247, 0.78);
  border-left: 3px solid var(--submission-readiness-accent);
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
  overflow-wrap: anywhere;
}

.submission-readiness-next {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(212, 167, 44, 0.22);
  border-radius: 8px;
}

.submission-readiness-next span {
  color: rgba(255, 244, 219, 0.72);
  font-size: 10px;
  font-weight: 850;
  line-height: 14px;
  text-transform: uppercase;
}

.submission-readiness-next strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 820;
  line-height: 18px;
  overflow-wrap: anywhere;
}

.become-compliant-active-mission {
  grid-column: 1 / -1;
}

.become-compliant-active-mission-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.48fr);
  gap: 12px;
  align-items: start;
}

.become-compliant-active-mission-grid > .proof-chain-timeline {
  grid-column: 1 / -1;
}

.become-compliant-active-mission-stack {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.become-compliant-execution-drawer {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.become-compliant-execution-drawer summary {
  cursor: pointer;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 860;
  line-height: 18px;
}

.readiness-programs-execution-preview {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.readiness-programs-execution-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.readiness-programs-execution-chips span {
  min-height: 26px;
  padding: 5px 9px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
}

.readiness-programs-execution-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 12px;
  align-items: start;
}

.readiness-programs-mission-preview-list,
.readiness-programs-execution-stack {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.readiness-execution-ready {
  --readiness-execution-accent: #2e7d32;
}

.readiness-execution-review {
  --readiness-execution-accent: #d4a72c;
}

.readiness-execution-risk {
  --readiness-execution-accent: #c0392b;
}

.readiness-execution-progress {
  --readiness-execution-accent: #67809f;
}

.readiness-execution-neutral {
  --readiness-execution-accent: #94a3b8;
}

.readiness-programs-page {
  display: grid;
  gap: 16px;
  max-width: 1480px;
  min-width: 0;
}

.readiness-programs-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
  gap: 18px;
  align-items: center;
  min-height: 132px;
  padding: 20px;
  color: #ffffff;
  background:
    radial-gradient(circle at 92% 18%, rgba(212, 167, 44, 0.15), transparent 32%),
    linear-gradient(135deg, rgba(103, 128, 159, 0.22), rgba(13, 27, 42, 0) 48%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 100%);
  border: 1px solid rgba(103, 128, 159, 0.42);
  border-left: 4px solid #67809f;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 27, 42, 0.12);
}

.readiness-programs-hero h1,
.readiness-programs-hero p {
  margin: 0;
}

.readiness-programs-eyebrow,
.readiness-programs-section-heading p {
  color: rgba(230, 233, 238, 0.72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 15px;
  text-transform: uppercase;
}

.readiness-programs-hero h1 {
  margin-top: 4px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 880;
  line-height: 38px;
}

.readiness-programs-hero p:last-child {
  max-width: 720px;
  margin-top: 7px;
  color: rgba(237, 242, 247, 0.84);
  font-size: 14px;
  line-height: 20px;
}

.readiness-programs-hero-card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  background: rgba(8, 20, 33, 0.5);
  border: 1px solid rgba(230, 233, 238, 0.16);
  border-radius: 8px;
}

.readiness-programs-hero-card span,
.readiness-programs-hero-card small {
  color: rgba(237, 242, 247, 0.76);
  font-size: 12px;
  font-weight: 740;
  line-height: 17px;
}

.readiness-programs-hero-card strong {
  color: #f4cf75;
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
}

.readiness-program-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  gap: 12px;
}

.readiness-program-card {
  --readiness-program-accent: #94a3b8;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 15px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-top: 4px solid var(--readiness-program-accent);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.readiness-program-card-header {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.readiness-program-card-header h2,
.readiness-program-card-header span {
  margin: 0;
  overflow-wrap: anywhere;
}

.readiness-program-card-header h2 {
  color: #0d1b2a;
  font-size: 17px;
  font-weight: 870;
  line-height: 22px;
}

.readiness-program-card-header span {
  justify-self: start;
  min-height: 24px;
  padding: 4px 8px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 820;
  line-height: 15px;
}

.readiness-program-score {
  display: grid;
  gap: 2px;
  align-content: center;
  min-height: 82px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.12), rgba(255, 255, 255, 0.92)),
    #f8fafc;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.readiness-program-score strong {
  color: #0d1b2a;
  font-size: 34px;
  font-weight: 920;
  line-height: 38px;
}

.readiness-program-score span {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  line-height: 15px;
  text-transform: uppercase;
}

.readiness-program-card dl,
.readiness-domain-card dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.readiness-program-card dl div,
.readiness-domain-card dl div {
  display: grid;
  grid-template-columns: minmax(116px, 0.82fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 30px;
}

.readiness-program-card dt,
.readiness-program-card dd,
.readiness-domain-card dt,
.readiness-domain-card dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 17px;
}

.readiness-program-card dt,
.readiness-domain-card dt {
  color: #64748b;
  font-weight: 820;
  text-transform: uppercase;
}

.readiness-program-card dd,
.readiness-domain-card dd {
  color: #0d1b2a;
  font-weight: 880;
  text-align: right;
}

.readiness-programs-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 14px;
  align-items: start;
}

.readiness-programs-featured,
.readiness-programs-guidance,
.readiness-programs-domains,
.readiness-programs-proof {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.readiness-programs-featured,
.readiness-programs-domains,
.readiness-programs-proof {
  grid-column: 1;
}

.readiness-programs-guidance {
  position: sticky;
  top: 14px;
  grid-column: 2;
  grid-row: span 2;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(103, 128, 159, 0.18), rgba(13, 27, 42, 0) 46%),
    linear-gradient(180deg, #0d1b2a 0%, #13283d 58%, #081421 100%);
  border-color: rgba(103, 128, 159, 0.42);
  border-left: 4px solid #67809f;
}

.readiness-programs-section-heading {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.readiness-programs-section-heading p,
.readiness-programs-section-heading h2 {
  margin: 0;
}

.readiness-programs-section-heading p {
  color: #67809f;
}

.readiness-programs-guidance .readiness-programs-section-heading p {
  color: rgba(230, 233, 238, 0.72);
}

.readiness-programs-section-heading h2 {
  color: #0d1b2a;
  font-size: 18px;
  font-weight: 860;
  line-height: 23px;
}

.readiness-programs-guidance .readiness-programs-section-heading h2 {
  color: #ffffff;
}

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

.readiness-programs-featured-grid article {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 92px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 3px solid #67809f;
  border-radius: 8px;
}

.readiness-programs-featured-grid strong {
  color: #0d1b2a;
  font-size: 26px;
  font-weight: 920;
  line-height: 30px;
}

.readiness-programs-featured-grid span {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  line-height: 17px;
}

.readiness-programs-featured-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.readiness-programs-featured-flow span {
  position: relative;
  min-width: 0;
  min-height: 48px;
  padding: 10px 24px 10px 10px;
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
  line-height: 16px;
}

.readiness-programs-featured-flow span:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 8px;
  color: #67809f;
  content: ">";
  font-size: 15px;
  font-weight: 900;
  transform: translateY(-50%);
}

.readiness-programs-guidance-list {
  display: grid;
  gap: 8px;
}

.readiness-program-guidance {
  --readiness-program-accent: #94a3b8;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(230, 233, 238, 0.12);
  border-left: 3px solid var(--readiness-program-accent);
  border-radius: 8px;
}

.readiness-program-guidance > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background:
    radial-gradient(circle at 36% 28%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 27%),
    linear-gradient(145deg, #67809f, #13283d);
  border: 1px solid rgba(230, 233, 238, 0.2);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 920;
}

.readiness-program-guidance strong,
.readiness-program-guidance small {
  display: block;
  overflow-wrap: anywhere;
}

.readiness-program-guidance strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 820;
  line-height: 18px;
}

.readiness-program-guidance small {
  margin-top: 2px;
  color: rgba(237, 242, 247, 0.64);
  font-size: 11px;
  font-weight: 720;
  line-height: 15px;
}

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

.readiness-domain-card {
  --readiness-program-accent: #94a3b8;
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-left: 4px solid var(--readiness-program-accent);
  border-radius: 8px;
}

.readiness-domain-card > div:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: start;
}

.readiness-domain-card h3 {
  margin: 0;
  color: #0d1b2a;
  font-size: 15px;
  font-weight: 860;
  line-height: 20px;
}

.readiness-domain-card > div:first-child strong {
  color: var(--readiness-program-accent);
  font-size: 24px;
  font-weight: 920;
  line-height: 28px;
}

.readiness-programs-proof ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.readiness-programs-proof li {
  position: relative;
  min-width: 0;
  min-height: 58px;
  padding: 12px 28px 12px 12px;
  color: #0d1b2a;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  border-top: 3px solid #67809f;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
  line-height: 17px;
}

.readiness-programs-proof li:first-child {
  border-top-color: #2e7d32;
}

.readiness-programs-proof li:nth-child(4) {
  border-top-color: #d4a72c;
}

.readiness-programs-proof li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 8px;
  color: #67809f;
  content: ">";
  font-size: 16px;
  font-weight: 900;
  transform: translateY(-50%);
}

.readiness-program-ready {
  --readiness-program-accent: #2e7d32;
}

.readiness-program-review {
  --readiness-program-accent: #d4a72c;
}

.readiness-program-risk {
  --readiness-program-accent: #c0392b;
}

.readiness-program-progress {
  --readiness-program-accent: #67809f;
}

.readiness-program-neutral {
  --readiness-program-accent: #94a3b8;
}

@media (max-width: 1260px) {
  .readiness-execution-layout {
    grid-template-columns: 1fr;
  }

  .command-center-grid {
    grid-template-columns: 1fr;
  }

  .command-intelligence-grid {
    grid-template-columns: 1fr;
  }

  .submission-package-grid {
    grid-template-columns: 1fr;
  }

  .submission-package-side-stack {
    grid-column: 1;
  }

  .submission-package-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .submission-readiness-preview {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.65fr);
  }

  .command-vu-findings,
  .command-verification {
    grid-column: 1;
  }

  .readiness-next-actions,
  .readiness-blockers-panel,
  .readiness-phase-panel,
  .readiness-division-panel,
  .readiness-mission-panel,
  .readiness-mission-detail-panel {
    grid-column: 1;
    grid-row: auto;
  }

  .readiness-mission-grid,
  .readiness-mission-detail-grid {
    grid-template-columns: 1fr;
  }

  .become-compliant-active-mission-grid,
  .readiness-programs-execution-grid {
    grid-template-columns: 1fr;
  }

  .readiness-program-card-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }

  .command-summary-grid,
  .command-action dl,
  .readiness-signal-meta,
  .readiness-risk-domain-grid,
  .submission-package-content dl,
  .submission-package-proof .proof-chain-timeline-steps,
  .command-proof-chain .proof-chain-timeline-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .readiness-programs-featured-grid,
  .readiness-programs-featured-flow,
  .readiness-programs-proof ol,
  .proof-chain-timeline-steps,
  .submission-readiness-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .readiness-execution-hero,
  .command-center-hero,
  .submission-package-hero,
  .readiness-signals-header,
  .readiness-risk-map-header,
  .readiness-execution-journey,
  .readiness-phase-grid,
  .readiness-execution-division-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .readiness-programs-hero,
  .command-center-grid,
  .readiness-programs-main-grid {
    grid-template-columns: 1fr;
  }

  .readiness-programs-guidance,
  .readiness-programs-featured,
  .readiness-programs-domains,
  .readiness-programs-execution-preview,
  .readiness-programs-proof {
    position: static;
    grid-column: 1;
  }

  .proof-chain-timeline-header,
  .human-verification-routing-header,
  .submission-readiness-header {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .readiness-execution-hero,
  .command-center-hero,
  .command-panel,
  .readiness-execution-panel,
  .proof-chain-timeline,
  .human-verification-routing,
  .submission-readiness-panel {
    padding: 14px;
  }

  .readiness-execution-hero,
  .command-center-hero,
  .command-summary-grid,
  .readiness-signal-card,
  .readiness-signal-meta,
  .operational-intelligence-event dl,
  .readiness-risk-domain-grid,
  .contract-impact-metrics,
  .contract-impact-lists,
  .command-vu-principle,
  .command-blocker-grid,
  .command-action dl,
  .command-proof-chain .proof-chain-timeline-steps,
  .readiness-execution-journey,
  .readiness-phase-grid,
  .readiness-execution-division-grid,
  .readiness-mission-detail-summary,
  .readiness-verification-strip,
  .proof-chain-timeline-steps,
  .submission-readiness-grid,
  .readiness-mission-columns,
  .readiness-mission-meta {
    grid-template-columns: 1fr;
  }

  .proof-chain-step:not(:last-child)::after {
    top: auto;
    right: auto;
    bottom: -12px;
    left: 10px;
    transform: rotate(90deg);
  }

  .readiness-execution-hero h1 {
    font-size: 26px;
    line-height: 32px;
  }

  .command-center-hero h1 {
    font-size: 26px;
    line-height: 32px;
  }

  .submission-package-hero h1 {
    font-size: 26px;
    line-height: 32px;
  }

  .submission-package-hero,
  .submission-package-summary,
  .submission-package-panel {
    padding: 14px;
  }

  .submission-package-hero,
  .submission-package-summary-grid,
  .submission-package-content,
  .submission-package-content dl,
  .submission-readiness-preview,
  .submission-readiness-preview-main,
  .submission-package-proof .proof-chain-timeline-steps {
    grid-template-columns: 1fr;
  }

  .readiness-programs-hero,
  .readiness-program-card,
  .readiness-programs-featured,
  .readiness-programs-guidance,
  .readiness-programs-domains,
  .readiness-programs-execution-preview,
  .readiness-programs-proof {
    padding: 14px;
  }

  .readiness-program-card-grid,
  .readiness-domain-grid,
  .readiness-programs-featured-grid,
  .readiness-programs-featured-flow,
  .readiness-programs-proof ol,
  .readiness-programs-execution-grid,
  .readiness-program-card dl div,
  .readiness-domain-card dl div {
    grid-template-columns: 1fr;
  }

  .readiness-program-card dd,
  .readiness-domain-card dd {
    text-align: left;
  }

  .readiness-programs-hero h1 {
    font-size: 26px;
    line-height: 32px;
  }
}

/* VU Workspace: dense midnight-granite operations frame. */

.vu-frame,
.vu-frame * {
  letter-spacing: 0;
}

.vu-frame {
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
  height: 100vh;
  min-height: 660px;
  overflow: hidden;
  color: #d8dee7;
  background: #0d0f13;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
}

.vu-frame-topbar {
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(160px, 260px) max-content;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 0 8px;
  background: #0a0c10;
  border-bottom: 1px solid #252b33;
}

.vu-frame-topbar-title,
.vu-frame-topbar-workspace {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.vu-frame-topbar-title strong,
.vu-frame-topbar-title span,
.vu-frame-topbar-workspace strong,
.vu-frame-topbar-workspace span,
.vu-frame-user strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-topbar-title strong,
.vu-frame-topbar-workspace strong {
  color: #eef3f8;
  font-size: 12px;
  font-weight: 720;
}

.vu-frame-topbar-title span,
.vu-frame-topbar-workspace span {
  color: #8c96a3;
  font-size: 11px;
}

.vu-frame-topbar-workspace {
  justify-self: end;
  padding: 0 8px;
  min-height: 24px;
  background: #14181f;
  border: 1px solid #2a3038;
  border-radius: 4px;
}

.vu-frame-user {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  max-width: 180px;
  min-height: 24px;
  padding: 0 7px;
  color: #d8dee7;
  background: #14181f;
  border: 1px solid #2a3038;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 650;
}

.vu-frame-user span {
  display: grid;
  place-items: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: #0a0c10;
  background: #49c7ba;
  border-radius: 3px;
  font-size: 9px;
  font-weight: 800;
}

.vu-frame-body {
  display: grid;
  grid-template-columns: 48px 244px minmax(520px, 1fr) minmax(300px, 336px);
  grid-template-rows: minmax(0, 1fr) minmax(220px, 36%);
  min-height: 0;
}

.vu-frame-rail {
  grid-column: 1;
  grid-row: 1 / 3;
  display: grid;
  align-content: start;
  gap: 2px;
  padding: 6px 3px;
  background: #090b0f;
  border-right: 1px solid #252b33;
}

.vu-frame-rail button {
  display: grid;
  place-items: center;
  gap: 2px;
  width: 42px;
  min-height: 46px;
  padding: 3px 2px;
  color: #9099a5;
  background: transparent;
  border: 1px solid transparent;
  border-left: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
}

.vu-frame-rail-icon {
  display: grid;
  place-items: center;
  width: 20px;
  height: 18px;
  color: inherit;
  font-size: 10px;
  font-weight: 820;
}

.vu-frame-rail small {
  width: 100%;
  overflow: hidden;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-rail button:hover,
.vu-frame-rail button:focus-visible,
.vu-frame-rail .vu-frame-rail-active {
  color: #eef3f8;
  background: #151a20;
  border-color: #2a3038;
  border-left-color: #49c7ba;
  outline: none;
}

.vu-frame-explorer {
  grid-column: 2;
  grid-row: 1 / 3;
  display: grid;
  grid-template-rows: 30px minmax(0, 1fr);
  min-height: 0;
  background: #11151b;
  border-right: 1px solid #252b33;
}

.vu-frame-explorer header {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  color: #a9b2bf;
  background: #101319;
  border-bottom: 1px solid #252b33;
  font-size: 10px;
  font-weight: 800;
}

.vu-frame-tree {
  min-height: 0;
  overflow: auto;
  padding: 5px 0 10px;
}

.vu-frame-tree-section summary {
  display: flex;
  align-items: center;
  min-height: 23px;
  padding: 0 9px;
  color: #8c96a3;
  list-style: none;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.vu-frame-tree-section summary::-webkit-details-marker {
  display: none;
}

.vu-frame-tree-section summary::before {
  content: ">";
  width: 12px;
  color: #697381;
  transform: rotate(90deg);
}

.vu-frame-tree-section:not([open]) summary::before {
  transform: rotate(0deg);
}

.vu-frame-tree-section > div {
  display: grid;
}

.vu-frame-tree-row {
  display: flex;
  gap: 7px;
  align-items: center;
  min-width: 0;
  min-height: 25px;
  padding: 0 10px 0 24px;
  overflow: hidden;
  color: #d8dee7;
  background: transparent;
  border: 0;
  border-left: 2px solid transparent;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.vu-frame-tree-row span {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  background: #66707d;
  border-radius: 999px;
}

.vu-frame-tree-row:hover,
.vu-frame-tree-row:focus-visible,
.vu-frame-tree-row-active {
  color: #eef3f8;
  background: #191f27;
  border-left-color: #49c7ba;
  outline: none;
}

.vu-frame-tree-row-active span {
  background: #49c7ba;
}

.vu-frame-editor {
  grid-column: 3;
  grid-row: 1;
  display: grid;
  grid-template-rows: 32px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  background: #15181d;
}

.vu-frame-tabs {
  display: flex;
  min-width: 0;
  overflow-x: auto;
  background: #101319;
  border-bottom: 1px solid #252b33;
}

.vu-frame-tabs button {
  flex: 0 0 auto;
  min-width: 138px;
  max-width: 210px;
  min-height: 32px;
  padding: 0 10px;
  overflow: hidden;
  color: #a9b2bf;
  background: #11151b;
  border: 0;
  border-right: 1px solid #252b33;
  border-top: 2px solid transparent;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.vu-frame-tabs button:hover,
.vu-frame-tabs button:focus-visible,
.vu-frame-tabs .vu-frame-tab-active {
  color: #eef3f8;
  background: #15181d;
  outline: none;
}

.vu-frame-tabs .vu-frame-tab-active {
  border-top-color: #49c7ba;
}

.vu-frame-canvas {
  display: grid;
  grid-template-rows: auto 31px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

.vu-frame-canvas-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 16px;
  align-items: center;
  min-width: 0;
  padding: 11px 14px;
  background: #15181d;
  border-bottom: 1px solid #252b33;
}

.vu-frame-canvas-heading div {
  min-width: 0;
}

.vu-frame-canvas-heading span {
  display: block;
  color: #8c96a3;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-canvas-heading h1 {
  margin: 3px 0 2px;
  color: #eef3f8;
  font-size: 15px;
  font-weight: 740;
  line-height: 1.25;
}

.vu-frame-canvas-heading p {
  margin: 0;
  overflow: hidden;
  color: #a9b2bf;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-object-state {
  display: grid;
  justify-items: end;
  gap: 1px;
  min-width: 150px;
}

.vu-frame-object-state strong {
  color: #e1b857;
  font-size: 12px;
  font-weight: 760;
}

.vu-frame-object-tabs {
  display: flex;
  min-width: 0;
  background: #11151b;
  border-bottom: 1px solid #252b33;
}

.vu-frame-object-tabs button {
  min-height: 31px;
  padding: 0 11px;
  color: #a9b2bf;
  background: transparent;
  border: 0;
  border-right: 1px solid #252b33;
  border-bottom: 2px solid transparent;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.vu-frame-object-tabs button:hover,
.vu-frame-object-tabs button:focus-visible,
.vu-frame-object-tabs .vu-frame-object-tab-active {
  color: #eef3f8;
  background: #171c23;
  outline: none;
}

.vu-frame-object-tabs .vu-frame-object-tab-active {
  border-bottom-color: #49c7ba;
}

.vu-frame-work-object {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 10px 12px;
  border: 0;
  border-radius: 0;
}

.vu-frame-participants {
  width: 100%;
  min-width: 930px;
  border-collapse: collapse;
  table-layout: fixed;
}

.vu-frame-participants th,
.vu-frame-participants td {
  height: 31px;
  padding: 0 8px;
  overflow: hidden;
  border-bottom: 1px solid #252b33;
  color: #cfd6df;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-participants th {
  height: 28px;
  color: #8c96a3;
  background: #101319;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-participants th:first-child,
.vu-frame-participants td:first-child {
  width: 46px;
  text-align: center;
}

.vu-frame-participants tbody tr:hover {
  background: #191f27;
}

.vu-frame-seal {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  vertical-align: middle;
}

.vu-frame-seal-ready {
  background: #36d399;
}

.vu-frame-seal-attention {
  background: #e1b857;
}

.vu-frame-seal-blocker {
  background: #f16d6d;
}

.vu-frame-seal-working {
  background: #49c7ba;
  box-shadow: 0 0 0 3px rgba(73, 199, 186, 0.14);
}

.vu-frame-status {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  max-width: 100%;
  padding: 0 7px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-status-ready {
  color: #aaf0ce;
  background: rgba(54, 211, 153, 0.1);
  border-color: rgba(54, 211, 153, 0.28);
}

.vu-frame-status-attention {
  color: #f4d889;
  background: rgba(225, 184, 87, 0.1);
  border-color: rgba(225, 184, 87, 0.3);
}

.vu-frame-status-blocker {
  color: #ffb0b0;
  background: rgba(241, 109, 109, 0.1);
  border-color: rgba(241, 109, 109, 0.3);
}

.vu-frame-status-working {
  color: #b4f4ed;
  background: rgba(73, 199, 186, 0.1);
  border-color: rgba(73, 199, 186, 0.3);
}

.vu-frame-work-placeholder {
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 14px;
  color: #a9b2bf;
  border-top: 1px solid transparent;
}

.vu-frame-work-placeholder strong {
  color: #eef3f8;
  font-size: 12px;
}

.vu-frame-vu-panel {
  grid-column: 4;
  grid-row: 1 / 3;
  display: grid;
  grid-template-rows: 32px minmax(0, 1fr);
  min-height: 0;
  background: #11151b;
  border-left: 1px solid #252b33;
}

.vu-frame-vu-tabbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 32px;
  background: #101319;
  border-bottom: 1px solid #252b33;
}

.vu-frame-vu-tabs {
  display: flex;
  min-width: 0;
}

.vu-frame-vu-tabs button,
.vu-frame-vu-new {
  min-width: 0;
  min-height: 32px;
  padding: 0 9px;
  overflow: hidden;
  color: #a9b2bf;
  background: transparent;
  border: 0;
  border-right: 1px solid #252b33;
  font-size: 11px;
  font-weight: 720;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.vu-frame-vu-new {
  color: #d8dee7;
  border-right: 0;
  border-left: 1px solid #252b33;
}

.vu-frame-vu-tabs button:hover,
.vu-frame-vu-tabs button:focus-visible,
.vu-frame-vu-tabs .vu-frame-vu-tab-active,
.vu-frame-vu-new:hover,
.vu-frame-vu-new:focus-visible {
  color: #eef3f8;
  background: #171c23;
  outline: none;
}

.vu-frame-vu-tabs .vu-frame-vu-tab-active {
  color: #b4f4ed;
  box-shadow: inset 0 2px 0 #49c7ba;
}

.vu-frame-chat {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
}

.vu-frame-chat-output {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
}

.vu-frame-chat-empty {
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 12px;
  color: #a9b2bf;
  border-bottom: 1px solid #252b33;
}

.vu-frame-chat-empty strong {
  color: #eef3f8;
  font-size: 12px;
  font-weight: 740;
}

.vu-frame-chat-empty span {
  font-size: 12px;
  line-height: 1.4;
}

.vu-frame-chat-workspace {
  display: grid;
  align-content: start;
  gap: 4px;
  min-height: 0;
  padding: 12px;
  color: #8c96a3;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0)),
    #0f1217;
}

.vu-frame-chat-workspace span {
  color: #d8dee7;
  font-size: 12px;
  font-weight: 720;
}

.vu-frame-chat-workspace p {
  margin: 0;
  font-size: 12px;
}

.vu-frame-chat-input {
  display: grid;
  padding: 9px;
  border-top: 1px solid #252b33;
}

.vu-frame-chat-input span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.vu-frame-chat-input textarea {
  width: 100%;
  min-height: 88px;
  resize: vertical;
  padding: 8px;
  color: #d8dee7;
  background: #0d0f13;
  border: 1px solid #2a3038;
  border-radius: 4px;
  outline: none;
  font: inherit;
  font-size: 12px;
  line-height: 1.4;
}

.vu-frame-chat-input textarea::placeholder {
  color: #697381;
}

.vu-frame-chat-input textarea:focus-visible {
  border-color: #49c7ba;
}

.vu-frame-bottom-panel {
  grid-column: 3;
  grid-row: 2;
  display: grid;
  grid-template-rows: 30px minmax(0, 1fr);
  min-height: 0;
  background: #0f1217;
  border-top: 1px solid #252b33;
  border-right: 0;
}

.vu-frame-bottom-tabs {
  display: flex;
  min-width: 0;
  background: #101319;
  border-bottom: 1px solid #252b33;
}

.vu-frame-bottom-tabs button {
  min-height: 30px;
  padding: 0 11px;
  color: #a9b2bf;
  background: transparent;
  border: 0;
  border-right: 1px solid #252b33;
  border-top: 2px solid transparent;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.vu-frame-bottom-tabs button:hover,
.vu-frame-bottom-tabs button:focus-visible,
.vu-frame-bottom-tabs .vu-frame-bottom-tab-active {
  color: #eef3f8;
  background: #15181d;
  outline: none;
}

.vu-frame-bottom-tabs .vu-frame-bottom-tab-active {
  border-top-color: #49c7ba;
}

.vu-frame-ledger-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 176px;
  min-height: 0;
}

.vu-frame-ledger-output {
  min-height: 0;
  overflow: auto;
  padding: 8px 10px;
  color: #d8dee7;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.vu-frame-ledger-output h2 {
  margin: 0 0 6px;
  color: #eef3f8;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
}

.vu-frame-ledger-output p {
  display: grid;
  grid-template-columns: 72px 150px minmax(0, 1fr);
  gap: 10px;
  min-height: 23px;
  margin: 0;
  align-items: center;
  border-bottom: 1px solid rgba(42, 48, 56, 0.78);
  font-size: 12px;
}

.vu-frame-ledger-output time {
  color: #8c96a3;
}

.vu-frame-ledger-output strong {
  min-width: 0;
  overflow: hidden;
  color: #b4f4ed;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ledger-output span {
  min-width: 0;
  overflow: hidden;
  color: #d8dee7;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-active-records {
  display: grid;
  grid-template-rows: 28px minmax(0, 1fr);
  min-height: 0;
  background: #11151b;
  border-left: 1px solid #252b33;
}

.vu-frame-active-records header {
  display: flex;
  align-items: center;
  padding: 0 9px;
  color: #8c96a3;
  border-bottom: 1px solid #252b33;
  font-size: 10px;
  font-weight: 800;
}

.vu-frame-active-records div {
  display: grid;
  align-content: start;
  min-height: 0;
  overflow: auto;
  padding: 5px;
}

.vu-frame-active-records button {
  min-height: 25px;
  padding: 0 7px;
  overflow: hidden;
  color: #a9b2bf;
  background: transparent;
  border: 1px solid transparent;
  border-left: 2px solid transparent;
  border-radius: 3px;
  font-size: 11px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.vu-frame-active-records button:hover,
.vu-frame-active-records button:focus-visible,
.vu-frame-active-records .vu-frame-active-record {
  color: #eef3f8;
  background: #191f27;
  border-left-color: #49c7ba;
  outline: none;
}

@media (max-width: 1180px) {
  .vu-frame {
    height: auto;
    min-height: 100vh;
    overflow: auto;
  }

  .vu-frame-topbar {
    grid-template-columns: minmax(0, 1fr) max-content;
    min-height: 44px;
  }

  .vu-frame-topbar-workspace {
    display: none;
  }

  .vu-frame-body {
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
  }

  .vu-frame-rail {
    grid-row: 1 / 5;
  }

  .vu-frame-explorer,
  .vu-frame-editor,
  .vu-frame-bottom-panel,
  .vu-frame-vu-panel {
    grid-column: 2;
    grid-row: auto;
  }

  .vu-frame-explorer,
  .vu-frame-vu-panel {
    max-height: 360px;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #252b33;
  }

  .vu-frame-editor {
    min-height: 460px;
  }

  .vu-frame-bottom-panel {
    min-height: 260px;
  }
}

@media (max-width: 760px) {
  .vu-frame-topbar {
    grid-template-columns: 1fr;
    padding: 5px 8px;
  }

  .vu-frame-user {
    justify-self: start;
  }

  .vu-frame-canvas-heading,
  .vu-frame-ledger-shell {
    grid-template-columns: 1fr;
  }

  .vu-frame-object-state {
    justify-items: start;
    min-width: 0;
  }

  .vu-frame-active-records {
    min-height: 130px;
    border-top: 1px solid #252b33;
    border-left: 0;
  }
}

/* VU Workspace functional UX pass. */

.vu-frame {
  color: #dde4ec;
  background: #111419;
}

.vu-frame-topbar {
  grid-template-columns: minmax(260px, 1fr) minmax(170px, 240px) 32px;
  background: #0d1015;
}

.vu-frame-topbar-title strong,
.vu-frame-topbar-workspace strong {
  font-size: 12px;
  font-weight: 740;
}

.vu-frame-topbar-workspace {
  min-height: 22px;
  background: transparent;
  border-color: transparent;
}

.vu-frame-user {
  justify-self: end;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
  border-color: #343a44;
}

.vu-frame-user span {
  width: 20px;
  height: 20px;
  background: #4fc3b7;
}

.vu-frame-body {
  grid-template-columns: 48px 244px minmax(560px, 1fr) minmax(336px, 380px);
  grid-template-rows: minmax(0, 1fr) minmax(230px, 35%);
  background: #111419;
}

.vu-frame-explorer {
  background: #15191f;
}

.vu-frame-editor {
  background: #1a1f27;
}

.vu-frame-tabs,
.vu-frame-object-tabs,
.vu-frame-bottom-tabs,
.vu-frame-vu-tabbar,
.vu-frame-explorer header {
  background: #12161c;
}

.vu-frame-tabs button {
  background: #15191f;
}

.vu-frame-tabs .vu-frame-tab-active,
.vu-frame-object-tabs .vu-frame-object-tab-active,
.vu-frame-bottom-tabs .vu-frame-bottom-tab-active,
.vu-frame-vu-tabs .vu-frame-vu-tab-active {
  border-color: #4fc3b7;
}

.vu-frame-canvas {
  grid-template-rows: auto 31px minmax(0, 1fr);
  background: #1a1f27;
}

.vu-frame-work-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.68fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 10px 14px;
  background: #1c222b;
  border-bottom: 1px solid #2b323c;
}

.vu-frame-work-header > div {
  min-width: 0;
}

.vu-frame-work-header span {
  display: block;
  color: #939eac;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-work-header h1 {
  margin: 2px 0 0;
  overflow: hidden;
  color: #f1f5f9;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-header dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid #2b323c;
}

.vu-frame-work-header dl div {
  min-width: 0;
  padding: 5px 7px;
  background: #171c23;
}

.vu-frame-work-header dt,
.vu-frame-work-header dd {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-header dt {
  color: #8d98a7;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-work-header dd {
  color: #e4eaf1;
  font-size: 11px;
  font-weight: 650;
}

.vu-frame-object-tabs button {
  min-width: 96px;
}

.vu-frame-work-object {
  display: block;
  background: #1a1f27;
}

.vu-frame-overview-panel {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px;
  min-height: 100%;
}

.vu-frame-terminal-summary {
  display: grid;
  gap: 2px;
  padding: 10px;
  color: #dbe3eb;
  background: #111419;
  border: 1px solid #2b323c;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.vu-frame-terminal-summary p {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.vu-frame-terminal-summary p::before {
  content: "> ";
  color: #4fc3b7;
}

.vu-frame-overview-actions,
.vu-frame-inline-actions,
.vu-frame-result-actions,
.vu-frame-result-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.vu-frame-overview-actions button,
.vu-frame-result-actions button,
.vu-frame-result-tools button,
.vu-frame-row-button {
  min-height: 24px;
  padding: 0 8px;
  color: #dbe3eb;
  background: #202733;
  border: 1px solid #36414f;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.vu-frame-overview-actions button:hover,
.vu-frame-overview-actions button:focus-visible,
.vu-frame-result-actions button:hover,
.vu-frame-result-actions button:focus-visible,
.vu-frame-result-tools button:hover,
.vu-frame-result-tools button:focus-visible,
.vu-frame-row-button:hover,
.vu-frame-row-button:focus-visible {
  color: #f8fafc;
  background: #25313d;
  border-color: #4fc3b7;
  outline: none;
}

.vu-frame-lifecycle {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #2b323c;
  list-style: none;
}

.vu-frame-lifecycle li {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #171c23;
}

.vu-frame-lifecycle strong,
.vu-frame-lifecycle span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-lifecycle strong {
  color: #f1f5f9;
  font-size: 11px;
}

.vu-frame-lifecycle span {
  color: #9aa5b3;
  font-size: 10px;
}

.vu-frame-table-scroll {
  width: 100%;
  min-height: 0;
  overflow: auto;
}

.vu-frame-dense-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
  table-layout: fixed;
}

.vu-frame-dense-table th,
.vu-frame-dense-table td {
  height: 31px;
  padding: 0 8px;
  overflow: hidden;
  border-bottom: 1px solid #2b323c;
  color: #d8e0e8;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-dense-table th {
  height: 28px;
  color: #8d98a7;
  background: #12161c;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-dense-table th:first-child,
.vu-frame-dense-table td:first-child {
  width: 50px;
}

.vu-frame-dense-table tbody tr:hover {
  background: #202733;
}

.vu-frame-status-idle {
  color: #c1c8d1;
  background: rgba(148, 156, 166, 0.1);
  border-color: rgba(148, 156, 166, 0.28);
}

.vu-frame-seal-idle {
  background: #7b8490;
}

.vu-frame-vu-panel {
  background: #161a20;
}

.vu-frame-vu-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto minmax(160px, 0.42fr);
  min-height: 0;
}

.vu-frame-vu-header {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  background: #1b2028;
  border-bottom: 1px solid #2b323c;
}

.vu-frame-vu-header strong {
  color: #f1f5f9;
  font-size: 13px;
  font-weight: 780;
}

.vu-frame-vu-header span {
  color: #9aa5b3;
  font-size: 11px;
}

.vu-frame-thread {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 0;
  overflow: auto;
  padding: 10px;
}

.vu-frame-thread-message {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vu-frame-thread-message > strong {
  color: #8d98a7;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-thread-message > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px;
  color: #dbe3eb;
  background: #1e252d;
  border: 1px solid #303844;
  border-radius: 5px;
  font-size: 12px;
  line-height: 1.45;
}

.vu-frame-thread-message ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding-left: 18px;
}

.vu-frame-result-block {
  display: grid;
  gap: 8px;
  padding: 9px;
  background: #111419;
  border: 1px solid #3b4653;
  border-left: 3px solid #4fc3b7;
  border-radius: 5px;
}

.vu-frame-result-block header {
  display: grid;
  gap: 7px;
}

.vu-frame-result-block header > span {
  color: #f1f5f9;
  font-size: 12px;
  font-weight: 760;
}

.vu-frame-result-tools button {
  min-height: 21px;
  padding: 0 6px;
  color: #aab5c2;
  background: #171c23;
  font-size: 10px;
}

.vu-frame-result-block blockquote {
  margin: 0;
  padding: 8px;
  color: #dbe3eb;
  background: #171c23;
  border: 1px solid #2b323c;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.45;
}

.vu-frame-chat-input {
  padding: 8px;
  background: #161a20;
}

.vu-frame-chat-input textarea {
  min-height: 72px;
  max-height: 140px;
  background: #111419;
}

.vu-frame-active-agents {
  display: grid;
  grid-template-rows: 28px minmax(0, 1fr);
  min-height: 0;
  background: #15191f;
  border-top: 1px solid #2b323c;
}

.vu-frame-active-agents header {
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #8d98a7;
  border-bottom: 1px solid #2b323c;
  font-size: 10px;
  font-weight: 800;
}

.vu-frame-active-agents > div {
  display: grid;
  align-content: start;
  min-height: 0;
  overflow: auto;
}

.vu-frame-agent-row {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 7px 8px;
  border-bottom: 1px solid #2b323c;
}

.vu-frame-agent-row > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.vu-frame-agent-row strong,
.vu-frame-agent-row span,
.vu-frame-agent-row small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-agent-row strong {
  color: #f1f5f9;
  font-size: 12px;
}

.vu-frame-agent-row span,
.vu-frame-agent-row small {
  color: #9aa5b3;
  font-size: 11px;
}

.vu-frame-ledger-output {
  background: #101318;
}

.vu-frame-ledger-context {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px 14px;
  max-width: 860px;
  margin-bottom: 8px;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.vu-frame-ledger-context strong,
.vu-frame-ledger-context span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ledger-context strong {
  grid-column: 1 / -1;
  color: #f1f5f9;
  font-size: 12px;
}

.vu-frame-ledger-context span {
  color: #b7c0ca;
  font-size: 11px;
}

.vu-frame-ledger-rule {
  height: 1px;
  margin: 2px 0 7px;
  background: repeating-linear-gradient(90deg, #3a424d 0 8px, transparent 8px 12px);
}

.vu-frame-ledger-output p {
  grid-template-columns: 78px 150px minmax(0, 1fr);
}

.vu-frame-active-records {
  background: #15191f;
}

@media (max-width: 1280px) {
  .vu-frame-work-header {
    grid-template-columns: 1fr;
  }

  .vu-frame-work-header dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vu-frame-lifecycle {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* VU Workspace operational execution center. */

.vu-frame {
  color: #e0e6ee;
  background: #0f1319;
}

.vu-frame-body {
  background: #141820;
}

.vu-frame-explorer {
  background: #181d24;
}

.vu-frame-editor {
  background: #202630;
}

.vu-frame-vu-panel {
  background: #172027;
  border-left-color: #34404c;
}

.vu-frame-bottom-panel {
  background: #0b0e12;
  border-top-color: #36404a;
}

.vu-frame-tabs button:hover,
.vu-frame-tabs button:focus-visible,
.vu-frame-object-tabs button:hover,
.vu-frame-object-tabs button:focus-visible,
.vu-frame-bottom-tabs button:hover,
.vu-frame-bottom-tabs button:focus-visible,
.vu-frame-vu-tabs button:hover,
.vu-frame-vu-tabs button:focus-visible,
.vu-frame-vu-new:hover,
.vu-frame-vu-new:focus-visible {
  color: #f8fbff;
  background: #26313b;
  border-color: #4fc3b7;
  outline: none;
}

.vu-frame-tabs .vu-frame-tab-active,
.vu-frame-object-tabs .vu-frame-object-tab-active,
.vu-frame-bottom-tabs .vu-frame-bottom-tab-active,
.vu-frame-vu-tabs .vu-frame-vu-tab-active {
  color: #f8fbff;
  background: #222b34;
  border-color: #4fc3b7;
}

.vu-frame-tree-section:last-child {
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #2d3540;
}

.vu-frame-tree-section:last-child .vu-frame-tree-row {
  min-height: 23px;
  color: #b5c1cc;
  font-size: 10px;
}

.vu-frame-tree-section:last-child .vu-frame-tree-row span {
  background: #36d399;
}

.vu-frame-work-object {
  padding: 10px;
  background: #202630;
}

.vu-frame-work-center {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px;
  min-height: 100%;
}

.vu-frame-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  padding: 8px;
  background: #171d25;
  border: 1px solid #333d49;
}

.vu-frame-action-row button {
  min-height: 27px;
  padding: 0 9px;
  color: #e6edf4;
  background: #242d38;
  border: 1px solid #3b4655;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 760;
  cursor: pointer;
}

.vu-frame-action-row button:hover,
.vu-frame-action-row button:focus-visible {
  color: #071112;
  background: #4fc3b7;
  border-color: #8be0d8;
  outline: none;
}

.vu-frame-document-flow {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 9px 10px;
  background: #11161d;
  border: 1px solid #34404d;
  border-left: 3px solid #4fc3b7;
}

.vu-frame-document-flow header {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.vu-frame-document-flow header span,
.vu-frame-work-card span,
.vu-frame-work-detail header span,
.vu-frame-surface-row span {
  color: #96a5b4;
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-document-flow header strong {
  min-width: 0;
  overflow: hidden;
  color: #f3f7fb;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-document-flow ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vu-frame-document-flow li,
.vu-frame-work-progress li {
  min-width: 0;
  min-height: 24px;
  padding: 5px 7px;
  overflow: hidden;
  color: #dce5ee;
  background: #202833;
  border: 1px solid #3a4654;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-flow-complete {
  border-color: rgba(54, 211, 153, 0.42);
}

.vu-frame-flow-attention {
  color: #ffe4a3;
  border-color: rgba(225, 184, 87, 0.58);
}

.vu-frame-work-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.92fr) minmax(360px, 1fr);
  gap: 10px;
  min-height: 0;
}

.vu-frame-work-list {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 0;
  overflow: auto;
}

.vu-frame-work-card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  color: #dbe4ed;
  background: #171d25;
  border: 1px solid #333d49;
  border-left: 3px solid #7b8490;
  border-radius: 5px;
  text-align: left;
  cursor: pointer;
}

.vu-frame-work-card:hover,
.vu-frame-work-card:focus-visible,
.vu-frame-work-card-selected {
  background: #202a35;
  border-color: #4fc3b7;
  outline: none;
}

.vu-frame-work-card-selected {
  box-shadow: inset 0 0 0 1px rgba(79, 195, 183, 0.52);
}

.vu-frame-work-card-ready {
  border-left-color: #36d399;
}

.vu-frame-work-card-attention {
  border-left-color: #e1b857;
}

.vu-frame-work-card-blocker {
  border-left-color: #f16d6d;
}

.vu-frame-work-card-working {
  border-left-color: #49c7ba;
}

.vu-frame-work-card-idle {
  border-left-color: #7b8490;
}

.vu-frame-work-card strong,
.vu-frame-surface-row strong {
  min-width: 0;
  overflow: hidden;
  color: #f4f7fb;
  font-size: 13px;
  font-weight: 780;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-card small,
.vu-frame-surface-row small {
  min-width: 0;
  overflow: hidden;
  color: #aebbc8;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-card > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
}

.vu-frame-dir-badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

.vu-frame-dir-badge {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: #dce6ef;
  background: #222a34;
  border: 1px solid #3a4654;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 850;
}

.vu-frame-dir-d {
  border-color: #67809f;
}

.vu-frame-dir-i {
  border-color: #49c7ba;
}

.vu-frame-dir-e {
  border-color: #36d399;
}

.vu-frame-dir-r {
  border-color: #e1b857;
}

.vu-frame-work-detail {
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  gap: 10px;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 12px;
  background: #151b22;
  border: 1px solid #37424f;
}

.vu-frame-work-detail header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  min-width: 0;
}

.vu-frame-work-detail header span,
.vu-frame-work-detail header h2 {
  grid-column: 1;
}

.vu-frame-work-detail header .vu-frame-status {
  grid-column: 2;
  grid-row: 1 / 3;
}

.vu-frame-work-detail h2,
.vu-frame-work-detail h3 {
  margin: 0;
  color: #f4f7fb;
}

.vu-frame-work-detail h2 {
  min-width: 0;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-detail h3 {
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-work-detail dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.vu-frame-work-detail dl div {
  min-width: 0;
  padding: 7px 8px;
  background: #202833;
  border: 1px solid #323d49;
}

.vu-frame-work-detail dt,
.vu-frame-work-detail dd {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-detail dt {
  color: #91a0af;
  font-size: 9px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-work-detail dd {
  color: #e0e8f0;
  font-size: 12px;
}

.vu-frame-work-progress {
  display: grid;
  gap: 7px;
}

.vu-frame-work-progress ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vu-frame-readiness-impact,
.vu-frame-work-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.vu-frame-work-surface {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 0;
  overflow: auto;
}

.vu-frame-surface-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(260px, 0.9fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  background: #171d25;
  border: 1px solid #333d49;
  border-left: 3px solid #7b8490;
}

.vu-frame-surface-row:hover {
  background: #202a35;
  border-color: #43515f;
}

.vu-frame-surface-row > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vu-frame-surface-row-ready {
  border-left-color: #36d399;
}

.vu-frame-surface-row-attention {
  border-left-color: #e1b857;
}

.vu-frame-surface-row-blocker {
  border-left-color: #f16d6d;
}

.vu-frame-surface-row-working {
  border-left-color: #49c7ba;
}

.vu-frame-surface-row-idle {
  border-left-color: #7b8490;
}

.vu-frame-ledger-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  margin-bottom: 8px;
}

.vu-frame-ledger-heading div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.vu-frame-ledger-heading h2,
.vu-frame-ledger-heading strong,
.vu-frame-ledger-heading span,
.vu-frame-ledger-heading em {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ledger-heading h2 {
  color: #f4f7fb;
  font-size: 12px;
  font-weight: 850;
}

.vu-frame-ledger-heading strong {
  color: #4fc3b7;
  font-size: 11px;
  font-weight: 780;
}

.vu-frame-ledger-heading span {
  color: #aebbc8;
  font-size: 11px;
}

.vu-frame-ledger-heading em {
  justify-self: end;
  padding: 3px 7px;
  color: #0b0e12;
  background: #4fc3b7;
  border-radius: 4px;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.vu-frame-ledger-output {
  background:
    linear-gradient(180deg, rgba(79, 195, 183, 0.035), rgba(79, 195, 183, 0)),
    #090c10;
}

.vu-frame-ledger-output p:hover {
  background: rgba(79, 195, 183, 0.06);
}

.vu-frame-ledger-context {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none;
  padding: 8px;
  background: #11161c;
  border: 1px solid #2d3641;
}

.vu-frame-ledger-context strong {
  color: #f4f7fb;
}

.vu-frame-ledger-context span {
  color: #b8c4cf;
}

.vu-frame-active-records button:hover,
.vu-frame-active-records button:focus-visible,
.vu-frame-active-records .vu-frame-active-record {
  color: #f5f9fc;
  background: #202832;
  border-left-color: #4fc3b7;
}

.vu-frame-agent-row {
  border-left: 3px solid transparent;
}

.vu-frame-agent-row:hover {
  background: #202832;
}

.vu-frame-agent-row:has(.vu-frame-seal-ready) {
  border-left-color: #36d399;
}

.vu-frame-agent-row:has(.vu-frame-seal-attention) {
  border-left-color: #e1b857;
}

.vu-frame-agent-row:has(.vu-frame-seal-blocker) {
  border-left-color: #f16d6d;
}

.vu-frame-agent-row:has(.vu-frame-seal-working) {
  border-left-color: #49c7ba;
}

@media (max-width: 1180px) {
  .vu-frame-work-grid,
  .vu-frame-document-flow,
  .vu-frame-surface-row {
    grid-template-columns: 1fr;
  }

  .vu-frame-document-flow ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vu-frame-ledger-context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .vu-frame-work-detail dl,
  .vu-frame-work-progress ol,
  .vu-frame-document-flow ol,
  .vu-frame-ledger-context {
    grid-template-columns: 1fr;
  }

  .vu-frame-work-detail header {
    grid-template-columns: 1fr;
  }

  .vu-frame-work-detail header .vu-frame-status {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
}

/* VU Workspace cleanup/refinement pass. */

.vu-frame {
  color: #dde5ee;
  background: #10141a;
}

.vu-frame-topbar {
  min-height: 38px;
  background: #0b0f14;
  border-bottom-color: #3a424c;
}

.vu-frame-topbar-title strong,
.vu-frame-topbar-workspace strong {
  color: #f4f7fb;
}

.vu-frame-body {
  grid-template-columns: 48px 238px minmax(560px, 1fr) minmax(330px, 370px);
  grid-template-rows: minmax(0, 1fr) minmax(220px, 32%);
  background: #11161d;
}

.vu-frame-rail {
  background: #0d1117;
  border-right-color: #323a44;
}

.vu-frame-explorer {
  background: #171c23;
  border-right-color: #3a424c;
}

.vu-frame-explorer header,
.vu-frame-active-agents header,
.vu-frame-active-records header {
  min-height: 32px;
  color: #c9d3dd;
  background: linear-gradient(180deg, #303842, #252d36);
  border-bottom: 1px solid #46515e;
}

.vu-frame-explorer header {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 10px;
}

.vu-frame-brand-mark {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: #071112;
  background: #4fc3b7;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 900;
}

.vu-frame-explorer header strong {
  color: #f2f6fa;
  font-size: 12px;
  font-weight: 800;
}

.vu-frame-tree {
  gap: 7px;
  padding: 8px 7px 10px;
}

.vu-frame-tree-section {
  border: 1px solid transparent;
  border-radius: 5px;
}

.vu-frame-tree-section summary {
  display: grid;
  gap: 2px;
  min-height: 28px;
  padding: 6px 8px 6px 20px;
  color: #aeb9c5;
  background: #20262e;
  border: 1px solid #303843;
  border-radius: 5px;
}

.vu-frame-tree-section summary span {
  color: #d9e1e9;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0;
}

.vu-frame-tree-section summary small {
  color: #9fb0bf;
  font-size: 10px;
  font-weight: 650;
  text-transform: none;
}

.vu-frame-tree-section summary::before {
  left: 8px;
  color: #7f8b98;
}

.vu-frame-tree-section-discover {
  margin-top: 2px;
  background: rgba(79, 195, 183, 0.035);
  border-color: rgba(79, 195, 183, 0.28);
}

.vu-frame-tree-section-discover summary {
  background: #1b252b;
  border-color: rgba(79, 195, 183, 0.32);
}

.vu-frame-tree-section-trust {
  margin-top: auto;
}

.vu-frame-tree-section-trust summary {
  min-height: 25px;
  background: #161b21;
}

.vu-frame-tree-section-trust .vu-frame-tree-row {
  min-height: 22px;
  font-size: 10px;
}

.vu-frame-tree-section-trust .vu-frame-tree-row span {
  background: #36d399;
  box-shadow: 0 0 0 2px rgba(54, 211, 153, 0.14);
}

.vu-frame-tree-row {
  min-height: 27px;
  padding: 4px 7px;
  border-left: 2px solid transparent;
  border-radius: 4px;
}

.vu-frame-tree-row:hover,
.vu-frame-tree-row:focus-visible {
  color: #f4f8fb;
  background: #242c35;
  border-left-color: #768391;
}

.vu-frame-tree-row-active {
  color: #f8fbff;
  background: rgba(79, 195, 183, 0.12);
  border-left-color: #4fc3b7;
}

.vu-frame-tree-row-active span {
  background: #4fc3b7;
}

.vu-frame-editor {
  background: #29313a;
}

.vu-frame-canvas {
  grid-template-rows: auto 31px minmax(0, 1fr);
  background: #2d3540;
}

.vu-frame-work-header {
  display: block;
  min-height: 58px;
  padding: 9px 13px;
  background: linear-gradient(180deg, #3b4652, #303943);
  border-bottom: 1px solid #566270;
}

.vu-frame-work-header > div {
  display: grid;
  gap: 3px;
}

.vu-frame-work-header span {
  color: #c7d2dd;
  font-size: 10px;
  font-weight: 850;
}

.vu-frame-work-header h1 {
  color: #f6f9fc;
  font-size: 14px;
  font-weight: 800;
}

.vu-frame-work-header p {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  color: #c9d3de;
  font-size: 11px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-object-tabs,
.vu-frame-tabs,
.vu-frame-vu-tabbar,
.vu-frame-bottom-tabs {
  background: #1f252d;
}

.vu-frame-object-tabs button,
.vu-frame-tabs button,
.vu-frame-vu-tabs button,
.vu-frame-vu-new,
.vu-frame-bottom-tabs button {
  font-size: 10px;
}

.vu-frame-object-tabs .vu-frame-object-tab-active,
.vu-frame-tabs .vu-frame-tab-active,
.vu-frame-vu-tabs .vu-frame-vu-tab-active,
.vu-frame-bottom-tabs .vu-frame-bottom-tab-active {
  color: #f8fbff;
  background: #2d3742;
  border-bottom-color: #4fc3b7;
  box-shadow: inset 0 -2px 0 #4fc3b7;
}

.vu-frame-tabs .vu-frame-tab-active {
  border-top-color: #4fc3b7;
}

.vu-frame-work-object {
  padding: 9px;
  background: #303943;
}

.vu-frame-work-center {
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 8px;
}

.vu-frame-action-row {
  padding: 7px;
  background: #252d36;
  border-color: #465260;
}

.vu-frame-action-row button {
  min-height: 25px;
  padding: 0 9px;
  background: #323c47;
  border-color: #596675;
  font-size: 10px;
}

.vu-frame-primary-action {
  display: inline-grid;
  gap: 1px;
  min-width: 150px;
  min-height: 34px;
  text-align: left;
}

.vu-frame-primary-action span {
  font-size: 11px;
  font-weight: 850;
}

.vu-frame-primary-action small {
  color: #aebbc8;
  font-size: 9px;
  font-weight: 650;
}

.vu-frame-selected-work {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.45fr);
  gap: 10px;
  padding: 11px;
  background: #202832;
  border: 1px solid #536170;
  border-left: 3px solid #4fc3b7;
}

.vu-frame-selected-work header {
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
  align-items: start;
  justify-content: space-between;
  min-width: 0;
}

.vu-frame-selected-work header div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.vu-frame-selected-work header span,
.vu-frame-work-next h3,
.vu-frame-readiness-impact h3,
.vu-frame-work-list header,
.vu-frame-communication-column header span {
  color: #9fb0bf;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vu-frame-selected-work h2 {
  margin: 0;
  color: #f6f9fc;
  font-size: 15px;
  line-height: 1.25;
}

.vu-frame-work-next {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.vu-frame-work-next h3,
.vu-frame-readiness-impact h3 {
  margin: 0;
}

.vu-frame-work-next ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 10px;
  margin: 0;
  padding-left: 20px;
  color: #dfe7ef;
  font-size: 12px;
  line-height: 1.35;
}

.vu-frame-selected-work-meta {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.vu-frame-selected-work-meta dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
}

.vu-frame-selected-work-meta dl div {
  min-width: 0;
  padding: 6px 7px;
  background: #2c3540;
  border: 1px solid #44515f;
}

.vu-frame-selected-work-meta dt,
.vu-frame-selected-work-meta dd {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-selected-work-meta dt {
  color: #9caebe;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.vu-frame-selected-work-meta dd {
  color: #f0f5f9;
  font-size: 11px;
}

.vu-frame-work-detail-actions {
  grid-column: 1 / -1;
}

.vu-frame-work-grid {
  grid-template-columns: minmax(260px, 0.8fr) minmax(300px, 1fr);
  gap: 8px;
}

.vu-frame-document-flow {
  grid-template-columns: 1fr;
  align-content: start;
  gap: 7px;
  padding: 9px;
  background: #222a33;
  border-color: #475563;
}

.vu-frame-document-flow ol {
  grid-template-columns: 1fr;
  gap: 4px;
}

.vu-frame-document-flow li,
.vu-frame-work-progress li {
  min-height: 22px;
  padding: 4px 7px;
  font-size: 10px;
}

.vu-frame-work-list {
  gap: 5px;
  padding: 8px;
  background: #252d36;
  border: 1px solid #465260;
}

.vu-frame-work-list header {
  padding: 0 0 2px;
}

.vu-frame-work-card {
  grid-template-columns: minmax(110px, 0.85fr) minmax(130px, 1fr) auto;
  gap: 6px;
  align-items: center;
  min-height: 36px;
  padding: 6px 7px;
  background: #303944;
  border-color: #495665;
  border-left-width: 3px;
}

.vu-frame-work-card span,
.vu-frame-work-card small {
  font-size: 10px;
}

.vu-frame-work-card strong {
  font-size: 11px;
}

.vu-frame-work-card > div {
  justify-content: end;
}

.vu-frame-work-card:hover,
.vu-frame-work-card:focus-visible {
  background: #38434f;
  border-color: #718091;
}

.vu-frame-work-card-selected {
  background: rgba(79, 195, 183, 0.13);
  border-color: #4fc3b7;
}

.vu-frame-dir-badges {
  gap: 3px;
}

.vu-frame-dir-badge {
  width: 17px;
  height: 17px;
  color: #f6f9fc;
  border-radius: 999px;
  font-size: 9px;
  transition: filter 0.12s ease, transform 0.12s ease;
}

.vu-frame-dir-badge:hover {
  filter: brightness(1.25);
  transform: translateY(-1px);
}

.vu-frame-dir-ready {
  background: #226d45;
  border-color: #36d399;
}

.vu-frame-dir-attention {
  color: #17130a;
  background: #e1b857;
  border-color: #f4d889;
}

.vu-frame-dir-blocker {
  background: #a63f3f;
  border-color: #f16d6d;
}

.vu-frame-dir-working {
  color: #071112;
  background: #4fc3b7;
  border-color: #8be0d8;
}

.vu-frame-dir-idle {
  color: #cbd5df;
  background: #3a424d;
  border-color: #66717d;
}

.vu-frame-communications {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  min-height: 0;
}

.vu-frame-communication-column {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 0;
  overflow: auto;
  padding: 8px;
  background: #252d36;
  border: 1px solid #465260;
}

.vu-frame-communication-column header {
  display: grid;
  gap: 1px;
}

.vu-frame-communication-column header strong {
  color: #f4f8fb;
  font-size: 12px;
}

.vu-frame-surface-row {
  grid-template-columns: minmax(160px, 1fr) auto minmax(190px, 0.8fr);
  min-height: 38px;
  padding: 7px 8px;
  background: #303944;
  border-color: #495665;
}

.vu-frame-surface-row strong {
  font-size: 12px;
}

.vu-frame-surface-row small {
  font-size: 10px;
}

.vu-frame-row-button,
.vu-frame-overview-actions button,
.vu-frame-result-actions button,
.vu-frame-result-tools button {
  min-height: 22px;
  padding: 0 7px;
  font-size: 10px;
}

.vu-frame-bottom-panel {
  background: #090c10;
  border-top: 1px solid #5a6673;
}

.vu-frame-ledger-heading {
  margin: -8px -10px 8px;
  padding: 7px 10px;
  background: linear-gradient(180deg, #303842, #242b33);
  border-bottom: 1px solid #52606e;
}

.vu-frame-ledger-heading h2 {
  font-size: 11px;
}

.vu-frame-ledger-heading strong,
.vu-frame-ledger-heading span {
  font-size: 10px;
}

.vu-frame-ledger-context {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 7px;
}

.vu-frame-ledger-output p {
  min-height: 22px;
  font-size: 11px;
}

.vu-frame-vu-panel {
  background: #182128;
  border-left-color: #4a5663;
}

.vu-frame-vu-header {
  padding: 8px 10px;
  background: linear-gradient(180deg, #303842, #252d36);
}

.vu-frame-vu-tabs .vu-frame-vu-tab-active {
  color: #b4f4ed;
  box-shadow: inset 0 2px 0 #4fc3b7;
}

.vu-frame-thread {
  padding: 8px;
}

.vu-frame-thread-message > div,
.vu-frame-result-block,
.vu-frame-result-block blockquote {
  background: #202832;
  border-color: #465260;
}

.vu-frame-chat-input {
  padding: 7px;
}

.vu-frame-chat-input textarea {
  min-height: 58px;
  max-height: 96px;
}

.vu-frame-vu-workspace {
  grid-template-rows: auto minmax(0, 1fr) auto minmax(214px, 0.54fr);
}

.vu-frame-active-agents header {
  justify-content: space-between;
  padding: 0 8px;
}

.vu-frame-active-agents header > span {
  color: #dce5ee;
  font-size: 10px;
  font-weight: 850;
}

.vu-frame-active-agents header div {
  display: inline-flex;
  gap: 4px;
}

.vu-frame-active-agents header button {
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  color: #dce5ee;
  background: #222a33;
  border: 1px solid #536170;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.vu-frame-active-agents header button:hover,
.vu-frame-active-agents header button:focus-visible {
  color: #071112;
  background: #4fc3b7;
  outline: none;
}

.vu-frame-agent-row {
  min-height: 43px;
  padding: 6px 8px;
  background: #1c252d;
}

.vu-frame-agent-row:hover {
  background: #27323d;
}

.vu-frame-agent-row strong {
  font-size: 11px;
}

.vu-frame-agent-row span,
.vu-frame-agent-row small {
  font-size: 10px;
}

@media (max-width: 1280px) {
  .vu-frame-selected-work,
  .vu-frame-work-grid,
  .vu-frame-communications {
    grid-template-columns: 1fr;
  }

  .vu-frame-work-next ol {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .vu-frame-work-header p {
    white-space: normal;
  }

  .vu-frame-selected-work-meta dl,
  .vu-frame-work-card,
  .vu-frame-surface-row,
  .vu-frame-ledger-context {
    grid-template-columns: 1fr;
  }
}

/* Final small VU workspace cleanup. */

.vu-frame-body {
  grid-template-columns: 46px 238px minmax(520px, 1fr) 176px minmax(292px, 320px);
  grid-template-rows: minmax(0, 1fr) 208px;
  background: #0b0f14;
}

.vu-frame-explorer {
  background: #151b22;
}

.vu-frame-tree-section-discover,
.vu-frame-tree-section-discover summary {
  background: #17251f;
  border-color: rgba(65, 214, 195, 0.44);
}

.vu-frame-editor,
.vu-frame-canvas,
.vu-frame-work-object {
  background: #2f3841;
}

.vu-frame-work-center,
.vu-frame-work-table-wrap {
  background: #d7dde3;
}

.vu-frame-bottom-panel,
.vu-frame-ledger-output {
  background: #0d1117;
}

.vu-frame-active-agents {
  grid-column: 4;
  grid-row: 1;
  display: grid;
  grid-template-rows: 32px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  background: #202a33;
  border-top: 0;
  border-left: 1px solid #56616c;
}

.vu-frame-active-records {
  background: #172029;
}

.vu-frame-vu-panel {
  grid-column: 5;
  grid-row: 1 / 3;
  background: #1b222a;
}

.vu-frame-bottom-panel {
  grid-column: 3 / 5;
  grid-row: 2;
}

.vu-frame-ledger-shell {
  grid-template-columns: minmax(0, 1fr) 176px;
}

.vu-frame-explorer header,
.vu-frame-tree-section summary,
.vu-frame-vu-header,
.vu-frame-ledger-heading,
.vu-frame-active-agents header,
.vu-frame-active-records header {
  color: #f2f4f7;
  background: #3a424b;
  border-color: #66707c;
}

.vu-frame-vu-workspace {
  grid-template-rows: 36px minmax(0, 1fr);
}

.vu-frame-thread {
  align-content: start;
  gap: 5px;
  padding: 6px;
}

.vu-frame-thread-message > div,
.vu-frame-result-block blockquote {
  font-size: 12px;
  line-height: 1.3;
}

.vu-frame-thread .vu-frame-chat-input {
  display: grid;
  gap: 4px;
  padding: 2px 0 5px;
  background: transparent;
  border: 0;
}

.vu-frame-thread .vu-frame-chat-input span {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  color: #c8d1dc;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-thread .vu-frame-chat-input textarea {
  min-height: 42px;
  max-height: 64px;
  resize: vertical;
  padding: 6px 7px;
  color: #dce3ea;
  background: #101820;
  border: 1px solid #56616c;
  border-radius: 0;
  font-size: 12px;
}

.vu-frame-result-block {
  background: #1b222a;
  border-color: #333c44;
  border-radius: 0;
}

.vu-frame-active-agents > div {
  display: grid;
  align-content: start;
  overflow: auto;
}

.vu-frame-agent-row {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) 46px;
  grid-template-rows: 16px 16px;
  gap: 1px 5px;
  align-items: center;
  min-height: 36px;
  padding: 3px 5px;
  background: #202a33;
  border-bottom: 1px solid #333c44;
}

.vu-frame-agent-row .vu-frame-seal {
  grid-column: 1;
  grid-row: 1 / 3;
}

.vu-frame-agent-row strong {
  grid-column: 2;
  grid-row: 1;
  font-size: 12px;
}

.vu-frame-agent-row span:not(.vu-frame-seal) {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  font-size: 10px;
}

.vu-frame-agent-row small {
  grid-column: 2;
  grid-row: 2;
  font-size: 10px;
}

.vu-frame-agent-row .vu-frame-row-button {
  grid-column: 3;
  grid-row: 2;
  min-height: 18px;
  padding: 0 4px;
  font-size: 10px;
}

/* EOF VS Code/Cursor workspace refinement overrides. */

.vu-frame,
.vu-frame button,
.vu-frame input,
.vu-frame textarea,
.vu-frame select {
  font-size: 12px;
  letter-spacing: 0;
}

.vu-frame {
  font-size: 12px;
}

.vu-frame {
  scrollbar-color: #56616c #151b22;
  scrollbar-width: thin;
}

.vu-frame * {
  scrollbar-color: #56616c #151b22;
  scrollbar-width: thin;
}

.vu-frame *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.vu-frame *::-webkit-scrollbar-track {
  background: #151b22;
}

.vu-frame *::-webkit-scrollbar-thumb {
  background: #4b5662;
  border: 2px solid #151b22;
  border-radius: 8px;
}

.vu-frame-body {
  position: relative;
  grid-template-columns: 46px var(--vu-explorer-width, 260px) minmax(420px, 1fr) minmax(280px, 340px) var(--vu-right-panel-width, 340px);
  grid-template-rows: minmax(0, 1fr) minmax(160px, var(--vu-ledger-height, 30%));
  min-height: 0;
  background: #0b0f14;
}

.vu-frame-explorer {
  grid-column: 2;
  grid-row: 1 / 3;
  background: #151b22;
}

.vu-frame-tree-section-discover,
.vu-frame-tree-section-discover summary {
  background: rgba(65, 214, 195, 0.08);
  border-color: rgba(65, 214, 195, 0.28);
}

.vu-frame-editor {
  grid-column: 3;
  grid-row: 1;
  background: #282f37;
}

.vu-frame-work-stack {
  grid-column: 4;
  grid-row: 1;
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #202832;
}

.vu-frame-vu-panel {
  grid-column: 5;
  grid-row: 1 / 3;
  min-width: 0;
  background: #151d25;
}

.vu-frame-bottom-panel {
  grid-column: 3 / 5;
  grid-row: 2;
  min-height: 0;
  background: #090d11;
}

.vu-frame-active-agents {
  display: none;
}

.vu-frame-explorer header,
.vu-frame-work-stack header,
.vu-frame-work-header,
.vu-frame-vu-header,
.vu-frame-ledger-heading,
.vu-frame-active-records header {
  min-height: 34px;
  background: #343d46;
  border-bottom: 1px solid #56616c;
}

.vu-frame-explorer header strong,
.vu-frame-work-stack h2,
.vu-frame-work-header h1,
.vu-frame-vu-header strong,
.vu-frame-ledger-heading h2 {
  font-size: 12px;
  text-transform: uppercase;
}

.vu-frame-tabs button,
.vu-frame-object-tabs button,
.vu-frame-vu-tabs button,
.vu-frame-vu-new,
.vu-frame-bottom-tabs button {
  min-height: 30px;
  font-size: 12px;
}

.vu-frame-work-header p,
.vu-frame-work-header span,
.vu-frame-work-stack header span,
.vu-frame-vu-header span {
  font-size: 11px;
}

.vu-frame-work-object,
.vu-frame-canvas,
.vu-frame-work-center {
  background: #282f37;
}

.vu-frame-work-stack-row {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto minmax(150px, 1fr) minmax(120px, 0.85fr);
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 4px 8px;
  background: #202832;
  border: 0;
  border-bottom: 1px solid #333c44;
  border-left: 3px solid transparent;
  border-radius: 0;
  color: #dce3ea;
}

.vu-frame-work-stack-row strong,
.vu-frame-work-stack-row span,
.vu-frame-dense-table th,
.vu-frame-dense-table td,
.vu-frame-work-object-meta dd,
.vu-frame-work-object-output span,
.vu-frame-work-object-next p,
.vu-frame-work-object-linked-row span,
.vu-frame-vu-output span,
.vu-frame-ledger-output p,
.vu-frame-tree-row {
  font-size: 12px;
}

.vu-frame-work-stack-row-selected {
  background: rgba(79, 195, 183, 0.12);
  border-left-color: #4fc3b7;
}

.vu-frame-selected-work-object h2 {
  font-size: 14px;
}

.vu-frame-selected-work-object header span,
.vu-frame-work-object-meta dt,
.vu-frame-work-object-output h3,
.vu-frame-work-object-next h3,
.vu-frame-work-object-linked h3,
.vu-frame-chat-input span,
.vu-frame-vu-output header {
  font-size: 10px;
  text-transform: uppercase;
}

.vu-frame-row-button,
.vu-frame-action-row button {
  min-height: 23px;
  padding: 0 8px;
  font-size: 11px;
}

.vu-frame-vu-workspace {
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
  min-height: 0;
}

.vu-frame-thread {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 6px;
  min-height: 0;
  overflow: hidden;
  background: #151d25;
}

.vu-frame-thread .vu-frame-chat-input textarea {
  min-height: 52px;
  max-height: 86px;
  color: #dce3ea;
  background: #0d141b;
  border: 1px solid #56616c;
  border-radius: 0;
  font-size: 12px;
}

.vu-frame-vu-output {
  min-height: 0;
  overflow: auto;
  background: #0d141b;
}

.vu-frame-vu-output p {
  grid-template-columns: 44px minmax(0, 1fr);
  min-height: 22px;
  border-top: 1px solid #252e37;
}

.vu-frame-vu-output time {
  color: #8be0d8;
  font-size: 11px;
}

.vu-frame-ledger-output,
.vu-frame-ledger-context {
  background: #090d11;
}

.vu-frame-resize-handle {
  position: relative;
  z-index: 8;
  background: transparent;
}

.vu-frame-resize-handle::after {
  position: absolute;
  background: transparent;
  content: "";
  transition: background 120ms ease;
}

.vu-frame-resize-handle:hover::after,
.vu-frame-resizing-explorer .vu-frame-resize-handle-explorer::after,
.vu-frame-resizing-right .vu-frame-resize-handle-right::after,
.vu-frame-resizing-ledger .vu-frame-resize-handle-ledger::after {
  background: #4fc3b7;
}

.vu-frame-resize-handle-explorer {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: stretch;
  justify-self: end;
  width: 7px;
  margin-right: -4px;
  cursor: col-resize;
}

.vu-frame-resize-handle-right {
  grid-column: 5;
  grid-row: 1 / 3;
  align-self: stretch;
  justify-self: start;
  width: 7px;
  margin-left: -4px;
  cursor: col-resize;
}

.vu-frame-resize-handle-explorer::after,
.vu-frame-resize-handle-right::after {
  inset: 0 3px;
}

.vu-frame-resize-handle-ledger {
  grid-column: 3 / 5;
  grid-row: 2;
  align-self: start;
  justify-self: stretch;
  height: 7px;
  margin-top: -4px;
  cursor: row-resize;
}

.vu-frame-resize-handle-ledger::after {
  inset: 3px 0;
}

.vu-frame-resizing-explorer,
.vu-frame-resizing-right {
  cursor: col-resize;
  user-select: none;
}

.vu-frame-resizing-ledger {
  cursor: row-resize;
  user-select: none;
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
    overflow: auto;
  }

  .vu-frame-explorer,
  .vu-frame-editor,
  .vu-frame-work-stack,
  .vu-frame-vu-panel,
  .vu-frame-bottom-panel {
    grid-column: 2;
    grid-row: auto;
  }

  .vu-frame-resize-handle {
    display: none;
  }
}

/* VS Code-style resizable workspace refinement. */

.vu-frame,
.vu-frame button,
.vu-frame input,
.vu-frame textarea,
.vu-frame select {
  font-size: 12px;
  letter-spacing: 0;
}

.vu-frame {
  color: #dce3ea;
  background: #0b0f14;
  scrollbar-color: #56616c #151b22;
  scrollbar-width: thin;
}

.vu-frame * {
  scrollbar-color: #56616c #151b22;
  scrollbar-width: thin;
}

.vu-frame *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.vu-frame *::-webkit-scrollbar-track {
  background: #151b22;
}

.vu-frame *::-webkit-scrollbar-thumb {
  background: #4b5662;
  border: 2px solid #151b22;
  border-radius: 8px;
}

.vu-frame *::-webkit-scrollbar-thumb:hover {
  background: #66707c;
}

.vu-frame-body {
  position: relative;
  grid-template-columns:
    46px
    var(--vu-explorer-width, 260px)
    minmax(420px, 1fr)
    minmax(280px, 340px)
    var(--vu-right-panel-width, 340px);
  grid-template-rows: minmax(0, 1fr) minmax(160px, var(--vu-ledger-height, 30%));
  min-height: 0;
  background: #0b0f14;
}

.vu-frame-rail {
  background: #0d1116;
}

.vu-frame-explorer {
  grid-column: 2;
  grid-row: 1 / 3;
  background: #151b22;
  border-right: 1px solid #333c44;
}

.vu-frame-tree-section-discover,
.vu-frame-tree-section-discover summary {
  background: rgba(65, 214, 195, 0.08);
  border-color: rgba(65, 214, 195, 0.28);
}

.vu-frame-editor {
  grid-column: 3;
  grid-row: 1;
  background: #282f37;
}

.vu-frame-work-stack {
  grid-column: 4;
  grid-row: 1;
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #202832;
  border-left: 1px solid #3b444d;
  border-right: 1px solid #333c44;
}

.vu-frame-vu-panel {
  grid-column: 5;
  grid-row: 1 / 3;
  min-width: 0;
  background: #151d25;
  border-left: 1px solid #3b444d;
}

.vu-frame-bottom-panel {
  grid-column: 3 / 5;
  grid-row: 2;
  min-height: 0;
  background: #090d11;
  border-top: 1px solid #4b5662;
}

.vu-frame-explorer header,
.vu-frame-work-stack header,
.vu-frame-work-header,
.vu-frame-vu-header,
.vu-frame-ledger-heading,
.vu-frame-active-records header {
  min-height: 34px;
  color: #f2f4f7;
  background: #343d46;
  border-bottom: 1px solid #56616c;
}

.vu-frame-explorer header strong,
.vu-frame-work-stack h2,
.vu-frame-work-header h1,
.vu-frame-vu-header strong,
.vu-frame-ledger-heading h2,
.vu-frame-active-records header {
  font-size: 12px;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vu-frame-work-header {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 5px 9px;
}

.vu-frame-work-header span,
.vu-frame-work-header p,
.vu-frame-work-stack header span,
.vu-frame-vu-header span,
.vu-frame-ledger-heading span {
  color: #c7d0da;
  font-size: 11px;
}

.vu-frame-tabs,
.vu-frame-object-tabs,
.vu-frame-vu-tabbar,
.vu-frame-bottom-tabs {
  min-height: 30px;
  background: #202832;
}

.vu-frame-tabs button,
.vu-frame-object-tabs button,
.vu-frame-vu-tabs button,
.vu-frame-vu-new,
.vu-frame-bottom-tabs button {
  min-height: 30px;
  padding: 0 9px;
  font-size: 12px;
}

.vu-frame-work-object,
.vu-frame-canvas,
.vu-frame-work-center {
  background: #282f37;
}

.vu-frame-work-object {
  padding: 6px;
}

.vu-frame-work-stack-row {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto minmax(150px, 1fr) minmax(120px, 0.85fr);
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 4px 8px;
  background: #202832;
  border: 0;
  border-bottom: 1px solid #333c44;
  border-left: 3px solid transparent;
  border-radius: 0;
  color: #dce3ea;
  text-align: left;
}

.vu-frame-work-stack-row strong,
.vu-frame-work-stack-row span {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-stack-row strong {
  color: #f5f8fb;
  font-weight: 760;
}

.vu-frame-work-stack-row-selected {
  background: rgba(79, 195, 183, 0.12);
  border-left-color: #4fc3b7;
}

.vu-frame-selected-work-object {
  background: #252e37;
}

.vu-frame-selected-work-object h2 {
  font-size: 14px;
}

.vu-frame-selected-work-object header span,
.vu-frame-work-object-meta dt,
.vu-frame-work-object-output h3,
.vu-frame-work-object-next h3,
.vu-frame-work-object-linked h3,
.vu-frame-chat-input span,
.vu-frame-vu-output header {
  font-size: 10px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vu-frame-dense-table th,
.vu-frame-work-object-meta dd,
.vu-frame-work-object-output span,
.vu-frame-work-object-next p,
.vu-frame-work-object-linked-row span,
.vu-frame-vu-output span,
.vu-frame-ledger-output p,
.vu-frame-tree-row {
  font-size: 12px;
}

.vu-frame-row-button,
.vu-frame-action-row button {
  min-height: 23px;
  padding: 0 8px;
  font-size: 11px;
}

.vu-frame-vu-workspace {
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
  min-height: 0;
}

.vu-frame-thread {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 6px;
  min-height: 0;
  padding: 6px;
  overflow: hidden;
  background: #151d25;
}

.vu-frame-thread .vu-frame-chat-input {
  display: grid;
  gap: 4px;
  padding: 0;
  background: transparent;
  border: 0;
}

.vu-frame-thread .vu-frame-chat-input textarea {
  min-height: 52px;
  max-height: 86px;
  padding: 6px 7px;
  color: #dce3ea;
  background: #0d141b;
  border: 1px solid #56616c;
  border-radius: 0;
  font-size: 12px;
}

.vu-frame-vu-output {
  display: grid;
  align-content: start;
  gap: 0;
  min-height: 0;
  overflow: auto;
  padding: 6px;
  background: #0d141b;
  border: 1px solid #56616c;
}

.vu-frame-vu-output p {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 22px;
  margin: 0;
  border-top: 1px solid #252e37;
}

.vu-frame-vu-output p:first-of-type {
  border-top: 0;
}

.vu-frame-vu-output time {
  color: #8be0d8;
  font-size: 11px;
  font-weight: 800;
}

.vu-frame-ledger-output,
.vu-frame-ledger-context {
  background: #090d11;
}

.vu-frame-resize-handle {
  position: relative;
  z-index: 8;
  background: transparent;
  opacity: 0.85;
}

.vu-frame-resize-handle::after {
  position: absolute;
  background: transparent;
  content: "";
  transition: background 120ms ease;
}

.vu-frame-resize-handle:hover::after,
.vu-frame-resizing-explorer .vu-frame-resize-handle-explorer::after,
.vu-frame-resizing-right .vu-frame-resize-handle-right::after,
.vu-frame-resizing-ledger .vu-frame-resize-handle-ledger::after {
  background: #4fc3b7;
}

.vu-frame-resize-handle-explorer {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: stretch;
  justify-self: end;
  width: 7px;
  margin-right: -4px;
  cursor: col-resize;
}

.vu-frame-resize-handle-right {
  grid-column: 5;
  grid-row: 1 / 3;
  align-self: stretch;
  justify-self: start;
  width: 7px;
  margin-left: -4px;
  cursor: col-resize;
}

.vu-frame-resize-handle-explorer::after,
.vu-frame-resize-handle-right::after {
  inset: 0 3px;
}

.vu-frame-resize-handle-ledger {
  grid-column: 3 / 5;
  grid-row: 2;
  align-self: start;
  justify-self: stretch;
  height: 7px;
  margin-top: -4px;
  cursor: row-resize;
}

.vu-frame-resize-handle-ledger::after {
  inset: 3px 0;
}

.vu-frame-resizing-explorer,
.vu-frame-resizing-right,
.vu-frame-resizing-ledger {
  cursor: col-resize;
  user-select: none;
}

.vu-frame-resizing-ledger {
  cursor: row-resize;
}

@media (max-width: 1280px) {
  .vu-frame-body {
    grid-template-columns:
      46px
      minmax(200px, var(--vu-explorer-width, 260px))
      minmax(0, 1fr)
      minmax(250px, 310px)
      minmax(280px, var(--vu-right-panel-width, 340px));
  }
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
    overflow: auto;
  }

  .vu-frame-explorer,
  .vu-frame-editor,
  .vu-frame-work-stack,
  .vu-frame-vu-panel,
  .vu-frame-bottom-panel {
    grid-column: 2;
    grid-row: auto;
  }

  .vu-frame-resize-handle {
    display: none;
  }
}

/* Final structural correction: VU-created work opens as a Coordination Record. */

.vu-frame,
.vu-frame button,
.vu-frame input,
.vu-frame textarea,
.vu-frame select {
  font-size: 12px;
  letter-spacing: 0;
}

.vu-frame-body {
  grid-template-columns: 46px 238px minmax(560px, 1fr) minmax(300px, 340px) minmax(300px, 330px);
  grid-template-rows: minmax(0, 1fr) 208px;
  background: #0b0f14;
}

.vu-frame-explorer {
  grid-column: 2;
  grid-row: 1 / 3;
  background: #151b22;
}

.vu-frame-editor {
  grid-column: 3;
  grid-row: 1;
  background: #2c343d;
}

.vu-frame-work-stack {
  grid-column: 4;
  grid-row: 1;
  display: grid;
  grid-template-rows: 38px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  background: #202832;
  border-left: 1px solid #56616c;
  border-right: 1px solid #333c44;
}

.vu-frame-vu-panel {
  grid-column: 5;
  grid-row: 1 / 3;
  background: #151d25;
  border-left: 1px solid #56616c;
}

.vu-frame-bottom-panel {
  grid-column: 3 / 5;
  grid-row: 2;
}

.vu-frame-active-agents {
  display: none;
}

.vu-frame-explorer header strong,
.vu-frame-work-stack h2,
.vu-frame-work-header h1,
.vu-frame-vu-header strong,
.vu-frame-ledger-heading h2 {
  font-size: 13px;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vu-frame-work-stack header {
  min-height: 38px;
  padding: 5px 8px;
  background: #343d46;
  border-bottom: 1px solid #66707c;
}

.vu-frame-work-stack header span,
.vu-frame-work-header span,
.vu-frame-work-header p,
.vu-frame-vu-header span {
  color: #c7d0da;
  font-size: 11px;
}

.vu-frame-work-stack-row {
  min-height: 88px;
  padding: 6px 8px;
  background: #202832;
  border: 0;
  border-bottom: 1px solid #333c44;
  border-left: 3px solid transparent;
  border-radius: 0;
}

.vu-frame-work-stack-row strong {
  font-size: 12px;
}

.vu-frame-work-stack-row span {
  font-size: 11px;
}

.vu-frame-work-stack-row-selected {
  background: rgba(79, 195, 183, 0.13);
  border-left-color: #4fc3b7;
}

.vu-frame-canvas,
.vu-frame-work-object,
.vu-frame-work-center {
  background: #252e37;
}

.vu-frame-work-header {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 38px;
  padding: 5px 9px;
  background: #343d46;
  border-bottom: 1px solid #66707c;
}

.vu-frame-work-header h1 {
  font-size: 13px;
}

.vu-frame-work-header span {
  font-size: 12px;
}

.vu-frame-work-header p {
  margin: 0;
  font-size: 11px;
}

.vu-frame-work-object {
  padding: 6px;
}

.vu-frame-work-center {
  align-content: start;
  overflow: auto;
  color: #e5ebf2;
}

.vu-frame-selected-work-object {
  display: grid;
  gap: 0;
  min-width: 0;
  padding: 0;
  background: #252e37;
  border: 1px solid #56616c;
  border-left: 3px solid #4fc3b7;
  border-radius: 0;
}

.vu-frame-selected-work-object header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px 8px;
  background: #2b343d;
  border-bottom: 1px solid #56616c;
}

.vu-frame-selected-work-object header div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.vu-frame-selected-work-object header span,
.vu-frame-work-object-output h3,
.vu-frame-work-object-next h3,
.vu-frame-work-object-linked h3 {
  margin: 0;
  color: #aeb8c4;
  font-size: 10px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-selected-work-object h2 {
  margin: 0;
  color: #f8fafc;
  font-size: 13px;
  font-weight: 780;
  line-height: 1.25;
}

.vu-frame-selected-work-object header small {
  color: #c7d0da;
  font-size: 11px;
  line-height: 1.25;
}

.vu-frame-work-object-meta {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
  margin: 0;
  background: transparent;
  border: 0;
}

.vu-frame-work-object-meta div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 10px;
  min-height: 25px;
  padding: 4px 8px;
  background: #252e37;
  border-bottom: 1px solid #3b444d;
}

.vu-frame-work-object-meta dt {
  color: #aeb8c4;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-work-object-meta dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #eef3f8;
  font-size: 12px;
  font-weight: 620;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-object-output,
.vu-frame-work-object-next,
.vu-frame-work-object-linked {
  display: grid;
  gap: 0;
  padding: 7px 8px;
  border-bottom: 1px solid #3b444d;
}

.vu-frame-work-object-output h3,
.vu-frame-work-object-next h3,
.vu-frame-work-object-linked h3 {
  margin-bottom: 4px;
}

.vu-frame-work-object-output > div {
  display: grid;
  gap: 0;
}

.vu-frame-work-object-output p {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 8px;
  min-height: 21px;
  margin: 0;
  align-items: center;
  border-top: 1px solid #333c44;
}

.vu-frame-work-object-output time {
  color: #8be0d8;
  font-size: 11px;
  font-weight: 800;
}

.vu-frame-work-object-output span,
.vu-frame-work-object-next p,
.vu-frame-work-object-linked-row span {
  color: #e5ebf2;
  font-size: 12px;
}

.vu-frame-work-object-next p {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  line-height: 1.35;
}

.vu-frame-work-object-linked-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  min-width: 0;
}

.vu-frame-work-object-linked-row strong {
  color: #f8fafc;
  font-weight: 800;
}

.vu-frame-work-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 7px 8px;
}

.vu-frame-row-button {
  min-height: 24px;
  padding: 0 8px;
  border-radius: 3px;
  font-size: 11px;
}

.vu-frame-vu-workspace {
  display: grid;
  grid-template-rows: 36px minmax(0, 1fr);
  min-height: 0;
}

.vu-frame-thread {
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
  min-height: 0;
  overflow: hidden;
}

.vu-frame-thread .vu-frame-chat-input textarea {
  min-height: 54px;
  max-height: 86px;
  font-size: 12px;
}

.vu-frame-vu-output {
  min-height: 0;
  overflow: auto;
}

.vu-frame-vu-output p {
  min-height: 22px;
}

.vu-frame-vu-output span {
  font-size: 12px;
}

@media (max-width: 1280px) {
  .vu-frame-body {
    grid-template-columns: 46px 220px minmax(0, 1fr) minmax(270px, 310px) minmax(280px, 310px);
  }
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
  }

  .vu-frame-explorer,
  .vu-frame-editor,
  .vu-frame-work-stack,
  .vu-frame-vu-panel,
  .vu-frame-bottom-panel {
    grid-column: 2;
    grid-row: auto;
  }
}

@media (max-width: 760px) {
  .vu-frame-work-header,
  .vu-frame-selected-work-object header,
  .vu-frame-work-object-meta div,
  .vu-frame-work-object-output p {
    grid-template-columns: 1fr;
  }
}

/* VU Workspace work orchestration layer. */

.vu-frame,
.vu-frame button,
.vu-frame input,
.vu-frame textarea,
.vu-frame select {
  font-size: 12px;
  letter-spacing: 0;
}

.vu-frame {
  --vu-orchestrate-bg: #0d1116;
  --vu-orchestrate-panel: #1a222b;
  --vu-orchestrate-panel-2: #202832;
  --vu-orchestrate-silver: #aeb8c4;
  --vu-orchestrate-line: #56616c;
  --vu-orchestrate-line-soft: #333c44;
  --vu-orchestrate-accent: #4fc3b7;
  color: #e5ebf2;
  background: var(--vu-orchestrate-bg);
}

.vu-frame-body {
  grid-template-columns: 46px 238px minmax(560px, 1fr) minmax(300px, 340px) minmax(300px, 330px);
  grid-template-rows: minmax(0, 1fr) 208px;
  background: #0b0f14;
}

.vu-frame-explorer {
  grid-column: 2;
  grid-row: 1 / 3;
  background: #151b22;
  border-right: 1px solid #3b444d;
}

.vu-frame-editor {
  grid-column: 3;
  grid-row: 1;
  background: #2c343d;
}

.vu-frame-work-stack {
  grid-column: 4;
  grid-row: 1;
  display: grid;
  grid-template-rows: 40px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #202832;
  border-left: 1px solid #56616c;
  border-right: 1px solid #333c44;
}

.vu-frame-vu-panel {
  grid-column: 5;
  grid-row: 1 / 3;
  background: #151d25;
  border-left: 1px solid #56616c;
}

.vu-frame-bottom-panel {
  grid-column: 3 / 5;
  grid-row: 2;
  background: #0b0f14;
  border-top: 1px solid #596573;
}

.vu-frame-explorer header,
.vu-frame-work-stack header,
.vu-frame-work-header,
.vu-frame-vu-header,
.vu-frame-ledger-heading,
.vu-frame-active-records header,
.vu-frame-active-agents header {
  min-height: 36px;
  color: #f5f8fb;
  background: linear-gradient(180deg, #3b444d, #2d343b);
  border-bottom: 1px solid #66707c;
}

.vu-frame-explorer header strong,
.vu-frame-work-stack h2,
.vu-frame-work-header h1,
.vu-frame-vu-header strong,
.vu-frame-ledger-heading h2,
.vu-frame-active-records header,
.vu-frame-active-agents header > span {
  margin: 0;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 820;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-work-stack header {
  display: flex;
  align-items: center;
  padding: 5px 8px;
}

.vu-frame-work-stack header div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.vu-frame-work-stack header span,
.vu-frame-work-header span,
.vu-frame-work-header p,
.vu-frame-vu-header span,
.vu-frame-ledger-heading span,
.vu-frame-ledger-heading em {
  margin: 0;
  color: #c7d0da;
  font-size: 11px;
  font-style: normal;
  line-height: 1.2;
}

.vu-frame-work-stack-rows {
  display: grid;
  align-content: start;
  min-height: 0;
  overflow-y: auto;
}

.vu-frame-work-stack-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  min-width: 0;
  min-height: 82px;
  padding: 7px 8px;
  color: #dce3ea;
  background: #202832;
  border: 0;
  border-bottom: 1px solid #333c44;
  border-left: 3px solid transparent;
  border-radius: 0;
  text-align: left;
  cursor: pointer;
}

.vu-frame-work-stack-row strong,
.vu-frame-work-stack-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-stack-row strong {
  color: #f6f8fb;
  font-size: 13px;
  font-weight: 780;
}

.vu-frame-work-stack-row span {
  color: #bdc7d2;
  font-size: 11px;
  line-height: 1.25;
}

.vu-frame-work-stack-row:hover,
.vu-frame-work-stack-row:focus-visible {
  background: #29323c;
  outline: none;
}

.vu-frame-work-stack-row-selected {
  color: #ffffff;
  background: rgba(79, 195, 183, 0.14);
  border-left-color: var(--vu-orchestrate-accent);
}

.vu-frame-work-stack-row-ready {
  border-left-color: #4fa463;
}

.vu-frame-work-stack-row-attention {
  border-left-color: #daa72c;
}

.vu-frame-work-stack-row-blocker {
  border-left-color: #e57373;
}

.vu-frame-canvas,
.vu-frame-work-object {
  background: #2c343d;
}

.vu-frame-work-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 46px;
  padding: 7px 10px;
}

.vu-frame-work-header div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.vu-frame-work-header h1,
.vu-frame-work-header span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-object-tabs {
  min-height: 30px;
  background: #202832;
}

.vu-frame-object-tabs button {
  min-height: 30px;
  padding: 0 10px;
}

.vu-frame-work-object {
  min-height: 0;
  padding: 8px;
}

.vu-frame-work-center {
  display: grid;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  color: #e5ebf2;
  background: #252e37;
}

.vu-frame-selected-work-object {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 9px;
  background: #303942;
  border: 1px solid #687482;
  border-left: 3px solid var(--vu-orchestrate-accent);
  border-radius: 0;
}

.vu-frame-selected-work-object header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding-bottom: 7px;
  border-bottom: 1px solid #56616c;
}

.vu-frame-selected-work-object header div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.vu-frame-selected-work-object header span,
.vu-frame-work-object-findings h3,
.vu-frame-work-object-next h3,
.vu-frame-work-object-linked h3 {
  margin: 0;
  color: #aeb8c4;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-selected-work-object h2 {
  margin: 0;
  color: #f8fafc;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
}

.vu-frame-work-object-meta,
.vu-frame-work-object-linked dl {
  display: grid;
  gap: 1px;
  margin: 0;
  background: #4b5662;
  border: 1px solid #56616c;
}

.vu-frame-work-object-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vu-frame-work-object-meta div,
.vu-frame-work-object-linked dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px 8px;
  background: #26313a;
}

.vu-frame-work-object-meta dt,
.vu-frame-work-object-linked dt {
  color: #aeb8c4;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-work-object-meta dd,
.vu-frame-work-object-linked dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #f2f5f8;
  font-size: 12px;
  font-weight: 680;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-object-findings,
.vu-frame-work-object-next,
.vu-frame-work-object-linked {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding-top: 2px;
}

.vu-frame-work-object-findings ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding-left: 18px;
  color: #e1e7ee;
  font-size: 12px;
  line-height: 1.35;
}

.vu-frame-work-object-next p {
  margin: 0;
  padding: 7px 8px;
  color: #f2f5f8;
  background: #26313a;
  border: 1px solid #56616c;
  font-size: 12px;
  line-height: 1.38;
}

.vu-frame-work-object-linked dl {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vu-frame-work-object-linked dd {
  font-size: 14px;
  font-weight: 820;
}

.vu-frame-work-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-top: 2px;
}

.vu-frame-row-button,
.vu-frame-action-row button,
.vu-frame-active-agents header button {
  min-height: 24px;
  padding: 0 8px;
  color: #e7edf4;
  background: #333c44;
  border: 1px solid #64707d;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 720;
}

.vu-frame-row-button:hover,
.vu-frame-row-button:focus-visible,
.vu-frame-action-row button:hover,
.vu-frame-action-row button:focus-visible {
  color: #071112;
  background: var(--vu-orchestrate-accent);
  border-color: #8be0d8;
  outline: none;
}

.vu-frame-vu-workspace {
  display: grid;
  grid-template-rows: 36px minmax(210px, 1fr) minmax(170px, 0.62fr);
  min-height: 0;
}

.vu-frame-thread {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
  gap: 7px;
  min-height: 0;
  padding: 7px;
  overflow: hidden;
  background: #151d25;
}

.vu-frame-thread .vu-frame-chat-input {
  display: grid;
  gap: 4px;
  padding: 0;
  background: transparent;
  border: 0;
}

.vu-frame-chat-input span,
.vu-frame-vu-output header {
  color: #aeb8c4;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-thread .vu-frame-chat-input textarea {
  min-height: 58px;
  max-height: 90px;
  resize: vertical;
  color: #e5ebf2;
  background: #0d141b;
  border: 1px solid #56616c;
  border-radius: 0;
}

.vu-frame-vu-output {
  display: grid;
  align-content: start;
  gap: 2px;
  min-height: 0;
  overflow: auto;
  padding: 7px;
  background: #0d141b;
  border: 1px solid #56616c;
}

.vu-frame-vu-output p {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 7px;
  min-height: 22px;
  margin: 0;
  align-items: center;
  border-bottom: 1px solid #252e37;
}

.vu-frame-vu-output time {
  color: #8be0d8;
  font-size: 11px;
  font-weight: 800;
}

.vu-frame-vu-output span {
  min-width: 0;
  overflow: hidden;
  color: #dce3ea;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-vu-panel .vu-frame-active-agents {
  grid-column: auto;
  grid-row: auto;
  display: grid;
  grid-template-rows: 32px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #1c252d;
  border-top: 1px solid #56616c;
  border-left: 0;
}

.vu-frame-vu-panel .vu-frame-agent-row {
  min-height: 34px;
  background: #202a33;
}

.vu-frame-vu-panel .vu-frame-active-agents header button {
  position: relative;
  min-width: 24px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
}

.vu-frame-vu-panel .vu-frame-active-agents header button::before {
  color: #e7edf4;
  content: "+";
  font-size: 11px;
}

.vu-frame-vu-panel .vu-frame-active-agents header button + button::before {
  content: "*";
}

.vu-frame-ledger-shell {
  grid-template-columns: minmax(0, 1fr) 180px;
}

.vu-frame-ledger-output {
  background: #0b0f14;
}

.vu-frame-ledger-context {
  background: #111820;
}

.vu-frame-active-records {
  background: #172029;
}

@media (max-width: 1280px) {
  .vu-frame-body {
    grid-template-columns: 46px 220px minmax(0, 1fr) minmax(270px, 310px) minmax(280px, 310px);
  }

  .vu-frame-work-object-meta,
  .vu-frame-work-object-linked dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
    overflow: auto;
  }

  .vu-frame-explorer,
  .vu-frame-editor,
  .vu-frame-work-stack,
  .vu-frame-vu-panel,
  .vu-frame-bottom-panel {
    grid-column: 2;
    grid-row: auto;
  }

  .vu-frame-work-stack {
    max-height: 380px;
  }

  .vu-frame-vu-panel {
    min-height: 560px;
  }
}

@media (max-width: 760px) {
  .vu-frame-work-header,
  .vu-frame-selected-work-object header,
  .vu-frame-work-object-meta,
  .vu-frame-work-object-linked dl,
  .vu-frame-ledger-shell {
    grid-template-columns: 1fr;
  }
}

/* Final VU output cleanup. */

.vu-frame,
.vu-frame button,
.vu-frame textarea {
  font-size: 13px;
}

.vu-frame-work-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  min-height: 32px;
  padding: 0 10px;
}

.vu-frame-work-header h1 {
  max-width: none;
  color: #f2f4f7;
  font-size: 13px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-work-header span {
  color: #d4d9df;
  font-size: 11px;
}

.vu-frame-work-header span::before {
  content: "";
}

.vu-frame-thread-message > div {
  background: transparent;
  border: 0;
  padding: 0;
}

.vu-frame-thread-message > strong,
.vu-frame-vu-output header,
.vu-frame-chat-input span {
  color: #c8d1dc;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-vu-output {
  display: grid;
  gap: 0;
  min-width: 0;
  color: #dce3ea;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.vu-frame-vu-output header {
  margin-bottom: 3px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.vu-frame-vu-output p {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 7px;
  min-height: 22px;
  align-items: center;
  margin: 0;
  border-bottom: 1px solid #2d343b;
  font-size: 12px;
}

.vu-frame-vu-output time {
  color: #7a8794;
}

.vu-frame-vu-output span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-result-tools,
.vu-frame-result-actions {
  display: none;
}

/* VU Workspace layout surgery: dense editor/list/terminal/AI layout. */

.vu-frame,
.vu-frame button,
.vu-frame input,
.vu-frame textarea,
.vu-frame select {
  font-size: 13px;
  line-height: 1.25;
}

.vu-frame {
  color: #dce3ea;
  background: #0b0f14;
}

.vu-frame-topbar {
  min-height: 32px;
  padding: 4px 8px;
  background: #0b0f14;
  border-bottom: 1px solid #56616c;
}

.vu-frame-topbar-title strong,
.vu-frame-topbar-workspace strong {
  font-size: 13px;
}

.vu-frame-topbar-title span,
.vu-frame-topbar-workspace span {
  font-size: 11px;
}

.vu-frame-body {
  grid-template-columns: 46px 238px minmax(660px, 1fr) minmax(280px, 314px);
  grid-template-rows: minmax(0, 1fr) 208px;
  background: #0b0f14;
}

.vu-frame-rail {
  padding: 6px 5px;
  background: #0a0d11;
  border-right: 1px solid #56616c;
}

.vu-frame-rail button {
  min-height: 48px;
  padding: 4px 2px;
  border-radius: 3px;
}

.vu-frame-rail-icon {
  width: 24px;
  height: 24px;
  font-size: 10px;
}

.vu-frame-rail small {
  font-size: 10px;
}

.vu-frame-explorer {
  background: #121820;
  border-right: 1px solid #56616c;
}

.vu-frame-explorer header,
.vu-frame-active-agents header,
.vu-frame-active-records header,
.vu-frame-vu-header,
.vu-frame-ledger-heading,
.vu-frame-work-header {
  background: #3a424b;
  border-bottom: 1px solid #56616c;
}

.vu-frame-explorer header {
  min-height: 30px;
  padding: 0 8px;
}

.vu-frame-brand-mark {
  width: 20px;
  height: 20px;
  font-size: 10px;
}

.vu-frame-explorer header strong {
  font-size: 12px;
}

.vu-frame-tree {
  gap: 4px;
  padding: 6px;
  overflow-y: auto;
}

.vu-frame-tree-section {
  margin: 0;
  border: 0;
}

.vu-frame-tree-section summary {
  min-height: 24px;
  padding: 4px 6px 4px 18px;
  background: #1b222b;
  border: 1px solid #2d343b;
  border-radius: 3px;
}

.vu-frame-tree-section summary span {
  color: #dce3ea;
  font-size: 12px;
  font-weight: 800;
}

.vu-frame-tree-section summary small {
  color: #aeb7c2;
  font-size: 11px;
}

.vu-frame-tree-section > div {
  gap: 1px;
  padding-top: 3px;
}

.vu-frame-tree-row {
  min-height: 23px;
  padding: 2px 6px;
  color: #c5ced7;
  border-left: 2px solid transparent;
  border-radius: 2px;
  font-size: 12px;
}

.vu-frame-tree-row span {
  width: 7px;
  height: 7px;
}

.vu-frame-tree-row:hover,
.vu-frame-tree-row:focus-visible {
  color: #ffffff;
  background: #252c33;
  border-left-color: #aeb7c2;
}

.vu-frame-tree-row-active {
  color: #ffffff;
  background: rgba(65, 214, 195, 0.13);
  border-left-color: #41d6c3;
}

.vu-frame-tree-row-active span {
  background: #41d6c3;
}

.vu-frame-tree-section-discover {
  padding: 3px;
  background: rgba(65, 214, 195, 0.04);
  border: 1px solid #333c44;
}

.vu-frame-tree-section-discover summary {
  background: #182229;
  border-color: rgba(65, 214, 195, 0.35);
}

.vu-frame-tree-section-trust {
  padding: 3px;
  background: #11171d;
  border: 1px solid #2d343b;
}

.vu-frame-tree-section-trust summary {
  background: #1b222b;
}

.vu-frame-tree-section-trust .vu-frame-tree-row {
  min-height: 21px;
  font-size: 11px;
}

.vu-frame-tree-section-trust .vu-frame-tree-row span {
  background: #36d399;
}

.vu-frame-editor {
  background: #252c33;
}

.vu-frame-canvas {
  grid-template-rows: 32px 32px minmax(0, 1fr);
  background: #252c33;
}

.vu-frame-work-header {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
  min-height: 32px;
  padding: 0 10px;
  color: #dce3ea;
}

.vu-frame-work-header h1,
.vu-frame-work-header span {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-header h1 {
  flex: 0 1 auto;
  max-width: 190px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
}

.vu-frame-work-header span {
  color: #cbd3dc;
  font-size: 12px;
  font-weight: 650;
}

.vu-frame-work-header span::before {
  content: "| ";
  color: #8f9aa5;
}

.vu-frame-tabs,
.vu-frame-object-tabs,
.vu-frame-vu-tabbar,
.vu-frame-bottom-tabs {
  min-height: 32px;
  background: #1f262e;
  border-bottom: 1px solid #56616c;
}

.vu-frame-tabs button,
.vu-frame-object-tabs button,
.vu-frame-vu-tabs button,
.vu-frame-vu-new,
.vu-frame-bottom-tabs button {
  min-height: 32px;
  padding: 0 9px;
  color: #c5ced7;
  border-color: #333c44;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-tabs .vu-frame-tab-active,
.vu-frame-object-tabs .vu-frame-object-tab-active,
.vu-frame-bottom-tabs .vu-frame-bottom-tab-active {
  color: #ffffff;
  background: transparent;
  box-shadow: inset 0 -2px 0 #41d6c3;
}

.vu-frame-vu-tabs .vu-frame-vu-tab-active {
  color: #ffffff;
  background: transparent;
  box-shadow: inset 0 2px 0 #41d6c3;
}

.vu-frame-work-object {
  min-width: 0;
  min-height: 0;
  padding: 0;
  background: #252c33;
}

.vu-frame-work-center {
  display: grid;
  grid-template-rows: 32px minmax(0, 1fr);
  gap: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: #d7dde3;
}

.vu-frame-action-row {
  display: flex;
  gap: 0;
  align-items: center;
  min-height: 32px;
  padding: 0 6px;
  background: #c4ccd4;
  border: 0;
  border-bottom: 1px solid #56616c;
}

.vu-frame-action-row button,
.vu-frame-row-button,
.vu-frame-overview-actions button,
.vu-frame-result-actions button,
.vu-frame-result-tools button,
.vu-frame-active-agents header button {
  min-height: 24px;
  padding: 0 8px;
  color: #101820;
  background: #eef2f5;
  border: 1px solid #87919c;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-action-row button + button {
  margin-left: 5px;
}

.vu-frame-action-row button:hover,
.vu-frame-action-row button:focus-visible,
.vu-frame-row-button:hover,
.vu-frame-row-button:focus-visible {
  color: #071112;
  background: #ffffff;
  border-color: #41d6c3;
  outline: none;
}

.vu-frame-work-table-wrap {
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 6px;
  color: #101820;
  background: #d7dde3;
}

.vu-frame-work-table {
  width: 100%;
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0 2px;
  color: #101820;
  table-layout: fixed;
}

.vu-frame-work-table th,
.vu-frame-work-table td {
  height: 30px;
  padding: 0 8px;
  overflow: hidden;
  font-size: 13px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-table th {
  height: 28px;
  color: #2b333b;
  background: #c4ccd4;
  border-bottom: 1px solid #9aa4ad;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-work-table td {
  background: #eef2f5;
  border-top: 1px solid #d5dce2;
  border-bottom: 1px solid #d5dce2;
  cursor: pointer;
}

.vu-frame-work-table td:first-child {
  border-left: 3px solid transparent;
}

.vu-frame-work-table td:last-child {
  border-right: 1px solid #d5dce2;
}

.vu-frame-work-table tr:hover td {
  background: #ffffff;
}

.vu-frame-work-table .vu-frame-work-row-selected td {
  background: #ffffff;
}

.vu-frame-work-table .vu-frame-work-row-selected td:first-child {
  border-left-color: #41d6c3;
}

.vu-frame-work-table th:nth-child(1) {
  width: 84px;
}

.vu-frame-work-table th:nth-child(3),
.vu-frame-work-table th:nth-child(4),
.vu-frame-work-table th:nth-child(5),
.vu-frame-work-table th:nth-child(10) {
  width: 140px;
}

.vu-frame-work-table th:nth-child(6),
.vu-frame-work-table th:nth-child(7),
.vu-frame-work-table th:nth-child(8),
.vu-frame-work-table th:nth-child(9) {
  width: 42px;
  text-align: center;
}

.vu-frame-work-table td:nth-child(6),
.vu-frame-work-table td:nth-child(7),
.vu-frame-work-table td:nth-child(8),
.vu-frame-work-table td:nth-child(9) {
  text-align: center;
}

.vu-frame-readiness-mark {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 18px;
  color: #101820;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 850;
}

.vu-frame-readiness-mark-ready {
  background: #bfe7cb;
}

.vu-frame-readiness-mark-attention {
  background: #f3d98b;
}

.vu-frame-readiness-mark-blocker {
  color: #ffffff;
  background: #d45b5b;
}

.vu-frame-readiness-mark-idle {
  color: #3b444d;
  background: #d7dde3;
  border: 1px solid #aeb7c2;
}

.vu-frame-readiness-mark-working {
  background: #aeece5;
}

.vu-frame-vu-panel {
  background: #151b22;
  border-left: 1px solid #56616c;
}

.vu-frame-vu-workspace {
  grid-template-rows: 40px minmax(92px, 0.62fr) auto minmax(286px, 1.38fr);
}

.vu-frame-vu-header {
  padding: 6px 8px;
}

.vu-frame-vu-header strong {
  font-size: 13px;
}

.vu-frame-vu-header span {
  font-size: 11px;
}

.vu-frame-thread {
  gap: 4px;
  padding: 6px;
}

.vu-frame-thread-message {
  gap: 2px;
}

.vu-frame-thread-message > strong {
  font-size: 11px;
}

.vu-frame-thread-message > div,
.vu-frame-result-block blockquote {
  padding: 6px;
  font-size: 12px;
  line-height: 1.3;
}

.vu-frame-thread-message ul {
  gap: 0;
  padding-left: 16px;
}

.vu-frame-result-block {
  gap: 5px;
  padding: 6px;
  background: #1d252d;
  border: 1px solid #333c44;
  border-left: 2px solid #41d6c3;
  border-radius: 0;
}

.vu-frame-result-block header > span {
  font-size: 12px;
}

.vu-frame-chat-input {
  padding: 5px;
}

.vu-frame-chat-input textarea {
  min-height: 48px;
  max-height: 72px;
  padding: 6px;
  font-size: 12px;
}

.vu-frame-active-agents {
  grid-template-rows: 32px minmax(0, 1fr);
  background: #151b22;
  border-top: 1px solid #56616c;
}

.vu-frame-active-agents header {
  padding: 0 7px;
}

.vu-frame-active-agents header > span {
  color: #ffffff;
  font-size: 12px;
}

.vu-frame-active-agents header div {
  display: inline-flex;
  gap: 4px;
}

.vu-frame-active-agents header button {
  min-width: 24px;
  height: 22px;
  padding: 0 6px;
  color: #dce3ea;
  background: #252c33;
  border-color: #56616c;
}

.vu-frame-active-agents > div {
  overflow: auto;
}

.vu-frame-agent-row {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) 58px;
  gap: 6px;
  align-items: center;
  min-height: 36px;
  padding: 4px 6px;
  background: #151b22;
  border-bottom: 1px solid #2d343b;
}

.vu-frame-agent-row:hover {
  background: #202831;
}

.vu-frame-agent-row strong {
  font-size: 13px;
}

.vu-frame-agent-row span,
.vu-frame-agent-row small {
  font-size: 11px;
}

.vu-frame-agent-row .vu-frame-row-button {
  min-width: 0;
  padding: 0 6px;
  color: #dce3ea;
  background: #252c33;
  border-color: #56616c;
}

.vu-frame-seal {
  width: 9px;
  height: 9px;
}

.vu-frame-bottom-panel {
  background: #0d1117;
  border-top: 1px solid #56616c;
}

.vu-frame-ledger-output {
  padding: 6px 8px;
  background: #0d1117;
}

.vu-frame-ledger-heading {
  margin: -6px -8px 6px;
  padding: 5px 8px;
}

.vu-frame-ledger-heading h2 {
  font-size: 12px;
}

.vu-frame-ledger-heading strong,
.vu-frame-ledger-heading span,
.vu-frame-ledger-context strong,
.vu-frame-ledger-context span {
  font-size: 11px;
}

.vu-frame-ledger-context {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px 10px;
  padding: 5px 6px;
  background: #10161d;
  border: 1px solid #2d343b;
}

.vu-frame-ledger-output p {
  grid-template-columns: 68px 132px minmax(0, 1fr);
  gap: 8px;
  min-height: 20px;
  font-size: 12px;
}

.vu-frame-active-records {
  background: #151b22;
  border-left: 1px solid #56616c;
}

.vu-frame-active-records button {
  min-height: 22px;
  font-size: 11px;
}

.vu-frame-active-records .vu-frame-active-record {
  border-left-color: #41d6c3;
}

.vu-frame-status {
  min-height: 18px;
  padding: 0 6px;
  font-size: 11px;
  border-radius: 2px;
}

.vu-frame-overview-panel,
.vu-frame-communications,
.vu-frame-work-surface,
.vu-frame-table-scroll {
  width: 100%;
  height: 100%;
  min-height: 0;
}

@media (max-width: 1280px) {
  .vu-frame-body {
    grid-template-columns: 46px 220px minmax(0, 1fr) minmax(270px, 300px);
  }
}

@media (max-width: 760px) {
  .vu-frame-work-header {
    flex-wrap: wrap;
    min-height: 48px;
  }

  .vu-frame-body,
  .vu-frame-ledger-context,
  .vu-frame-ledger-output p {
    grid-template-columns: 1fr;
  }
}

/* VU Workspace six-zone correction. */

.vu-frame,
.vu-frame * {
  scrollbar-color: #56616c #111820;
  scrollbar-width: thin;
}

.vu-frame ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

.vu-frame ::-webkit-scrollbar-track {
  background: #111820;
}

.vu-frame ::-webkit-scrollbar-thumb {
  background: #56616c;
  border: 2px solid #111820;
  border-radius: 999px;
}

.vu-frame ::-webkit-scrollbar-thumb:hover {
  background: #7a8794;
}

.vu-frame {
  color: #dce3ea;
  background: #0b0f14;
}

.vu-frame-body {
  grid-template-columns: 46px 238px minmax(660px, 1fr) minmax(292px, 320px);
  grid-template-rows: minmax(0, 55fr) minmax(0, 45fr);
  background: #0b0f14;
}

.vu-frame-rail {
  grid-row: 1 / 3;
  background: #0a0d11;
  border-right: 1px solid #56616c;
}

.vu-frame-explorer {
  grid-column: 2;
  grid-row: 1 / 3;
  background: #121820;
  border-right: 1px solid #56616c;
}

.vu-frame-editor {
  grid-column: 3;
  grid-row: 1;
  background: #252c33;
}

.vu-frame-bottom-panel {
  grid-column: 3;
  grid-row: 2;
  background: #0d1117;
  border-top: 1px solid #56616c;
}

.vu-frame-vu-panel {
  grid-column: 4;
  grid-row: 1;
  display: grid;
  grid-template-rows: 32px minmax(0, 1fr);
  min-height: 0;
  background: #151b22;
  border-left: 1px solid #56616c;
}

.vu-frame-active-agents {
  grid-column: 4;
  grid-row: 2;
  display: grid;
  grid-template-rows: 32px minmax(0, 1fr);
  min-height: 0;
  background: #1b232b;
  border-top: 1px solid #56616c;
  border-left: 1px solid #56616c;
}

.vu-frame-explorer header,
.vu-frame-work-header,
.vu-frame-vu-header,
.vu-frame-active-agents header,
.vu-frame-ledger-heading,
.vu-frame-active-records header {
  background: #3a424b;
  border-bottom: 1px solid #56616c;
}

.vu-frame-tree {
  gap: 4px;
  padding: 6px;
}

.vu-frame-tree-section-discover {
  background: #152620;
  border: 1px solid rgba(65, 214, 195, 0.42);
}

.vu-frame-tree-section-discover summary {
  background: #152620;
  border-color: rgba(65, 214, 195, 0.42);
}

.vu-frame-tree-section-trust {
  background: #121820;
  border: 1px solid #2d343b;
}

.vu-frame-tree-row {
  min-height: 22px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.vu-frame-canvas {
  grid-template-rows: 32px 32px minmax(0, 1fr);
  background: #252c33;
}

.vu-frame-work-header {
  min-height: 32px;
}

.vu-frame-tabs,
.vu-frame-object-tabs,
.vu-frame-vu-tabbar,
.vu-frame-bottom-tabs {
  min-height: 32px;
}

.vu-frame-tabs button,
.vu-frame-object-tabs button,
.vu-frame-vu-tabs button,
.vu-frame-vu-new,
.vu-frame-bottom-tabs button {
  min-height: 32px;
  font-size: 12px;
}

.vu-frame-work-object {
  background: #252c33;
  overflow: hidden;
}

.vu-frame-work-center {
  height: 100%;
  background: #d7dde3;
}

.vu-frame-work-table-wrap {
  padding: 6px;
  background: #d7dde3;
}

.vu-frame-work-table {
  min-width: 900px;
}

.vu-frame-work-table th {
  color: #101820;
  background: #c6ced6;
}

.vu-frame-work-table td {
  color: #101820;
  background: #eef2f5;
}

.vu-frame-work-table tr:hover td,
.vu-frame-work-table .vu-frame-work-row-selected td {
  background: #ffffff;
}

.vu-frame-work-table .vu-frame-work-row-selected td:first-child {
  border-left: 3px solid #41d6c3;
}

.vu-frame-vu-workspace {
  grid-template-rows: 36px minmax(0, 1fr) auto;
  min-height: 0;
}

.vu-frame-vu-header {
  min-height: 36px;
  padding: 5px 8px;
}

.vu-frame-vu-header strong {
  font-size: 14px;
}

.vu-frame-vu-header span,
.vu-frame-thread-message > strong,
.vu-frame-active-agents header > span {
  font-size: 11px;
  text-transform: uppercase;
}

.vu-frame-thread {
  gap: 4px;
  padding: 6px;
}

.vu-frame-thread-message > div,
.vu-frame-result-block blockquote {
  padding: 6px;
  font-size: 13px;
  line-height: 1.3;
}

.vu-frame-thread-message ul {
  gap: 0;
  margin: 0;
  padding-left: 16px;
}

.vu-frame-result-block {
  gap: 5px;
  padding: 6px;
  background: #151b22;
  border: 1px solid #333c44;
  border-left: 2px solid #41d6c3;
  border-radius: 0;
}

.vu-frame-chat-input {
  padding: 5px;
}

.vu-frame-chat-input textarea {
  min-height: 48px;
  max-height: 72px;
  padding: 6px;
  font-size: 13px;
}

.vu-frame-active-agents header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
}

.vu-frame-active-agents header div {
  display: inline-flex;
  gap: 4px;
}

.vu-frame-active-agents header button {
  min-width: 24px;
  height: 22px;
  padding: 0 6px;
  color: #dce3ea;
  background: #252c33;
  border: 1px solid #56616c;
  border-radius: 2px;
  font-size: 12px;
}

.vu-frame-active-agents > div {
  display: grid;
  align-content: start;
  overflow: auto;
}

.vu-frame-agent-row {
  display: grid;
  grid-template-columns: 12px minmax(96px, 0.9fr) 64px minmax(112px, 1.2fr) 58px;
  gap: 6px;
  align-items: center;
  min-height: 34px;
  padding: 4px 6px;
  background: #1b232b;
  border-bottom: 1px solid #2d343b;
}

.vu-frame-agent-row:hover {
  background: #252c33;
}

.vu-frame-agent-row strong,
.vu-frame-agent-row span,
.vu-frame-agent-row small {
  min-width: 0;
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-agent-row .vu-frame-row-button {
  min-width: 0;
  height: 22px;
  padding: 0 5px;
  color: #dce3ea;
  background: #252c33;
  border-color: #56616c;
  font-size: 11px;
}

.vu-frame-ledger-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 32px;
  max-height: 36px;
  margin: -6px -8px 6px;
  padding: 4px 8px;
}

.vu-frame-ledger-heading div {
  gap: 0;
}

.vu-frame-ledger-heading h2 {
  font-size: 12px;
}

.vu-frame-ledger-heading span,
.vu-frame-ledger-heading em {
  font-size: 11px;
}

.vu-frame-ledger-output {
  background: #0d1117;
}

.vu-frame-ledger-output p {
  min-height: 20px;
  font-size: 12px;
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
  }

  .vu-frame-rail {
    grid-row: 1 / 6;
  }

  .vu-frame-explorer,
  .vu-frame-editor,
  .vu-frame-bottom-panel,
  .vu-frame-vu-panel,
  .vu-frame-active-agents {
    grid-column: 2;
    grid-row: auto;
  }

  .vu-frame-active-agents {
    min-height: 260px;
  }
}

/* Small workspace UI cleanup: headers, VU prompt position, compact trust section. */

.vu-frame-tree-section summary,
.vu-frame-vu-header,
.vu-frame-ledger-heading,
.vu-frame-active-agents header {
  color: #f2f4f7;
  background: #3a424b;
  border: 1px solid #66707c;
}

.vu-frame-tree-section summary span,
.vu-frame-vu-header strong,
.vu-frame-ledger-heading h2,
.vu-frame-active-agents header > span {
  color: #f2f4f7;
}

.vu-frame-tree-section summary {
  min-height: 25px;
  border-radius: 3px;
}

.vu-frame-tree-section summary small,
.vu-frame-vu-header span,
.vu-frame-ledger-heading span {
  color: #d4d9df;
}

.vu-frame-tree-section-trust {
  margin-top: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.vu-frame-tree-section-trust summary {
  min-height: 24px;
  background: #3a424b;
  border-color: #66707c;
}

.vu-frame-tree-section-trust .vu-frame-tree-row {
  min-height: 20px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 11px;
}

.vu-frame-tree-section-trust .vu-frame-tree-row span {
  width: 6px;
  height: 6px;
  background: #36d399;
}

.vu-frame-vu-workspace {
  grid-template-rows: 36px minmax(0, 1fr);
}

.vu-frame-thread {
  align-content: start;
}

.vu-frame-thread .vu-frame-chat-input {
  padding: 4px 0;
  background: transparent;
  border-top: 0;
}

.vu-frame-thread .vu-frame-chat-input textarea {
  min-height: 46px;
  max-height: 68px;
}

/* Place Active Agents in the middle-right workspace area. */

.vu-frame-body {
  grid-template-columns: 46px 238px minmax(520px, 1fr) minmax(260px, 320px) minmax(292px, 320px);
  grid-template-rows: minmax(0, 1fr) 208px;
}

.vu-frame-editor {
  grid-column: 3;
  grid-row: 1;
}

.vu-frame-active-agents {
  grid-column: 4;
  grid-row: 1;
  border-top: 0;
}

.vu-frame-agent-row {
  grid-template-columns: 9px minmax(78px, 0.9fr) 54px minmax(82px, 1fr) 48px;
  gap: 4px;
}

.vu-frame-vu-panel {
  grid-column: 5;
  grid-row: 1 / 3;
}

.vu-frame-bottom-panel {
  grid-column: 3 / 5;
  grid-row: 2;
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
  }

  .vu-frame-editor,
  .vu-frame-active-agents,
  .vu-frame-vu-panel,
  .vu-frame-bottom-panel {
    grid-column: 2;
    grid-row: auto;
  }
}

/* VU Workspace strict visual cleanup pass. */

.vu-frame,
.vu-frame button,
.vu-frame input,
.vu-frame textarea,
.vu-frame select {
  font-size: 13px;
}

.vu-frame {
  color: #e1e7ee;
  background: #11161c;
}

.vu-frame-topbar {
  min-height: 36px;
  padding: 5px 10px;
  background: #0f1419;
  border-bottom: 1px solid #3b444d;
}

.vu-frame-topbar-title,
.vu-frame-topbar-workspace {
  gap: 1px;
}

.vu-frame-topbar-title strong,
.vu-frame-topbar-workspace strong {
  font-size: 13px;
}

.vu-frame-topbar-title span,
.vu-frame-topbar-workspace span {
  font-size: 11px;
}

.vu-frame-body {
  grid-template-columns: 46px 242px minmax(620px, 1fr) minmax(292px, 322px);
  grid-template-rows: minmax(0, 1fr) minmax(208px, 30%);
  background: #12171d;
}

.vu-frame-rail {
  padding: 8px 6px;
  background: #0d1116;
  border-right: 1px solid #3b444d;
}

.vu-frame-rail button {
  min-height: 52px;
  padding: 5px 2px;
}

.vu-frame-rail-icon {
  width: 26px;
  height: 26px;
  font-size: 11px;
}

.vu-frame-rail small {
  font-size: 10px;
}

.vu-frame-explorer {
  background: #1b2026;
  border-right: 1px solid #3b444d;
}

.vu-frame-explorer header,
.vu-frame-active-agents header,
.vu-frame-active-records header,
.vu-frame-vu-header,
.vu-frame-ledger-heading,
.vu-frame-work-header {
  background: linear-gradient(180deg, #3a424b, #2d343b);
  border-bottom: 1px solid #4b5662;
}

.vu-frame-explorer header {
  min-height: 34px;
  padding: 0 9px;
}

.vu-frame-brand-mark {
  width: 21px;
  height: 21px;
  font-size: 10px;
}

.vu-frame-explorer header strong {
  font-size: 12px;
}

.vu-frame-tree {
  gap: 6px;
  padding: 7px;
  overflow-y: auto;
}

.vu-frame-tree-section {
  border-radius: 4px;
}

.vu-frame-tree-section summary {
  min-height: 26px;
  padding: 5px 7px 5px 19px;
  background: #242b32;
  border: 1px solid #333c44;
  border-radius: 4px;
}

.vu-frame-tree-section summary span,
.vu-frame-active-agents header > span,
.vu-frame-work-list header,
.vu-frame-selected-work header span,
.vu-frame-work-next h3,
.vu-frame-readiness-impact h3,
.vu-frame-communication-column header span {
  font-size: 12px;
  font-weight: 820;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vu-frame-tree-section summary small {
  color: #aeb7c2;
  font-size: 11px;
}

.vu-frame-tree-section > div {
  gap: 2px;
  padding: 4px 0 0;
}

.vu-frame-tree-row {
  min-height: 25px;
  padding: 3px 7px;
  color: #cbd3dc;
  border-left: 2px solid transparent;
  border-radius: 3px;
  font-size: 12px;
}

.vu-frame-tree-row span {
  width: 7px;
  height: 7px;
}

.vu-frame-tree-row:hover,
.vu-frame-tree-row:focus-visible {
  color: #f5f8fb;
  background: #2a3139;
  border-left-color: #7d8a96;
}

.vu-frame-tree-row-active {
  color: #f8fbff;
  background: rgba(79, 195, 183, 0.13);
  border-left-color: #4fc3b7;
}

.vu-frame-tree-row-active span {
  background: #4fc3b7;
}

.vu-frame-tree-section-discover {
  margin: 0;
  background: rgba(79, 195, 183, 0.04);
  border: 1px solid rgba(79, 195, 183, 0.25);
}

.vu-frame-tree-section-discover summary {
  background: #202b30;
  border-color: rgba(79, 195, 183, 0.28);
}

.vu-frame-tree-section-discover .vu-frame-tree-row:hover,
.vu-frame-tree-section-discover .vu-frame-tree-row:focus-visible {
  border-left-color: #4fc3b7;
}

.vu-frame-tree-section-trust {
  margin-top: 0;
  background: #181e24;
  border: 1px solid #2d343b;
}

.vu-frame-tree-section-trust summary {
  min-height: 24px;
  background: #20262d;
}

.vu-frame-tree-section-trust .vu-frame-tree-row {
  min-height: 22px;
  font-size: 11px;
}

.vu-frame-tree-section-trust .vu-frame-tree-row span {
  background: #36d399;
}

.vu-frame-editor {
  background: #2f3740;
}

.vu-frame-canvas {
  grid-template-rows: auto 30px minmax(0, 1fr);
  background: #333c44;
}

.vu-frame-work-header {
  min-height: 50px;
  padding: 7px 11px;
}

.vu-frame-work-header > div {
  gap: 2px;
}

.vu-frame-work-header span {
  color: #d5dde6;
  font-size: 12px;
}

.vu-frame-work-header h1 {
  color: #f8fafc;
  font-size: 16px;
  font-weight: 800;
}

.vu-frame-work-header p {
  color: #c4ced8;
  font-size: 11px;
}

.vu-frame-tabs,
.vu-frame-object-tabs,
.vu-frame-vu-tabbar,
.vu-frame-bottom-tabs {
  min-height: 30px;
  background: #242b32;
  border-bottom: 1px solid #3b444d;
}

.vu-frame-tabs button,
.vu-frame-object-tabs button,
.vu-frame-vu-tabs button,
.vu-frame-vu-new,
.vu-frame-bottom-tabs button {
  min-height: 30px;
  padding: 0 9px;
  color: #b9c3cd;
  font-size: 11px;
  font-weight: 720;
}

.vu-frame-tabs .vu-frame-tab-active,
.vu-frame-object-tabs .vu-frame-object-tab-active,
.vu-frame-vu-tabs .vu-frame-vu-tab-active,
.vu-frame-bottom-tabs .vu-frame-bottom-tab-active {
  color: #f8fbff;
  background: #333c44;
  box-shadow: inset 0 -2px 0 #4fc3b7;
}

.vu-frame-vu-tabs .vu-frame-vu-tab-active {
  box-shadow: inset 0 2px 0 #4fc3b7;
}

.vu-frame-work-object {
  min-height: 0;
  padding: 8px;
  background: #3a424a;
}

.vu-frame-overview-panel {
  gap: 8px;
}

.vu-frame-terminal-summary {
  padding: 8px;
  background: #252d35;
  border-color: #4a5662;
}

.vu-frame-terminal-summary p,
.vu-frame-lifecycle strong,
.vu-frame-lifecycle span {
  font-size: 12px;
}

.vu-frame-action-row {
  gap: 5px;
  padding: 6px;
  background: #2d343b;
  border: 1px solid #4b5662;
}

.vu-frame-action-row button,
.vu-frame-row-button,
.vu-frame-overview-actions button,
.vu-frame-result-actions button,
.vu-frame-result-tools button,
.vu-frame-active-agents header button {
  min-height: 24px;
  padding: 0 8px;
  color: #e4ebf2;
  background: #333c44;
  border: 1px solid #566370;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 720;
}

.vu-frame-action-row button:hover,
.vu-frame-action-row button:focus-visible,
.vu-frame-row-button:hover,
.vu-frame-row-button:focus-visible,
.vu-frame-overview-actions button:hover,
.vu-frame-overview-actions button:focus-visible,
.vu-frame-result-actions button:hover,
.vu-frame-result-actions button:focus-visible,
.vu-frame-result-tools button:hover,
.vu-frame-result-tools button:focus-visible {
  color: #071112;
  background: #4fc3b7;
  border-color: #8be0d8;
  outline: none;
}

.vu-frame-primary-action {
  min-width: 146px;
  min-height: 30px;
}

.vu-frame-primary-action span {
  font-size: 12px;
}

.vu-frame-primary-action small {
  font-size: 10px;
}

.vu-frame-selected-work {
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
  gap: 8px 12px;
  padding: 9px;
  background: #46515b;
  border: 1px solid #687482;
  border-left: 3px solid #4fc3b7;
}

.vu-frame-selected-work header {
  margin: 0;
}

.vu-frame-selected-work h2 {
  font-size: 16px;
}

.vu-frame-work-next {
  gap: 5px;
}

.vu-frame-work-next ol {
  grid-template-columns: 1fr;
  gap: 3px;
  padding-left: 19px;
  font-size: 13px;
  line-height: 1.28;
}

.vu-frame-selected-work-meta {
  align-content: start;
  gap: 7px;
}

.vu-frame-selected-work-meta dl {
  gap: 4px;
}

.vu-frame-selected-work-meta dl div {
  padding: 5px 7px;
  background: #3b444d;
  border-color: #596573;
}

.vu-frame-selected-work-meta dt {
  font-size: 11px;
}

.vu-frame-selected-work-meta dd {
  font-size: 13px;
}

.vu-frame-work-detail-actions {
  gap: 5px;
}

.vu-frame-work-grid {
  grid-template-columns: minmax(220px, 0.62fr) minmax(390px, 1.38fr);
  gap: 8px;
}

.vu-frame-document-flow {
  padding: 8px;
  background: #2d343b;
  border: 1px solid #4b5662;
}

.vu-frame-document-flow header span,
.vu-frame-document-flow li,
.vu-frame-work-card span,
.vu-frame-work-card small,
.vu-frame-surface-row span,
.vu-frame-surface-row small {
  font-size: 11px;
}

.vu-frame-document-flow header strong,
.vu-frame-work-card strong,
.vu-frame-surface-row strong {
  font-size: 13px;
}

.vu-frame-document-flow li {
  min-height: 22px;
  background: #3b444d;
  border-color: #596573;
}

.vu-frame-work-list,
.vu-frame-communication-column {
  padding: 7px;
  background: #2d343b;
  border: 1px solid #4b5662;
}

.vu-frame-work-card {
  grid-template-columns: minmax(92px, 0.52fr) minmax(150px, 1fr) minmax(160px, auto);
  min-height: 34px;
  padding: 5px 7px;
  background: #3b444d;
  border-color: #596573;
}

.vu-frame-work-card:hover,
.vu-frame-work-card:focus-visible {
  background: #45505a;
}

.vu-frame-work-card-selected {
  background: rgba(79, 195, 183, 0.16);
  border-color: #4fc3b7;
}

.vu-frame-status {
  min-height: 18px;
  padding: 0 6px;
  font-size: 11px;
}

.vu-frame-dir-badge {
  width: 17px;
  height: 17px;
  font-size: 9px;
}

.vu-frame-communications {
  gap: 8px;
}

.vu-frame-communication-column header {
  min-height: 28px;
}

.vu-frame-communication-column header strong {
  font-size: 13px;
}

.vu-frame-surface-row {
  grid-template-columns: minmax(160px, 1fr) auto minmax(180px, 0.8fr);
  gap: 8px;
  min-height: 36px;
  padding: 6px 7px;
  background: #3b444d;
  border-color: #596573;
}

.vu-frame-dense-table {
  min-width: 820px;
}

.vu-frame-dense-table th {
  height: 26px;
  font-size: 11px;
}

.vu-frame-dense-table td {
  height: 29px;
  font-size: 13px;
}

.vu-frame-vu-panel {
  background: #1c252c;
  border-left: 1px solid #4b5662;
}

.vu-frame-vu-header {
  padding: 7px 9px;
}

.vu-frame-vu-header strong {
  font-size: 13px;
}

.vu-frame-vu-header span {
  font-size: 11px;
}

.vu-frame-vu-workspace {
  grid-template-rows: auto minmax(92px, 0.72fr) auto minmax(260px, 1.28fr);
}

.vu-frame-thread {
  gap: 6px;
  padding: 7px;
}

.vu-frame-thread-message {
  gap: 3px;
}

.vu-frame-thread-message > strong {
  font-size: 11px;
}

.vu-frame-thread-message > div,
.vu-frame-result-block blockquote {
  padding: 7px;
  font-size: 12px;
  line-height: 1.35;
}

.vu-frame-thread-message ul {
  gap: 1px;
  padding-left: 17px;
}

.vu-frame-result-block {
  gap: 6px;
  padding: 7px;
}

.vu-frame-result-block header > span {
  font-size: 12px;
}

.vu-frame-chat-input {
  padding: 6px;
}

.vu-frame-chat-input textarea {
  min-height: 54px;
  max-height: 84px;
  padding: 7px;
  font-size: 12px;
}

.vu-frame-active-agents {
  grid-template-rows: 32px minmax(0, 1fr);
  background: #1b232a;
  border-top: 1px solid #4b5662;
}

.vu-frame-active-agents header {
  padding: 0 8px;
}

.vu-frame-active-agents header div {
  gap: 4px;
}

.vu-frame-active-agents header button {
  min-width: 24px;
  height: 23px;
  padding: 0 6px;
  font-size: 10px;
}

.vu-frame-agent-row {
  grid-template-columns: 13px minmax(0, 1fr) auto;
  gap: 7px;
  min-height: 44px;
  padding: 6px 7px;
  background: #202a31;
  border-bottom: 1px solid #333c44;
}

.vu-frame-agent-row:hover {
  background: #2a343d;
}

.vu-frame-agent-row strong {
  font-size: 13px;
}

.vu-frame-agent-row span,
.vu-frame-agent-row small {
  font-size: 11px;
}

.vu-frame-seal {
  width: 9px;
  height: 9px;
}

.vu-frame-bottom-panel {
  background: #090d11;
  border-top: 1px solid #596573;
}

.vu-frame-ledger-output {
  padding: 7px 9px;
  background: #090d11;
}

.vu-frame-ledger-heading {
  margin: -7px -9px 7px;
  padding: 6px 9px;
}

.vu-frame-ledger-heading h2 {
  font-size: 12px;
}

.vu-frame-ledger-heading strong,
.vu-frame-ledger-heading span {
  font-size: 11px;
}

.vu-frame-ledger-heading em {
  font-size: 10px;
}

.vu-frame-ledger-context {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px 10px;
  padding: 6px 7px;
  background: #111820;
  border-color: #333c44;
}

.vu-frame-ledger-context strong,
.vu-frame-ledger-context span {
  font-size: 11px;
}

.vu-frame-ledger-output p {
  grid-template-columns: 70px 136px minmax(0, 1fr);
  min-height: 21px;
  gap: 8px;
  font-size: 12px;
}

.vu-frame-active-records {
  background: #161e25;
  border-left: 1px solid #3b444d;
}

.vu-frame-active-records button {
  min-height: 23px;
  font-size: 11px;
}

.vu-frame-active-records .vu-frame-active-record {
  border-left-color: #4fc3b7;
}

@media (max-width: 1280px) {
  .vu-frame-body {
    grid-template-columns: 46px 220px minmax(0, 1fr) minmax(280px, 310px);
  }

  .vu-frame-selected-work,
  .vu-frame-work-grid,
  .vu-frame-communications {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .vu-frame-work-header p {
    white-space: normal;
  }

  .vu-frame-work-card,
  .vu-frame-surface-row,
  .vu-frame-ledger-context,
  .vu-frame-ledger-output p,
  .vu-frame-selected-work-meta dl {
    grid-template-columns: 1fr;
  }
}

/* Final small VU workspace cleanup. */

.vu-frame,
.vu-frame button,
.vu-frame input,
.vu-frame textarea,
.vu-frame select {
  font-size: 12px;
  letter-spacing: 0;
}

.vu-frame-body {
  position: relative;
  grid-template-columns: 46px var(--vu-explorer-width, 260px) minmax(420px, 1fr) minmax(280px, 340px) var(--vu-right-panel-width, 340px);
  grid-template-rows: minmax(0, 1fr) minmax(160px, var(--vu-ledger-height, 30%));
  background: #0b0f14;
}

.vu-frame-explorer {
  background: #18212d;
  border-right: 1px solid #4f5a67;
}

.vu-frame-work-stack {
  grid-column: 4;
  grid-row: 1;
  background: #173239;
  border-left: 1px solid #3f5861;
  border-right: 1px solid #304850;
}

.vu-frame-tree-section-discover,
.vu-frame-tree-section-discover summary {
  background: #16383f;
  border-color: rgba(65, 214, 195, 0.5);
}

.vu-frame-editor,
.vu-frame-canvas,
.vu-frame-work-object {
  background: #2f3843;
}

.vu-frame-work-center,
.vu-frame-work-table-wrap {
  background: #2f3843;
}

.vu-frame-bottom-panel,
.vu-frame-ledger-output {
  background: #111827;
}

.vu-frame-active-agents {
  grid-column: 4;
  grid-row: 1;
  display: none;
  grid-template-rows: 32px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  background: #202a33;
  border-top: 0;
  border-left: 1px solid #56616c;
}

.vu-frame-active-records {
  background: #18212d;
}

.vu-frame-vu-panel {
  grid-column: 5;
  grid-row: 1 / 3;
  background: #1a2430;
  border-left: 1px solid #4f5a67;
}

.vu-frame-bottom-panel {
  grid-column: 3 / 5;
  grid-row: 2;
}

.vu-frame-ledger-shell {
  grid-template-columns: minmax(0, 1fr) 176px;
}

.vu-frame-explorer header,
.vu-frame-work-stack header,
.vu-frame-tree-section summary,
.vu-frame-work-header,
.vu-frame-vu-header,
.vu-frame-ledger-heading,
.vu-frame-active-agents header,
.vu-frame-active-records header {
  color: #f2f4f7;
  background: #3d4650;
  border-color: #717b87;
}

.vu-frame-explorer header strong,
.vu-frame-work-stack h2,
.vu-frame-work-header h1,
.vu-frame-vu-header strong,
.vu-frame-ledger-heading h2,
.vu-frame-active-records header {
  color: #ffffff;
  font-size: 14px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-tree-section summary span,
.vu-frame-tree-section-trust summary span,
.vu-frame-work-object-meta dt,
.vu-frame-selected-work-object header span,
.vu-frame-work-object-output h3,
.vu-frame-work-object-next h3,
.vu-frame-work-object-linked h3,
.vu-frame-record-section h3,
.vu-frame-chat-input span,
.vu-frame-vu-output header {
  color: #c8d1dc;
  font-size: 10px;
  font-weight: 780;
  text-transform: uppercase;
}

.vu-frame-work-header {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 3px 8px;
}

.vu-frame-work-header span,
.vu-frame-work-header p,
.vu-frame-work-stack header span,
.vu-frame-vu-header span {
  color: #d5dde6;
  font-size: 12px;
}

.vu-frame-work-header > div {
  display: flex;
  gap: 8px;
  align-items: baseline;
  min-width: 0;
}

.vu-frame-work-stack-row {
  grid-template-columns: 1fr;
  gap: 2px;
  min-height: 43px;
  padding: 5px 8px;
  background: #173239;
  border-bottom: 1px solid rgba(183, 205, 214, 0.16);
  border-left: 4px solid transparent;
  border-radius: 0;
}

.vu-frame-work-stack-row:hover,
.vu-frame-work-stack-row:focus-visible {
  background: #1d3d45;
}

.vu-frame-work-stack-row-selected {
  background: #245660;
  border-left-color: #41d6c3;
  box-shadow: inset 0 0 0 1px rgba(65, 214, 195, 0.32);
}

.vu-frame-work-stack-row strong,
.vu-frame-work-stack-row span {
  color: #e4edf1;
  font-size: 12px;
  line-height: 1.25;
}

.vu-frame-selected-work-object {
  gap: 0;
  padding: 0;
  background: #303a45;
  border: 1px solid #56616c;
  border-left: 5px solid #41d6c3;
  border-radius: 0;
}

.vu-frame-selected-work-object header {
  padding: 5px 7px;
  background: #333d49;
  border-bottom: 1px solid #66707c;
}

.vu-frame-selected-work-object h2 {
  font-size: 16px;
  line-height: 1.2;
}

.vu-frame-selected-work-object header small,
.vu-frame-selected-work-object header .vu-frame-status {
  font-size: 12px;
}

.vu-frame-work-object-meta,
.vu-frame-record-meta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
  background: transparent;
  border: 0;
}

.vu-frame-work-object-meta div,
.vu-frame-record-meta div {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 10px;
  min-height: 22px;
  padding: 2px 7px;
  background: transparent;
  border-bottom: 1px solid #4d5865;
}

.vu-frame-work-object-meta dd,
.vu-frame-record-meta dd {
  color: #f3f6fa;
  font-size: 12px;
}

.vu-frame-record-meta dt {
  color: #c8d1dc;
  font-size: 10px;
  font-weight: 780;
  text-transform: uppercase;
}

.vu-frame-work-object-output,
.vu-frame-work-object-next,
.vu-frame-work-object-linked,
.vu-frame-record-section {
  padding: 5px 7px;
  border-bottom: 1px solid #4d5865;
}

.vu-frame-record-section p {
  margin: 0;
  color: #e5ebf2;
  font-size: 12px;
  line-height: 1.35;
}

.vu-frame-record-section h3,
.vu-frame-work-object-next h3,
.vu-frame-work-object-linked h3 {
  margin: 0 0 4px;
}

.vu-frame-record-state p {
  color: #f2d48a;
}

.vu-frame-record-blocker p {
  color: #f6b3ae;
}

.vu-frame-next-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 26px;
  padding: 3px 0;
  border-bottom: 1px solid #4d5865;
}

.vu-frame-next-action-row strong {
  color: #f8fafc;
  font-size: 12px;
}

.vu-frame-primary-record-action {
  min-height: 24px;
  padding: 0 10px;
  color: #071112;
  background: #41d6c3;
  border: 1px solid #8be0d8;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 800;
}

.vu-frame-work-object-output p,
.vu-frame-record-activity p,
.vu-frame-record-recent p {
  min-height: 18px;
  border-top: 1px solid #4d5865;
}

.vu-frame-work-object-output span,
.vu-frame-work-object-next p,
.vu-frame-work-object-linked-row span,
.vu-frame-vu-output span,
.vu-frame-ledger-output p,
.vu-frame-tree-row,
.vu-frame-dense-table td {
  font-size: 12px;
}

.vu-frame-record-activity {
  display: grid;
  align-content: start;
  min-height: 0;
  padding: 4px 7px;
  overflow: auto;
  background: #2f3843;
}

.vu-frame-record-activity p {
  display: grid;
  grid-template-columns: 44px 104px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin: 0;
  color: #e5ebf2;
  font-size: 12px;
}

.vu-frame-record-recent p {
  display: grid;
  grid-template-columns: 44px 104px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin: 0;
  color: #e5ebf2;
  font-size: 12px;
}

.vu-frame-record-activity time,
.vu-frame-record-recent time {
  color: #8be0d8;
  font-size: 11px;
  font-weight: 800;
}

.vu-frame-work-object-linked-row {
  gap: 8px 18px;
}

.vu-frame-vu-output,
.vu-frame-thread .vu-frame-chat-input textarea {
  background: #101923;
  border-color: #4f5a67;
}

.vu-frame-vu-output p {
  min-height: 22px;
  border-top: 1px solid #263341;
}

.vu-frame-vu-workspace {
  grid-template-rows: 32px minmax(0, 1fr);
  min-height: 0;
}

.vu-frame-thread {
  align-content: start;
  gap: 4px;
  padding: 5px;
}

.vu-frame-thread-message > div,
.vu-frame-result-block blockquote {
  font-size: 12px;
  line-height: 1.3;
}

.vu-frame-thread .vu-frame-chat-input {
  display: grid;
  gap: 4px;
  padding: 2px 0 5px;
  background: transparent;
  border: 0;
}

.vu-frame-thread .vu-frame-chat-input span {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  color: #aeb7c2;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-thread .vu-frame-chat-input textarea {
  min-height: 42px;
  max-height: 64px;
  resize: vertical;
  padding: 6px 7px;
  color: #dce3ea;
  background: #101820;
  border: 1px solid #56616c;
  border-radius: 0;
  font-size: 12px;
}

.vu-frame-dense-table th {
  height: 23px;
  color: #ffffff;
  font-size: 10px;
  text-transform: uppercase;
}

.vu-frame-dense-table td {
  height: 24px;
}

.vu-frame-result-block {
  background: #1b222a;
  border-color: #333c44;
  border-radius: 0;
}

.vu-frame-active-agents > div {
  display: grid;
  align-content: start;
  overflow: auto;
}

.vu-frame-agent-row {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) 46px;
  grid-template-rows: 16px 16px;
  gap: 1px 5px;
  align-items: center;
  min-height: 36px;
  padding: 3px 5px;
  background: #202a33;
  border-bottom: 1px solid #333c44;
}

.vu-frame-agent-row .vu-frame-seal {
  grid-column: 1;
  grid-row: 1 / 3;
}

.vu-frame-agent-row strong {
  grid-column: 2;
  grid-row: 1;
  font-size: 12px;
}

.vu-frame-agent-row span:not(.vu-frame-seal) {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  font-size: 10px;
}

.vu-frame-agent-row small {
  grid-column: 2;
  grid-row: 2;
  font-size: 10px;
}

.vu-frame-agent-row .vu-frame-row-button {
  grid-column: 3;
  grid-row: 2;
  min-height: 18px;
  padding: 0 4px;
  font-size: 10px;
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
  }

  .vu-frame-active-agents,
  .vu-frame-vu-panel,
  .vu-frame-bottom-panel {
    grid-column: 2;
    grid-row: auto;
  }
}

/* Phase 4 true final override: light coordination work surface. */

.vu-frame-ledger-shell {
  grid-template-columns: minmax(0, 1fr) 220px;
}

.vu-frame-work-header {
  background: #f3f5f7;
  border-color: #c6ced8;
}

.vu-frame-work-header h1 {
  color: #111827;
  font-size: 14px;
}

.vu-frame-work-header strong {
  min-width: 0;
  color: #111827;
  font-size: 14px;
  font-weight: 820;
  white-space: nowrap;
}

.vu-frame-work-header span,
.vu-frame-work-header span span {
  color: #4b5563;
  font-size: 12px;
}

.vu-frame-collaborate-surface {
  height: 100%;
  min-height: 0;
  overflow: auto;
  color: #111827;
  background: #f3f5f7;
  border: 1px solid #c6ced8;
  border-top: 0;
  scrollbar-color: #6b7280 #d8dee6;
}

.vu-frame-coordination-job {
  display: grid;
  align-content: start;
  min-height: 100%;
  color: #111827;
  background: #f3f5f7;
}

.vu-frame-coordination-section {
  padding: 9px 12px;
  border-bottom: 1px solid #c6ced8;
}

.vu-frame-coordination-section h2 {
  margin: 0 0 5px;
  color: #4b5563;
  font-size: 10px;
  font-weight: 840;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-coordination-section p {
  max-width: 840px;
  margin: 0;
  color: #111827;
  font-size: 12px;
  line-height: 1.38;
}

.vu-frame-coordination-next {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.vu-frame-coordination-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}

.vu-frame-coordination-actions .vu-frame-row-button {
  color: #1f2937;
  background: #ffffff;
  border-color: #c6ced8;
}

.vu-frame-coordination-actions .vu-frame-row-button:hover,
.vu-frame-coordination-actions .vu-frame-row-button:focus-visible {
  color: #071112;
  background: #c7f4ee;
  border-color: #41d6c3;
}

.vu-frame-coordination-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid #c6ced8;
  border-left: 1px solid #c6ced8;
}

.vu-frame-coordination-strip div {
  min-width: 0;
  padding: 6px 8px;
  border-right: 1px solid #c6ced8;
  border-bottom: 1px solid #c6ced8;
}

.vu-frame-coordination-strip span {
  display: block;
  margin-bottom: 2px;
  color: #4b5563;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-coordination-strip strong {
  display: block;
  overflow: hidden;
  color: #111827;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ai-source {
  background: #eef2f6;
}

.vu-frame-ai-source ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding-left: 16px;
  color: #111827;
}

.vu-frame-ai-source li {
  font-size: 12px;
  line-height: 1.32;
}

.vu-frame-work-stack header {
  min-height: 32px;
}

.vu-frame-work-stack-row {
  gap: 3px;
  min-height: 62px;
  padding: 6px 8px;
}

.vu-frame-work-stack-row span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-stack-row b {
  color: #9de9df;
  font-size: 10px;
  font-weight: 840;
  text-transform: uppercase;
}

.vu-frame-work-stack-row-selected {
  background: #245660;
  border-left-color: #41d6c3;
}

.vu-frame-record-context {
  display: grid;
  grid-template-rows: 32px auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  color: #dce5ee;
  background: #18212d;
  border-left: 1px solid #3f4a56;
}

.vu-frame-record-context header {
  display: flex;
  align-items: center;
  padding: 0 9px;
  color: #ffffff;
  background: #3d4650;
  border-bottom: 1px solid #717b87;
  font-size: 14px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-record-context-grid {
  display: grid;
  padding: 4px 8px 6px;
}

.vu-frame-record-context-grid span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-height: 22px;
  padding: 3px 0;
  color: #cfd8e3;
  border-bottom: 1px solid rgba(198, 206, 216, 0.14);
  font-size: 12px;
}

.vu-frame-record-context-grid strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 780;
  text-align: right;
}

.vu-frame-trust-status {
  align-content: start;
  padding: 7px 8px;
  overflow: auto;
  border-top: 1px solid rgba(198, 206, 216, 0.2);
}

.vu-frame-trust-status h2 {
  margin: 0 0 5px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-trust-status p {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 20px;
  margin: 0;
  color: #dce5ee;
  font-size: 12px;
}

.vu-frame-trust-status p span {
  width: 6px;
  height: 6px;
  background: #54d38a;
  border-radius: 999px;
  box-shadow: 0 0 0 2px rgba(84, 211, 138, 0.16);
}

.vu-frame-vu-output p {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.vu-frame-vu-output time {
  color: #8be0d8;
  font-size: 11px;
  font-weight: 820;
}

@media (max-width: 1180px) {
  .vu-frame-record-context {
    min-height: 180px;
  }

  .vu-frame-coordination-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Phase 5 surgical visual cleanup. */

.vu-frame,
.vu-frame input,
.vu-frame textarea,
.vu-frame select {
  color: #111827;
  font-size: 12px;
  letter-spacing: 0;
}

.vu-frame button {
  font-size: 11px;
  letter-spacing: 0;
}

.vu-frame-tabs button,
.vu-frame-object-tabs button,
.vu-frame-bottom-tabs button {
  font-size: 12px;
}

.vu-frame-work-header,
.vu-frame-vu-header,
.vu-frame-ledger-heading,
.vu-frame-record-context header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding: 8px 10px;
  color: #111827;
  background: #ffffff;
  border-bottom: 1px solid #cbd5e1;
}

.vu-frame-work-header {
  border-color: #cbd5e1;
}

.vu-frame-work-header > div,
.vu-frame-ledger-heading > div {
  display: flex;
  align-items: center;
  min-width: 0;
}

.vu-frame-work-header h1,
.vu-frame-ledger-heading h2,
.vu-frame-vu-header strong,
.vu-frame-record-context header {
  margin: 0;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-work-header strong,
.vu-frame-work-header span,
.vu-frame-work-header p,
.vu-frame-ledger-heading span,
.vu-frame-ledger-heading em {
  display: none;
}

.vu-frame-collaborate-surface,
.vu-frame-coordination-job,
.vu-frame-ai-source {
  color: #111827;
  background: #f8fafc;
  font-size: 12px;
}

.vu-frame-editor,
.vu-frame-canvas,
.vu-frame-work-object {
  color: #111827;
  background: #f8fafc;
  font-size: 12px;
}

.vu-frame-collaborate-surface {
  border-color: #cbd5e1;
}

.vu-frame-coordination-section {
  border-bottom-color: #cbd5e1;
}

.vu-frame-coordination-section h2,
.vu-frame-coordination-strip span,
.vu-frame-chat-input span,
.vu-frame-vu-output header {
  color: #475569;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.vu-frame-coordination-section p,
.vu-frame-coordination-strip strong,
.vu-frame-ai-source li {
  color: #111827;
  font-size: 12px;
}

.vu-frame-work-stack {
  color: #111827;
  background: #f8fafc;
  border-left-color: #cbd5e1;
  border-right-color: #cbd5e1;
}

.vu-frame-work-stack header {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 8px 10px;
  color: #111827;
  background: #ffffff;
  border-bottom: 1px solid #cbd5e1;
}

.vu-frame-work-stack h2 {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.vu-frame-work-stack header span {
  color: #475569;
  font-size: 12px;
}

.vu-frame-work-stack-row {
  min-height: 62px;
  color: #111827;
  background: #eef2f7;
  border-bottom: 1px solid #cbd5e1;
  border-left: 3px solid transparent;
}

.vu-frame-work-stack-row span,
.vu-frame-work-stack-row strong {
  color: #111827;
  font-size: 12px;
}

.vu-frame-work-stack-row b {
  color: #334155;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.vu-frame-work-stack-row:hover,
.vu-frame-work-stack-row:focus-visible,
.vu-frame-work-stack-row-selected {
  color: #111827;
  background: #ffffff;
}

.vu-frame-work-stack-row-selected {
  border-left: 3px solid #14b8a6;
  box-shadow: none;
}

.vu-frame-vu-panel,
.vu-frame-vu-workspace,
.vu-frame-thread {
  color: #111827;
  background: #f8fafc;
}

.vu-frame-vu-panel {
  border-left-color: #cbd5e1;
}

.vu-frame-thread .vu-frame-chat-input {
  color: #111827;
  background: #f8fafc;
}

.vu-frame-thread .vu-frame-chat-input textarea {
  color: #111827;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  font-size: 12px;
}

.vu-frame-vu-output {
  color: #111827;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.vu-frame-vu-output p {
  min-height: 24px;
  color: #111827;
  background: #ffffff;
  border-top: 0;
  border-bottom: 1px solid #e2e8f0;
  font-size: 12px;
  line-height: 1.45;
}

.vu-frame-vu-output span {
  color: #111827;
  font-size: 12px;
}

.vu-frame-vu-output time {
  color: #0f766e;
  font-size: 11px;
}

.vu-frame-ledger-output {
  font-size: 12px;
  line-height: 1.45;
}

.vu-frame-ledger-output p,
.vu-frame-ledger-context,
.vu-frame-ledger-context span {
  font-size: 12px;
  line-height: 1.45;
}

.vu-frame-record-context header {
  border-left: 0;
}

.vu-frame-tree-section summary {
  box-sizing: border-box;
  height: 30px;
  min-height: 30px;
  color: #111827;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-tree-section summary span,
.vu-frame-tree-section-trust summary span {
  color: #111827;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-tree-section summary small,
.vu-frame-tree-section summary::before {
  color: #475569;
}

.vu-frame-dense-table th {
  font-size: 10px;
}

.vu-frame-dense-table td,
.vu-frame-record-activity p,
.vu-frame-record-recent p,
.vu-frame-tree-row {
  font-size: 12px;
}

/* Phase 1 Work in Motion visual layer. */

.vu-frame-motion-editor,
.vu-frame-motion-canvas,
.vu-frame-motion-surface {
  color: #111827;
  background: #f8fafc;
}

.vu-frame-motion-header {
  height: 46px;
  min-height: 46px;
  padding: 7px 10px;
  color: #111827;
  background: #ffffff;
  border-bottom: 1px solid #cbd5e1;
}

.vu-frame-motion-header > div {
  display: grid;
  gap: 2px;
  align-content: center;
  min-width: 0;
}

.vu-frame-motion-header h1 {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
}

.vu-frame-motion-header span {
  display: block;
  overflow: hidden;
  color: #475569;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-surface {
  display: grid;
  align-content: start;
  gap: 0;
  min-height: 0;
  padding: 0;
  overflow: auto;
  border-top: 1px solid #cbd5e1;
}

.vu-frame-motion-section {
  border-bottom: 1px solid #cbd5e1;
}

.vu-frame-motion-section h2 {
  margin: 0;
  padding: 7px 10px 5px;
  color: #111827;
  background: #f1f5f9;
  border-bottom: 1px solid #cbd5e1;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-motion-rows {
  display: grid;
}

.vu-frame-motion-row {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) minmax(92px, 120px) minmax(72px, 90px) minmax(76px, 96px);
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 4px 10px;
  color: #111827;
  background: #ffffff;
  border-bottom: 1px solid #cbd5e1;
  font-size: 12px;
}

.vu-frame-motion-row:last-child {
  border-bottom: 0;
}

.vu-frame-motion-row strong,
.vu-frame-motion-row span {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: 12px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #64748b;
}

.vu-frame-motion-row-ready .vu-frame-motion-dot {
  background: #16a34a;
}

.vu-frame-motion-row-working .vu-frame-motion-dot {
  background: #14b8a6;
}

.vu-frame-motion-row-attention .vu-frame-motion-dot {
  background: #d97706;
}

.vu-frame-motion-row-blocker .vu-frame-motion-dot {
  background: #dc2626;
}

.vu-frame-motion-row button,
.vu-frame-motion-actions button {
  min-height: 22px;
  padding: 0 8px;
  color: #111827;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-motion-row button:hover,
.vu-frame-motion-row button:focus-visible,
.vu-frame-motion-actions button:hover,
.vu-frame-motion-actions button:focus-visible {
  color: #042f2e;
  background: #ccfbf1;
  border-color: #14b8a6;
  outline: none;
}

.vu-frame-motion-decision {
  border-bottom: 0;
}

.vu-frame-motion-decision .vu-frame-motion-row {
  border-bottom: 1px solid #cbd5e1;
}

.vu-frame-motion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 7px 10px;
  background: #ffffff;
}

.vu-frame-work-stack header {
  height: 44px;
  min-height: 44px;
  padding: 7px 10px;
}

.vu-frame-work-stack header > div {
  display: grid;
  gap: 2px;
}

.vu-frame-work-stack-row {
  min-height: 34px;
  padding: 6px 10px;
}

.vu-frame-work-stack-row strong {
  color: #111827;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-vu-output p {
  min-height: 24px;
}

@media (max-width: 1180px) {
  .vu-frame-motion-row {
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .vu-frame-motion-row > span:not(.vu-frame-motion-dot),
  .vu-frame-motion-row button {
    grid-column: 2;
  }

  .vu-frame-motion-header {
    height: auto;
  }

  .vu-frame-motion-header span {
    white-space: normal;
  }
}

/* Phase 2 Work In Motion center-stage layout. */

.vu-frame-body {
  grid-template-columns: 46px var(--vu-explorer-width, 260px) minmax(560px, 1fr) var(--vu-right-panel-width, 340px);
}

.vu-frame-work-stack {
  display: none;
}

.vu-frame-editor,
.vu-frame-motion-editor {
  grid-column: 3;
  grid-row: 1;
}

.vu-frame-vu-panel {
  grid-column: 4;
  grid-row: 1 / 3;
}

.vu-frame-bottom-panel {
  grid-column: 3;
  grid-row: 2;
}

.vu-frame-resize-handle-right {
  grid-column: 4;
  grid-row: 1 / 3;
}

.vu-frame-resize-handle-ledger {
  grid-column: 3;
}

.vu-frame-motion-editor,
.vu-frame-motion-canvas,
.vu-frame-motion-surface {
  color: #e5edf5;
  background: #0f1720;
}

.vu-frame-motion-editor .vu-frame-tabs {
  background: #0b1118;
  border-bottom: 1px solid #2b3847;
}

.vu-frame-motion-editor .vu-frame-tabs button {
  color: #9ca3af;
  background: #0b1118;
  border-color: #2b3847;
}

.vu-frame-motion-editor .vu-frame-tabs .vu-frame-tab-active {
  color: #e5edf5;
  background: #17212b;
  border-color: #14b8a6;
}

.vu-frame-motion-header {
  height: 44px;
  min-height: 44px;
  padding: 6px 10px;
  color: #e5edf5;
  background: #1f2a36;
  border-bottom: 1px solid #334155;
}

.vu-frame-motion-header h1 {
  color: #e5edf5;
  font-size: 13px;
  font-weight: 700;
}

.vu-frame-motion-header span {
  display: block;
  color: #9ca3af;
  font-size: 12px;
}

.vu-frame-motion-surface {
  border-top: 0;
}

.vu-frame-motion-record-line {
  display: grid;
  grid-template-columns: minmax(120px, 0.25fr) minmax(190px, 0.35fr) minmax(260px, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 30px;
  padding: 4px 10px;
  color: #e5edf5;
  background: #17212b;
  border-bottom: 1px solid #334155;
  font-size: 12px;
}

.vu-frame-motion-record-line strong,
.vu-frame-motion-record-line span {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-record-line span {
  color: #9ca3af;
}

.vu-frame-motion-column-head,
.vu-frame-motion-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(120px, 150px) minmax(130px, 180px) minmax(84px, 110px);
  gap: 8px;
  align-items: center;
}

.vu-frame-motion-column-head {
  min-height: 24px;
  padding: 3px 10px;
  color: #9ca3af;
  background: #111b25;
  border-bottom: 1px solid #334155;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.vu-frame-motion-column-head span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-section {
  border-bottom: 1px solid #334155;
}

.vu-frame-motion-section h2 {
  min-height: 26px;
  margin: 0;
  padding: 6px 10px 4px;
  color: #e5edf5;
  background: #1f2a36;
  border-bottom: 1px solid #334155;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-motion-row {
  min-height: 30px;
  padding: 3px 10px;
  color: #e5edf5;
  background: #17212b;
  border-bottom: 1px solid #243244;
  font-size: 12px;
}

.vu-frame-motion-row:nth-child(even) {
  background: #141d27;
}

.vu-frame-motion-row strong,
.vu-frame-motion-row span {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-row > span:nth-of-type(2),
.vu-frame-motion-row > span:nth-of-type(3) {
  color: #9ca3af;
}

.vu-frame-motion-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #9ca3af;
  background: transparent;
  border-radius: 0;
  font-size: 11px;
  font-weight: 800;
}

.vu-frame-motion-row-ready .vu-frame-motion-dot {
  color: #14b8a6;
}

.vu-frame-motion-row-working .vu-frame-motion-dot {
  color: #60a5fa;
}

.vu-frame-motion-row-attention .vu-frame-motion-dot {
  color: #f59e0b;
}

.vu-frame-motion-row-blocker .vu-frame-motion-dot {
  color: #ef4444;
}

.vu-frame-motion-row button,
.vu-frame-motion-actions button {
  min-height: 22px;
  padding: 0 8px;
  color: #e5edf5;
  background: #1f2a36;
  border: 1px solid #334155;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-motion-row button:hover,
.vu-frame-motion-row button:focus-visible,
.vu-frame-motion-actions button:hover,
.vu-frame-motion-actions button:focus-visible {
  color: #042f2e;
  background: #5eead4;
  border-color: #14b8a6;
  outline: none;
}

.vu-frame-motion-decision p {
  min-height: 28px;
  margin: 0;
  padding: 6px 10px;
  color: #9ca3af;
  background: #17212b;
  border-bottom: 1px solid #243244;
  font-size: 12px;
  line-height: 1.35;
}

.vu-frame-motion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 7px 10px;
  background: #17212b;
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .vu-frame-motion-row,
  .vu-frame-motion-column-head,
  .vu-frame-motion-record-line {
    grid-template-columns: 1fr;
  }
}

/* Work In Motion refactor: dense workflow pipeline. */

.vu-frame,
.vu-frame input,
.vu-frame textarea,
.vu-frame select {
  font-size: 10.5px;
}

.vu-frame button {
  font-size: 9.5px;
}

.vu-frame-tabs button,
.vu-frame-object-tabs button,
.vu-frame-bottom-tabs button {
  font-size: 10px;
}

.vu-frame-motion-editor,
.vu-frame-motion-canvas,
.vu-frame-motion-surface {
  color: #e5edf5;
  background: #0f1720;
}

.vu-frame-motion-header {
  height: 34px;
  min-height: 34px;
  padding: 4px 8px;
  background: #111923;
  border-bottom: 1px solid #2b3847;
}

.vu-frame-motion-header h1 {
  color: #e5edf5;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
}

.vu-frame-motion-header span {
  display: block;
  color: #9ca3af;
  font-size: 10px;
  line-height: 1.15;
}

.vu-frame-motion-surface {
  display: block;
  padding: 0;
  overflow: auto;
  border-top: 0;
}

.vu-frame-motion-record-line,
.vu-frame-motion-column-head {
  display: none;
}

.vu-frame-motion-section {
  margin: 0;
  border-bottom: 1px solid #2b3847;
}

.vu-frame-motion-section h2 {
  min-height: 22px;
  margin: 0;
  padding: 5px 8px 3px;
  color: #cbd5e1;
  background: #1f2a36;
  border-bottom: 1px solid #2b3847;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
}

.vu-frame-motion-rows {
  display: grid;
}

.vu-frame-motion-row {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 5px;
  align-items: center;
  min-height: 23px;
  padding: 2px 8px;
  color: #e5edf5;
  background: #17212b;
  border-bottom: 1px solid #243244;
}

.vu-frame-motion-row:nth-child(even) {
  background: #141d27;
}

.vu-frame-motion-row strong {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-row span {
  font-size: 10.5px;
}

.vu-frame-motion-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #9ca3af;
  background: transparent;
  border-radius: 0;
  font-size: 10px;
  font-weight: 800;
}

.vu-frame-motion-row-ready .vu-frame-motion-dot {
  color: #14b8a6;
}

.vu-frame-motion-row-working .vu-frame-motion-dot {
  color: #60a5fa;
}

.vu-frame-motion-row-attention .vu-frame-motion-dot {
  color: #f59e0b;
}

.vu-frame-motion-row-blocker .vu-frame-motion-dot {
  color: #ef4444;
}

.vu-frame-motion-decision {
  border-bottom: 0;
}

.vu-frame-motion-decision p,
.vu-frame-motion-decision .vu-frame-motion-row {
  display: none;
}

.vu-frame-motion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 5px 8px 7px;
  background: #17212b;
}

.vu-frame-motion-actions button {
  min-height: 21px;
  padding: 0 7px;
  color: #e5edf5;
  background: #1f2a36;
  border: 1px solid #334155;
  border-radius: 2px;
  font-size: 9.5px;
  font-weight: 700;
}

.vu-frame-motion-actions button:hover,
.vu-frame-motion-actions button:focus-visible {
  color: #042f2e;
  background: #5eead4;
  border-color: #14b8a6;
  outline: none;
}

/* WIM visibility fix: normal vertical workflow flow. */

.vu-frame-motion-editor {
  display: flex;
  flex-direction: column;
  min-height: 0;
  color: #e5edf5;
  background: #0f1720;
}

.vu-frame-motion-editor .vu-frame-tabs {
  flex: 0 0 auto;
}

.vu-frame-motion-canvas {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: visible;
  color: #e5edf5;
  background: #0f1720;
}

.vu-frame-motion-header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding: 6px 8px;
  color: #e5edf5;
  background: #111923;
  border-bottom: 1px solid #2b3847;
}

.vu-frame-motion-header > div {
  display: flex;
  align-items: center;
  min-width: 0;
}

.vu-frame-motion-header h1 {
  margin: 0;
  color: #e5edf5;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
}

.vu-frame-motion-header span {
  display: none;
}

.vu-frame-motion-surface {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  overflow: auto;
  color: #e5edf5;
  background: #0f1720;
  border-top: 0;
}

.vu-frame-motion-section {
  flex: 0 0 auto;
  margin: 0;
  border-bottom: 1px solid #2b3847;
}

.vu-frame-motion-section h2 {
  min-height: 24px;
  margin: 0;
  padding: 6px 8px 4px;
  color: #cbd5e1;
  background: #1f2a36;
  border-bottom: 1px solid #2b3847;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}

.vu-frame-motion-rows {
  display: flex;
  flex-direction: column;
}

.vu-frame-motion-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) minmax(110px, 150px) minmax(120px, 180px);
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 3px 8px;
  color: #e5edf5;
  background: #17212b;
  border-bottom: 1px solid #243244;
  font-size: 12px;
}

.vu-frame-motion-row:nth-child(even) {
  background: #141d27;
}

.vu-frame-motion-row strong,
.vu-frame-motion-row span {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-row > span:nth-of-type(2),
.vu-frame-motion-row > span:nth-of-type(3) {
  color: #9ca3af;
}

.vu-frame-motion-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #9ca3af;
  background: transparent;
  border-radius: 0;
  font-size: 12px;
  font-weight: 800;
}

.vu-frame-motion-row-ready .vu-frame-motion-dot {
  color: #14b8a6;
}

.vu-frame-motion-row-working .vu-frame-motion-dot {
  color: #60a5fa;
}

.vu-frame-motion-row-attention .vu-frame-motion-dot {
  color: #f59e0b;
}

.vu-frame-motion-row-blocker .vu-frame-motion-dot {
  color: #ef4444;
}

.vu-frame-motion-decision {
  border-bottom: 0;
}

.vu-frame-motion-decision-title {
  display: block;
  min-height: 30px;
  padding: 7px 8px 5px;
  color: #e5edf5;
  background: #17212b;
  border-bottom: 1px solid #243244;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.vu-frame-motion-decision p,
.vu-frame-motion-decision .vu-frame-motion-row {
  display: none;
}

.vu-frame-motion-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 6px;
  padding: 6px 8px 8px;
  background: #17212b;
}

.vu-frame-motion-actions button {
  min-height: 22px;
  padding: 0 8px;
  color: #e5edf5;
  background: #1f2a36;
  border: 1px solid #334155;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-motion-actions button:hover,
.vu-frame-motion-actions button:focus-visible {
  color: #042f2e;
  background: #5eead4;
  border-color: #14b8a6;
  outline: none;
}

@media (max-width: 1180px) {
  .vu-frame-motion-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .vu-frame-motion-row > span:not(.vu-frame-motion-dot) {
    grid-column: 2;
  }
}

/* Phase 4: WIM tabs and Explorer cleanup. */

.vu-frame-motion-editor,
.vu-frame-motion-canvas,
.vu-frame-motion-surface {
  color: #e5edf5;
  background: #0f1720;
  font-size: 12px;
}

.vu-frame-motion-tabs {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 2px;
  min-height: 32px;
  padding: 0 6px;
  background: #0b1118;
  border-bottom: 1px solid #2b3847;
}

.vu-frame-motion-tabs button {
  min-height: 28px;
  padding: 0 10px;
  color: #9ca3af;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-motion-tabs button:hover,
.vu-frame-motion-tabs button:focus-visible {
  color: #e5edf5;
  background: #17212b;
  outline: none;
}

.vu-frame-motion-tabs .vu-frame-motion-tab-active {
  color: #e5edf5;
  background: #17212b;
  border-bottom-color: #14b8a6;
}

.vu-frame-motion-header h1 {
  font-size: 13px;
}

.vu-frame-motion-section h2 {
  font-size: 13px;
}

.vu-frame-motion-row {
  min-height: 30px;
  font-size: 12px;
}

.vu-frame-motion-row strong,
.vu-frame-motion-row span {
  font-size: 12px;
}

.vu-frame-motion-decision p {
  display: block;
  margin: 0;
  min-height: 28px;
  padding: 6px 8px;
  color: #cbd5e1;
  background: #17212b;
  border-bottom: 1px solid #243244;
  font-size: 12px;
  line-height: 1.25;
}

.vu-frame-motion-actions button {
  font-size: 11px;
}

.vu-frame-motion-table {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  min-width: 0;
  overflow: auto;
}

.vu-frame-motion-table-head,
.vu-frame-motion-table-row {
  display: grid;
  grid-template-columns: minmax(170px, 1.2fr) minmax(150px, 0.9fr) minmax(100px, 0.55fr) minmax(140px, 0.75fr);
  gap: 8px;
  align-items: center;
}

.vu-frame-motion-table-head {
  min-height: 28px;
  padding: 4px 8px;
  color: #94a3b8;
  background: #1f2a36;
  border-bottom: 1px solid #2b3847;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.vu-frame-motion-table-row {
  min-height: 30px;
  padding: 3px 8px;
  color: #e5edf5;
  background: #17212b;
  border-bottom: 1px solid #243244;
  font-size: 12px;
}

.vu-frame-motion-table-row:nth-child(even) {
  background: #141d27;
}

.vu-frame-motion-table-row strong,
.vu-frame-motion-table-row span {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-table-row span {
  color: #9ca3af;
}

.vu-frame-motion-table-row-ready span:nth-child(3),
.vu-frame-motion-table-row-ready span:nth-child(4) {
  color: #14b8a6;
}

.vu-frame-motion-table-row-working span:nth-child(3) {
  color: #60a5fa;
}

.vu-frame-motion-table-row-attention span:nth-child(3),
.vu-frame-motion-table-row-attention span:nth-child(4) {
  color: #f59e0b;
}

.vu-frame-motion-table-row-blocker span:nth-child(3),
.vu-frame-motion-table-row-blocker span:nth-child(4) {
  color: #ef4444;
}

.vu-frame-motion-activity {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  background: #0f1720;
}

.vu-frame-motion-activity p {
  display: grid;
  grid-template-columns: 64px 120px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 3px 8px;
  color: #e5edf5;
  background: #17212b;
  border-bottom: 1px solid #243244;
  font-size: 12px;
  line-height: 1.2;
}

.vu-frame-motion-activity p:nth-child(even) {
  background: #141d27;
}

.vu-frame-motion-activity time {
  color: #14b8a6;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}

.vu-frame-motion-activity strong {
  min-width: 0;
  overflow: hidden;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-activity span {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-tree-section summary {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 30px;
  min-height: 30px;
  padding: 6px 10px;
  color: #f8fafc;
  background: #26313d;
  border: 1px solid #4b5563;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-tree-section summary span,
.vu-frame-tree-section-trust summary span {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-tree-section summary small,
.vu-frame-tree-section summary::before {
  color: #cbd5e1;
}

.vu-frame-tree-section-discover {
  background: #0f3a37;
  border: 1px solid #22c7b8;
}

.vu-frame-tree-section-discover summary {
  color: #f8fafc;
  background: #183f3c;
  border: 1px solid #22c7b8;
}

.vu-frame-tree-section-discover summary span,
.vu-frame-tree-section-discover summary::before {
  color: #f8fafc;
}

.vu-frame-tree-section-discover .vu-frame-tree-row {
  color: #d7fff9;
}

.vu-frame-tree-section-discover .vu-frame-tree-row span {
  background: #22c7b8;
}

.vu-frame-tree-section-discover .vu-frame-tree-row:hover,
.vu-frame-tree-section-discover .vu-frame-tree-row:focus-visible {
  color: #ffffff;
  background: rgba(34, 199, 184, 0.14);
  border-left-color: #22c7b8;
}

@media (max-width: 1180px) {
  .vu-frame-motion-table-head,
  .vu-frame-motion-table-row,
  .vu-frame-motion-activity p {
    grid-template-columns: 1fr;
  }
}

/* Final WIM simplification: sticky workflow table and selected-row detail. */

.vu-frame-motion-surface-all {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  min-height: 0;
  overflow: hidden;
}

.vu-frame-motion-workflow {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  border-right: 1px solid #243244;
}

.vu-frame-motion-row-head,
.vu-frame-motion-row {
  display: grid;
  grid-template-columns: 48px minmax(200px, 1fr) minmax(112px, 140px) minmax(96px, 130px) minmax(108px, 140px) minmax(76px, 100px);
  gap: 8px;
  align-items: center;
}

.vu-frame-motion-row-head {
  position: sticky;
  top: 0;
  z-index: 6;
  min-height: 28px;
  padding: 4px 8px;
  color: #94a3b8;
  background: #111923;
  border-bottom: 1px solid #2b3847;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}

.vu-frame-motion-row-head span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-section h2 {
  position: sticky;
  top: 28px;
  z-index: 5;
  background: #1f2a36;
}

.vu-frame-motion-row {
  width: 100%;
  min-height: 30px;
  color: #e5edf5;
  border: 0;
  border-bottom: 1px solid #243244;
  border-left: 3px solid transparent;
  border-radius: 0;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.vu-frame-motion-row:hover,
.vu-frame-motion-row:focus-visible {
  background: #1b2835;
  border-left-color: #475569;
  outline: none;
}

.vu-frame-motion-row-selected,
.vu-frame-motion-row-selected:hover,
.vu-frame-motion-row-selected:focus-visible {
  background: rgba(20, 184, 166, 0.14);
  border-left-color: #14b8a6;
}

.vu-frame-motion-row strong,
.vu-frame-motion-row span {
  min-width: 0;
}

.vu-frame-motion-row > span:nth-of-type(5) {
  color: #cbd5e1;
  font-weight: 700;
}

.vu-frame-motion-detail {
  min-width: 0;
  overflow: auto;
  color: #e5edf5;
  background: #101923;
}

.vu-frame-motion-detail header {
  display: grid;
  gap: 3px;
  min-height: 46px;
  padding: 7px 8px;
  border-bottom: 1px solid #243244;
}

.vu-frame-motion-detail header span,
.vu-frame-motion-detail dt,
.vu-frame-motion-detail h2 {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}

.vu-frame-motion-detail header strong {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 12px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-detail dl {
  display: grid;
  gap: 0;
  margin: 0;
  border-bottom: 1px solid #243244;
}

.vu-frame-motion-detail dl div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 6px;
  min-height: 28px;
  padding: 5px 8px;
  border-bottom: 1px solid rgba(36, 50, 68, 0.7);
}

.vu-frame-motion-detail dl div:last-child {
  border-bottom: 0;
}

.vu-frame-motion-detail dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-detail section {
  margin: 0;
  padding: 7px 8px;
  border-bottom: 1px solid #243244;
}

.vu-frame-motion-detail h2 {
  margin: 0 0 5px;
}

.vu-frame-motion-detail p {
  margin: 0;
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.35;
}

.vu-frame-motion-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 7px 8px;
}

.vu-frame-motion-detail-actions button {
  min-height: 22px;
  padding: 0 8px;
  color: #e5edf5;
  background: #1f2a36;
  border: 1px solid #334155;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-motion-detail-actions button:hover,
.vu-frame-motion-detail-actions button:focus-visible {
  color: #042f2e;
  background: #5eead4;
  border-color: #14b8a6;
  outline: none;
}

@media (max-width: 1280px) {
  .vu-frame-motion-surface-all {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-motion-detail {
    display: none;
  }
}

@media (max-width: 1180px) {
  .vu-frame-motion-row-head,
  .vu-frame-motion-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .vu-frame-motion-row-head span:not(:first-child),
  .vu-frame-motion-row > span:not(.vu-frame-motion-dot) {
    grid-column: 2;
  }
}

/* WIM lane board */

.vu-frame-motion-lane-surface {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 8px;
  overflow: auto;
}

.vu-frame-motion-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  min-height: 100%;
}

.vu-frame-motion-lane {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #0f1720;
  border: 1px solid #26313d;
  border-radius: 3px;
}

.vu-frame-motion-lane header {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 8px;
  color: #94a3b8;
  background: #0b1118;
  border-bottom: 1px solid #26313d;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0;
}

.vu-frame-motion-lane-cards {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 0;
  padding: 8px;
}

.vu-frame-motion-lane-card {
  display: grid;
  gap: 5px;
  align-content: center;
  min-width: 0;
  min-height: 78px;
  padding: 8px;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #2f3d4a;
  border-left: 3px solid #475569;
  border-radius: 3px;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.vu-frame-motion-lane-card:hover,
.vu-frame-motion-lane-card:focus-visible {
  background: #142231;
  border-color: #334155;
  outline: none;
}

.vu-frame-motion-lane-card-selected,
.vu-frame-motion-lane-card-selected:hover,
.vu-frame-motion-lane-card-selected:focus-visible {
  background: rgba(20, 184, 166, 0.14);
  border-color: #14b8a6;
  border-left-color: #14b8a6;
}

.vu-frame-motion-lane-card strong,
.vu-frame-motion-lane-card span {
  min-width: 0;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-lane-card strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 750;
}

.vu-frame-motion-lane-card span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-motion-lane-card span em {
  color: #cbd5e1;
  font-style: normal;
  font-weight: 800;
}

.vu-frame-motion-breadcrumb {
  display: grid;
  grid-template-columns: minmax(130px, 0.8fr) minmax(150px, 1fr) minmax(150px, 1fr);
  gap: 6px 10px;
  align-items: center;
  min-width: 0;
  min-height: 30px;
}

.vu-frame-motion-breadcrumb strong,
.vu-frame-motion-breadcrumb span {
  min-width: 0;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-breadcrumb strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 850;
}

.vu-frame-motion-breadcrumb span {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 750;
}

.vu-frame-motion-breadcrumb span em {
  margin-right: 5px;
  color: #94a3b8;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .vu-frame-motion-lanes {
    grid-template-columns: 1fr;
  }

  .vu-frame-motion-breadcrumb {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Work stream center panel */

.vu-frame-work-stream-surface {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 8px;
  overflow: auto;
}

.vu-frame-work-stream-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  min-height: 30px;
  padding: 6px 8px;
  color: #cbd5e1;
  background: #0b1118;
  border: 1px solid #26313d;
  border-radius: 3px;
}

.vu-frame-work-stream-heading span,
.vu-frame-work-stream-heading strong {
  min-width: 0;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-stream-heading span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 850;
}

.vu-frame-work-stream-heading strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 760;
}

.vu-frame-work-streams {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-height: 0;
}

.vu-frame-work-stream-card {
  --stream-accent: #14b8a6;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  color: #e5edf5;
  background: #0f1720;
  border: 1px solid #26313d;
  border-top: 3px solid var(--stream-accent);
  border-radius: 3px;
}

.vu-frame-work-stream-card-working {
  --stream-accent: #14b8a6;
}

.vu-frame-work-stream-card-ready {
  --stream-accent: #22c55e;
}

.vu-frame-work-stream-card-attention {
  --stream-accent: #f59e0b;
}

.vu-frame-work-stream-card-blocker {
  --stream-accent: #ef4444;
}

.vu-frame-work-stream-card-idle {
  --stream-accent: #64748b;
}

.vu-frame-work-stream-card-selected {
  border-color: color-mix(in srgb, var(--stream-accent) 74%, #26313d);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--stream-accent) 38%, transparent);
}

.vu-frame-work-stream-main {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  color: inherit;
  background: #111a24;
  border: 0;
  border-bottom: 1px solid #26313d;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.vu-frame-work-stream-main:hover,
.vu-frame-work-stream-main:focus-visible {
  background: #142231;
  outline: none;
}

.vu-frame-work-stream-status,
.vu-frame-work-stream-current,
.vu-frame-work-stream-facts dt,
.vu-frame-work-stream-facts dd,
.vu-frame-work-stream-support-group h2,
.vu-frame-work-stream-support-card small,
.vu-frame-work-stream-support-card strong,
.vu-frame-work-stream-support-card em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.vu-frame-work-stream-status {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 820;
  line-height: 1.25;
}

.vu-frame-work-stream-status i {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  background: var(--stream-accent);
  border-radius: 999px;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--stream-accent) 18%, transparent);
}

.vu-frame-work-stream-main > strong {
  color: #f8fafc;
  font-size: 17px;
  font-weight: 820;
  line-height: 1.15;
}

.vu-frame-work-stream-current {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.vu-frame-work-stream-facts {
  display: grid;
  gap: 6px;
  margin: 0;
}

.vu-frame-work-stream-facts div {
  display: grid;
  gap: 2px;
  padding-top: 6px;
  border-top: 1px solid #26313d;
}

.vu-frame-work-stream-facts dt {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-work-stream-facts dd {
  margin: 0;
  color: #e5edf5;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.3;
}

.vu-frame-work-stream-support {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 0;
  overflow: auto;
  padding: 9px;
}

.vu-frame-work-stream-support-group {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vu-frame-work-stream-support-group h2 {
  margin: 0;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-work-stream-support-group > div {
  display: grid;
  gap: 5px;
}

.vu-frame-work-stream-support-card {
  --support-accent: #64748b;
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  background: #0b1118;
  border: 1px solid #26313d;
  border-left: 3px solid var(--support-accent);
  border-radius: 3px;
}

.vu-frame-work-stream-support-card-working {
  --support-accent: #14b8a6;
}

.vu-frame-work-stream-support-card-ready {
  --support-accent: #22c55e;
}

.vu-frame-work-stream-support-card-attention {
  --support-accent: #f59e0b;
}

.vu-frame-work-stream-support-card-blocker {
  --support-accent: #ef4444;
}

.vu-frame-work-stream-support-card small {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-work-stream-support-card strong {
  color: #f8fafc;
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
  line-height: 1.25;
}

.vu-frame-work-stream-support-card em {
  color: #cbd5e1;
  font-size: 11px;
  font-style: normal;
  font-weight: 650;
  line-height: 1.3;
}

@media (max-width: 1180px) {
  .vu-frame-work-streams {
    grid-template-columns: 1fr;
  }
}

/* Simplified Next Best Action center panel */

.vu-frame-next-action-surface {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 10px;
  overflow: auto;
  background: #081019;
}

.vu-frame-next-action-header {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  color: #e5edf5;
  background: #0f1720;
  border: 1px solid #26313d;
  border-radius: 4px;
}

.vu-frame-next-action-header span,
.vu-frame-next-action-card header span,
.vu-frame-next-action-copy h2,
.vu-frame-next-action-disclosures summary,
.vu-frame-work-detail-row span,
.vu-frame-work-detail-row em,
.vu-frame-work-detail-row small {
  letter-spacing: 0;
  text-transform: uppercase;
}

.vu-frame-next-action-header span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 850;
}

.vu-frame-next-action-header strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #f8fafc;
  font-size: 22px;
  font-weight: 840;
  line-height: 1.1;
}

.vu-frame-next-action-header p {
  margin: 0;
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 680;
  line-height: 1.35;
}

.vu-frame-next-action-card {
  --next-action-accent: #14b8a6;
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #26313d;
  border-top: 4px solid var(--next-action-accent);
  border-radius: 5px;
}

.vu-frame-next-action-card-working {
  --next-action-accent: #14b8a6;
}

.vu-frame-next-action-card-ready {
  --next-action-accent: #22c55e;
}

.vu-frame-next-action-card-attention {
  --next-action-accent: #f59e0b;
}

.vu-frame-next-action-card-blocker {
  --next-action-accent: #ef4444;
}

.vu-frame-next-action-card header {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.vu-frame-next-action-card header span {
  width: max-content;
  max-width: 100%;
  padding: 5px 8px;
  overflow-wrap: anywhere;
  color: #081019;
  background: var(--next-action-accent);
  border-radius: 3px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.vu-frame-next-action-card header strong {
  color: #f8fafc;
  font-size: 30px;
  font-weight: 880;
  line-height: 1;
}

.vu-frame-next-action-copy {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.vu-frame-next-action-copy section {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding-top: 10px;
  border-top: 1px solid #26313d;
}

.vu-frame-next-action-copy h2 {
  margin: 0;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
}

.vu-frame-next-action-copy p {
  margin: 0;
  color: #e5edf5;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.vu-frame-next-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.vu-frame-next-action-buttons button {
  min-height: 34px;
  padding: 8px 12px;
  color: #e5edf5;
  background: #0b1118;
  border: 1px solid #334155;
  border-radius: 4px;
  font: inherit;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.vu-frame-next-action-buttons .vu-frame-next-action-primary {
  color: #081019;
  background: #f8fafc;
  border-color: #f8fafc;
}

.vu-frame-next-action-buttons button:hover,
.vu-frame-next-action-buttons button:focus-visible {
  background: #142231;
  outline: none;
}

.vu-frame-next-action-buttons .vu-frame-next-action-primary:hover,
.vu-frame-next-action-buttons .vu-frame-next-action-primary:focus-visible {
  background: #dbeafe;
}

.vu-frame-next-action-disclosures {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  min-height: 0;
}

.vu-frame-next-action-disclosures details {
  min-width: 0;
  color: #e5edf5;
  background: #0f1720;
  border: 1px solid #26313d;
  border-radius: 4px;
}

.vu-frame-next-action-disclosures summary {
  padding: 10px 12px;
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.vu-frame-next-action-disclosures summary::-webkit-details-marker {
  display: none;
}

.vu-frame-next-action-disclosures summary::after {
  content: "+";
  float: right;
  color: #94a3b8;
  font-weight: 900;
}

.vu-frame-next-action-disclosures details[open] summary::after {
  content: "-";
}

.vu-frame-next-action-detail-grid,
.vu-frame-next-action-participants,
.vu-frame-next-action-ledger {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 0 12px 12px;
}

.vu-frame-work-detail-row {
  --detail-accent: #64748b;
  display: grid;
  grid-template-columns: minmax(76px, 0.55fr) minmax(120px, 1fr) minmax(92px, 0.7fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 9px;
  color: #e5edf5;
  background: #0b1118;
  border: 1px solid #26313d;
  border-left: 3px solid var(--detail-accent);
  border-radius: 3px;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.vu-frame-work-detail-row-working {
  --detail-accent: #14b8a6;
}

.vu-frame-work-detail-row-ready {
  --detail-accent: #22c55e;
}

.vu-frame-work-detail-row-attention {
  --detail-accent: #f59e0b;
}

.vu-frame-work-detail-row-blocker {
  --detail-accent: #ef4444;
}

.vu-frame-work-detail-row-idle {
  --detail-accent: #64748b;
}

.vu-frame-work-detail-row-selected {
  border-color: color-mix(in srgb, var(--detail-accent) 70%, #26313d);
}

.vu-frame-work-detail-row:hover,
.vu-frame-work-detail-row:focus-visible {
  background: #142231;
  outline: none;
}

.vu-frame-work-detail-row span,
.vu-frame-work-detail-row strong,
.vu-frame-work-detail-row em,
.vu-frame-work-detail-row small {
  min-width: 0;
  overflow: hidden;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-detail-row span,
.vu-frame-work-detail-row em {
  color: #94a3b8;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.vu-frame-work-detail-row strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 780;
}

.vu-frame-work-detail-row small {
  grid-column: 1 / -1;
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 650;
  text-transform: none;
}

.vu-frame-next-action-ledger p {
  display: grid;
  grid-template-columns: 54px minmax(84px, 0.7fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 8px;
  color: #cbd5e1;
  background: #0b1118;
  border: 1px solid #26313d;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 680;
}

.vu-frame-next-action-ledger time,
.vu-frame-next-action-ledger strong,
.vu-frame-next-action-ledger span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.vu-frame-next-action-ledger time {
  color: #94a3b8;
}

.vu-frame-next-action-ledger strong {
  color: #f8fafc;
}

.vu-frame-next-action-empty {
  margin: 0;
  padding: 0 12px 12px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .vu-frame-work-detail-row,
  .vu-frame-next-action-ledger p {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-work-detail-row span,
  .vu-frame-work-detail-row strong,
  .vu-frame-work-detail-row em,
  .vu-frame-work-detail-row small {
    white-space: normal;
  }
}

/* Work In Motion console. */

.vu-frame-vu-panel,
.vu-frame-vu-workspace,
.vu-frame-thread {
  color: #e5edf5;
  background: #0b1118;
}

.vu-frame-vu-panel {
  border-left: 1px solid #26313d;
}

.vu-frame-vu-workspace {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.vu-frame-vu-header {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 8px;
  color: #e5edf5;
  background: #0b1118;
  border-bottom: 1px solid #26313d;
}

.vu-frame-vu-header strong {
  color: #e5edf5;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
}

.vu-frame-thread {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  padding: 8px;
  overflow: auto;
}

.vu-frame-ai-request,
.vu-frame-vu-output,
.vu-frame-ai-created-work,
.vu-frame-ai-related {
  margin: 0;
  padding: 0;
  color: #e5edf5;
  background: transparent;
  border: 1px solid #26313d;
}

.vu-frame-chat-input {
  display: grid;
  gap: 5px;
  padding: 7px;
}

.vu-frame-thread .vu-frame-chat-input {
  display: grid;
  gap: 5px;
  padding: 7px;
  background: transparent;
  border: 0;
}

.vu-frame-chat-input span,
.vu-frame-vu-output header,
.vu-frame-ai-created-work header,
.vu-frame-ai-related header {
  color: #e5edf5;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
}

.vu-frame-chat-input textarea {
  min-height: 62px;
  resize: vertical;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #26313d;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.35;
}

.vu-frame-chat-input textarea::placeholder {
  color: #94a3b8;
}

.vu-frame-chat-input textarea:focus-visible {
  border-color: #14b8a6;
  outline: none;
}

.vu-frame-ai-request-actions {
  display: flex;
  gap: 6px;
  padding: 0 7px 7px;
}

.vu-frame-ai-request-actions button,
.vu-frame-ai-related button {
  min-height: 22px;
  padding: 0 9px;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #26313d;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-ai-request-actions button:hover,
.vu-frame-ai-request-actions button:focus-visible,
.vu-frame-ai-related button:hover,
.vu-frame-ai-related button:focus-visible {
  color: #042f2e;
  background: #5eead4;
  border-color: #14b8a6;
  outline: none;
}

.vu-frame-vu-output header,
.vu-frame-ai-created-work header,
.vu-frame-ai-related header {
  min-height: 28px;
  padding: 7px 7px 5px;
  background: #0b1118;
  border-bottom: 1px solid #26313d;
}

.vu-frame-vu-output p,
.vu-frame-ai-related > p {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 4px 7px;
  color: #e5edf5;
  background: #111a24;
  border-bottom: 1px solid #26313d;
  font-size: 12px;
  line-height: 1.25;
}

.vu-frame-vu-output p:last-child,
.vu-frame-ai-related > p:last-of-type {
  border-bottom: 0;
}

.vu-frame-vu-output time,
.vu-frame-ai-related time {
  color: #14b8a6;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}

.vu-frame-vu-output span,
.vu-frame-ai-related span {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ai-created-work p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 78px 82px;
  gap: 7px;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 4px 7px;
  background: #111a24;
  border-bottom: 1px solid #26313d;
  font-size: 12px;
}

.vu-frame-ai-created-work p:last-child {
  border-bottom: 0;
}

.vu-frame-ai-created-work strong,
.vu-frame-ai-created-work span {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ai-created-work span {
  color: #94a3b8;
}

.vu-frame-ai-related dl {
  display: grid;
  gap: 0;
  margin: 0;
}

.vu-frame-ai-related dl div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 7px;
  min-height: 28px;
  padding: 5px 7px;
  background: #111a24;
  border-top: 1px solid #26313d;
}

.vu-frame-ai-related dt {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-ai-related dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Work In Motion visibility fix: fixed vertical console anatomy. */

.vu-frame-vu-panel {
  height: 100%;
  min-height: 0;
  overflow: hidden;
  color: #e5edf5;
  background: #0b1118;
  border-left: 1px solid #26313d;
}

.vu-frame-vu-workspace {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  color: #e5edf5;
  background: #0b1118;
}

.vu-frame-vu-header {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 7px 8px;
  color: #e5edf5;
  background: #0b1118;
  border-bottom: 1px solid #26313d;
}

.vu-frame-vu-header strong {
  color: #e5edf5;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
}

.vu-frame-ai-modes {
  display: flex;
  flex: 0 0 auto;
  gap: 2px;
  min-height: 30px;
  padding: 0 6px;
  overflow-x: auto;
  background: #0b1118;
  border-bottom: 1px solid #26313d;
}

.vu-frame-ai-modes button {
  flex: 0 0 auto;
  min-height: 28px;
  padding: 0 8px;
  color: #9ca3af;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-ai-modes button:hover,
.vu-frame-ai-modes button:focus-visible {
  color: #e5edf5;
  background: #111a24;
  outline: none;
}

.vu-frame-ai-modes .vu-frame-ai-mode-active {
  color: #e5edf5;
  background: #111a24;
  border-bottom-color: #14b8a6;
}

.vu-frame-thread {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 7px;
  min-height: 0;
  padding: 7px;
  overflow: hidden;
  color: #e5edf5;
  background: #0b1118;
}

.vu-frame-ai-request,
.vu-frame-vu-output,
.vu-frame-ai-created-work {
  flex: 0 0 auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  color: #e5edf5;
  background: #0b1118;
  border: 1px solid #26313d;
}

.vu-frame-ai-request {
  flex: 0 0 auto;
}

.vu-frame-chat-input {
  display: grid;
  gap: 5px;
  padding: 7px;
}

.vu-frame-chat-input span,
.vu-frame-vu-output header,
.vu-frame-ai-created-work header,
.vu-frame-ai-trust header {
  color: #e5edf5;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
}

.vu-frame-chat-input textarea {
  box-sizing: border-box;
  width: 100%;
  height: 54px;
  min-height: 54px;
  resize: none;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #26313d;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.35;
}

.vu-frame-thread .vu-frame-chat-input textarea {
  box-sizing: border-box;
  width: 100%;
  height: 54px;
  min-height: 54px;
  resize: none;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #26313d;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.35;
}

.vu-frame-chat-input textarea::placeholder {
  color: #9ca3af;
}

.vu-frame-chat-input textarea:focus-visible {
  border-color: #14b8a6;
  outline: none;
}

.vu-frame-ai-request-actions {
  display: flex;
  gap: 6px;
  padding: 0 7px 7px;
}

.vu-frame-ai-request-actions button {
  min-height: 22px;
  padding: 0 9px;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #26313d;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-ai-request-actions button:hover,
.vu-frame-ai-request-actions button:focus-visible {
  color: #042f2e;
  background: #5eead4;
  border-color: #14b8a6;
  outline: none;
}

.vu-frame-vu-output {
  display: flex;
  flex: 1 1 150px;
  flex-direction: column;
  overflow-y: auto;
}

.vu-frame-vu-output header,
.vu-frame-ai-created-work header {
  position: sticky;
  top: 0;
  z-index: 1;
  flex: 0 0 auto;
  min-height: 28px;
  padding: 7px 7px 5px;
  background: #0b1118;
  border-bottom: 1px solid #26313d;
}

.vu-frame-vu-output p {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  flex: 0 0 auto;
  min-height: 28px;
  margin: 0;
  padding: 4px 7px;
  color: #e5edf5;
  background: #111a24;
  border-bottom: 1px solid #26313d;
  font-size: 12px;
  line-height: 1.25;
}

.vu-frame-vu-output time {
  color: #14b8a6;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}

.vu-frame-vu-output span {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ai-created-work {
  flex: 0 0 auto;
}

.vu-frame-ai-created-work p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 78px 82px;
  gap: 7px;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 4px 7px;
  color: #e5edf5;
  background: #111a24;
  border-bottom: 1px solid #26313d;
  font-size: 12px;
  line-height: 1.2;
}

.vu-frame-ai-created-work p:last-child {
  border-bottom: 0;
}

.vu-frame-ai-created-work strong,
.vu-frame-ai-created-work span {
  min-width: 0;
  overflow: hidden;
  color: #e5edf5;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ai-created-work span {
  color: #9ca3af;
}

.vu-frame-ai-trust {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  flex: 0 0 auto;
  gap: 0;
  padding: 7px;
  color: #e5edf5;
  background: #0b1118;
  border-top: 1px solid #26313d;
}

.vu-frame-ai-trust header {
  grid-column: 1 / -1;
  min-height: 20px;
  margin-bottom: 3px;
}

.vu-frame-ai-trust p {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 22px;
  margin: 0;
  color: #9ca3af;
  font-size: 12px;
  line-height: 1.2;
}

.vu-frame-ai-trust p span {
  width: 7px;
  height: 7px;
  background: #22c55e;
  border-radius: 999px;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.12);
}

/* Work In Motion body fix: isolate from legacy thread rules. */

.vu-frame-vu-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.vu-frame-vu-workspace {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.vu-frame-ai-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 7px;
  min-height: 0;
  padding: 7px;
  overflow: hidden;
  color: #e5edf5;
  background: #0b1118;
}

.vu-frame-ai-body .vu-frame-ai-request,
.vu-frame-ai-body .vu-frame-vu-output,
.vu-frame-ai-body .vu-frame-ai-created-work {
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin: 0;
  padding: 0;
  color: #e5edf5;
  background: #0b1118;
  border: 1px solid #26313d;
  position: static;
}

.vu-frame-ai-body .vu-frame-ai-request {
  flex: 0 0 auto;
}

.vu-frame-ai-body .vu-frame-vu-output {
  flex: 1 1 auto;
  overflow-y: auto;
}

.vu-frame-ai-body .vu-frame-ai-created-work {
  flex: 0 0 auto;
}

.vu-frame-ai-body .vu-frame-chat-input {
  display: grid;
  flex: 0 0 auto;
  gap: 5px;
  padding: 7px;
  background: transparent;
  border: 0;
  position: static;
}

.vu-frame-ai-body .vu-frame-chat-input textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 54px;
  min-height: 54px;
  resize: none;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #26313d;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.35;
  position: static;
}

.vu-frame-ai-body .vu-frame-vu-output p,
.vu-frame-ai-body .vu-frame-ai-created-work p {
  flex: 0 0 auto;
}

/* Work In Motion right-panel radar */

.vu-frame-motion-radar-panel {
  color: #e5edf5;
  background: #0b1118;
  border-left: 1px solid #26313d;
}

.vu-frame-motion-radar-panel .vu-frame-vu-header {
  justify-content: space-between;
}

.vu-frame-motion-radar-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  padding: 8px;
  overflow-y: auto;
  background:
    linear-gradient(90deg, rgba(51, 65, 85, 0.12) 1px, transparent 1px),
    linear-gradient(180deg, rgba(51, 65, 85, 0.1) 1px, transparent 1px),
    #0b1118;
  background-size: 28px 28px;
}

.vu-frame-motion-radar-section {
  flex: 0 0 auto;
  min-width: 0;
  background: rgba(8, 13, 19, 0.58);
  border: 1px solid #1f2937;
  border-radius: 2px;
}

.vu-frame-motion-radar-section header {
  min-height: 24px;
  padding: 7px 7px 4px;
  color: #94a3b8;
  background: rgba(8, 13, 19, 0.64);
  border-bottom: 1px solid #1f2937;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

.vu-frame-motion-radar-active {
  flex: 0 0 auto;
  min-height: 0;
}

.vu-frame-motion-radar-scroll {
  max-height: 178px;
  overflow-y: auto;
}

.vu-frame-motion-radar-row,
.vu-frame-motion-radar-review-row {
  min-width: 0;
  min-height: 34px;
  color: #e5edf5;
  background: rgba(17, 26, 36, 0.72);
  border-bottom: 1px solid #1f2937;
}

.vu-frame-motion-radar-row {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 6px 7px;
}

.vu-frame-motion-radar-row:last-child,
.vu-frame-motion-radar-review-row:last-child {
  border-bottom: 0;
}

.vu-frame-motion-radar-row strong,
.vu-frame-motion-radar-review-row strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-radar-row p {
  min-width: 0;
  margin: 2px 0 0;
  overflow: hidden;
  color: #a7b5c3;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-radar-row-active {
  position: relative;
}

.vu-frame-motion-radar-row-active::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 0%, rgba(94, 234, 212, 0.08) 42%, transparent 78%);
  background-size: 220% 100%;
  content: "";
  animation: vu-motion-radar-row-shimmer 3.2s linear infinite;
}

.vu-frame-motion-radar-role {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-top: 0;
  color: #042f2e;
  background: #60a5fa;
  border: 1px solid rgba(219, 234, 254, 0.28);
  border-radius: 3px;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.12);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 10px;
  font-weight: 850;
  line-height: 1;
}

.vu-frame-motion-radar-role-agent {
  background: #14b8a6;
  box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.16);
}

.vu-frame-motion-radar-role-human {
  background: #f59e0b;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.16);
}

.vu-frame-motion-radar-role-external {
  color: #061629;
  background: #60a5fa;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.16);
}

.vu-frame-motion-radar-role-completed {
  background: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.16);
}

.vu-frame-motion-radar-role-pulse {
  animation: vu-motion-radar-dot-pulse 1.6s ease-in-out infinite;
}

.vu-frame-motion-radar-dot {
  width: 8px;
  height: 8px;
  margin-top: 3px;
  background: #60a5fa;
  border-radius: 999px;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.12);
}

.vu-frame-motion-radar-dot-agent {
  background: #14b8a6;
  box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.16);
}

.vu-frame-motion-radar-dot-human {
  background: #f59e0b;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.16);
}

.vu-frame-motion-radar-dot-external {
  background: #60a5fa;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.16);
}

.vu-frame-motion-radar-dot-completed {
  background: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.16);
}

.vu-frame-motion-radar-dot-pulse {
  animation: vu-motion-radar-dot-pulse 1.6s ease-in-out infinite;
}

.vu-frame-motion-radar-ellipsis::after {
  display: inline-block;
  width: 14px;
  overflow: hidden;
  vertical-align: bottom;
  content: "...";
  animation: vu-motion-radar-ellipsis 1.4s steps(4, end) infinite;
}

.vu-frame-motion-radar-review-row {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  padding: 7px;
}

.vu-frame-motion-radar-review-row p {
  min-width: 0;
  margin: 2px 0 0;
  overflow: hidden;
  color: #a7b5c3;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-motion-radar-review-actions {
  display: grid;
  grid-template-columns: minmax(70px, max-content) minmax(112px, max-content);
  gap: 5px;
  margin-top: 7px;
}

.vu-frame-motion-radar-review-row button {
  min-height: 22px;
  padding: 0 8px;
  color: #dbeafe;
  background: #111a24;
  border: 1px solid #334155;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1;
}

.vu-frame-motion-radar-review-row button:hover,
.vu-frame-motion-radar-review-row button:focus-visible {
  color: #042f2e;
  background: #5eead4;
  border-color: #14b8a6;
  outline: none;
}

.vu-frame-motion-radar-row-completed {
  min-height: 30px;
  align-items: center;
}

.vu-frame-motion-radar-row-completed p {
  margin: 0;
  color: #dbe4ee;
}

@keyframes vu-motion-radar-dot-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.16), 0 0 0 0 rgba(20, 184, 166, 0.34);
  }

  50% {
    box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.16), 0 0 0 5px rgba(20, 184, 166, 0);
  }
}

@keyframes vu-motion-radar-ellipsis {
  0% {
    width: 0;
  }

  100% {
    width: 14px;
  }
}

@keyframes vu-motion-radar-row-shimmer {
  0% {
    background-position: 120% 0;
  }

  100% {
    background-position: -120% 0;
  }
}

/* Explorer workflow sections */

.vu-frame-tree-section-work .vu-frame-tree-row span {
  background: #22c7b8;
}

.vu-frame-tree-section-ledger .vu-frame-tree-row span {
  background: #f59e0b;
}

.vu-frame-tree-section-agents .vu-frame-tree-row span {
  background: #60a5fa;
}

.vu-frame-tree-section-vault .vu-frame-tree-row span {
  background: #94a3b8;
}

.vu-frame-tree-section-newBusiness {
  background: rgba(15, 23, 32, 0.55);
  border: 1px solid #334155;
}

.vu-frame-tree-section-newBusiness summary {
  background: #1b2630;
  border-color: #334155;
}

.vu-frame-tree-section-newBusiness summary span,
.vu-frame-tree-section-newBusiness summary::before {
  color: #dbe4ee;
}

.vu-frame-tree-section-newBusiness .vu-frame-tree-row {
  color: #a7b5c3;
}

.vu-frame-tree-section-newBusiness .vu-frame-tree-row span {
  background: #64748b;
}

/* Navigation / ledger cleanup pass */

.vu-frame-body {
  grid-template-columns: var(--vu-explorer-width, 260px) minmax(560px, 1fr) var(--vu-right-panel-width, 340px);
}

.vu-frame-explorer {
  display: flex;
  grid-column: 1;
  grid-row: 1 / 3;
  flex-direction: column;
  min-height: 0;
}

.vu-frame-tree {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.vu-frame-editor,
.vu-frame-motion-editor {
  grid-column: 2;
  grid-row: 1;
}

.vu-frame-bottom-panel {
  grid-column: 2;
  grid-row: 2;
}

.vu-frame-vu-panel {
  grid-column: 3;
  grid-row: 1 / 3;
}

.vu-frame-resize-handle-explorer {
  grid-column: 1;
  grid-row: 1 / 3;
}

.vu-frame-resize-handle-right {
  grid-column: 3;
  grid-row: 1 / 3;
}

.vu-frame-resize-handle-ledger {
  grid-column: 2;
  grid-row: 2;
}

.vu-frame-ledger-shell {
  grid-template-columns: minmax(0, 1fr);
}

/* Work queue + inspection pane */

.vu-frame-explorer,
.vu-frame-bottom-panel {
  font-size: 12px;
}

.vu-frame-object-map,
.vu-frame-secondary-section {
  border-bottom: 1px solid #26313d;
}

.vu-frame-object-map header,
.vu-frame-secondary-section header,
.vu-frame-inspection-metrics dt,
.vu-frame-inspection-tab-detail header span {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}

.vu-frame-inspection-metrics {
  display: grid;
  gap: 1px;
  margin: 0;
}

.vu-frame-inspection-metrics div {
  display: grid;
  min-width: 0;
  min-height: 28px;
  padding: 4px 6px;
  background: #111a24;
  border: 1px solid #26313d;
}

.vu-frame-inspection-metrics dt,
.vu-frame-inspection-metrics dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-inspection-metrics dd {
  color: #e5edf5;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-object-map {
  display: grid;
  gap: 4px;
  padding: 7px 8px;
  background: #0b1118;
}

.vu-frame-object-map header,
.vu-frame-secondary-section header {
  min-height: 20px;
}

.vu-frame-object-map-list,
.vu-frame-secondary-section > div {
  display: grid;
  gap: 2px;
}

.vu-frame-object-map-item {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 32px;
  gap: 6px;
  align-items: center;
  min-height: 30px;
  padding: 3px 6px;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #26313d;
  border-left: 3px solid #14b8a6;
  border-radius: 2px;
  text-align: left;
}

.vu-frame-object-map-item:hover,
.vu-frame-object-map-item:focus-visible,
.vu-frame-object-map-item-selected {
  background: #142231;
  border-color: #334155;
  outline: none;
}

.vu-frame-object-map-item-selected {
  box-shadow: inset 0 0 0 1px #5eead4;
}

.vu-frame-object-node {
  justify-self: center;
  width: 12px;
  height: 12px;
  background: #14b8a6;
  border-radius: 999px;
  box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.14);
}

.vu-frame-object-map-item-small .vu-frame-object-node {
  width: 9px;
  height: 9px;
}

.vu-frame-object-map-item-medium .vu-frame-object-node {
  width: 13px;
  height: 13px;
}

.vu-frame-object-map-item-large .vu-frame-object-node {
  width: 17px;
  height: 17px;
}

.vu-frame-object-map-item strong,
.vu-frame-object-map-item em {
  min-width: 0;
  overflow: hidden;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-object-map-item strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-object-map-item em {
  display: inline-grid;
  place-items: center;
  justify-self: end;
  width: 22px;
  height: 20px;
  color: #dbeafe;
  background: #172033;
  border: 1px solid #334155;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.vu-frame-object-map-item-working {
  border-left-color: #14b8a6;
}

.vu-frame-object-map-item-working .vu-frame-object-node {
  background: #14b8a6;
}

.vu-frame-object-map-item-waiting {
  border-left-color: #f59e0b;
}

.vu-frame-object-map-item-waiting .vu-frame-object-node {
  background: #f59e0b;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.14);
}

.vu-frame-object-map-item-blocked {
  border-left-color: #ef4444;
}

.vu-frame-object-map-item-blocked .vu-frame-object-node {
  background: #ef4444;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.14);
}

.vu-frame-object-map-item-completed {
  border-left-color: #22c55e;
}

.vu-frame-object-map-item-completed .vu-frame-object-node {
  background: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.14);
}

.vu-frame-object-map-item-closed {
  border-left-color: #64748b;
}

.vu-frame-object-map-item-closed .vu-frame-object-node {
  background: #64748b;
  box-shadow: 0 0 0 2px rgba(100, 116, 139, 0.14);
}

.vu-frame-ledger-map,
.vu-frame-vault-object {
  display: grid;
  gap: 6px;
  padding: 7px 8px;
  background: #0b1118;
  border-bottom: 1px solid #26313d;
}

.vu-frame-ledger-map header,
.vu-frame-vault-object header {
  min-height: 20px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}

.vu-frame-ledger-map-stage {
  position: relative;
  height: 154px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(51, 65, 85, 0.14) 1px, transparent 1px),
    linear-gradient(180deg, rgba(51, 65, 85, 0.14) 1px, transparent 1px),
    #101923;
  background-size: 32px 32px;
  border: 1px solid #26313d;
  border-radius: 3px;
}

.vu-frame-ledger-book {
  position: absolute;
  top: 50px;
  left: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 108px;
  height: 54px;
  transform: translateX(-50%);
  color: #e5edf5;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.05), transparent 34%),
    #182332;
  border: 1px solid #475569;
  border-left: 5px solid #64748b;
  border-radius: 3px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.vu-frame-ledger-book::after {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 16px;
  width: 1px;
  background: rgba(148, 163, 184, 0.38);
  content: "";
}

.vu-frame-ledger-book strong,
.vu-frame-ledger-book span {
  position: relative;
  z-index: 1;
  line-height: 1.1;
}

.vu-frame-ledger-book strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 800;
}

.vu-frame-ledger-book span {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
}

.vu-frame-ledger-book:hover,
.vu-frame-ledger-book:focus-visible,
.vu-frame-ledger-book-selected {
  background: #142a32;
  border-color: #14b8a6;
  outline: none;
}

.vu-frame-ledger-node {
  position: absolute;
  z-index: 3;
  display: grid;
  justify-items: center;
  gap: 3px;
  width: 54px;
  min-height: 36px;
  padding: 2px;
  color: #dbe4ee;
  background: transparent;
  border: 0;
  font-size: 10px;
  text-align: center;
}

.vu-frame-ledger-node::before {
  position: absolute;
  top: 14px;
  z-index: -1;
  width: 38px;
  height: 1px;
  background: rgba(100, 116, 139, 0.72);
  content: "";
}

.vu-frame-ledger-node strong {
  max-width: 60px;
  overflow: hidden;
  color: #cbd5e1;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ledger-node:hover strong,
.vu-frame-ledger-node:focus-visible strong,
.vu-frame-ledger-node-selected strong {
  color: #f8fafc;
}

.vu-frame-ledger-node-decision {
  top: 8px;
  left: 10px;
}

.vu-frame-ledger-node-decision::before {
  left: 38px;
  transform: rotate(24deg);
}

.vu-frame-ledger-node-evidence {
  top: 8px;
  right: 10px;
}

.vu-frame-ledger-node-evidence::before {
  right: 38px;
  transform: rotate(-24deg);
}

.vu-frame-ledger-node-approval {
  top: 62px;
  left: 0;
}

.vu-frame-ledger-node-approval::before {
  left: 40px;
}

.vu-frame-ledger-node-vu-event {
  bottom: 12px;
  left: 34px;
}

.vu-frame-ledger-node-vu-event::before {
  left: 40px;
  transform: rotate(-26deg);
}

.vu-frame-ledger-node-vendor-event {
  right: 22px;
  bottom: 12px;
}

.vu-frame-ledger-node-vendor-event::before {
  right: 40px;
  transform: rotate(26deg);
}

.vu-frame-ledger-node-security-review {
  top: 62px;
  right: 0;
}

.vu-frame-ledger-node-security-review::before {
  right: 40px;
}

.vu-frame-tree {
  display: flex;
  flex-direction: column;
}

.vu-frame-object-map,
.vu-frame-vault-object {
  flex: 0 0 auto;
}

.vu-frame-ledger-map {
  flex: 1 0 382px;
  min-height: 382px;
}

.vu-frame-vault-object {
  margin-top: auto;
}

.vu-frame-ledger-map-stage {
  display: grid;
  grid-template-rows: 60px minmax(0, 1fr);
  min-height: 352px;
  height: 100%;
  padding: 8px 7px 10px;
  background: #0f1720;
  background-size: initial;
  border-color: #26313d;
}

.vu-frame-ledger-spine {
  position: absolute;
  top: 11px;
  bottom: 11px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 1px;
  height: auto;
  background: linear-gradient(180deg, transparent, #475569 8%, #475569 92%, transparent);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: translateX(-50%);
}

.vu-frame-ledger-book {
  position: relative;
  top: auto;
  left: auto;
  z-index: 3;
  justify-self: center;
  width: 112px;
  height: 52px;
  transform: none;
}

.vu-frame-ledger-nodes {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 7px;
  align-content: start;
  min-width: 0;
  padding-top: 7px;
}

.vu-frame-ledger-node {
  --ledger-node-color: #14b8a6;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 5px;
  align-items: center;
  justify-items: stretch;
  width: calc(50% - 8px);
  min-height: 42px;
  padding: 5px 6px;
  color: #dbe4ee;
  background: #111a24;
  border: 1px solid #26313d;
  border-radius: 4px;
  font-size: 11px;
  text-align: left;
}

.vu-frame-ledger-node::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 12px;
  height: 1px;
  background: var(--ledger-node-color);
  content: "";
  transform: translateY(-50%);
}

.vu-frame-ledger-node-left {
  justify-self: start;
}

.vu-frame-ledger-node-left::before {
  right: -13px;
}

.vu-frame-ledger-node-right {
  grid-template-columns: minmax(0, 1fr) 16px;
  justify-self: end;
  text-align: right;
}

.vu-frame-ledger-node-right::before {
  left: -13px;
}

.vu-frame-ledger-node-right .vu-frame-ledger-node-copy {
  grid-column: 1;
  grid-row: 1;
}

.vu-frame-ledger-node-working {
  --ledger-node-color: #14b8a6;
}

.vu-frame-ledger-node-waiting {
  --ledger-node-color: #f59e0b;
}

.vu-frame-ledger-node-blocked {
  --ledger-node-color: #ef4444;
}

.vu-frame-ledger-node-recorded {
  --ledger-node-color: #22c55e;
}

.vu-frame-ledger-node-vu {
  --ledger-node-color: #38bdf8;
}

.vu-frame-ledger-node-copy,
.vu-frame-ledger-node .vu-frame-ledger-node-copy span,
.vu-frame-ledger-node .vu-frame-ledger-node-copy small,
.vu-frame-ledger-node .vu-frame-ledger-node-copy em {
  width: auto;
  height: auto;
  min-width: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.vu-frame-ledger-node-copy {
  display: grid;
  gap: 2px;
}

.vu-frame-ledger-node-copy strong,
.vu-frame-ledger-node-copy small,
.vu-frame-ledger-node-copy span,
.vu-frame-ledger-node-copy em {
  min-width: 0;
  overflow: hidden;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ledger-node-copy strong {
  max-width: none;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0;
}

.vu-frame-ledger-node-copy small {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px;
  align-items: center;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
}

.vu-frame-ledger-node-right .vu-frame-ledger-node-copy small {
  grid-template-columns: auto minmax(0, 1fr);
}

.vu-frame-ledger-node-right .vu-frame-ledger-node-copy small span {
  grid-column: 2;
  grid-row: 1;
}

.vu-frame-ledger-node-right .vu-frame-ledger-node-copy small em {
  grid-column: 1;
  grid-row: 1;
}

.vu-frame-ledger-node-copy em {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 16px;
  padding: 0 5px;
  color: #e5edf5;
  background: rgba(15, 23, 42, 0.74);
  border: 1px solid color-mix(in srgb, var(--ledger-node-color) 45%, #334155);
  border-radius: 999px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.vu-frame-ledger-node:hover,
.vu-frame-ledger-node:focus-visible,
.vu-frame-ledger-node-selected {
  background: #142231;
  border-color: var(--ledger-node-color);
  outline: none;
}

.vu-frame-ledger-node-selected {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ledger-node-color) 70%, transparent);
}

.vu-frame-ledger-node:hover .vu-frame-ledger-node-copy strong,
.vu-frame-ledger-node:focus-visible .vu-frame-ledger-node-copy strong,
.vu-frame-ledger-node-selected .vu-frame-ledger-node-copy strong {
  color: #ffffff;
}

.vu-frame-ledger-map header {
  min-height: 20px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}

.vu-frame-ledger-map {
  flex: 1 1 68%;
  min-height: 540px;
}

.vu-frame-ledger-map-stage {
  grid-template-rows: minmax(0, 1fr);
  min-height: 508px;
  padding: 10px 7px 12px;
}

.vu-frame-ledger-book {
  position: relative;
  z-index: 4;
  display: grid;
  place-items: center;
  justify-self: center;
  width: 132px;
  min-height: 62px;
  color: #042f2e;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 38%),
    #14b8a6;
  border: 1px solid #5eead4;
  border-radius: 5px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 8px 18px rgba(0, 0, 0, 0.24);
}

.vu-frame-ledger-book::after {
  display: none;
}

.vu-frame-ledger-book::before {
  position: absolute;
  top: 50%;
  right: -18px;
  left: -18px;
  z-index: -1;
  height: 1px;
  background: rgba(94, 234, 212, 0.55);
  content: "";
}

.vu-frame-ledger-book strong {
  color: #022c2a;
  font-size: 13px;
  font-weight: 900;
}

.vu-frame-ledger-book span {
  color: #064e4a;
  font-size: 10px;
  font-weight: 800;
}

.vu-frame-ledger-book:hover,
.vu-frame-ledger-book:focus-visible,
.vu-frame-ledger-book-selected {
  color: #022c2a;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.28), transparent 38%),
    #2dd4bf;
  border-color: #99f6e4;
  outline: none;
}

.vu-frame-ledger-nodes {
  align-content: center;
  gap: 9px;
  padding-top: 0;
}

.vu-frame-ledger-node {
  grid-template-columns: minmax(0, 1fr);
  width: calc(50% - 6px);
  padding: 7px 7px 7px 10px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--ledger-node-color) 30%, transparent), transparent 52%),
    #111a24;
  border-color: #2f3d4a;
  border-left: 5px solid var(--ledger-node-color);
  border-radius: 5px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16);
  text-align: left;
}

.vu-frame-ledger-node-right {
  grid-template-columns: minmax(0, 1fr);
  padding-right: 10px;
  border-right: 5px solid var(--ledger-node-color);
  border-left-width: 1px;
  text-align: left;
}

.vu-frame-ledger-node-small {
  width: calc(44% - 5px);
  min-height: 46px;
  opacity: 0.9;
}

.vu-frame-ledger-node-medium {
  width: calc(48% - 5px);
  min-height: 62px;
}

.vu-frame-ledger-node-large {
  width: calc(50% - 2px);
  min-height: 90px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--ledger-node-color) 40%, transparent), transparent 58%),
    #13202b;
}

.vu-frame-ledger-node-large .vu-frame-ledger-node-copy strong {
  font-size: 13px;
}

.vu-frame-ledger-node::before {
  width: 12px;
  background: rgba(148, 163, 184, 0.7);
}

.vu-frame-ledger-node-left::before {
  right: -13px;
}

.vu-frame-ledger-node-right::before {
  left: -13px;
}

.vu-frame-ledger-node::after {
  position: absolute;
  top: calc(50% - 11px);
  width: 1px;
  height: 22px;
  background: rgba(148, 163, 184, 0.42);
  content: "";
}

.vu-frame-ledger-node-left::after {
  right: -13px;
}

.vu-frame-ledger-node-right::after {
  left: -13px;
}

.vu-frame-ledger-node-copy {
  gap: 7px;
}

.vu-frame-ledger-node-copy strong {
  font-size: 11px;
  font-weight: 800;
}

.vu-frame-ledger-node-copy em {
  justify-self: start;
  min-width: 56px;
  height: 19px;
  padding: 0 7px;
  color: #f8fafc;
  background: color-mix(in srgb, var(--ledger-node-color) 25%, #0f1720);
  border-color: color-mix(in srgb, var(--ledger-node-color) 70%, #334155);
  font-size: 10px;
}

.vu-frame-ledger-node-large .vu-frame-ledger-node-copy em {
  min-width: 72px;
  height: 22px;
  font-size: 11px;
}

.vu-frame-ledger-node-small .vu-frame-ledger-node-copy strong {
  font-size: 10px;
}

.vu-frame-ledger-node-small .vu-frame-ledger-node-copy em {
  min-width: 52px;
  height: 17px;
  font-size: 9px;
}

.vu-frame-ledger-node-right .vu-frame-ledger-node-copy em {
  grid-column: auto;
  grid-row: auto;
}

.vu-frame-ledger-node-selected {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--ledger-node-color) 42%, transparent), transparent 58%),
    #142231;
}

.vu-frame-inspection-shell-ledger-record {
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
}

.vu-frame-ledger-record-metrics {
  grid-column: 1;
  grid-row: 2 / 4;
  align-content: start;
  background: #101923;
  border-right: 1px solid #26313d;
}

.vu-frame-ledger-record-metrics div {
  grid-template-columns: 92px minmax(0, 1fr);
}

.vu-frame-ledger-record-section {
  display: grid;
  align-content: start;
  min-width: 0;
  background: #0b1118;
}

.vu-frame-ledger-record-section header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 28px;
  padding: 8px 8px 5px;
  background: #101923;
  border-bottom: 1px solid #26313d;
}

.vu-frame-ledger-record-section header span {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.vu-frame-ledger-record-section header em {
  color: #94a3b8;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.vu-frame-ledger-record-activity {
  grid-column: 2;
  grid-row: 2;
}

.vu-frame-ledger-related-records {
  grid-column: 2;
  grid-row: 3;
  border-top: 1px solid #26313d;
}

.vu-frame-ledger-related-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
}

.vu-frame-ledger-related-list span {
  min-height: 24px;
  padding: 5px 8px;
  color: #dbeafe;
  background: #111a24;
  border: 1px solid #334155;
  border-left: 3px solid #14b8a6;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-inspection-shell-ledger-empty {
  grid-template-columns: minmax(0, 1fr);
}

.vu-frame-ledger-empty-state {
  display: grid;
  place-items: center start;
  min-height: 96px;
  padding: 16px;
  color: #94a3b8;
  background: #0b1118;
}

.vu-frame-ledger-empty-state strong {
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .vu-frame-inspection-shell-ledger-record {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-ledger-record-metrics,
  .vu-frame-ledger-record-activity,
  .vu-frame-ledger-related-records {
    grid-column: 1;
    grid-row: auto;
    border-right: 0;
  }
}

.vu-frame-vault-safe {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  grid-template-rows: 18px 16px;
  gap: 0 8px;
  align-items: center;
  min-height: 58px;
  padding: 9px 10px;
  overflow: hidden;
  color: #1f1a0a;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 34%),
    #c18a22;
  border: 1px solid #f0c45c;
  border-radius: 4px;
  text-align: left;
  box-shadow: inset 0 0 0 1px rgba(77, 52, 8, 0.3);
}

.vu-frame-vault-safe:hover,
.vu-frame-vault-safe:focus-visible,
.vu-frame-vault-safe-selected {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 34%),
    #d69b2b;
  border-color: #fde68a;
  outline: none;
}

.vu-frame-vault-shine {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 42px;
  height: 1px;
  background: rgba(255, 247, 190, 0.7);
}

.vu-frame-vault-dial {
  grid-row: 1 / 3;
  display: block;
  justify-self: center;
  width: 34px;
  height: 34px;
  background:
    radial-gradient(circle at 50% 50%, #f8dda3 0 4px, transparent 5px),
    conic-gradient(from 20deg, #3f2b08, #f4ca69, #3f2b08, #f4ca69, #3f2b08);
  border: 3px solid #4b3209;
  border-radius: 999px;
}

.vu-frame-vault-safe strong,
.vu-frame-vault-safe small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-vault-safe strong {
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0;
}

.vu-frame-vault-safe small {
  color: #3f2b08;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-vault-packages {
  display: grid;
  gap: 3px;
}

.vu-frame-vault-package {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 4px 7px;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #3f3217;
  border-left: 3px solid #d69b2b;
  border-radius: 2px;
  text-align: left;
}

.vu-frame-vault-package:hover,
.vu-frame-vault-package:focus-visible,
.vu-frame-vault-package-selected {
  background: #1e2118;
  border-color: #d69b2b;
  outline: none;
}

.vu-frame-vault-package strong,
.vu-frame-vault-package em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-vault-package strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-vault-package em {
  justify-self: end;
  color: #fef3c7;
  background: rgba(214, 155, 43, 0.18);
  border: 1px solid rgba(214, 155, 43, 0.38);
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.vu-frame-secondary-section {
  display: grid;
  gap: 2px;
  padding: 7px 8px;
  background: #0b1118;
}

.vu-frame-secondary-section .vu-frame-tree-row {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-height: 32px;
  padding: 4px 7px;
  background: #111a24;
  border: 1px solid #26313d;
  border-left: 3px solid transparent;
  border-radius: 2px;
  font-size: 12px;
}

.vu-frame-secondary-section .vu-frame-tree-row:hover,
.vu-frame-secondary-section .vu-frame-tree-row:focus-visible {
  background: #142231;
  border-color: #334155;
  outline: none;
}

.vu-frame-secondary-section .vu-frame-tree-row-active,
.vu-frame-secondary-section .vu-frame-tree-row-active:hover,
.vu-frame-secondary-section .vu-frame-tree-row-active:focus-visible {
  background: rgba(20, 184, 166, 0.14);
  border-color: #14b8a6;
  border-left-color: #14b8a6;
}

.vu-frame-secondary-section .vu-frame-tree-row strong,
.vu-frame-secondary-section .vu-frame-tree-row em {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-secondary-section .vu-frame-tree-row strong {
  color: #dbe4ee;
  font-weight: 600;
}

.vu-frame-secondary-section .vu-frame-tree-row em {
  display: inline-grid;
  place-items: center;
  justify-self: end;
  min-width: 54px;
  height: 20px;
  padding: 0 7px;
  color: #dbeafe;
  background: #172033;
  border: 1px solid #334155;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.vu-frame-secondary-section .vu-frame-tree-row > span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.vu-frame-secondary-section-ledger .vu-frame-tree-row span {
  background: #14b8a6;
  box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.12);
}

.vu-frame-secondary-section-ledger .vu-frame-tree-row:nth-child(2) span,
.vu-frame-secondary-section-ledger .vu-frame-tree-row:nth-child(4) span {
  background: #f59e0b;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.12);
}

.vu-frame-secondary-section-ledger .vu-frame-tree-row:nth-child(3) span {
  background: #38bdf8;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.12);
}

.vu-frame-secondary-section-vault .vu-frame-tree-row span {
  background: #94a3b8;
}

.vu-frame-secondary-section-vault .vu-frame-tree-row:nth-child(1) span {
  background: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.12);
}

.vu-frame-secondary-section-vault .vu-frame-tree-row:nth-child(2) span {
  background: #f59e0b;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.12);
}

.vu-frame-inspection-panel {
  color: #e5edf5;
  background: #0b1118;
}

.vu-frame-inspection-shell {
  display: grid;
  gap: 0;
  min-height: 0;
  overflow: auto;
  border-top: 1px solid #26313d;
}

.vu-frame-inspection-shell-work {
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
}

.vu-frame-inspection-shell-ledger {
  grid-template-columns: minmax(0, 1fr);
}

.vu-frame-inspection-heading {
  grid-column: 1 / -1;
  display: grid;
  align-items: center;
  min-height: 30px;
  padding: 5px 8px;
  background: #101923;
  border-bottom: 1px solid #26313d;
}

.vu-frame-inspection-heading strong {
  min-width: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 13px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-inspection-metrics {
  grid-column: 1;
  grid-template-columns: 1fr;
  align-content: start;
  background: #101923;
  border-right: 1px solid #26313d;
}

.vu-frame-inspection-metrics div {
  grid-template-columns: 92px minmax(0, 1fr);
  border-width: 1px 0 0;
}

.vu-frame-inspection-tab-detail {
  display: grid;
  align-content: start;
  min-width: 0;
  background: #0b1118;
}

.vu-frame-inspection-tab-detail {
  grid-column: 2;
  grid-row: 2 / 4;
}

.vu-frame-inspection-tab-detail header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 28px;
  padding: 8px 8px 5px;
  background: #101923;
  border-bottom: 1px solid #26313d;
}

.vu-frame-inspection-tab-detail header em {
  color: #94a3b8;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.vu-frame-inspection-shell-ledger .vu-frame-inspection-tab-detail {
  grid-column: 1;
  grid-row: auto;
}

.vu-frame-inspection-actions {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1;
  gap: 6px;
  align-content: start;
  padding: 7px 8px;
  background: #101923;
  border-top: 1px solid #26313d;
  border-right: 1px solid #26313d;
}

.vu-frame-inspection-actions button {
  min-height: 24px;
  padding: 0 8px;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #334155;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 700;
}

.vu-frame-inspection-actions button:hover,
.vu-frame-inspection-actions button:focus-visible {
  color: #042f2e;
  background: #5eead4;
  border-color: #14b8a6;
  outline: none;
}

.vu-frame-inspection-rows,
.vu-frame-ledger-output {
  min-width: 0;
}

.vu-frame-inspection-rows p,
.vu-frame-ledger-output p.vu-frame-inspection-empty {
  display: grid;
  grid-template-columns: 68px minmax(116px, 160px) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 4px 8px;
  color: #e5edf5;
  background: #111a24;
  border-bottom: 1px solid #26313d;
  font-size: 12px;
  line-height: 1.2;
}

.vu-frame-inspection-rows p:nth-child(even) {
  background: #0f1822;
}

.vu-frame-inspection-rows time,
.vu-frame-inspection-rows strong,
.vu-frame-inspection-rows span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-inspection-rows time {
  color: #5eead4;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 11px;
}

.vu-frame-inspection-rows strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-inspection-rows span {
  color: #cbd5e1;
  font-size: 12px;
}

.vu-frame-inspection-empty {
  color: #94a3b8;
}

.vu-frame-bottom-panel.vu-frame-inspection-panel,
.vu-frame-inspection-panel {
  min-height: 180px;
  overflow-y: auto;
}

.vu-frame-inspection-shell {
  min-height: 180px;
  overflow-y: auto;
}

.vu-frame-inspection-metrics dt {
  text-transform: none;
}

.vu-frame-inspection-shell-work-detail,
.vu-frame-inspection-shell-vault-detail {
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
}

.vu-frame-work-recent-events,
.vu-frame-vault-package-contents {
  grid-column: 2;
  grid-row: 2;
}

.vu-frame-work-related-records {
  grid-column: 2;
  grid-row: 3;
  border-top: 1px solid #26313d;
}

.vu-frame-vault-package-metrics {
  grid-column: 1;
  grid-row: 2;
  align-content: start;
  background: #101923;
  border-right: 1px solid #26313d;
}

.vu-frame-vault-package-actions {
  grid-column: 1;
  grid-row: 3;
  align-content: start;
}

.vu-frame-vault-package-contents {
  grid-row: 2 / 4;
}

.vu-frame-vault-contents-list span {
  border-left-color: #d69b2b;
}

@media (max-width: 1180px) {
  .vu-frame-inspection-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-inspection-heading,
  .vu-frame-inspection-metrics,
  .vu-frame-inspection-tab-detail,
  .vu-frame-inspection-actions,
  .vu-frame-work-recent-events,
  .vu-frame-work-related-records,
  .vu-frame-vault-package-contents {
    grid-column: 1;
    grid-row: auto;
    border-right: 0;
  }
}

/* Automation motion layer */

.vu-frame-progress-bar,
.vu-frame-ledger-node .vu-frame-ledger-node-copy span.vu-frame-progress-bar {
  position: relative;
  display: block;
  width: 100%;
  height: 5px;
  min-width: 0;
  overflow: hidden;
  background: #0b1118;
  border: 1px solid #26313d;
  border-radius: 999px;
  box-shadow: none;
}

.vu-frame-progress-bar > span,
.vu-frame-ledger-node .vu-frame-ledger-node-copy .vu-frame-progress-bar > span {
  position: relative;
  display: block;
  height: 100%;
  min-width: 4px;
  background: #14b8a6;
  border: 0;
  border-radius: inherit;
  box-shadow: none;
}

.vu-frame-progress-bar > span::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
  content: "";
  transform: translateX(-100%);
  animation: vu-progress-shimmer 2.8s ease-in-out infinite;
}

.vu-frame-progress-bar-waiting > span {
  background: #f59e0b;
}

.vu-frame-progress-bar-blocked > span {
  background: #ef4444;
}

.vu-frame-progress-bar-complete > span {
  background: #22c55e;
}

.vu-frame-progress-bar-moving > span {
  background: #14b8a6;
}

.vu-frame-live-strip {
  display: grid;
  grid-template-columns: minmax(130px, 160px) minmax(220px, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 34px;
  padding: 5px 8px;
  color: #e5edf5;
  background: #0b1118;
  border-bottom: 1px solid #26313d;
}

.vu-frame-live-strip-title,
.vu-frame-live-counters {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.vu-frame-live-strip-title > span,
.vu-frame-motion-card-state i {
  width: 8px;
  height: 8px;
  background: #14b8a6;
  border-radius: 999px;
  box-shadow: 0 0 0 0 rgba(20, 184, 166, 0.34);
  animation: vu-pulse-dot 1.8s ease-in-out infinite;
}

.vu-frame-live-strip-title strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.1;
}

.vu-frame-live-rotator {
  position: relative;
  min-width: 0;
  min-height: 18px;
  overflow: hidden;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 700;
}

.vu-frame-live-rotator span {
  position: absolute;
  inset: 0 auto auto 0;
  display: flex;
  gap: 7px;
  align-items: center;
  min-width: 0;
  opacity: 0;
  transform: translateY(7px);
  animation: vu-live-rotate 12s linear infinite;
}

.vu-frame-live-rotator span:nth-child(2) {
  animation-delay: 2s;
}

.vu-frame-live-rotator span:nth-child(3) {
  animation-delay: 4s;
}

.vu-frame-live-rotator span:nth-child(4) {
  animation-delay: 6s;
}

.vu-frame-live-rotator span:nth-child(5) {
  animation-delay: 8s;
}

.vu-frame-live-rotator span:nth-child(6) {
  animation-delay: 10s;
}

.vu-frame-live-rotator i {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  background: #5eead4;
  border-radius: 999px;
}

.vu-frame-live-counters {
  justify-content: end;
}

.vu-frame-live-counters span {
  min-height: 20px;
  padding: 3px 7px;
  color: #cbd5e1;
  background: #111a24;
  border: 1px solid #26313d;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.vu-frame-object-map-item {
  grid-template-columns: 16px minmax(0, 1fr) 32px;
  min-height: 44px;
}

.vu-frame-object-map-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 7px;
  min-width: 0;
}

.vu-frame-object-map-copy strong {
  grid-column: 1 / -1;
}

.vu-frame-object-map-copy .vu-frame-progress-bar {
  grid-column: 1;
}

.vu-frame-object-map-copy small {
  justify-self: end;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 800;
}

.vu-frame-ledger-node-copy {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.vu-frame-ledger-node-copy strong {
  grid-column: 1 / -1;
}

.vu-frame-ledger-node-progress {
  justify-self: start;
  color: #cbd5e1;
  font-size: 10px;
  font-weight: 850;
}

.vu-frame-ledger-node-copy .vu-frame-progress-bar {
  grid-column: 1 / -1;
}

.vu-frame-motion-lane-card {
  min-height: 96px;
}

.vu-frame-motion-card-state {
  display: flex;
  gap: 7px;
  align-items: center;
  color: #e5edf5;
}

.vu-frame-motion-card-state i {
  flex: 0 0 auto;
}

.vu-frame-motion-lane-card .vu-frame-progress-bar {
  height: 6px;
}

.vu-frame-vault-package {
  grid-template-columns: minmax(0, 1fr) minmax(72px, auto);
  min-height: 46px;
}

.vu-frame-vault-package-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 7px;
  min-width: 0;
}

.vu-frame-vault-package-copy strong {
  grid-column: 1 / -1;
}

.vu-frame-vault-package-copy .vu-frame-progress-bar {
  grid-column: 1;
}

.vu-frame-vault-package-copy small {
  justify-self: end;
  color: #fef3c7;
  font-size: 10px;
  font-weight: 850;
}

.vu-frame-tree {
  gap: 0;
  min-height: 0;
}

.vu-frame-ledger-list,
.vu-frame-vault-list {
  display: grid;
  gap: 6px;
  padding: 8px;
  background: #0b1118;
  border-bottom: 1px solid #26313d;
}

.vu-frame-ledger-list {
  align-content: start;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.vu-frame-vault-list {
  flex: 0 0 auto;
  margin-top: auto;
}

.vu-frame-ledger-list header,
.vu-frame-vault-list header {
  min-height: 20px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

.vu-frame-ledger-list-rows,
.vu-frame-vault-list .vu-frame-vault-packages {
  display: grid;
  gap: 3px;
}

.vu-frame-ledger-list-row {
  --ledger-list-color: #14b8a6;
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 4px 7px;
  color: #dbe4ee;
  background: #111a24;
  border: 1px solid #26313d;
  border-left: 3px solid transparent;
  border-radius: 2px;
  text-align: left;
}

.vu-frame-ledger-list-row:hover,
.vu-frame-ledger-list-row:focus-visible,
.vu-frame-ledger-list-row-selected {
  background: #142231;
  border-color: #334155;
  border-left-color: var(--ledger-list-color);
  outline: none;
}

.vu-frame-ledger-list-row-selected {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ledger-list-color) 58%, transparent);
}

.vu-frame-ledger-list-dot {
  width: 7px;
  height: 7px;
  background: var(--ledger-list-color);
  border-radius: 999px;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ledger-list-color) 18%, transparent);
}

.vu-frame-ledger-list-row strong,
.vu-frame-vault-list .vu-frame-vault-package strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ledger-list-row strong {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.15;
}

.vu-frame-ledger-list-row-active {
  --ledger-list-color: #14b8a6;
}

.vu-frame-ledger-list-row-review {
  --ledger-list-color: #f59e0b;
}

.vu-frame-ledger-list-row-waiting {
  --ledger-list-color: #f59e0b;
}

.vu-frame-ledger-list-row-blocked {
  --ledger-list-color: #ef4444;
}

.vu-frame-ledger-list-row-ready {
  --ledger-list-color: #22c55e;
}

.vu-frame-vault-list .vu-frame-vault-package {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 32px;
  padding: 5px 8px;
  color: #f8fafc;
  background: #14150f;
  border: 1px solid #3f3217;
  border-left: 3px solid #d69b2b;
  border-radius: 2px;
  text-align: left;
}

.vu-frame-vault-list .vu-frame-vault-package:hover,
.vu-frame-vault-list .vu-frame-vault-package:focus-visible,
.vu-frame-vault-list .vu-frame-vault-package-selected {
  background: #1e2118;
  border-color: #d69b2b;
  outline: none;
}

.vu-frame-vault-list .vu-frame-vault-package strong {
  color: #fef3c7;
  font-size: 12px;
  font-weight: 740;
  line-height: 1.15;
}

.vu-frame-ledger-container-map {
  grid-template-rows: 20px minmax(318px, 1fr);
  align-content: stretch;
  overflow: hidden;
}

.vu-frame-ledger-map-visual {
  position: relative;
  min-height: 318px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(51, 65, 85, 0.12) 1px, transparent 1px),
    linear-gradient(180deg, rgba(51, 65, 85, 0.1) 1px, transparent 1px),
    #0f1720;
  background-size: 28px 28px;
  border: 1px solid #26313d;
  border-radius: 4px;
}

.vu-frame-ledger-map-visual::before,
.vu-frame-ledger-map-visual::after {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  background: rgba(94, 234, 212, 0.14);
  content: "";
}

.vu-frame-ledger-map-visual::before {
  top: 50%;
  left: 22px;
  right: 22px;
  height: 1px;
}

.vu-frame-ledger-map-visual::after {
  top: 24px;
  bottom: 24px;
  left: 50%;
  width: 1px;
}

.vu-frame-ledger-map-cards {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.vu-frame-ledger-current-card,
.vu-frame-ledger-map-card {
  --ledger-card-color: #14b8a6;
  color: #e5edf5;
  background: #111a24;
  border: 1px solid #26313d;
  border-left: 4px solid var(--ledger-card-color);
  border-radius: 3px;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22);
  text-align: left;
}

.vu-frame-ledger-current-card {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  display: grid;
  gap: 4px;
  width: 144px;
  min-height: 70px;
  padding: 10px 11px;
  transform: translate(-50%, -50%);
  background:
    linear-gradient(135deg, rgba(94, 234, 212, 0.2), transparent 58%),
    #133034;
  border-color: #14b8a6;
  border-left-width: 5px;
}

.vu-frame-ledger-current-card span,
.vu-frame-ledger-current-card strong,
.vu-frame-ledger-map-card strong,
.vu-frame-ledger-map-card span {
  min-width: 0;
  overflow: hidden;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ledger-current-card span {
  color: #99f6e4;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.vu-frame-ledger-current-card strong {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 820;
}

.vu-frame-ledger-map-card {
  position: absolute;
  z-index: 3;
  display: grid;
  gap: 3px;
  width: 84px;
  min-height: 44px;
  padding: 6px 7px;
}

.vu-frame-ledger-map-card strong {
  color: #f8fafc;
  font-size: 11px;
  font-weight: 780;
}

.vu-frame-ledger-map-card span {
  color: #a7b5c3;
  font-size: 10px;
  font-weight: 740;
}

.vu-frame-ledger-map-card:hover,
.vu-frame-ledger-map-card:focus-visible,
.vu-frame-ledger-current-card:hover,
.vu-frame-ledger-current-card:focus-visible,
.vu-frame-ledger-map-card-selected {
  border-color: var(--ledger-card-color);
  outline: none;
}

.vu-frame-ledger-map-card-static {
  cursor: default;
}

.vu-frame-ledger-map-card:nth-child(1) {
  top: 16px;
  left: 12px;
}

.vu-frame-ledger-map-card:nth-child(2) {
  top: 16px;
  right: 12px;
}

.vu-frame-ledger-map-card:nth-child(3) {
  bottom: 14px;
  left: 12px;
}

.vu-frame-ledger-map-card:nth-child(4) {
  bottom: 76px;
  left: 12px;
}

.vu-frame-ledger-map-card:nth-child(5) {
  right: 12px;
  bottom: 76px;
}

.vu-frame-ledger-map-card:nth-child(6) {
  right: 12px;
  bottom: 14px;
}

.vu-frame-ledger-current-card-active,
.vu-frame-ledger-map-card-active {
  --ledger-card-color: #14b8a6;
}

.vu-frame-ledger-current-card-review,
.vu-frame-ledger-current-card-waiting,
.vu-frame-ledger-map-card-review,
.vu-frame-ledger-map-card-waiting {
  --ledger-card-color: #f59e0b;
}

.vu-frame-ledger-current-card-blocked,
.vu-frame-ledger-map-card-blocked {
  --ledger-card-color: #ef4444;
}

.vu-frame-ledger-current-card-ready,
.vu-frame-ledger-map-card-ready {
  --ledger-card-color: #22c55e;
}

.vu-frame-vault-safe-card {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  grid-template-rows: 18px 16px;
  gap: 0 8px;
  align-items: center;
  min-height: 58px;
  padding: 9px 10px;
  overflow: hidden;
  color: #1f1a0a;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 34%),
    #c18a22;
  border: 1px solid #f0c45c;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(77, 52, 8, 0.3);
}

.vu-frame-vault-safe-card .vu-frame-vault-shine {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 42px;
  height: 1px;
  background: rgba(255, 247, 190, 0.7);
}

.vu-frame-vault-safe-card .vu-frame-vault-dial {
  grid-row: 1 / 3;
  display: block;
  justify-self: center;
  width: 34px;
  height: 34px;
  background:
    radial-gradient(circle at 50% 50%, #f8dda3 0 4px, transparent 5px),
    conic-gradient(from 20deg, #3f2b08, #f4ca69, #3f2b08, #f4ca69, #3f2b08);
  border: 3px solid #4b3209;
  border-radius: 999px;
}

.vu-frame-vault-safe-card strong,
.vu-frame-vault-safe-card small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-vault-safe-card strong {
  font-size: 13px;
  font-weight: 850;
}

.vu-frame-vault-safe-card small {
  color: #3f2b08;
  font-size: 11px;
  font-weight: 740;
}

.vu-frame-vault-list .vu-frame-vault-package {
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  min-height: 42px;
}

.vu-frame-vault-list .vu-frame-vault-package span {
  min-width: 0;
  overflow: hidden;
  color: #f8d78b;
  font-size: 10px;
  font-weight: 780;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .vu-frame-live-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-live-counters {
    justify-content: start;
    flex-wrap: wrap;
  }
}

@keyframes vu-pulse-dot {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(20, 184, 166, 0.34);
    opacity: 0.74;
  }

  50% {
    box-shadow: 0 0 0 5px rgba(20, 184, 166, 0);
    opacity: 1;
  }
}

@keyframes vu-progress-shimmer {
  0% {
    transform: translateX(-100%);
  }

  45%,
  100% {
    transform: translateX(100%);
  }
}

@keyframes vu-live-rotate {
  0%,
  12% {
    opacity: 1;
    transform: translateY(0);
  }

  16%,
  100% {
    opacity: 0;
    transform: translateY(-7px);
  }
}

/* Outcome-first admin workspace */

.vu-frame-body {
  grid-template-columns: var(--vu-explorer-width, 280px) minmax(620px, 1fr) var(--vu-right-panel-width, 340px);
  grid-template-rows: minmax(0, 1fr);
  background: #eef2f7;
}

.vu-frame-explorer,
.vu-frame-editor,
.vu-frame-vu-panel {
  grid-row: 1;
}

.vu-frame-explorer {
  grid-column: 1;
}

.vu-frame-editor,
.vu-frame-motion-editor,
.vu-frame-outcome-editor {
  grid-column: 2;
  grid-row: 1;
  grid-template-rows: 46px minmax(0, 1fr);
  background: #eef2f7;
}

.vu-frame-vu-panel {
  grid-column: 3;
  grid-row: 1;
}

.vu-frame-resize-handle-explorer,
.vu-frame-resize-handle-right {
  grid-row: 1;
}

.vu-frame-resize-handle-ledger,
.vu-frame-bottom-panel {
  display: none;
}

.vu-frame-app-tabs {
  min-height: 46px;
  background: #172033;
}

.vu-frame-app-tabs button {
  min-width: 180px;
  min-height: 46px;
  padding: 0 16px;
  color: #cbd5e1;
  background: #172033;
  font-size: 0.9rem;
  font-weight: 760;
}

.vu-frame-app-tabs button:hover,
.vu-frame-app-tabs button:focus-visible,
.vu-frame-app-tabs .vu-frame-tab-active {
  color: #ffffff;
  background: #223149;
}

.vu-frame-app-tabs .vu-frame-tab-active {
  border-top-color: #f59e0b;
}

.vu-frame-outcome-canvas {
  min-height: 0;
  padding: 0;
  overflow: auto;
  background: #eef2f7;
}

.vu-frame-outcome-surface {
  --outcome-accent: #0f766e;
  --outcome-accent-strong: #115e59;
  --outcome-accent-soft: #ccfbf1;
  display: grid;
  align-content: start;
  gap: 18px;
  min-height: 100%;
  padding: 26px;
  color: #172033;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(238, 242, 247, 0) 270px),
    #eef2f7;
}

.vu-frame-outcome-surface-businessDevelopment {
  --outcome-accent: #b45309;
  --outcome-accent-strong: #92400e;
  --outcome-accent-soft: #fef3c7;
}

.vu-frame-outcome-surface-procurement {
  --outcome-accent: #4f46e5;
  --outcome-accent-strong: #3730a3;
  --outcome-accent-soft: #e0e7ff;
}

.vu-frame-outcome-header {
  display: grid;
  gap: 7px;
  max-width: 980px;
}

.vu-frame-outcome-header span {
  color: var(--outcome-accent-strong);
  font-size: 0.85rem;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-outcome-header strong {
  color: #111827;
  font-size: 2rem;
  font-weight: 820;
  line-height: 1.1;
}

.vu-frame-outcome-header p {
  max-width: 760px;
  margin: 0;
  color: #475569;
  font-size: 1rem;
  line-height: 1.45;
}

.vu-frame-outcome-pipeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  max-width: 980px;
}

.vu-frame-outcome-pipeline-step {
  position: relative;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 4px 9px;
  align-items: center;
  min-width: 0;
  min-height: 62px;
  padding: 10px;
  color: #475569;
  background: rgba(255, 255, 255, 0.64);
  border: 1px solid #d7e0ea;
  border-radius: 8px;
}

.vu-frame-outcome-pipeline-step:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -10px;
  z-index: 2;
  color: #94a3b8;
  content: ">";
  font-size: 0.94rem;
  font-weight: 850;
  transform: translateY(-50%);
}

.vu-frame-outcome-pipeline-step > span {
  grid-row: 1 / 3;
  width: 12px;
  height: 12px;
  background: #cbd5e1;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #cbd5e1;
}

.vu-frame-outcome-pipeline-step strong,
.vu-frame-outcome-pipeline-step small {
  min-width: 0;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-outcome-pipeline-step strong {
  color: #475569;
  font-size: 0.92rem;
  font-weight: 820;
}

.vu-frame-outcome-pipeline-step small {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-outcome-pipeline-step-complete {
  color: #166534;
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.vu-frame-outcome-pipeline-step-complete > span {
  background: #16a34a;
  box-shadow: 0 0 0 1px #16a34a;
}

.vu-frame-outcome-pipeline-step-complete strong {
  color: #14532d;
}

.vu-frame-outcome-pipeline-step-active {
  background: #ffffff;
  border-color: var(--outcome-accent);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
}

.vu-frame-outcome-pipeline-step-active > span {
  background: var(--outcome-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--outcome-accent) 18%, transparent);
}

.vu-frame-outcome-pipeline-step-active strong {
  color: #111827;
}

.vu-frame-outcome-pipeline-step-future {
  opacity: 0.64;
}

.vu-frame-outcome-card {
  display: grid;
  gap: 18px;
  max-width: 980px;
  padding: 22px;
  color: #111827;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-left: 7px solid var(--outcome-accent);
  border-radius: 8px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
}

.vu-frame-outcome-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.vu-frame-outcome-card header > span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  color: var(--outcome-accent-strong);
  background: var(--outcome-accent-soft);
  border: 1px solid color-mix(in srgb, var(--outcome-accent) 34%, #ffffff);
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 820;
  white-space: nowrap;
}

.vu-frame-outcome-card header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vu-frame-outcome-card small,
.vu-frame-outcome-card dt {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-outcome-card header strong {
  color: #111827;
  font-size: 1.65rem;
  font-weight: 840;
  line-height: 1.15;
}

.vu-frame-outcome-card > p {
  max-width: 780px;
  margin: 0;
  color: #334155;
  font-size: 1.06rem;
  line-height: 1.55;
}

.vu-frame-outcome-output-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vu-frame-outcome-output-grid section {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.vu-frame-outcome-output-grid section strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #111827;
  font-size: 1.04rem;
  font-weight: 820;
  line-height: 1.25;
}

.vu-frame-outcome-primary-action button {
  justify-self: start;
}

.vu-frame-outcome-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.vu-frame-outcome-card dl > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.vu-frame-outcome-card dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: #172033;
  font-size: 0.98rem;
  font-weight: 720;
  line-height: 1.35;
}

.vu-frame-outcome-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vu-frame-outcome-actions button {
  min-height: 42px;
  padding: 0 16px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-size: 0.94rem;
  font-weight: 780;
  cursor: pointer;
}

.vu-frame-outcome-actions .vu-frame-outcome-primary {
  color: #ffffff;
  background: var(--outcome-accent);
  border-color: var(--outcome-accent-strong);
}

.vu-frame-outcome-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vu-frame-outcome-secondary-actions button,
.vu-frame-outcome-primary-action button {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 7px;
  font-size: 0.9rem;
  font-weight: 780;
  cursor: pointer;
}

.vu-frame-outcome-primary-action button {
  color: #ffffff;
  background: var(--outcome-accent);
  border: 1px solid var(--outcome-accent-strong);
}

.vu-frame-outcome-secondary-actions button {
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
}

.vu-frame-outcome-actions button:hover,
.vu-frame-outcome-actions button:focus-visible,
.vu-frame-outcome-secondary-actions button:hover,
.vu-frame-outcome-secondary-actions button:focus-visible,
.vu-frame-outcome-primary-action button:hover,
.vu-frame-outcome-primary-action button:focus-visible {
  border-color: var(--outcome-accent);
  outline: 3px solid color-mix(in srgb, var(--outcome-accent) 22%, transparent);
}

.vu-frame-outcome-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 14px;
  max-width: 980px;
}

.vu-frame-outcome-flow-step {
  position: relative;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: center;
  min-width: 0;
  min-height: 72px;
  padding: 12px;
  color: #172033;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid #d7e0ea;
  border-radius: 8px;
}

.vu-frame-outcome-flow-step:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -13px;
  z-index: 1;
  color: #64748b;
  font-size: 1.1rem;
  font-weight: 850;
  content: ">";
  transform: translateY(-50%);
}

.vu-frame-outcome-flow-step > span {
  grid-row: 1 / 3;
  width: 12px;
  height: 12px;
  background: #94a3b8;
  border-radius: 999px;
}

.vu-frame-outcome-flow-step strong {
  min-width: 0;
  color: #111827;
  font-size: 0.94rem;
  font-weight: 820;
  line-height: 1.2;
}

.vu-frame-outcome-flow-step small {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 680;
  line-height: 1.25;
}

.vu-frame-outcome-flow-step-done > span {
  background: #16a34a;
}

.vu-frame-outcome-flow-step-working > span {
  background: #0f766e;
  box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.14);
}

.vu-frame-outcome-flow-step-needed > span {
  background: #f59e0b;
  box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.16);
}

.vu-frame-outcome-flow-step-pending > span {
  background: #64748b;
}

.vu-frame-outcome-details {
  display: grid;
  gap: 10px;
  max-width: 980px;
}

.vu-frame-outcome-disclosure {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
}

.vu-frame-outcome-disclosure summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 14px;
  color: #172033;
  font-size: 0.92rem;
  font-weight: 820;
  cursor: pointer;
}

.vu-frame-outcome-disclosure summary::-webkit-details-marker {
  display: none;
}

.vu-frame-outcome-disclosure summary::after {
  color: #64748b;
  content: "+";
  font-size: 1.2rem;
  font-weight: 720;
}

.vu-frame-outcome-disclosure[open] summary::after {
  content: "-";
}

.vu-frame-outcome-disclosure > div {
  padding: 14px;
  border-top: 1px solid #e2e8f0;
}

.vu-frame-outcome-method {
  display: grid;
  gap: 8px;
}

.vu-frame-outcome-method p {
  display: grid;
  grid-template-columns: minmax(130px, 180px) minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  margin: 0;
  color: #334155;
  font-size: 0.92rem;
  line-height: 1.4;
}

.vu-frame-outcome-method strong {
  color: #64748b;
  font-weight: 800;
}

.vu-frame-outcome-method span {
  overflow-wrap: anywhere;
}

.vu-frame-vault-artifact-list {
  display: grid;
  gap: 8px;
}

.vu-frame-vault-artifact-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  min-width: 0;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 4px solid var(--outcome-accent);
  border-radius: 6px;
}

.vu-frame-vault-artifact-list strong,
.vu-frame-vault-artifact-list span,
.vu-frame-vault-artifact-list small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.vu-frame-vault-artifact-list strong {
  color: #111827;
  font-size: 0.94rem;
}

.vu-frame-vault-artifact-list span {
  color: var(--outcome-accent-strong);
  font-size: 0.84rem;
  font-weight: 820;
}

.vu-frame-vault-artifact-list small {
  grid-column: 1 / -1;
  color: #64748b;
  font-size: 0.82rem;
}

.vu-frame-trust-controls {
  position: sticky;
  bottom: 16px;
  z-index: 20;
  display: grid;
  gap: 10px;
  max-width: 980px;
  margin-top: 6px;
  pointer-events: none;
}

.vu-frame-trust-buttons {
  display: grid;
  grid-template-columns: minmax(130px, max-content) minmax(0, 1fr) minmax(130px, max-content);
  gap: 12px;
  align-items: end;
}

.vu-frame-trust-buttons button {
  display: grid;
  gap: 2px;
  min-width: 138px;
  min-height: 48px;
  padding: 8px 12px;
  color: #172033;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
  cursor: pointer;
  pointer-events: auto;
}

.vu-frame-trust-buttons button:last-child {
  grid-column: 3;
}

.vu-frame-trust-buttons strong {
  font-size: 0.92rem;
  font-weight: 840;
  line-height: 1.1;
}

.vu-frame-trust-buttons span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 740;
}

.vu-frame-trust-buttons button:hover,
.vu-frame-trust-buttons button:focus-visible,
.vu-frame-trust-buttons .vu-frame-trust-button-active {
  border-color: var(--outcome-accent);
  outline: 3px solid color-mix(in srgb, var(--outcome-accent) 18%, transparent);
}

.vu-frame-trust-panel {
  display: grid;
  gap: 10px;
  width: min(520px, 100%);
  max-height: 280px;
  overflow: auto;
  padding: 12px;
  color: #172033;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid #cbd5e1;
  border-left: 5px solid var(--outcome-accent);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
  pointer-events: auto;
}

.vu-frame-trust-panel-ledger {
  justify-self: start;
}

.vu-frame-trust-panel-vault {
  justify-self: end;
}

.vu-frame-trust-panel header {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.vu-frame-trust-panel header div {
  display: grid;
  gap: 3px;
}

.vu-frame-trust-panel header span {
  color: var(--outcome-accent-strong);
  font-size: 0.76rem;
  font-weight: 850;
  text-transform: uppercase;
}

.vu-frame-trust-panel header strong {
  color: #111827;
  font-size: 1rem;
  font-weight: 820;
}

.vu-frame-trust-panel header button {
  min-height: 30px;
  padding: 0 10px;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 780;
  cursor: pointer;
}

.vu-frame-trust-panel .vu-frame-next-action-ledger {
  background: transparent;
  border: 0;
}

.vu-frame-trust-panel .vu-frame-next-action-ledger p {
  grid-template-columns: 56px minmax(88px, 136px) minmax(0, 1fr);
  min-height: 30px;
  color: #172033;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.vu-frame-app-rail {
  --rail-accent: #0f766e;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  color: #e5edf5;
  background: #111827;
  border-right: 1px solid #263548;
}

.vu-frame-app-rail-businessDevelopment {
  --rail-accent: #f59e0b;
}

.vu-frame-app-rail-procurement {
  --rail-accent: #818cf8;
}

.vu-frame-app-rail-heading {
  display: grid;
  gap: 4px;
  padding: 16px 14px 14px;
  background: #172033;
  border-bottom: 1px solid #2d3b50;
}

.vu-frame-app-rail-heading span {
  color: #94a3b8;
  font-size: 0.76rem;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-app-rail-heading strong {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 820;
  line-height: 1.2;
}

.vu-frame-app-rail-tree {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 12px 10px 16px;
}

.vu-frame-app-rail-section {
  display: grid;
  gap: 8px;
}

.vu-frame-app-rail-section header {
  min-height: auto;
  padding: 0 4px;
  color: #aebacc;
  background: transparent;
  border: 0;
  font-size: 0.78rem;
  font-weight: 840;
  line-height: 1.2;
  text-transform: uppercase;
}

.vu-frame-app-rail-list {
  display: grid;
  gap: 7px;
}

.vu-frame-app-rail-row {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  min-height: 52px;
  padding: 8px 10px;
  color: #e5edf5;
  background: #172033;
  border: 1px solid #263548;
  border-left: 4px solid transparent;
  border-radius: 7px;
  text-align: left;
  cursor: pointer;
}

.vu-frame-app-rail-row > span {
  width: 10px;
  height: 10px;
  background: #64748b;
  border-radius: 999px;
}

.vu-frame-app-rail-row div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vu-frame-app-rail-row strong,
.vu-frame-app-rail-row small {
  min-width: 0;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-app-rail-row strong {
  color: #f8fafc;
  font-size: 0.9rem;
  font-weight: 760;
}

.vu-frame-app-rail-row small {
  color: #aebacc;
  font-size: 0.78rem;
  font-weight: 680;
}

.vu-frame-app-rail-row:hover,
.vu-frame-app-rail-row:focus-visible,
.vu-frame-app-rail-row-selected,
.vu-frame-app-rail-row.vu-frame-vault-package-selected {
  background: #223149;
  border-color: #3b4d65;
  border-left-color: var(--rail-accent);
  outline: none;
}

.vu-frame-app-rail-row-selected {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rail-accent) 55%, transparent);
}

.vu-frame-app-rail-row-active > span,
.vu-frame-app-rail-row-vault > span {
  background: var(--rail-accent);
}

.vu-frame-app-rail-row-review > span,
.vu-frame-app-rail-row-waiting > span,
.vu-frame-app-rail-row-blocked > span {
  background: #f59e0b;
}

.vu-frame-app-rail-row-ready > span {
  background: #22c55e;
}

.vu-frame-app-rail-vault {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid #263548;
}

.vu-frame-motion-radar-panel {
  color: #e5edf5;
  background: #111827;
  border-left: 1px solid #263548;
}

.vu-frame-motion-radar-panel .vu-frame-vu-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  align-content: center;
  min-height: 58px;
  padding: 12px 14px;
  background: #172033;
}

.vu-frame-motion-radar-panel .vu-frame-vu-header strong {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 820;
}

.vu-frame-motion-radar-panel .vu-frame-vu-header span {
  color: #94a3b8;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-motion-radar-body {
  gap: 10px;
  padding: 10px;
  background: #111827;
}

.vu-frame-motion-radar-section {
  background: #172033;
  border-color: #263548;
  border-radius: 7px;
}

.vu-frame-motion-radar-section header {
  min-height: 36px;
  padding: 10px 10px 7px;
  color: #cbd5e1;
  background: #1c293d;
  border-color: #263548;
  font-size: 0.82rem;
  font-weight: 820;
  text-transform: none;
}

.vu-frame-motion-radar-row,
.vu-frame-motion-radar-review-row {
  min-height: 46px;
  background: #172033;
  border-color: #263548;
}

.vu-frame-motion-radar-row {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  padding: 9px 10px;
}

.vu-frame-motion-radar-role {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  font-size: 0.72rem;
}

.vu-frame-motion-radar-row strong,
.vu-frame-motion-radar-review-row strong {
  font-size: 0.86rem;
  line-height: 1.25;
}

.vu-frame-motion-radar-row p,
.vu-frame-motion-radar-review-row p {
  overflow: visible;
  color: #cbd5e1;
  font-size: 0.8rem;
  line-height: 1.35;
  text-overflow: clip;
  white-space: normal;
}

.vu-frame-motion-radar-review-row {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
}

.vu-frame-motion-radar-review-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.vu-frame-motion-radar-review-row button {
  min-height: 32px;
  border-radius: 7px;
  font-size: 0.78rem;
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    height: auto;
    min-height: 100vh;
    overflow: auto;
  }

  .vu-frame-explorer,
  .vu-frame-editor,
  .vu-frame-vu-panel {
    grid-column: 1;
    grid-row: auto;
  }

  .vu-frame-app-rail {
    max-height: none;
  }

  .vu-frame-resize-handle {
    display: none;
  }

  .vu-frame-outcome-flow,
  .vu-frame-outcome-card dl,
  .vu-frame-outcome-output-grid,
  .vu-frame-outcome-pipeline {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-outcome-flow-step:not(:last-child)::after,
  .vu-frame-outcome-pipeline-step:not(:last-child)::after {
    display: none;
  }

  .vu-frame-trust-controls {
    position: static;
  }

  .vu-frame-trust-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vu-frame-trust-buttons button,
  .vu-frame-trust-buttons button:last-child {
    grid-column: auto;
  }
}

@media (max-width: 720px) {
  .vu-frame-outcome-surface {
    padding: 18px;
  }

  .vu-frame-outcome-header strong {
    font-size: 1.55rem;
  }

  .vu-frame-outcome-card {
    padding: 18px;
  }

  .vu-frame-outcome-card header {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-outcome-card header strong {
    font-size: 1.34rem;
  }

  .vu-frame-outcome-method p {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Relationship Ledger experience */

.vu-frame-body {
  grid-template-columns: minmax(320px, var(--vu-explorer-width, 360px)) minmax(620px, 1fr) minmax(320px, var(--vu-right-panel-width, 360px));
  background: #eef2f7;
}

.vu-frame-relationship-left,
.vu-frame-relationship-right {
  min-height: 0;
  color: #e5edf5;
  background: #0f1a2a;
}

.vu-frame-relationship-left {
  border-right: 1px solid #263548;
}

.vu-frame-relationship-right {
  border-left: 1px solid #263548;
}

.vu-frame-relationship-left-scroll,
.vu-frame-relationship-right-scroll {
  display: grid;
  align-content: start;
  gap: 14px;
  height: 100%;
  min-height: 0;
  padding: 14px;
  overflow: auto;
}

.vu-frame-review-card,
.vu-frame-ledger-deck,
.vu-frame-vault-output-panel,
.vu-frame-delivery-panel {
  border-radius: 8px;
}

.vu-frame-review-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: #172033;
  border: 1px solid #2d3b50;
  box-shadow: 0 12px 28px rgba(3, 7, 18, 0.22);
}

.vu-frame-review-card header {
  display: grid;
  gap: 4px;
}

.vu-frame-review-card header span,
.vu-frame-review-latest header,
.vu-frame-ledger-deck > header span,
.vu-frame-vault-output-panel header div span,
.vu-frame-delivery-panel header span {
  color: #f8d78b;
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vu-frame-review-card header strong {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 820;
  line-height: 1.16;
}

.vu-frame-review-card header p,
.vu-frame-review-motto span,
.vu-frame-review-latest p {
  margin: 0;
  color: #cbd5e1;
  font-size: 0.86rem;
  line-height: 1.4;
}

.vu-frame-review-motto {
  display: grid;
  gap: 4px;
  padding: 10px 11px;
  background: #111827;
  border: 1px solid #263548;
  border-left: 4px solid #14b8a6;
  border-radius: 7px;
}

.vu-frame-review-motto strong {
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 820;
}

.vu-frame-review-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.vu-frame-review-card dl > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  background: #111827;
  border: 1px solid #263548;
  border-radius: 7px;
}

.vu-frame-review-card dt,
.vu-frame-review-card dd {
  margin: 0;
  min-width: 0;
}

.vu-frame-review-card dt {
  color: #94a3b8;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-review-card dd {
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 800;
}

.vu-frame-review-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vu-frame-review-labels span,
.vu-frame-ledger-deck-tags span {
  padding: 4px 7px;
  color: #dbeafe;
  background: #1d2c42;
  border: 1px solid #334155;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 760;
}

.vu-frame-review-latest {
  display: grid;
  gap: 7px;
}

.vu-frame-ledger-deck {
  display: grid;
  gap: 12px;
  padding: 16px;
  background:
    radial-gradient(circle at 82% 10%, rgba(248, 215, 139, 0.16), transparent 32%),
    #121b2a;
  border: 1px solid #3b2d14;
  box-shadow: 0 16px 32px rgba(3, 7, 18, 0.25);
}

.vu-frame-ledger-deck > header {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.vu-frame-ledger-deck > header div {
  display: grid;
  gap: 3px;
}

.vu-frame-ledger-deck > header strong {
  color: #ffffff;
  font-size: 1.12rem;
  font-weight: 840;
}

.vu-frame-ledger-deck > header em {
  color: #f8d78b;
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 820;
}

.vu-frame-ledger-deck-stage {
  position: relative;
  min-height: 250px;
  overflow: hidden;
}

.vu-frame-ledger-card {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d6ad55;
  border-left: 6px solid #d69b2b;
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(3, 7, 18, 0.28);
}

.vu-frame-ledger-card-behind {
  position: absolute;
  top: 32px;
  width: 74%;
  min-height: 132px;
  padding: 16px;
  opacity: 0.58;
  transform: scale(0.9);
}

.vu-frame-ledger-card-left {
  left: -34px;
}

.vu-frame-ledger-card-right {
  right: -34px;
}

.vu-frame-ledger-card-front {
  position: relative;
  z-index: 2;
  width: 86%;
  min-height: 214px;
  margin: 16px auto 0;
  padding: 18px;
  text-align: left;
  cursor: pointer;
}

.vu-frame-ledger-card span,
.vu-frame-ledger-card time,
.vu-frame-ledger-card em {
  font-size: 0.75rem;
  font-weight: 840;
  text-transform: uppercase;
}

.vu-frame-ledger-card span {
  color: #92400e;
}

.vu-frame-ledger-card strong {
  color: #111827;
  font-size: 1.15rem;
  font-weight: 850;
  line-height: 1.2;
}

.vu-frame-ledger-card small,
.vu-frame-ledger-card time {
  color: #64748b;
}

.vu-frame-ledger-card p {
  margin: 0;
  color: #334155;
  font-size: 0.9rem;
  line-height: 1.45;
}

.vu-frame-ledger-card em {
  justify-self: start;
  padding: 5px 8px;
  color: #14532d;
  background: #dcfce7;
  border-radius: 999px;
  font-style: normal;
}

.vu-frame-ledger-card-agent {
  border-left-color: #14b8a6;
}

.vu-frame-ledger-card-decision {
  border-left-color: #f59e0b;
}

.vu-frame-ledger-card-document,
.vu-frame-ledger-card-response {
  border-left-color: #22c55e;
}

.vu-frame-ledger-card-package,
.vu-frame-ledger-card-delivery {
  border-left-color: #d69b2b;
}

.vu-frame-ledger-card-detail {
  margin: -2px 0 0;
  padding: 9px 10px;
  color: #dbeafe;
  background: #111827;
  border: 1px solid #263548;
  border-radius: 7px;
  font-size: 0.82rem;
  line-height: 1.35;
}

.vu-frame-ledger-deck-tags,
.vu-frame-ledger-deck-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.vu-frame-ledger-deck-actions button,
.vu-frame-ledger-deck footer button {
  min-height: 32px;
  padding: 0 11px;
  color: #f8fafc;
  background: #1d2c42;
  border: 1px solid #334155;
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 780;
  cursor: pointer;
}

.vu-frame-ledger-deck-actions button:hover,
.vu-frame-ledger-deck-actions button:focus-visible,
.vu-frame-ledger-deck footer button:hover,
.vu-frame-ledger-deck footer button:focus-visible {
  border-color: #d69b2b;
  outline: 3px solid rgba(214, 155, 43, 0.18);
}

.vu-frame-ledger-deck footer {
  display: grid;
  gap: 9px;
}

.vu-frame-ledger-deck footer p {
  margin: 0;
  color: #f8d78b;
  font-size: 0.82rem;
  font-weight: 760;
}

.vu-frame-ledger-full-list {
  display: grid;
  gap: 6px;
  max-height: 230px;
  overflow: auto;
}

.vu-frame-ledger-full-list p {
  display: grid;
  grid-template-columns: minmax(78px, 0.7fr) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 7px 8px;
  color: #dbeafe;
  background: #111827;
  border: 1px solid #263548;
  border-radius: 6px;
  font-size: 0.76rem;
}

.vu-frame-ledger-full-list span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ledger-full-list em {
  color: #f8d78b;
  font-style: normal;
  font-weight: 800;
}

.vu-frame-relationship-center {
  --outcome-accent: #0f766e;
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 100%;
  padding: 24px;
  color: #172033;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(238, 242, 247, 0) 360px),
    #eef2f7;
}

.vu-frame-outcome-surface-businessDevelopment.vu-frame-relationship-center {
  --outcome-accent: #b45309;
}

.vu-frame-outcome-surface-procurement.vu-frame-relationship-center {
  --outcome-accent: #4f46e5;
}

.vu-frame-relationship-hero,
.vu-frame-motion-stream,
.vu-frame-human-review {
  max-width: 980px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.vu-frame-relationship-hero {
  display: grid;
  gap: 14px;
  padding: 24px;
  border-left: 7px solid var(--outcome-accent);
}

.vu-frame-relationship-hero > span,
.vu-frame-motion-stream header span,
.vu-frame-human-review header span {
  color: var(--outcome-accent);
  font-size: 0.8rem;
  font-weight: 860;
  text-transform: uppercase;
}

.vu-frame-relationship-hero > strong {
  color: #111827;
  font-size: 2.08rem;
  font-weight: 850;
  line-height: 1.08;
}

.vu-frame-relationship-hero > em {
  color: #64748b;
  font-size: 1.02rem;
  font-style: normal;
  font-weight: 760;
}

.vu-frame-relationship-hero > p {
  max-width: 780px;
  margin: 0;
  color: #334155;
  font-size: 1.02rem;
  line-height: 1.5;
}

.vu-frame-relationship-status {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.vu-frame-relationship-status div {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.vu-frame-relationship-status small,
.vu-frame-relationship-hero dt {
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-relationship-status p {
  margin: 0;
  color: #111827;
  font-size: 1.1rem;
  font-weight: 820;
}

.vu-frame-relationship-hero dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.vu-frame-relationship-hero dl > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.vu-frame-relationship-hero dl > div:last-child {
  grid-column: 1 / -1;
}

.vu-frame-relationship-hero dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: #172033;
  font-size: 0.88rem;
  font-weight: 720;
  line-height: 1.35;
}

.vu-frame-motion-stream {
  display: grid;
  gap: 0;
  overflow: hidden;
}

.vu-frame-motion-stream > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border-bottom: 1px solid #e2e8f0;
}

.vu-frame-motion-stream header div:first-child {
  display: grid;
  gap: 4px;
}

.vu-frame-motion-stream header strong {
  color: #111827;
  font-size: 1.05rem;
  font-weight: 820;
}

.vu-frame-motion-stream-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vu-frame-motion-stream-filters button {
  min-height: 32px;
  padding: 0 10px;
  color: #475569;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 760;
  cursor: pointer;
}

.vu-frame-motion-stream-filters button:hover,
.vu-frame-motion-stream-filters button:focus-visible,
.vu-frame-motion-stream-filters .vu-frame-motion-stream-filter-active {
  color: #ffffff;
  background: var(--outcome-accent);
  border-color: var(--outcome-accent);
  outline: none;
}

.vu-frame-motion-stream-list {
  display: grid;
  gap: 0;
}

.vu-frame-motion-stream-row {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: center;
  min-width: 0;
  min-height: 58px;
  padding: 12px 18px;
  border-bottom: 1px solid #e2e8f0;
}

.vu-frame-motion-stream-row:last-child {
  border-bottom: 0;
}

.vu-frame-motion-stream-row time {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 820;
}

.vu-frame-motion-stream-row p {
  margin: 0;
  color: #172033;
  font-size: 0.94rem;
  line-height: 1.38;
}

.vu-frame-motion-stream-row span {
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 850;
  white-space: nowrap;
}

.vu-frame-motion-stream-row-agent span {
  color: #0f766e;
  background: #ccfbf1;
}

.vu-frame-motion-stream-row-human span {
  color: #92400e;
  background: #fef3c7;
}

.vu-frame-motion-stream-row-thirdParty span {
  color: #1d4ed8;
  background: #dbeafe;
}

.vu-frame-motion-stream-row-system span {
  color: #475569;
  background: #e2e8f0;
}

.vu-frame-human-review {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.vu-frame-human-review-needed {
  border-left: 7px solid #f59e0b;
}

.vu-frame-human-review-quiet {
  color: #64748b;
  background: #f8fafc;
}

.vu-frame-human-review header {
  display: grid;
  gap: 4px;
}

.vu-frame-human-review header strong {
  color: #111827;
  font-size: 1.15rem;
  font-weight: 840;
}

.vu-frame-human-review p {
  max-width: 760px;
  margin: 0;
  color: #334155;
  font-size: 0.95rem;
  line-height: 1.45;
}

.vu-frame-human-review div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vu-frame-human-review button {
  min-height: 38px;
  padding: 0 13px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-size: 0.88rem;
  font-weight: 780;
  cursor: pointer;
}

.vu-frame-human-review .vu-frame-human-review-primary {
  color: #ffffff;
  background: var(--outcome-accent);
  border-color: var(--outcome-accent);
}

.vu-frame-human-review button:hover,
.vu-frame-human-review button:focus-visible {
  border-color: var(--outcome-accent);
  outline: 3px solid color-mix(in srgb, var(--outcome-accent) 18%, transparent);
}

.vu-frame-vault-output-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  color: #172033;
  background:
    radial-gradient(circle at 90% 8%, rgba(248, 215, 139, 0.38), transparent 28%),
    #fffdf7;
  border: 1px solid #e4bf68;
  border-left: 6px solid #d69b2b;
  box-shadow: 0 16px 36px rgba(3, 7, 18, 0.18);
}

.vu-frame-vault-output-panel header {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.vu-frame-vault-icon {
  display: block;
  width: 40px;
  height: 40px;
  background:
    radial-gradient(circle at 50% 50%, #fff7d6 0 5px, transparent 6px),
    conic-gradient(from 24deg, #6b4b14, #f4ca69, #6b4b14, #f4ca69, #6b4b14);
  border: 4px solid #6b4b14;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(214, 155, 43, 0.18);
}

.vu-frame-vault-output-panel header div {
  display: grid;
  gap: 4px;
}

.vu-frame-vault-output-panel header strong,
.vu-frame-delivery-panel header strong {
  color: #111827;
  font-size: 1rem;
  font-weight: 840;
  line-height: 1.25;
}

.vu-frame-vault-output-main {
  display: grid;
  gap: 5px;
  padding: 13px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid #efd18a;
  border-radius: 7px;
}

.vu-frame-vault-output-main small,
.vu-frame-vault-output-panel dt {
  color: #92400e;
  font-size: 0.74rem;
  font-weight: 850;
  text-transform: uppercase;
}

.vu-frame-vault-output-main strong {
  color: #111827;
  font-size: 1.18rem;
  font-weight: 850;
}

.vu-frame-vault-output-main p,
.vu-frame-vault-seal-copy,
.vu-frame-vault-definition,
.vu-frame-vault-context,
.vu-frame-delivery-panel p {
  margin: 0;
  color: #475569;
  font-size: 0.86rem;
  line-height: 1.42;
}

.vu-frame-vault-output-panel dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.vu-frame-vault-output-panel dl > div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid #efd18a;
  border-radius: 7px;
}

.vu-frame-vault-output-panel dd {
  margin: 0;
  color: #111827;
  font-size: 0.94rem;
  font-weight: 820;
}

.vu-frame-vault-output-actions {
  display: grid;
  gap: 8px;
}

.vu-frame-vault-output-actions button {
  min-height: 38px;
  color: #4b3209;
  background: #fff8df;
  border: 1px solid #d69b2b;
  border-radius: 7px;
  font-size: 0.86rem;
  font-weight: 820;
  cursor: pointer;
}

.vu-frame-vault-output-actions .vu-frame-vault-output-primary {
  color: #ffffff;
  background: #b7791f;
}

.vu-frame-delivery-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  box-shadow: 0 14px 30px rgba(3, 7, 18, 0.14);
}

.vu-frame-delivery-panel header {
  display: grid;
  gap: 4px;
}

.vu-frame-delivery-list {
  display: grid;
  gap: 8px;
}

.vu-frame-delivery-list article {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #14b8a6;
  border-radius: 7px;
}

.vu-frame-delivery-list span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 820;
  text-transform: uppercase;
}

.vu-frame-delivery-list strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #111827;
  font-size: 0.9rem;
}

.vu-frame-delivery-list em {
  justify-self: start;
  padding: 4px 7px;
  color: #14532d;
  background: #dcfce7;
  border-radius: 999px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
}

.vu-frame-relationship-right-empty {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.vu-frame-relationship-right-empty strong {
  color: #ffffff;
  font-size: 1.1rem;
}

.vu-frame-relationship-right-empty p {
  margin: 0;
  color: #cbd5e1;
  font-size: 0.9rem;
  line-height: 1.4;
}

@media (max-width: 1320px) {
  .vu-frame-body {
    grid-template-columns: minmax(280px, 320px) minmax(560px, 1fr) minmax(280px, 320px);
  }

  .vu-frame-relationship-hero dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-relationship-left,
  .vu-frame-relationship-right {
    grid-column: 1;
  }

  .vu-frame-relationship-left-scroll,
  .vu-frame-relationship-right-scroll {
    height: auto;
  }

  .vu-frame-motion-stream > header,
  .vu-frame-relationship-status,
  .vu-frame-motion-stream-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .vu-frame-relationship-center {
    padding: 16px;
  }

  .vu-frame-relationship-hero {
    padding: 18px;
  }

  .vu-frame-relationship-hero > strong {
    font-size: 1.5rem;
  }

  .vu-frame-review-card dl,
  .vu-frame-relationship-hero dl,
  .vu-frame-vault-output-panel dl {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Vucoris Conveyor */

.vu-frame-conveyor-center {
  position: relative;
  gap: 18px;
  overflow: auto;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.72) 360px),
    #eef2f7;
}

.vu-frame-conveyor-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
  gap: 16px;
  align-items: stretch;
  max-width: 1180px;
}

.vu-frame-conveyor-header > div,
.vu-frame-conveyor-header aside {
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.vu-frame-conveyor-header > div {
  display: grid;
  gap: 8px;
  padding: 20px 22px;
  border-left: 7px solid #14b8a6;
}

.vu-frame-conveyor-header span,
.vu-frame-conveyor-header aside small,
.vu-frame-ready-generate-panel header span,
.vu-frame-delivered-today-panel header span,
.vu-frame-conveyor-drawer section > span,
.vu-frame-conveyor-drawer header span {
  color: #0f766e;
  font-size: 0.76rem;
  font-weight: 860;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vu-frame-conveyor-header strong {
  color: #111827;
  font-size: 2rem;
  font-weight: 880;
  line-height: 1.08;
}

.vu-frame-conveyor-header p {
  max-width: 760px;
  margin: 0;
  color: #475569;
  font-size: 0.98rem;
  line-height: 1.45;
}

.vu-frame-conveyor-header aside {
  display: grid;
  gap: 6px;
  align-content: center;
  padding: 16px;
  border-left: 7px solid #d69b2b;
}

.vu-frame-conveyor-header aside strong {
  font-size: 1.12rem;
}

.vu-frame-conveyor-header aside span {
  color: #475569;
  font-size: 0.84rem;
  font-weight: 760;
  text-transform: none;
}

.vu-frame-conveyor-header aside em {
  justify-self: start;
  padding: 5px 8px;
  color: #7c2d12;
  background: #ffedd5;
  border-radius: 999px;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 840;
}

.vu-frame-conveyor-path {
  position: relative;
  min-height: 520px;
  max-width: 1180px;
  padding: 34px 18px 26px;
  overflow-x: auto;
  overflow-y: hidden;
  background:
    linear-gradient(100deg, rgba(20, 184, 166, 0.08), transparent 34%, rgba(214, 155, 43, 0.12) 70%, rgba(34, 197, 94, 0.08)),
    #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
}

.vu-frame-conveyor-line {
  position: absolute;
  top: 170px;
  left: 42px;
  right: 42px;
  height: 8px;
  background: linear-gradient(90deg, #14b8a6, #d69b2b, #22c55e);
  border-radius: 999px;
  box-shadow:
    0 0 0 4px rgba(20, 184, 166, 0.08),
    0 0 28px rgba(20, 184, 166, 0.42);
  transform: rotate(-2.6deg);
  transform-origin: left center;
  animation: vu-conveyor-line-glow 3s ease-in-out infinite;
}

.vu-frame-conveyor-stages {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(7, minmax(132px, 1fr));
  gap: 12px;
  min-width: 1040px;
}

.vu-frame-conveyor-stage {
  display: grid;
  grid-template-rows: 124px minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
}

.vu-frame-conveyor-stage:nth-child(even) {
  padding-top: 46px;
}

.vu-frame-conveyor-stage:nth-child(odd) {
  padding-top: 8px;
}

.vu-frame-conveyor-stage header {
  display: grid;
  gap: 6px;
  align-content: start;
  min-width: 0;
  padding: 12px 10px;
  color: #172033;
  background: rgba(248, 250, 252, 0.92);
  border: 1px solid #dbe4ee;
  border-radius: 8px;
}

.vu-frame-conveyor-stage header span {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background: #64748b;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 880;
}

.vu-frame-conveyor-stage header strong {
  color: #111827;
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.15;
}

.vu-frame-conveyor-stage header small {
  justify-self: start;
  padding: 4px 7px;
  color: #64748b;
  background: #e2e8f0;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 840;
  text-transform: uppercase;
}

.vu-frame-conveyor-stage-complete header {
  border-color: #86efac;
  box-shadow: 0 0 20px rgba(34, 197, 94, 0.18);
}

.vu-frame-conveyor-stage-complete header span,
.vu-frame-conveyor-stage-delivered header span {
  background: #16a34a;
}

.vu-frame-conveyor-stage-complete header span::after,
.vu-frame-conveyor-stage-delivered header span::after {
  content: "✓";
  margin-left: 1px;
  font-size: 0.72rem;
}

.vu-frame-conveyor-stage-active header {
  border-color: #5eead4;
  box-shadow: 0 0 24px rgba(20, 184, 166, 0.22);
}

.vu-frame-conveyor-stage-active header span {
  background: #0f766e;
  animation: vu-conveyor-pulse 1.8s ease-in-out infinite;
}

.vu-frame-conveyor-stage-waiting header {
  border-color: #fbbf24;
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.18);
}

.vu-frame-conveyor-stage-waiting header span {
  background: #d97706;
}

.vu-frame-conveyor-stage-blocked header {
  border-color: #f87171;
  box-shadow: 0 0 22px rgba(239, 68, 68, 0.18);
}

.vu-frame-conveyor-stage-blocked header span {
  background: #dc2626;
}

.vu-frame-conveyor-stage-future header {
  opacity: 0.52;
}

.vu-frame-conveyor-stage-stack {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 260px;
}

.vu-frame-conveyor-card {
  position: relative;
  display: grid;
  gap: 6px;
  min-height: 116px;
  min-width: 0;
  padding: 13px 12px;
  overflow: hidden;
  text-align: left;
  background: #ffffff;
  border: 1px solid #dbe4ee;
  border-left: 5px solid #94a3b8;
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
  cursor: pointer;
}

.vu-frame-conveyor-card:hover,
.vu-frame-conveyor-card:focus-visible,
.vu-frame-conveyor-card-selected {
  outline: 3px solid rgba(20, 184, 166, 0.18);
  transform: translateY(-2px);
}

.vu-frame-conveyor-card span {
  justify-self: start;
  padding: 4px 7px;
  color: #475569;
  background: #e2e8f0;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
}

.vu-frame-conveyor-card strong {
  min-width: 0;
  color: #111827;
  font-size: 0.94rem;
  font-weight: 870;
  line-height: 1.18;
}

.vu-frame-conveyor-card small {
  color: #475569;
  font-size: 0.8rem;
  font-weight: 760;
  line-height: 1.25;
}

.vu-frame-conveyor-card em {
  color: #64748b;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 780;
}

.vu-frame-conveyor-card-active {
  border-left-color: #14b8a6;
  animation: vu-conveyor-card-pulse 2.2s ease-in-out infinite;
}

.vu-frame-conveyor-card-active::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(105deg, transparent 0 35%, rgba(20, 184, 166, 0.16) 45%, transparent 58% 100%);
  transform: translateX(-120%);
  animation: vu-conveyor-row-shimmer 2.6s ease-in-out infinite;
}

.vu-frame-conveyor-card-active span {
  color: #0f766e;
  background: #ccfbf1;
}

.vu-frame-conveyor-card-waiting {
  border-left-color: #f59e0b;
}

.vu-frame-conveyor-card-waiting span {
  color: #92400e;
  background: #fef3c7;
}

.vu-frame-conveyor-card-blocked {
  border-left-color: #ef4444;
}

.vu-frame-conveyor-card-blocked span {
  color: #991b1b;
  background: #fee2e2;
}

.vu-frame-conveyor-card-complete,
.vu-frame-conveyor-card-delivered {
  border-left-color: #22c55e;
}

.vu-frame-conveyor-card-complete span,
.vu-frame-conveyor-card-delivered span {
  color: #14532d;
  background: #dcfce7;
}

.vu-frame-conveyor-card-delivered {
  border-left-color: #d69b2b;
}

.vu-frame-conveyor-drawer {
  display: grid;
  gap: 12px;
  max-width: 1180px;
  padding: 16px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-left: 7px solid #14b8a6;
  border-radius: 8px;
  box-shadow: 0 22px 44px rgba(15, 23, 42, 0.16);
}

.vu-frame-conveyor-drawer > header {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.vu-frame-conveyor-drawer > header div {
  display: grid;
  gap: 4px;
}

.vu-frame-conveyor-drawer > header strong {
  color: #111827;
  font-size: 1.26rem;
  font-weight: 870;
}

.vu-frame-conveyor-drawer button {
  min-height: 34px;
  padding: 0 11px;
  color: #0f172a;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 820;
  cursor: pointer;
}

.vu-frame-conveyor-drawer section {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 11px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.vu-frame-conveyor-drawer-company strong {
  color: #111827;
  font-size: 1.04rem;
  font-weight: 850;
}

.vu-frame-conveyor-drawer-company p,
.vu-frame-conveyor-drawer-list p,
.vu-frame-conveyor-drawer-ledger p {
  margin: 0;
  color: #475569;
  font-size: 0.86rem;
  line-height: 1.38;
}

.vu-frame-conveyor-drawer-ledger {
  display: grid;
  gap: 7px;
  max-height: 190px;
  overflow: auto;
}

.vu-frame-conveyor-drawer-ledger article {
  display: grid;
  grid-template-columns: 74px 118px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.vu-frame-conveyor-drawer-ledger time,
.vu-frame-conveyor-drawer-ledger strong {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.vu-frame-conveyor-drawer-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.vu-frame-conveyor-drawer-list p {
  padding: 7px 9px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  font-weight: 760;
}

.vu-frame-conveyor-right .vu-frame-relationship-right-scroll {
  gap: 12px;
}

.vu-frame-ready-generate-panel,
.vu-frame-delivered-today-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(3, 7, 18, 0.14);
}

.vu-frame-ready-generate-panel header,
.vu-frame-delivered-today-panel header {
  display: grid;
  gap: 4px;
}

.vu-frame-ready-generate-panel header strong,
.vu-frame-delivered-today-panel header strong {
  color: #111827;
  font-size: 1rem;
  font-weight: 840;
  line-height: 1.25;
}

.vu-frame-ready-generate-panel > div,
.vu-frame-delivered-today-panel > div {
  display: grid;
  gap: 8px;
}

.vu-frame-ready-generate-panel p,
.vu-frame-delivered-today-panel p {
  margin: 0;
  color: #475569;
  font-size: 0.86rem;
  line-height: 1.4;
}

.vu-frame-ready-generate-row,
.vu-frame-delivered-today-panel article {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #14b8a6;
  border-radius: 7px;
}

.vu-frame-ready-generate-row-waiting {
  border-left-color: #f59e0b;
}

.vu-frame-ready-generate-row-blocked {
  border-left-color: #ef4444;
}

.vu-frame-ready-generate-row-complete,
.vu-frame-ready-generate-row-delivered {
  border-left-color: #22c55e;
}

.vu-frame-ready-generate-row span,
.vu-frame-delivered-today-panel article span {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.vu-frame-ready-generate-row strong,
.vu-frame-delivered-today-panel article strong {
  color: #111827;
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1.2;
}

.vu-frame-delivered-today-panel article em {
  justify-self: start;
  padding: 4px 7px;
  color: #14532d;
  background: #dcfce7;
  border-radius: 999px;
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.vu-frame-ledger-card-left {
  transform: translateX(-8px) rotate(-3deg) scale(0.9);
}

.vu-frame-ledger-card-right {
  transform: translateX(8px) rotate(3deg) scale(0.9);
}

@keyframes vu-conveyor-line-glow {
  0%,
  100% {
    box-shadow:
      0 0 0 4px rgba(20, 184, 166, 0.08),
      0 0 20px rgba(20, 184, 166, 0.3);
  }

  50% {
    box-shadow:
      0 0 0 6px rgba(214, 155, 43, 0.12),
      0 0 34px rgba(214, 155, 43, 0.42);
  }
}

@keyframes vu-conveyor-pulse {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

@keyframes vu-conveyor-card-pulse {
  0%,
  100% {
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
  }

  50% {
    box-shadow: 0 18px 36px rgba(20, 184, 166, 0.28);
  }
}

@keyframes vu-conveyor-row-shimmer {
  0% {
    transform: translateX(-120%);
  }

  55%,
  100% {
    transform: translateX(120%);
  }
}

@media (max-width: 1320px) {
  .vu-frame-conveyor-stages {
    min-width: 980px;
  }
}

@media (max-width: 1180px) {
  .vu-frame-conveyor-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-conveyor-path,
  .vu-frame-conveyor-header,
  .vu-frame-conveyor-drawer {
    max-width: none;
  }
}

@media (max-width: 720px) {
  .vu-frame-conveyor-center {
    padding: 14px;
  }

  .vu-frame-conveyor-header strong {
    font-size: 1.48rem;
  }

  .vu-frame-conveyor-path {
    min-height: 480px;
    padding: 24px 12px;
  }

  .vu-frame-conveyor-stages {
    grid-template-columns: repeat(7, minmax(126px, 1fr));
    min-width: 920px;
  }

  .vu-frame-conveyor-drawer-ledger article {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vu-frame-conveyor-line,
  .vu-frame-conveyor-stage-active header span,
  .vu-frame-conveyor-card-active,
  .vu-frame-conveyor-card-active::after {
    animation: none;
  }
}

/* Ledger-centered admin workspace */

.vu-frame-body {
  grid-template-columns: minmax(280px, var(--vu-explorer-width, 300px)) minmax(720px, 1fr) minmax(300px, var(--vu-right-panel-width, 340px));
  background: #eef2f7;
}

.vu-frame-work-motion-left,
.vu-frame-relationship-right {
  background: #0f1a2a;
}

.vu-frame-work-motion-rail {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 14px;
  min-height: 100%;
}

.vu-frame-work-motion-rail > header {
  display: grid;
  gap: 6px;
  padding: 14px;
  background: #172033;
  border: 1px solid #2d3b50;
  border-radius: 8px;
}

.vu-frame-work-motion-rail > header span,
.vu-frame-work-motion-section > header,
.vu-frame-ledger-package-header > div > span,
.vu-frame-center-ledger-deck > header span,
.vu-frame-ledger-timeline > header span,
.vu-frame-vault-output-rail header span {
  color: #f8d78b;
  font-size: 0.74rem;
  font-weight: 860;
  letter-spacing: 0;
  text-transform: uppercase;
}

.vu-frame-work-motion-rail > header strong {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 860;
}

.vu-frame-work-motion-rail > header p {
  margin: 0;
  color: #cbd5e1;
  font-size: 0.84rem;
  line-height: 1.4;
}

.vu-frame-work-motion-sections {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 0;
  overflow: auto;
}

.vu-frame-work-motion-section {
  display: grid;
  gap: 8px;
}

.vu-frame-work-motion-section > div {
  display: grid;
  gap: 7px;
}

.vu-frame-work-motion-item {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 9px;
  background: #121b2a;
  border: 1px solid #263548;
  border-left: 4px solid #14b8a6;
  border-radius: 7px;
}

.vu-frame-work-motion-item > span {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #e6fffb;
  background: #0f766e;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 880;
}

.vu-frame-work-motion-item div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.vu-frame-work-motion-item strong,
.vu-frame-work-motion-item p {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-work-motion-item strong {
  color: #f8fafc;
  font-size: 0.84rem;
  font-weight: 820;
}

.vu-frame-work-motion-item p,
.vu-frame-work-motion-item time {
  color: #94a3b8;
  font-size: 0.74rem;
  font-weight: 760;
}

.vu-frame-work-motion-item time {
  justify-self: end;
}

.vu-frame-work-motion-item em {
  grid-column: 2 / 4;
  justify-self: start;
  padding: 3px 7px;
  color: #99f6e4;
  background: rgba(20, 184, 166, 0.12);
  border-radius: 999px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 840;
  text-transform: uppercase;
}

.vu-frame-work-motion-item-human {
  border-left-color: #d69b2b;
}

.vu-frame-work-motion-item-human > span {
  color: #fff7d6;
  background: #b7791f;
}

.vu-frame-work-motion-item-thirdParty {
  border-left-color: #f59e0b;
}

.vu-frame-work-motion-item-thirdParty > span {
  color: #451a03;
  background: #f8d78b;
}

.vu-frame-work-motion-item-blocked {
  border-left-color: #ef4444;
}

.vu-frame-work-motion-item-blocked > span {
  color: #fee2e2;
  background: #b91c1c;
}

.vu-frame-work-motion-item-blocked em {
  color: #fecaca;
  background: rgba(239, 68, 68, 0.14);
}

.vu-frame-start-package-button {
  min-height: 42px;
  color: #062a27;
  background: #5eead4;
  border: 1px solid #14b8a6;
  border-radius: 7px;
  font-size: 0.88rem;
  font-weight: 860;
  cursor: pointer;
}

.vu-frame-ledger-center {
  display: grid;
  align-content: start;
  gap: 18px;
  min-height: 100%;
  padding: 24px;
  color: #172033;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.76) 360px),
    #eef2f7;
}

.vu-frame-ledger-package-header,
.vu-frame-external-network,
.vu-frame-center-ledger-deck,
.vu-frame-ledger-timeline,
.vu-frame-ledger-memory-copy {
  max-width: 1120px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.1);
}

.vu-frame-ledger-package-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
  gap: 14px;
  padding: 20px;
  border-left: 7px solid #14b8a6;
}

.vu-frame-ledger-package-header > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.vu-frame-ledger-package-header > div strong {
  color: #111827;
  font-size: 2rem;
  font-weight: 880;
  line-height: 1.08;
}

.vu-frame-ledger-package-header > div p {
  margin: 0;
  color: #475569;
  font-size: 1.02rem;
  font-weight: 760;
}

.vu-frame-ledger-package-header aside {
  display: grid;
  gap: 6px;
  align-content: center;
  padding: 12px;
  background: #fffaf0;
  border: 1px solid #efd18a;
  border-radius: 8px;
}

.vu-frame-ledger-package-header aside span,
.vu-frame-ledger-package-header aside strong {
  color: #4b3209;
  font-size: 0.86rem;
  font-weight: 850;
}

.vu-frame-ledger-package-header aside em {
  justify-self: start;
  padding: 4px 8px;
  color: #14532d;
  background: #dcfce7;
  border-radius: 999px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 860;
}

.vu-frame-ledger-package-header dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.vu-frame-ledger-package-header dl > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.vu-frame-ledger-package-header dt,
.vu-frame-ledger-package-header dd {
  margin: 0;
}

.vu-frame-ledger-package-header dt {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 840;
  text-transform: uppercase;
}

.vu-frame-ledger-package-header dd {
  color: #111827;
  font-size: 1.05rem;
  font-weight: 880;
}

.vu-frame-center-ledger-deck {
  display: grid;
  gap: 14px;
  padding: 18px;
  background:
    radial-gradient(circle at 84% 12%, rgba(214, 155, 43, 0.18), transparent 28%),
    #fffdf7;
  border-color: #efd18a;
}

.vu-frame-center-ledger-deck > header {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.vu-frame-center-ledger-deck > header div {
  display: grid;
  gap: 3px;
}

.vu-frame-center-ledger-deck > header strong {
  color: #111827;
  font-size: 1.18rem;
  font-weight: 870;
}

.vu-frame-center-ledger-deck > header em {
  color: #4b3209;
  font-size: 0.86rem;
  font-style: normal;
  font-weight: 860;
}

.vu-frame-center-ledger-stage {
  position: relative;
  min-height: 390px;
  overflow: hidden;
}

.vu-frame-center-ledger-back-card,
.vu-frame-center-ledger-front-card {
  display: grid;
  gap: 8px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #e1bf6a;
  border-left: 7px solid #d69b2b;
  border-radius: 8px;
  box-shadow: 0 26px 54px rgba(15, 23, 42, 0.18);
}

.vu-frame-center-ledger-back-card {
  position: absolute;
  top: 62px;
  width: 42%;
  min-height: 230px;
  padding: 18px;
  opacity: 0.48;
}

.vu-frame-center-ledger-back-card-left {
  left: 8%;
  transform: rotate(-8deg) translateY(18px);
}

.vu-frame-center-ledger-back-card-right {
  right: 8%;
  transform: rotate(8deg) translateY(18px);
}

.vu-frame-center-ledger-back-card-2 {
  opacity: 0.34;
  transform: rotate(-11deg) translateY(34px) scale(0.92);
}

.vu-frame-center-ledger-back-card-right.vu-frame-center-ledger-back-card-2 {
  transform: rotate(11deg) translateY(34px) scale(0.92);
}

.vu-frame-center-ledger-back-card-3 {
  opacity: 0.22;
  transform: rotate(-14deg) translateY(50px) scale(0.84);
}

.vu-frame-center-ledger-front-card {
  position: relative;
  z-index: 4;
  width: min(520px, 76%);
  min-height: 320px;
  margin: 26px auto 0;
  padding: 30px;
  border-left-color: #14b8a6;
  box-shadow:
    0 28px 64px rgba(15, 23, 42, 0.22),
    0 0 36px rgba(20, 184, 166, 0.18);
}

.vu-frame-center-ledger-front-card-document {
  border-left-color: #22c55e;
}

.vu-frame-center-ledger-front-card-decision,
.vu-frame-center-ledger-front-card-request,
.vu-frame-center-ledger-front-card-response {
  border-left-color: #d69b2b;
}

.vu-frame-ledger-wax-seal {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 58px;
  height: 58px;
  background:
    radial-gradient(circle at 50% 50%, #fff7d6 0 9px, transparent 10px),
    conic-gradient(from 20deg, #8a5a12, #f3c766, #8a5a12, #d69b2b, #8a5a12);
  border: 5px solid #7c4a03;
  border-radius: 999px;
  box-shadow: 0 0 0 6px rgba(214, 155, 43, 0.16);
}

.vu-frame-center-ledger-front-card span,
.vu-frame-center-ledger-back-card span {
  color: #92400e;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.vu-frame-center-ledger-front-card strong {
  max-width: calc(100% - 70px);
  color: #111827;
  font-size: 1.64rem;
  font-weight: 900;
  line-height: 1.08;
}

.vu-frame-center-ledger-back-card strong {
  color: #111827;
  font-size: 1.04rem;
  font-weight: 860;
}

.vu-frame-center-ledger-front-card small,
.vu-frame-center-ledger-front-card time {
  color: #64748b;
  font-size: 0.92rem;
  font-weight: 800;
}

.vu-frame-center-ledger-front-card p {
  max-width: 390px;
  margin: 0;
  color: #334155;
  font-size: 1rem;
  line-height: 1.48;
}

.vu-frame-center-ledger-front-card em {
  justify-self: start;
  padding: 7px 11px;
  color: #14532d;
  background: #dcfce7;
  border-radius: 999px;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
}

.vu-frame-center-ledger-controls {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 12px;
  align-items: center;
}

.vu-frame-center-ledger-controls button {
  width: 42px;
  height: 42px;
  color: #4b3209;
  background: #fff8df;
  border: 1px solid #d69b2b;
  border-radius: 999px;
  font-size: 1.08rem;
  font-weight: 900;
  cursor: pointer;
}

.vu-frame-center-ledger-controls div {
  display: flex;
  justify-content: center;
  gap: 7px;
}

.vu-frame-center-ledger-controls span {
  width: 8px;
  height: 8px;
  background: #cbd5e1;
  border-radius: 999px;
}

.vu-frame-center-ledger-controls .vu-frame-ledger-dot-active {
  width: 24px;
  background: #14b8a6;
}

.vu-frame-ledger-timeline {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.vu-frame-ledger-timeline > header {
  display: grid;
  gap: 4px;
}

.vu-frame-ledger-timeline > header strong,
.vu-frame-ledger-memory-copy strong {
  color: #111827;
  font-size: 1.16rem;
  font-weight: 870;
}

.vu-frame-ledger-timeline > div {
  display: grid;
  gap: 0;
}

.vu-frame-ledger-timeline-entry {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
  padding: 10px 0 10px 14px;
  border-left: 3px solid #14b8a6;
}

.vu-frame-ledger-timeline-entry + .vu-frame-ledger-timeline-entry {
  border-top: 1px solid #e2e8f0;
}

.vu-frame-ledger-timeline-entry-document {
  border-left-color: #22c55e;
}

.vu-frame-ledger-timeline-entry-decision,
.vu-frame-ledger-timeline-entry-request,
.vu-frame-ledger-timeline-entry-response {
  border-left-color: #d69b2b;
}

.vu-frame-ledger-timeline-entry time {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 850;
}

.vu-frame-ledger-timeline-entry p,
.vu-frame-ledger-memory-copy p {
  margin: 0;
  color: #334155;
  font-size: 0.92rem;
  line-height: 1.42;
}

.vu-frame-ledger-memory-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: center;
  padding: 18px;
  border-left: 7px solid #d69b2b;
}

.vu-frame-ledger-memory-copy button,
.vu-frame-vault-output-rail button {
  min-height: 38px;
  padding: 0 13px;
  color: #ffffff;
  background: #0f766e;
  border: 1px solid #0f766e;
  border-radius: 7px;
  font-size: 0.84rem;
  font-weight: 850;
  cursor: pointer;
}

.vu-frame-ledger-memory-copy p {
  grid-column: 1;
}

.vu-frame-full-ledger-inline {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid #e2e8f0;
}

.vu-frame-full-ledger-inline article {
  display: grid;
  grid-template-columns: 92px 140px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid #eef2f7;
}

.vu-frame-full-ledger-inline time,
.vu-frame-full-ledger-inline span,
.vu-frame-full-ledger-inline em {
  color: #64748b;
  font-size: 0.78rem;
}

.vu-frame-full-ledger-inline strong {
  color: #172033;
  font-size: 0.78rem;
  font-weight: 860;
}

.vu-frame-full-ledger-inline span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-full-ledger-inline em {
  justify-self: end;
  padding: 4px 7px;
  color: #0f766e;
  background: #ccfbf1;
  border-radius: 999px;
  font-style: normal;
  font-weight: 840;
}

.vu-frame-vault-output-rail {
  display: grid;
  gap: 12px;
}

.vu-frame-vault-output-rail > section {
  display: grid;
  gap: 12px;
  padding: 16px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(3, 7, 18, 0.14);
}

.vu-frame-vault-next-output {
  border-left: 6px solid #14b8a6;
}

.vu-frame-vault-available,
.vu-frame-vault-snapshot {
  border-left: 6px solid #d69b2b;
}

.vu-frame-vault-delivered {
  border-left: 6px solid #22c55e;
}

.vu-frame-vault-output-rail header {
  display: grid;
  gap: 5px;
}

.vu-frame-vault-output-rail header strong,
.vu-frame-vault-snapshot article strong {
  color: #111827;
  font-size: 1.02rem;
  font-weight: 870;
  line-height: 1.2;
}

.vu-frame-vault-output-rail header em,
.vu-frame-vault-snapshot article em {
  justify-self: start;
  padding: 5px 8px;
  color: #14532d;
  background: #dcfce7;
  border-radius: 999px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 860;
}

.vu-frame-vault-available > div,
.vu-frame-vault-delivered > div {
  display: grid;
  gap: 7px;
}

.vu-frame-vault-available article,
.vu-frame-vault-delivered button,
.vu-frame-vault-snapshot article {
  display: grid;
  gap: 3px;
  min-width: 0;
  margin: 0;
  padding: 9px 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.vu-frame-vault-available article {
  border-left: 4px solid #14b8a6;
}

.vu-frame-vault-available article strong,
.vu-frame-vault-delivered strong,
.vu-frame-vault-snapshot article span {
  color: #111827;
  font-size: 0.86rem;
  font-weight: 820;
}

.vu-frame-vault-available article span,
.vu-frame-vault-delivered span {
  color: #64748b;
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

.vu-frame-vault-delivered button {
  width: 100%;
  min-height: auto;
  color: inherit;
  text-align: left;
  background: #ffffff;
  border-color: #e2e8f0;
  cursor: pointer;
}

.vu-frame-vault-delivered button:hover {
  background: #ecfeff;
  border-color: #99f6e4;
}

.vu-frame-vault-delivered button em {
  justify-self: start;
  padding: 3px 7px;
  color: #0f766e;
  background: #ccfbf1;
  border-radius: 999px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 840;
}

@media (max-width: 1320px) {
  .vu-frame-body {
    grid-template-columns: minmax(260px, 300px) minmax(640px, 1fr) minmax(280px, 320px);
  }

  .vu-frame-ledger-package-header dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .vu-frame-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-ledger-package-header,
  .vu-frame-ledger-memory-copy {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-ledger-memory-copy button {
    justify-self: start;
  }
}

@media (max-width: 720px) {
  .vu-frame-ledger-center {
    padding: 14px;
  }

  .vu-frame-ledger-package-header > div strong {
    font-size: 1.48rem;
  }

  .vu-frame-ledger-package-header dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-center-ledger-stage {
    min-height: 350px;
  }

  .vu-frame-center-ledger-front-card {
    width: 88%;
    padding: 22px;
  }

  .vu-frame-center-ledger-front-card strong {
    max-width: none;
    font-size: 1.28rem;
  }

  .vu-frame-ledger-wax-seal {
    opacity: 0.55;
  }

  .vu-frame-ledger-timeline-entry {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Demo-ready Relationship Ledger polish */

.vu-frame-work-motion-rail > header span,
.vu-frame-work-motion-section > header {
  color: #5eead4;
}

.vu-frame-work-today-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.vu-frame-work-today-summary span {
  padding: 6px 7px;
  color: #dbeafe;
  background: #111827;
  border: 1px solid #263548;
  border-radius: 7px;
  font-size: 0.68rem;
  font-weight: 840;
  text-align: center;
  text-transform: uppercase;
}

.vu-frame-work-motion-section > div {
  position: relative;
  padding-left: 16px;
}

.vu-frame-work-motion-section > div::before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 5px;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.85), rgba(245, 158, 11, 0.72), rgba(239, 68, 68, 0.72));
  border-radius: 999px;
}

.vu-frame-work-motion-item {
  position: relative;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  border-left-width: 0;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.vu-frame-work-motion-item:hover {
  background: #162235;
  transform: translateX(2px);
}

.vu-frame-work-motion-item::before {
  position: absolute;
  top: 19px;
  left: -15px;
  width: 10px;
  height: 10px;
  content: "";
  background: #14b8a6;
  border: 2px solid #0f1a2a;
  border-radius: 999px;
  box-shadow: 0 0 0 5px rgba(20, 184, 166, 0.12);
}

.vu-frame-work-motion-section:first-child .vu-frame-work-motion-item:first-child::before {
  animation: vu-work-node-pulse 1.8s ease-in-out infinite;
}

.vu-frame-work-motion-item-human::before,
.vu-frame-work-motion-item-thirdParty::before {
  background: #f59e0b;
  box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.12);
}

.vu-frame-work-motion-item-blocked::before {
  background: #ef4444;
  box-shadow: 0 0 0 5px rgba(239, 68, 68, 0.12);
}

.vu-frame-work-motion-item small {
  color: #64748b;
  font-size: 0.69rem;
  font-weight: 800;
  text-transform: uppercase;
}

.vu-frame-work-motion-item > span {
  border-radius: 8px;
}

.vu-frame-ledger-package-header {
  position: relative;
  overflow: hidden;
  padding: 18px;
}

.vu-frame-ledger-package-header::after {
  position: absolute;
  right: 22px;
  bottom: 20px;
  width: 34px;
  height: 34px;
  content: "";
  background:
    radial-gradient(circle at 50% 50%, #fff7d6 0 5px, transparent 6px),
    conic-gradient(from 20deg, #8a5a12, #f3c766, #8a5a12, #d69b2b, #8a5a12);
  border: 4px solid #7c4a03;
  border-radius: 999px;
  opacity: 0.28;
}

.vu-frame-ledger-package-header > div strong {
  font-size: 1.72rem;
}

.vu-frame-ledger-package-header > div em {
  color: #0f766e;
  font-size: 0.92rem;
  font-style: normal;
  font-weight: 840;
}

.vu-frame-ledger-package-header > div small {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 860;
  text-transform: uppercase;
}

.vu-frame-ledger-package-header aside {
  background: #f8fafc;
  border-color: #d7e0ea;
}

.vu-frame-ledger-package-header aside span,
.vu-frame-ledger-package-header aside strong {
  color: #172033;
}

.vu-frame-ledger-package-header dl > div {
  padding: 8px 10px;
}

.vu-frame-ledger-package-header dd {
  font-size: 0.96rem;
}

.vu-frame-external-network {
  display: grid;
  gap: 10px;
  padding: 16px;
  overflow: hidden;
}

.vu-frame-external-network header {
  display: flex;
  gap: 12px;
  align-items: baseline;
  justify-content: space-between;
}

.vu-frame-external-network header span {
  color: #0f766e;
  font-size: 0.74rem;
  font-weight: 880;
  text-transform: uppercase;
}

.vu-frame-external-network header strong {
  color: #172033;
  font-size: 0.98rem;
  font-weight: 860;
}

.vu-frame-network-map {
  position: relative;
  height: 178px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.95), rgba(236, 254, 255, 0.55)),
    #ffffff;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
}

.vu-frame-network-center,
.vu-frame-network-node {
  position: absolute;
  z-index: 2;
  display: inline-grid;
  place-items: center;
  min-width: 90px;
  min-height: 32px;
  padding: 6px 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.1);
  font-size: 0.76rem;
  font-weight: 820;
  white-space: nowrap;
}

.vu-frame-network-center {
  top: 50%;
  left: 50%;
  min-width: 184px;
  color: #042f2e;
  background: #ccfbf1;
  border-color: #5eead4;
  transform: translate(-50%, -50%);
}

.vu-frame-network-node {
  transform: translate(-50%, -50%);
}

.vu-frame-network-line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--network-width);
  height: 1px;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.54), rgba(148, 163, 184, 0.18));
  transform: rotate(var(--network-angle));
  transform-origin: 0 50%;
}

.vu-frame-network-line i {
  position: absolute;
  top: -2px;
  left: 0;
  width: 5px;
  height: 5px;
  background: #14b8a6;
  border-radius: 999px;
  box-shadow: 0 0 10px rgba(20, 184, 166, 0.85);
  animation: vu-network-signal 2.8s linear infinite;
  animation-delay: var(--network-delay);
}

.vu-frame-ledger-stage-path,
.vu-frame-ledger-participant-strip,
.vu-frame-ledger-human-review-panel {
  max-width: 1120px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.vu-frame-ledger-stage-path {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  padding: 12px;
}

.vu-frame-ledger-stage-step {
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 0;
  color: #64748b;
}

.vu-frame-ledger-stage-step:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 8px;
  left: 30px;
  height: 2px;
  content: "";
  background: #dbe4ee;
  transform: translateY(-50%);
}

.vu-frame-ledger-stage-step span {
  position: relative;
  z-index: 1;
  width: 12px;
  height: 12px;
  background: #cbd5e1;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #cbd5e1;
}

.vu-frame-ledger-stage-step strong {
  position: relative;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
  color: #475569;
  font-size: 0.74rem;
  font-weight: 840;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vu-frame-ledger-stage-step-complete span,
.vu-frame-ledger-stage-step-active span {
  background: #14b8a6;
  box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.14);
}

.vu-frame-ledger-stage-step-active span {
  animation: vu-work-node-pulse 1.8s ease-in-out infinite;
}

.vu-frame-ledger-stage-step-active strong {
  color: #0f766e;
}

.vu-frame-center-ledger-deck {
  background:
    linear-gradient(180deg, #ffffff, #f8fafc),
    #ffffff;
  border-color: #d7e0ea;
}

.vu-frame-center-ledger-back-card {
  color: #dbe4ee;
  background: #293548;
  border-color: #3d4b60;
  border-left-color: #64748b;
  opacity: 0.46;
}

.vu-frame-center-ledger-back-card span,
.vu-frame-center-ledger-back-card strong {
  color: #dbe4ee;
}

.vu-frame-center-ledger-back-card:hover {
  opacity: 0.58;
}

.vu-frame-center-ledger-front-card {
  background:
    linear-gradient(145deg, #ffffff, #f8fafc);
  border: 1px solid #cbd5e1;
  border-left: 7px solid #14b8a6;
  box-shadow:
    0 28px 64px rgba(15, 23, 42, 0.22),
    0 0 42px rgba(20, 184, 166, 0.24);
  animation: vu-ledger-card-glow 3s ease-in-out infinite;
}

button.vu-frame-center-ledger-front-card {
  text-align: left;
  font: inherit;
  cursor: pointer;
}

button.vu-frame-center-ledger-front-card:focus-visible {
  outline: 3px solid rgba(20, 184, 166, 0.4);
  outline-offset: 4px;
}

.vu-frame-ledger-card-icon {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: #0f766e;
  background: #ccfbf1;
  border: 1px solid #99f6e4;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 900;
}

.vu-frame-center-ledger-front-card span {
  color: #0f766e;
}

.vu-frame-ledger-wax-seal {
  width: 42px;
  height: 42px;
  opacity: 0.76;
}

.vu-frame-ledger-timeline {
  position: relative;
}

.vu-frame-ledger-timeline > div {
  position: relative;
}

.vu-frame-ledger-timeline > div::before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 15px;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.82), rgba(214, 155, 43, 0.58));
  border-radius: 999px;
}

.vu-frame-ledger-timeline-entry {
  grid-template-columns: 30px 68px minmax(0, 1fr);
  padding-left: 0;
  border-left: 0;
  animation: vu-timeline-fade 360ms ease both;
}

.vu-frame-ledger-timeline-entry > span {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #0f766e;
  background: #ccfbf1;
  border: 1px solid #99f6e4;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
}

.vu-frame-ledger-timeline-entry-document > span {
  color: #14532d;
  background: #dcfce7;
  border-color: #86efac;
}

.vu-frame-ledger-timeline-entry-decision > span,
.vu-frame-ledger-timeline-entry-request > span,
.vu-frame-ledger-timeline-entry-response > span {
  color: #92400e;
  background: #fef3c7;
  border-color: #f8d78b;
}

.vu-frame-ledger-participant-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.vu-frame-ledger-participant-group {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.vu-frame-ledger-participant-group header,
.vu-frame-ledger-human-review-panel header span {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 880;
  text-transform: uppercase;
}

.vu-frame-ledger-participant-group div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vu-frame-ledger-participant-group span {
  padding: 5px 8px;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 780;
}

.vu-frame-ledger-participant-group-agent span {
  color: #0f766e;
  background: #ccfbf1;
  border-color: #99f6e4;
}

.vu-frame-ledger-participant-group-human span {
  color: #92400e;
  background: #fef3c7;
  border-color: #f8d78b;
}

.vu-frame-ledger-participant-group-thirdParty span {
  color: #3730a3;
  background: #e0e7ff;
  border-color: #c7d2fe;
}

.vu-frame-ledger-human-review-panel {
  display: grid;
  grid-template-columns: minmax(140px, 0.34fr) minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border-left: 6px solid #f59e0b;
}

.vu-frame-ledger-human-review-panel header,
.vu-frame-ledger-human-review-panel div {
  display: grid;
  gap: 4px;
}

.vu-frame-ledger-human-review-panel header strong,
.vu-frame-ledger-human-review-panel div strong {
  color: #111827;
  font-size: 0.96rem;
  font-weight: 880;
}

.vu-frame-ledger-human-review-panel p {
  margin: 0;
  color: #475569;
  font-size: 0.86rem;
}

.vu-frame-ledger-human-review-panel footer {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: end;
}

.vu-frame-ledger-human-review-panel button {
  min-height: 34px;
  padding: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 820;
  cursor: pointer;
}

.vu-frame-ledger-human-review-panel .vu-frame-ledger-human-primary {
  color: #ffffff;
  background: #0f766e;
  border-color: #0f766e;
}

.vu-frame-vault-output-rail > section {
  background: #f8fafc;
}

.vu-frame-vault-next-output {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(145deg, #ffffff, #ecfeff);
}

.vu-frame-vault-next-output::after {
  position: absolute;
  top: -24px;
  right: -24px;
  width: 76px;
  height: 76px;
  content: "";
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.2);
  border-radius: 999px;
}

.vu-frame-vault-next-output button {
  animation: vu-ready-button 2.6s ease-in-out infinite;
}

.vu-frame-vault-available article {
  border-left: 4px solid #14b8a6;
}

.vu-frame-vault-generated-state,
.vu-frame-vault-update-state {
  margin: 0;
  padding: 8px 10px;
  color: #0f766e;
  background: #ccfbf1;
  border: 1px solid #99f6e4;
  border-radius: 7px;
  font-size: 0.8rem;
  font-weight: 790;
}

.vu-frame-vault-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vu-frame-vault-actions button:nth-child(2) {
  color: #f8fafc;
  background: #293548;
  border-color: #475569;
}

.vu-frame-vault-snapshot {
  position: relative;
  color: #e5edf5;
  background:
    radial-gradient(circle at 88% 16%, rgba(214, 155, 43, 0.18), transparent 34%),
    #111827 !important;
  border-color: #2d3b50 !important;
}

.vu-frame-vault-snapshot::before {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: #f8d78b;
  content: "V";
  background:
    radial-gradient(circle at 50% 50%, rgba(248, 215, 139, 0.16), transparent 55%),
    #172033;
  border: 1px solid #d69b2b;
  border-radius: 10px;
  font-weight: 900;
}

.vu-frame-vault-snapshot header span,
.vu-frame-vault-snapshot header strong,
.vu-frame-vault-snapshot article span,
.vu-frame-vault-snapshot article strong {
  color: #f8fafc;
}

.vu-frame-vault-snapshot article {
  background: #172033;
  border-color: #334155;
}

.vu-frame-vault-snapshot article em {
  color: #4b3209;
  background: #f8d78b;
}

.vu-frame-vault-delivered::after {
  content: "Delivery receipts recorded in Ledger.";
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 760;
}

.vu-frame-demo-overlay {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  justify-items: end;
  background: rgba(15, 23, 42, 0.34);
  backdrop-filter: blur(3px);
}

.vu-frame-demo-modal,
.vu-frame-demo-drawer {
  display: grid;
  align-content: start;
  gap: 16px;
  width: min(440px, calc(100vw - 28px));
  max-height: calc(100vh - 28px);
  margin: 14px;
  padding: 18px;
  overflow: auto;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 28px 72px rgba(3, 7, 18, 0.3);
}

.vu-frame-demo-modal {
  justify-self: center;
  align-self: center;
}

.vu-frame-demo-drawer {
  min-height: calc(100vh - 28px);
  border-left: 6px solid #14b8a6;
}

.vu-frame-demo-modal > header,
.vu-frame-demo-drawer > header {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.vu-frame-demo-modal > header div,
.vu-frame-demo-drawer > header div {
  display: grid;
  gap: 4px;
}

.vu-frame-demo-modal > header span,
.vu-frame-demo-drawer > header span,
.vu-frame-demo-drawer section > span {
  color: #0f766e;
  font-size: 0.74rem;
  font-weight: 880;
  text-transform: uppercase;
}

.vu-frame-demo-modal > header strong,
.vu-frame-demo-drawer > header strong {
  color: #111827;
  font-size: 1.2rem;
  font-weight: 880;
}

.vu-frame-demo-modal > header button,
.vu-frame-demo-drawer > header button {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 900;
  cursor: pointer;
}

.vu-frame-demo-modal form,
.vu-frame-demo-modal label,
.vu-frame-demo-drawer section,
.vu-frame-demo-drawer dl {
  display: grid;
  gap: 10px;
}

.vu-frame-demo-modal label span,
.vu-frame-demo-drawer dt {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 840;
  text-transform: uppercase;
}

.vu-frame-demo-modal input,
.vu-frame-demo-modal select,
.vu-frame-demo-modal textarea {
  width: 100%;
  padding: 9px 10px;
  color: #172033;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font: inherit;
  font-size: 0.88rem;
}

.vu-frame-demo-modal footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: end;
}

.vu-frame-demo-modal footer button {
  min-height: 38px;
  padding: 0 13px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-size: 0.84rem;
  font-weight: 850;
  cursor: pointer;
}

.vu-frame-demo-modal footer .vu-frame-demo-primary {
  color: #ffffff;
  background: #0f766e;
  border-color: #0f766e;
}

.vu-frame-demo-success {
  margin: 0;
  padding: 9px 10px;
  color: #0f766e;
  background: #ccfbf1;
  border: 1px solid #99f6e4;
  border-radius: 7px;
  font-size: 0.82rem;
  font-weight: 790;
}

.vu-frame-demo-drawer dl {
  margin: 0;
}

.vu-frame-demo-drawer dl > div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.vu-frame-demo-drawer dd {
  margin: 0;
  color: #172033;
  font-size: 0.88rem;
  font-weight: 820;
}

.vu-frame-demo-drawer section {
  padding: 12px;
  background: #fffaf0;
  border: 1px solid #efd18a;
  border-radius: 8px;
}

.vu-frame-demo-drawer section p,
.vu-frame-vault-drawer footer,
.vu-frame-vault-drawer section p {
  margin: 0;
  color: #334155;
  font-size: 0.9rem;
  line-height: 1.45;
}

.vu-frame-vault-drawer {
  border-left-color: #d69b2b;
}

.vu-frame-vault-proof-card {
  color: #f8fafc;
  background:
    radial-gradient(circle at 88% 16%, rgba(214, 155, 43, 0.2), transparent 34%),
    #111827 !important;
  border-color: #d69b2b !important;
}

.vu-frame-vault-proof-card span {
  justify-self: start;
  padding: 5px 8px;
  color: #4b3209 !important;
  background: #f8d78b;
  border-radius: 999px;
}

.vu-frame-vault-proof-card strong,
.vu-frame-vault-proof-card p {
  color: #f8fafc !important;
}

.vu-frame-vault-drawer footer {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

@keyframes vu-work-node-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.12);
    transform: scale(1);
  }

  50% {
    box-shadow: 0 0 0 8px rgba(20, 184, 166, 0.2);
    transform: scale(1.08);
  }
}

@keyframes vu-ledger-card-glow {
  0%,
  100% {
    box-shadow:
      0 28px 64px rgba(15, 23, 42, 0.22),
      0 0 32px rgba(20, 184, 166, 0.18);
  }

  50% {
    box-shadow:
      0 30px 70px rgba(15, 23, 42, 0.24),
      0 0 48px rgba(20, 184, 166, 0.28);
  }
}

@keyframes vu-timeline-fade {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes vu-ready-button {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(20, 184, 166, 0);
  }

  50% {
    box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.16);
  }
}

@keyframes vu-network-signal {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(var(--network-width));
  }
}

@media (max-width: 1180px) {
  .vu-frame-ledger-stage-path,
  .vu-frame-ledger-participant-strip,
  .vu-frame-ledger-human-review-panel {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .vu-frame-work-today-summary,
  .vu-frame-ledger-stage-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vu-frame-external-network header {
    display: grid;
  }

  .vu-frame-network-map {
    height: 220px;
  }

  .vu-frame-full-ledger-inline article {
    grid-template-columns: minmax(0, 1fr);
  }

  .vu-frame-ledger-human-review-panel footer {
    justify-content: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vu-frame-work-motion-section:first-child .vu-frame-work-motion-item:first-child::before,
  .vu-frame-ledger-stage-step-active span,
  .vu-frame-center-ledger-front-card,
  .vu-frame-ledger-timeline-entry,
  .vu-frame-network-line i,
  .vu-frame-vault-next-output button {
    animation: none;
  }
}

/* Simplified admin rail for the Operation Record system */

.vucoris-compact-shell .people-test-nav-section h2,
.vucoris-compact-shell .people-test-nav-copy small {
  display: none;
}

.vucoris-compact-shell .people-test-nav {
  gap: 8px;
}

.vucoris-compact-shell .people-test-nav-section > div {
  gap: 4px;
}

.vucoris-compact-shell .people-test-nav-parent {
  grid-template-columns: minmax(0, 1fr);
}

.vucoris-compact-shell .people-test-nav-parent > button:first-child {
  min-height: 38px;
  padding-block: 0;
}

.vucoris-compact-shell .people-test-nav-copy > span {
  font-size: 0.84rem;
}

.vucoris-compact-shell .people-test-trust-panel {
  display: grid;
  gap: 6px;
  margin-top: auto;
  padding: 10px;
  color: #dbe5ef;
  background: rgba(13, 27, 42, 0.74);
  border: 1px solid rgba(194, 206, 219, 0.18);
  border-radius: 8px;
}

.vucoris-compact-shell .people-test-trust-panel h2 {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  margin: 0;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 860;
  text-transform: uppercase;
}

.vucoris-compact-shell .people-test-trust-panel h2 svg {
  width: 14px;
  height: 14px;
  color: #d69b2b;
}

.vucoris-compact-shell .people-test-trust-panel h2 svg path {
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vucoris-compact-shell .people-test-trust-panel ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vucoris-compact-shell .people-test-trust-panel li {
  display: flex;
  gap: 6px;
  align-items: center;
  color: #aab9ca;
  font-size: 0.68rem;
  font-weight: 720;
}

.vucoris-compact-shell .people-test-trust-panel li span {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  background: #0f766e;
  border-radius: 999px;
}

/* Operation Record system */

.operation-record-system {
  --operation-navy: #0d1b2a;
  --operation-navy-2: #172033;
  --operation-teal: #0f766e;
  --operation-teal-2: #14b8a6;
  --operation-gold: #d69b2b;
  --operation-border: #d7e0ea;
  --operation-border-strong: #c2cedb;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
  min-height: calc(100vh - 92px);
  color: #172033;
}

.operation-record-page-head,
.operation-detail-header,
.operation-record-toolbar,
.operation-external-actions,
.operation-external-strip {
  background: #ffffff;
  border: 1px solid var(--operation-border);
  border-radius: 8px;
}

.operation-record-page-head {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  min-height: 56px;
  padding: 10px 12px;
}

.operation-record-page-head.operation-record-page-head-band {
  min-height: 38px;
  padding: 5px 8px;
  color: #ffffff;
  border: 0;
  border-radius: 6px;
}

.operation-record-page-head-operations {
  background: #0f766e;
}

.operation-record-page-head-messages {
  background: #334155;
}

.operation-record-page-head-timeline {
  background: #172033;
}

.operation-record-page-head-relationships {
  background: #0d1b2a;
}

.operation-record-page-head-vault {
  background: #166534;
}

.operation-record-page-head-ledger {
  background: #854d0e;
}

.operation-record-page-head-accounting {
  background: #1f2937;
}

.operation-record-page-head-reports {
  background: #475569;
}

.operation-record-page-head div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-record-page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: end;
  min-width: 0;
}

.operation-record-page-actions > button {
  min-height: 28px;
  padding: 0 9px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  font-size: 0.7rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-record-page-head-band .operation-record-page-actions > button,
.operation-record-page-head-band .operation-external-toggle {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.13);
  border-color: rgba(255, 255, 255, 0.28);
}

.operation-record-page-head-band .operation-record-page-actions > button:hover,
.operation-record-page-head-band .operation-record-page-actions > button:focus-visible,
.operation-record-page-head-band .operation-external-toggle:hover,
.operation-record-page-head-band .operation-external-toggle:focus-within {
  background: rgba(255, 255, 255, 0.2);
  outline: none;
}

.operation-record-page-head span,
.operation-detail-title span,
.operation-detail-meta dt,
.operation-overview-grid dt,
.operation-create-modal label span,
.operation-settings-grid dt,
.operation-activity-ledger > header span {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 820;
  text-transform: uppercase;
}

.operation-record-page-head h1,
.operation-detail-title h2,
.operation-create-modal h2,
.operation-settings-grid h2 {
  margin: 0;
  color: var(--operation-navy);
  font-size: 1.05rem;
  font-weight: 860;
  line-height: 1.2;
}

.operation-record-page-head-band span,
.operation-record-page-head-band h1,
.operation-record-page-head-band p {
  color: #ffffff;
}

.operation-record-page-head-band p {
  opacity: 0.86;
}

.operation-external-toggle {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 780;
}

.operation-external-toggle input {
  width: 16px;
  height: 16px;
  accent-color: var(--operation-teal);
}

.operation-record-list,
.operation-page-panel {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  min-height: 0;
}

.operation-record-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(160px, 190px) auto auto;
  gap: 8px;
  align-items: center;
  padding: 8px;
}

.operation-record-toolbar input,
.operation-record-toolbar select,
.operation-create-modal input,
.operation-create-modal select,
.operation-create-modal textarea,
.operation-message-composer textarea {
  width: 100%;
  min-width: 0;
  color: #172033;
  background: #ffffff;
  border: 1px solid var(--operation-border-strong);
  border-radius: 7px;
  outline: none;
}

.operation-record-toolbar input,
.operation-record-toolbar select {
  min-height: 34px;
  padding: 0 10px;
  font-size: 0.84rem;
}

.operation-record-toolbar input:focus,
.operation-record-toolbar select:focus,
.operation-create-modal input:focus,
.operation-create-modal select:focus,
.operation-create-modal textarea:focus,
.operation-message-composer textarea:focus {
  border-color: var(--operation-teal-2);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
}

.operation-view-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 10px;
  color: var(--operation-teal);
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 820;
}

.operation-primary-button,
.operation-row-action,
.operation-back-button,
.operation-actions-menu button,
.operation-actions-menu summary,
.operation-activity-filters button,
.operation-tabs button,
.operation-create-modal footer button,
.operation-external-actions button {
  min-height: 32px;
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-primary-button {
  padding: 0 12px;
  color: #172033;
  background: var(--operation-gold);
  border: 1px solid var(--operation-gold);
}

.operation-primary-button:hover,
.operation-primary-button:focus-visible {
  background: #c48a20;
  border-color: #c48a20;
  outline: none;
}

.operation-external-strip {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 36px;
  padding: 8px 10px;
  border-left: 4px solid var(--operation-teal-2);
}

.operation-external-strip strong,
.operation-external-actions strong {
  color: var(--operation-navy);
  font-size: 0.82rem;
  font-weight: 860;
}

.operation-external-strip span,
.operation-external-actions span {
  color: #64748b;
  font-size: 0.8rem;
  font-weight: 680;
}

.operation-table-wrap {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  background: #ffffff;
  border: 1px solid var(--operation-border);
  border-radius: 8px;
}

.operation-record-table,
.operation-compact-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  font-size: 0.8rem;
}

.operation-compact-table {
  min-width: 840px;
}

.operation-record-table th,
.operation-record-table td,
.operation-compact-table th,
.operation-compact-table td {
  min-width: 0;
  padding: 8px 9px;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  vertical-align: middle;
}

.operation-record-table th,
.operation-compact-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: #475569;
  background: #f8fafc;
  font-size: 0.7rem;
  font-weight: 840;
  text-transform: uppercase;
}

.operation-record-table td,
.operation-compact-table td {
  color: #263548;
  font-weight: 620;
}

.operation-record-table tbody tr,
.operation-compact-table tbody tr {
  cursor: default;
}

.operation-record-table tbody tr:hover,
.operation-record-table tbody tr:focus,
.operation-compact-table tbody tr:hover {
  background: #f5fbfb;
  outline: none;
}

.operation-number-button {
  padding: 0;
  color: var(--operation-teal);
  background: transparent;
  border: 0;
  font: inherit;
  font-weight: 860;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.operation-row-action {
  padding: 0 10px;
  color: var(--operation-teal);
  background: #ffffff;
  border: 1px solid #99f6e4;
}

.operation-pill,
.operation-auth,
.operation-source-badge,
.operation-state-label {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 860;
  white-space: nowrap;
}

.operation-pill-active,
.operation-state-received,
.operation-state-verified {
  color: #14532d;
  background: #dcfce7;
  border: 1px solid #86efac;
}

.operation-pill-waiting,
.operation-auth-pending,
.operation-state-requested {
  color: #475569;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
}

.operation-pill-needs-attention,
.operation-auth-requires-review,
.operation-state-rejected,
.operation-state-expired {
  color: #92400e;
  background: #fef3c7;
  border: 1px solid #f8d78b;
}

.operation-auth-authorized {
  color: #4b3209;
  background: #f8d78b;
  border: 1px solid var(--operation-gold);
}

.operation-auth-not-authorized,
.operation-pill-cancelled {
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #fca5a5;
}

.operation-pill-complete {
  color: #0f766e;
  background: #ccfbf1;
  border: 1px solid #99f6e4;
}

.operation-source-badge {
  color: #334155;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
}

.operation-source-external {
  color: #3730a3;
  background: #e0e7ff;
  border-color: #c7d2fe;
}

.operation-source-vu,
.operation-source-agent {
  color: #0f766e;
  background: #ccfbf1;
  border-color: #99f6e4;
}

.operation-source-librarian {
  color: #4b3209;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-detail-record {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  min-height: 0;
}

.operation-detail-header {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) minmax(360px, 0.9fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
}

.operation-back-button {
  display: inline-grid;
  place-items: center;
  width: 32px;
  padding: 0;
  color: #334155;
  background: #ffffff;
  border: 1px solid var(--operation-border-strong);
}

.operation-detail-title {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-detail-title h2,
.operation-detail-title p {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-detail-title p {
  margin: 0;
  color: #475569;
  font-size: 0.82rem;
  font-weight: 700;
}

.operation-detail-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.operation-detail-meta div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.operation-detail-meta dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.78rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.operation-actions-menu {
  position: relative;
}

.operation-actions-menu summary {
  display: inline-flex;
  align-items: center;
  min-width: 92px;
  padding: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid var(--operation-border-strong);
  list-style: none;
}

.operation-actions-menu summary::-webkit-details-marker {
  display: none;
}

.operation-actions-menu div {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  z-index: 5;
  display: grid;
  min-width: 210px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid var(--operation-border);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16);
}

.operation-actions-menu button {
  justify-content: start;
  padding: 0 9px;
  color: #263548;
  background: #ffffff;
  border: 0;
  text-align: left;
}

.operation-actions-menu button:hover {
  color: var(--operation-teal);
  background: #ecfeff;
}

.operation-eof-rail {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 9px 10px;
  background: #ffffff;
  border: 1px solid var(--operation-border);
  border-radius: 8px;
  list-style: none;
}

.operation-eof-stage {
  position: relative;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 0;
}

.operation-eof-stage:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 8px;
  left: 32px;
  height: 1px;
  content: "";
  background: #dbe4ee;
}

.operation-eof-seal {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: #64748b;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 900;
}

.operation-eof-stage strong {
  position: relative;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-eof-stage-complete .operation-eof-seal {
  color: #4b3209;
  background: #f8d78b;
  border-color: var(--operation-gold);
  box-shadow: 0 0 0 3px rgba(214, 155, 43, 0.13);
}

.operation-eof-stage-complete strong {
  color: #475569;
}

.operation-eof-stage-current .operation-eof-seal {
  color: #ffffff;
  background: var(--operation-teal);
  border-color: var(--operation-teal);
  box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.14);
}

.operation-eof-stage-current strong {
  color: var(--operation-teal);
}

.operation-external-actions {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(3, auto);
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border-left: 4px solid var(--operation-teal-2);
}

.operation-external-actions div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-external-actions button {
  padding: 0 10px;
  color: var(--operation-teal);
  background: #ffffff;
  border: 1px solid #99f6e4;
}

.operation-detail-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
  gap: 10px;
  min-width: 0;
  min-height: 0;
}

.operation-detail-main {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  background: #ffffff;
  border: 1px solid var(--operation-border);
  border-radius: 8px;
  overflow: hidden;
}

.operation-tabs {
  display: flex;
  min-width: 0;
  overflow-x: auto;
  background: #f8fafc;
  border-bottom: 1px solid var(--operation-border);
}

.operation-tabs button {
  flex: 0 0 auto;
  min-width: 104px;
  padding: 0 12px;
  color: #475569;
  background: transparent;
  border: 0;
  border-top: 2px solid transparent;
}

.operation-tabs button:hover,
.operation-tabs button:focus-visible,
.operation-tabs .operation-tab-active {
  color: var(--operation-teal);
  background: #ffffff;
  border-top-color: var(--operation-teal-2);
  outline: none;
}

.operation-tab-panel {
  min-width: 0;
  min-height: 0;
  padding: 10px;
  overflow: auto;
}

.operation-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.operation-overview-grid div,
.operation-settings-grid section {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.operation-overview-grid dd,
.operation-settings-grid dd {
  margin: 0;
  color: #263548;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.45;
}

.operation-message-thread {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 420px;
}

.operation-message-list {
  display: grid;
  align-content: start;
  gap: 8px;
  overflow: auto;
}

.operation-message {
  display: grid;
  gap: 5px;
  padding: 9px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #cbd5e1;
  border-radius: 8px;
}

.operation-message.operation-source-external {
  border-left-color: #818cf8;
}

.operation-message.operation-source-vu,
.operation-message.operation-source-agent {
  border-left-color: var(--operation-teal-2);
}

.operation-message.operation-source-librarian {
  border-left-color: var(--operation-gold);
}

.operation-message header {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.operation-message strong {
  color: var(--operation-navy);
  font-size: 0.82rem;
  font-weight: 860;
}

.operation-message header > span {
  color: #64748b;
  font-size: 0.74rem;
  font-weight: 720;
}

.operation-message p {
  margin: 0;
  color: #334155;
  font-size: 0.84rem;
  line-height: 1.45;
}

.operation-message-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
}

.operation-message-composer textarea,
.operation-create-modal textarea {
  min-height: 74px;
  padding: 9px 10px;
  resize: vertical;
}

.operation-activity-ledger {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--operation-border);
  border-radius: 8px;
}

.operation-activity-ledger > header {
  display: grid;
  gap: 2px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--operation-border);
}

.operation-activity-ledger > header strong {
  color: var(--operation-navy);
  font-size: 0.78rem;
  font-weight: 860;
}

.operation-activity-filters {
  display: flex;
  gap: 3px;
  padding: 4px;
  overflow-x: auto;
  border-bottom: 1px solid var(--operation-border);
}

.operation-activity-filters button {
  flex: 0 0 auto;
  min-height: 20px;
  padding: 0 6px;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #dbe4ee;
  border-radius: 4px;
  font-size: 0.58rem;
  font-weight: 820;
}

.operation-activity-filters button:hover,
.operation-activity-filters button:focus-visible,
.operation-activity-filters .operation-filter-active {
  color: var(--operation-teal);
  background: #ecfeff;
  border-color: #99f6e4;
  outline: none;
}

.operation-activity-list {
  display: grid;
  align-content: start;
  gap: 0;
  min-height: 0;
  overflow: auto;
}

.operation-activity-row {
  display: grid;
  grid-template-columns: 58px 26px minmax(0, 1fr);
  gap: 6px;
  align-items: start;
  min-width: 0;
  min-height: 34px;
  padding: 5px 6px;
  background: #ffffff;
  border-bottom: 1px solid #edf2f7;
}

.operation-activity-row time {
  overflow: hidden;
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 820;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-activity-source {
  display: inline-grid;
  place-items: center;
  width: 22px;
  min-width: 22px;
  height: 18px;
  color: #102033;
  background: #eef2f7;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 0.58rem;
  font-weight: 920;
  line-height: 1;
}

.operation-activity-source-e {
  color: #1e3a8a;
  background: #dbeafe;
  border-color: #93c5fd;
}

.operation-activity-source-a,
.operation-activity-source-vu {
  color: #0f766e;
  background: #ccfbf1;
  border-color: #99f6e4;
}

.operation-activity-source-s {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-activity-row > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-activity-row header,
.operation-activity-row footer {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.operation-activity-row header strong {
  color: var(--operation-teal);
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-activity-row header span {
  color: #64748b;
  font-size: 0.6rem;
  font-weight: 820;
}

.operation-activity-row p {
  margin: 0;
  overflow: hidden;
  color: #263548;
  font-size: 0.68rem;
  font-weight: 660;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-activity-row footer span,
.operation-activity-row footer em {
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 0.6rem;
  font-style: normal;
  font-weight: 720;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-activity-row footer em {
  max-width: 48%;
}

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

.operation-settings-grid dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.operation-settings-grid dl > div {
  display: grid;
  gap: 2px;
}

.operation-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(15, 23, 42, 0.36);
}

.operation-create-modal {
  display: grid;
  gap: 10px;
  width: min(520px, 100%);
  max-height: calc(100vh - 36px);
  padding: 14px;
  overflow: auto;
  color: #172033;
  background: #ffffff;
  border: 1px solid var(--operation-border);
  border-radius: 8px;
  box-shadow: 0 28px 72px rgba(3, 7, 18, 0.28);
}

.operation-create-modal header {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.operation-create-modal header div,
.operation-create-modal label {
  display: grid;
  gap: 5px;
}

.operation-create-modal header button {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #dbe4ee;
  border-radius: 999px;
  font-weight: 900;
  cursor: pointer;
}

.operation-create-modal input,
.operation-create-modal select {
  min-height: 36px;
  padding: 0 10px;
}

.operation-create-modal textarea {
  min-height: 72px;
  padding: 8px 10px;
  line-height: 1.35;
  resize: vertical;
}

.operation-create-modal footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: end;
  padding-top: 4px;
}

.operation-create-modal footer button:not(.operation-primary-button) {
  padding: 0 12px;
  color: #334155;
  background: #ffffff;
  border: 1px solid var(--operation-border-strong);
}

.operation-request-modal {
  width: min(640px, 100%);
}

.operation-request-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.operation-request-modal-wide {
  grid-column: 1 / -1;
}

.operation-request-assist-panel {
  display: grid;
  gap: 8px;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-request-demo-message {
  display: grid;
  gap: 3px;
}

.operation-request-demo-message span {
  color: #64748b;
  font-size: 0.58rem;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-request-demo-message p {
  margin: 0;
  color: #172033;
  font-size: 0.78rem;
  font-weight: 760;
}

.operation-request-assist-panel dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-request-assist-panel dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 5px 6px;
  background: #ffffff;
}

.operation-request-assist-panel dt,
.operation-request-assist-panel dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-request-assist-panel dt {
  color: #64748b;
  font-size: 0.58rem;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-request-assist-panel dd {
  color: #172033;
  font-size: 0.7rem;
  font-weight: 820;
}

.operation-request-assist-panel > p {
  margin: 0;
  color: #475569;
  font-size: 0.7rem;
  font-weight: 720;
}

.operation-request-checkbox {
  display: inline-flex !important;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px !important;
  align-items: center;
  justify-self: start;
}

.operation-request-checkbox input {
  width: 15px;
  height: 15px;
  accent-color: #0f766e;
}

@media (max-width: 1280px) {
  .operation-detail-header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .operation-detail-meta,
  .operation-detail-actions {
    grid-column: 2;
  }

  .operation-detail-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operation-detail-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-activity-ledger {
    max-height: 360px;
  }

  .operation-settings-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 860px) {
  .operation-record-system {
    min-height: auto;
  }

  .operation-record-page-head,
  .operation-external-strip,
  .operation-message-composer {
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .operation-record-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-detail-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-detail-meta,
  .operation-detail-actions {
    grid-column: auto;
  }

  .operation-eof-rail,
  .operation-overview-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-eof-stage:not(:last-child)::after {
    right: auto;
    bottom: -5px;
    left: 10px;
    width: 1px;
    height: 10px;
  }

  .operation-external-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Operation Record page differentiation */

.vucoris-compact-shell .people-test-nav-parent {
  grid-template-columns: minmax(0, 1fr) 24px;
}

.vucoris-compact-shell .people-test-nav-chevron {
  display: inline-grid;
  place-items: center;
  width: 24px;
  min-height: 34px;
}

.vucoris-compact-shell .people-test-subnav {
  gap: 1px;
  margin: 1px 0 4px 7px;
  padding: 2px 0 2px 8px;
  border-left: 1px solid rgba(103, 128, 159, 0.34);
}

.vucoris-compact-shell .people-test-subnav button {
  min-height: 28px;
  padding: 0 8px;
  font-size: 0.78rem;
}

.vucoris-compact-shell .people-test-subnav .people-test-subnav-active,
.vucoris-compact-shell .people-test-subnav button:hover,
.vucoris-compact-shell .people-test-subnav button:focus-visible {
  color: #5eead4;
  background: rgba(20, 184, 166, 0.1);
  border-color: rgba(20, 184, 166, 0.24);
}

.top-bar-product-title {
  display: grid;
  gap: 1px;
  margin-right: auto;
  min-width: 220px;
}

.top-bar-product-title strong {
  color: #0d1b2a;
  font-size: 0.92rem;
  font-weight: 860;
  line-height: 1.1;
}

.top-bar-product-title small {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
}

.operation-record-page-head p {
  margin: 0;
  color: #64748b;
  font-size: 0.8rem;
  font-weight: 680;
}

.operation-filter-chips,
.operation-inbox-filters,
.operation-relationship-filters,
.operation-vault-filters,
.operation-ledger-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.operation-filter-chips button,
.operation-inbox-filters button,
.operation-relationship-filters button,
.operation-vault-filters button,
.operation-ledger-filters button {
  min-height: 30px;
  padding: 0 9px;
  color: #475569;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 7px;
  font-size: 0.76rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-chip-active,
.operation-filter-chips button:hover,
.operation-inbox-filters button:hover,
.operation-relationship-filters button:hover,
.operation-vault-filters button:hover,
.operation-ledger-filters button:hover {
  color: #0f766e !important;
  background: #ecfeff !important;
  border-color: #99f6e4 !important;
}

.operation-detail-number {
  display: inline-flex;
  width: fit-content;
  padding: 3px 7px;
  color: #042f2e !important;
  background: #ccfbf1;
  border: 1px solid #99f6e4;
  border-radius: 6px;
  font-size: 1rem !important;
  font-weight: 920 !important;
  letter-spacing: 0;
}

.operation-inbox-layout {
  display: grid;
  grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) minmax(220px, 280px);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  min-height: 0;
}

.operation-inbox-filters,
.operation-relationship-filters,
.operation-vault-filters,
.operation-ledger-search,
.operation-ledger-filters {
  grid-column: 1 / -1;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
}

.operation-inbox-thread-list,
.operation-inbox-thread,
.operation-inbox-related,
.operation-relationship-directory,
.operation-relationship-detail,
.operation-vault-list,
.operation-ledger-timeline {
  min-width: 0;
  min-height: 0;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  overflow: auto;
}

.operation-inbox-thread-list {
  display: grid;
  align-content: start;
  gap: 2px;
  padding: 6px;
}

.operation-inbox-thread-list button {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  color: #172033;
  background: #ffffff;
  border: 1px solid transparent;
  border-left: 3px solid transparent;
  border-radius: 7px;
  text-align: left;
  cursor: pointer;
}

.operation-inbox-thread-list button:hover,
.operation-inbox-thread-list .operation-inbox-thread-active {
  background: #f5fbfb;
  border-color: #d7e0ea;
  border-left-color: #14b8a6;
}

.operation-inbox-thread-list span,
.operation-inbox-thread header span,
.operation-inbox-related header span {
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 880;
  text-transform: uppercase;
}

.operation-inbox-thread-list strong,
.operation-inbox-thread header strong,
.operation-inbox-related header strong {
  color: #172033;
  font-size: 0.86rem;
  font-weight: 860;
}

.operation-inbox-thread-list em {
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 0.76rem;
  font-style: normal;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-inbox-thread-list small {
  width: fit-content;
  padding: 2px 6px;
  color: #92400e;
  background: #fef3c7;
  border: 1px solid #f8d78b;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 860;
}

.operation-inbox-thread {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  padding: 10px;
}

.operation-inbox-thread > header {
  display: flex;
  gap: 10px;
  align-items: start;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf2f7;
}

.operation-inbox-thread header p {
  margin: 0;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 720;
}

.operation-inbox-message-scroll {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 10px 0;
  overflow: auto;
}

.operation-inbox-related {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 10px;
}

.operation-inbox-related header,
.operation-inbox-related article,
.operation-inbox-related footer {
  display: grid;
  gap: 4px;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.operation-inbox-related article strong {
  color: #172033;
  font-size: 0.8rem;
  font-weight: 820;
}

.operation-inbox-related article span,
.operation-inbox-related footer span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 680;
}

.operation-relationship-layout {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(300px, 380px);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  min-height: 0;
}

.operation-relationship-directory {
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 8px;
}

.operation-relationship-directory button {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(220px, 1.4fr);
  gap: 3px 12px;
  min-width: 0;
  padding: 9px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #cbd5e1;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
}

.operation-relationship-directory button:hover,
.operation-relationship-directory .operation-relationship-active {
  background: #f5fbfb;
  border-color: #99f6e4;
  border-left-color: #14b8a6;
}

.operation-relationship-directory button > span {
  color: #0f766e;
  font-size: 0.7rem;
  font-weight: 880;
  text-transform: uppercase;
}

.operation-relationship-directory strong {
  grid-column: 1;
  color: #172033;
  font-size: 0.88rem;
  font-weight: 860;
}

.operation-relationship-directory em {
  grid-column: 1;
  color: #64748b;
  font-size: 0.76rem;
  font-style: normal;
}

.operation-relationship-directory dl {
  grid-row: 1 / 4;
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.operation-relationship-directory dl div,
.operation-vault-row dl div,
.operation-ledger-event dl div {
  min-width: 0;
}

.operation-relationship-directory dt,
.operation-vault-row dt,
.operation-ledger-event dt {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 840;
  text-transform: uppercase;
}

.operation-relationship-directory dd,
.operation-vault-row dd,
.operation-ledger-event dd {
  margin: 0;
  overflow: hidden;
  color: #263548;
  font-size: 0.76rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-relationship-detail {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 10px;
}

.operation-relationship-detail header,
.operation-relationship-detail section,
.operation-relationship-detail footer {
  display: grid;
  gap: 7px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.operation-relationship-detail header span,
.operation-relationship-detail h2 {
  margin: 0;
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 880;
  text-transform: uppercase;
}

.operation-relationship-detail header strong,
.operation-relationship-detail footer strong {
  color: #172033;
  font-size: 0.92rem;
  font-weight: 860;
}

.operation-relationship-detail header p,
.operation-relationship-detail footer span {
  margin: 0;
  color: #64748b;
  font-size: 0.78rem;
}

.operation-relationship-detail section button,
.operation-relationship-detail section article {
  display: grid;
  gap: 3px;
  width: 100%;
  padding: 7px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  text-align: left;
}

.operation-relationship-detail section button {
  cursor: pointer;
}

.operation-relationship-detail section strong {
  color: #172033;
  font-size: 0.78rem;
}

.operation-relationship-detail section span,
.operation-relationship-detail section em {
  color: #64748b;
  font-size: 0.74rem;
  font-style: normal;
}

.operation-relationship-list-only {
  grid-template-columns: minmax(0, 1fr);
}

.operation-relationship-list-only .operation-relationship-directory {
  grid-column: 1 / -1;
}

.operation-relationship-profile {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

.operation-relationship-profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.operation-relationship-profile-panel {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 0 10px 10px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045);
}

.operation-relationship-profile-panel > header {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  min-height: 34px;
  margin: 0 -10px;
  padding: 7px 10px;
  color: #ffffff;
  background: #0d1b2a;
}

.operation-relationship-profile-panel > header h2 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 880;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-relationship-profile-panel > header span {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.68rem;
  font-weight: 820;
  text-transform: uppercase;
}

.operation-relationship-overview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-relationship-overview-grid div,
.operation-relationship-profile-metrics div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
}

.operation-relationship-overview-grid dt,
.operation-relationship-profile-metrics dt {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 840;
  text-transform: uppercase;
}

.operation-relationship-overview-grid dd,
.operation-relationship-profile-metrics dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.78rem;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-relationship-profile-metrics {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-relationship-profile-table {
  min-width: 860px;
  font-size: 0.74rem;
}

.operation-relationship-profile-table th,
.operation-relationship-profile-table td {
  padding: 7px 8px;
}

.operation-relationship-profile-table td {
  line-height: 1.25;
}

@media (max-width: 1100px) {
  .operation-relationship-profile-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-relationship-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .operation-relationship-overview-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.operation-vault-layout,
.operation-ledger-layout,
.operation-reports-layout,
.operation-packages-layout {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}

.operation-vault-list {
  display: grid;
  gap: 8px;
  padding: 8px;
}

.operation-vault-row {
  display: grid;
  grid-template-columns: 34px minmax(220px, 1fr) minmax(420px, 1.6fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #cbd5e1;
  border-radius: 8px;
}

.operation-vault-row-sealed {
  border-left-color: #d69b2b;
  background: #fffdf7;
}

.operation-vault-seal {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #0f766e;
  background: #ccfbf1;
  border: 1px solid #99f6e4;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
}

.operation-vault-row-sealed .operation-vault-seal {
  color: #4b3209;
  background: #f8d78b;
  border-color: #d69b2b;
}

.operation-vault-row > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.operation-vault-row strong {
  overflow: hidden;
  color: #172033;
  font-size: 0.84rem;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vault-row p {
  margin: 0;
  color: #64748b;
  font-size: 0.76rem;
}

.operation-vault-row dl {
  display: grid;
  grid-template-columns: 1.1fr 1.1fr 0.8fr 0.7fr;
  gap: 8px;
  margin: 0;
}

.operation-ledger-search input {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 720;
  outline: none;
}

.operation-ledger-timeline {
  position: relative;
  display: grid;
  gap: 0;
  padding: 8px;
}

.operation-ledger-timeline::before {
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 92px;
  width: 2px;
  content: "";
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.7), rgba(103, 128, 159, 0.28));
}

.operation-ledger-event {
  position: relative;
  display: grid;
  grid-template-columns: 78px minmax(260px, 1fr) minmax(280px, 0.9fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 10px 8px 10px 104px;
  border-bottom: 1px solid #edf2f7;
}

.operation-ledger-event::before {
  position: absolute;
  left: 79px;
  width: 14px;
  height: 14px;
  content: "";
  background: #14b8a6;
  border: 3px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #99f6e4;
}

.operation-ledger-event time {
  position: absolute;
  left: 8px;
  width: 64px;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 820;
}

.operation-ledger-event > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.operation-ledger-event strong {
  color: #172033;
  font-size: 0.82rem;
  font-weight: 880;
}

.operation-ledger-event p {
  margin: 0;
  color: #475569;
  font-size: 0.78rem;
  line-height: 1.35;
}

.operation-ledger-event dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.operation-reports-layout {
  grid-template-columns: repeat(5, minmax(180px, 1fr));
  align-items: start;
}

.operation-report-section {
  display: grid;
  gap: 8px;
  min-width: 0;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  overflow: hidden;
}

.operation-report-section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  padding: 8px 10px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.operation-report-section > header span {
  color: #172033;
  font-size: 0.78rem;
  font-weight: 880;
}

.operation-report-section > header strong {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  color: #0f766e;
  background: #ccfbf1;
  border-radius: 999px;
  font-size: 0.72rem;
}

.operation-report-section > div {
  display: grid;
  gap: 7px;
  padding: 8px;
}

.operation-report-card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #14b8a6;
  border-radius: 8px;
}

.operation-report-card-sealed {
  border-left-color: #d69b2b;
}

.operation-report-card span {
  color: #0f766e;
  font-size: 0.68rem;
  font-weight: 880;
  text-transform: uppercase;
}

.operation-report-card strong {
  color: #172033;
  font-size: 0.82rem;
  font-weight: 860;
}

.operation-report-card p {
  margin: 0;
  color: #64748b;
  font-size: 0.76rem;
}

.operation-report-card footer {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.operation-report-card em {
  color: #64748b;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 780;
}

.operation-accounting-layout {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.operation-accounting-purpose {
  margin: 0;
  padding: 6px 8px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 760;
}

.operation-accounting-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.operation-accounting-section,
.operation-accounting-ledger {
  min-width: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-accounting-section header,
.operation-accounting-ledger header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 28px;
  padding: 4px 7px;
  background: #f8fafc;
  border-bottom: 1px solid #edf2f7;
}

.operation-accounting-section header span,
.operation-accounting-ledger header span {
  color: #172033;
  font-size: 0.7rem;
  font-weight: 880;
}

.operation-accounting-section header strong,
.operation-accounting-ledger header strong {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  color: #1f2937;
  background: #e5e7eb;
  border-radius: 4px;
  font-size: 0.66rem;
}

.operation-accounting-section > div,
.operation-accounting-ledger > div {
  display: grid;
  align-content: start;
}

.operation-accounting-section button,
.operation-accounting-ledger button {
  display: grid;
  grid-template-columns: minmax(104px, 0.55fr) minmax(140px, 1fr);
  gap: 3px 7px;
  align-items: center;
  min-width: 0;
  min-height: 30px;
  padding: 4px 7px;
  color: #263548;
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  cursor: pointer;
}

.operation-accounting-section button:hover,
.operation-accounting-section button:focus-visible,
.operation-accounting-ledger button:hover,
.operation-accounting-ledger button:focus-visible {
  background: #f8fafc;
  outline: none;
}

.operation-accounting-section button span,
.operation-accounting-section button strong,
.operation-accounting-section button em,
.operation-accounting-ledger button time,
.operation-accounting-ledger button span,
.operation-accounting-ledger button strong,
.operation-accounting-ledger button em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-accounting-section button span,
.operation-accounting-ledger button span {
  color: #0f766e;
  font-size: 0.66rem;
  font-weight: 920;
}

.operation-accounting-section button strong,
.operation-accounting-ledger button strong {
  color: #172033;
  font-size: 0.68rem;
  font-weight: 820;
}

.operation-accounting-section button em,
.operation-accounting-ledger button time,
.operation-accounting-ledger button em {
  color: #64748b;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 700;
}

.operation-accounting-ledger button {
  grid-template-columns: 74px 116px minmax(160px, 1fr) minmax(160px, 1fr);
}

.operation-accounting-layout {
  gap: 10px;
}

.operation-accounting-layout .operation-accounting-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.28fr);
  gap: 10px;
  align-items: start;
}

.operation-accounting-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 10px;
  min-width: 0;
}

.operation-accounting-panel,
.operation-accounting-summary-panel {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 0 10px 10px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045);
}

.operation-accounting-panel > header,
.operation-accounting-summary-panel > header {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  min-height: 34px;
  margin: 0 -10px;
  padding: 7px 10px;
  color: #ffffff;
  background: #0d1b2a;
}

.operation-accounting-panel > header h2,
.operation-accounting-summary-panel > header h2 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 880;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-accounting-panel > header span,
.operation-accounting-summary-panel > header span {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.68rem;
  font-weight: 820;
  text-transform: uppercase;
}

.operation-accounting-attention-queue {
  min-height: 0;
}

.operation-accounting-table {
  min-width: 1060px;
  font-size: 0.74rem;
}

.operation-accounting-table th,
.operation-accounting-table td {
  padding: 7px 8px;
}

.operation-accounting-table td {
  line-height: 1.25;
}

.operation-accounting-ledger-table {
  min-width: 760px;
}

.operation-accounting-detail {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}

.operation-accounting-landing-table {
  min-width: 1180px;
  font-size: 0.74rem;
}

.operation-accounting-detail-table {
  min-width: 920px;
  font-size: 0.74rem;
}

.operation-accounting-activity-table {
  min-width: 760px;
  font-size: 0.74rem;
}

.operation-accounting-landing-table th,
.operation-accounting-landing-table td,
.operation-accounting-detail-table th,
.operation-accounting-detail-table td,
.operation-accounting-activity-table th,
.operation-accounting-activity-table td {
  padding: 7px 8px;
  line-height: 1.25;
}

.operation-accounting-summary-grid,
.operation-accounting-recommendation dl {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-accounting-summary-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.operation-accounting-summary-grid div,
.operation-accounting-recommendation dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
}

.operation-accounting-summary-grid dt,
.operation-accounting-recommendation dt {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 840;
  text-transform: uppercase;
}

.operation-accounting-summary-grid dd,
.operation-accounting-recommendation dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.3;
  text-overflow: ellipsis;
}

.operation-accounting-summary-grid dd {
  white-space: nowrap;
}

.operation-accounting-question-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  min-width: 0;
}

.operation-accounting-question-box input {
  min-width: 0;
  min-height: 30px;
  padding: 0 9px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 6px;
  font-size: 0.74rem;
  font-weight: 720;
  outline: none;
}

.operation-accounting-question-box input:focus {
  border-color: #14b8a6;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
}

.operation-accounting-question-box button {
  min-height: 30px;
  padding: 0 10px;
  color: #ffffff;
  background: #0f766e;
  border: 1px solid #0f766e;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 860;
  cursor: pointer;
}

.operation-accounting-discussion-list {
  display: grid;
  gap: 6px;
}

.operation-accounting-discussion-list article {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 7px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.operation-accounting-discussion-list strong,
.operation-accounting-discussion-list span {
  min-width: 0;
  overflow: hidden;
  font-size: 0.74rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-accounting-discussion-list strong {
  color: #0f766e;
  font-weight: 900;
}

.operation-accounting-discussion-list span {
  color: #263548;
  font-weight: 720;
}

.operation-accounting-status {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 21px;
  padding: 0 7px;
  overflow: hidden;
  font-size: 0.66rem;
  font-weight: 860;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 999px;
}

.operation-accounting-status-needs-attention {
  color: #991b1b;
  background: #fee2e2;
  border-color: #fecaca;
}

.operation-accounting-status-waiting {
  color: #854d0e;
  background: #fef3c7;
  border-color: #fde68a;
}

.operation-accounting-status-ready,
.operation-accounting-status-ready-for-approval {
  color: #075985;
  background: #e0f2fe;
  border-color: #bae6fd;
}

.operation-accounting-status-in-review {
  color: #3730a3;
  background: #e0e7ff;
  border-color: #c7d2fe;
}

.operation-accounting-status-authorized {
  color: #166534;
  background: #dcfce7;
  border-color: #bbf7d0;
}

.operation-accounting-status-confirmed,
.operation-accounting-status-ready-to-authorize {
  color: #166534;
  background: #dcfce7;
  border-color: #bbf7d0;
}

.operation-accounting-status-needs-response,
.operation-accounting-status-requires-review {
  color: #3730a3;
  background: #e0e7ff;
  border-color: #c7d2fe;
}

.operation-accounting-status-pending {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.operation-accounting-action-cell {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.operation-accounting-action-cell button {
  min-height: 24px;
  padding: 0 7px;
  color: #0f766e;
  background: #ffffff;
  border: 1px solid #99f6e4;
  border-radius: 5px;
  font-size: 0.66rem;
  font-weight: 840;
  cursor: pointer;
}

.operation-accounting-action-cell button:hover,
.operation-accounting-action-cell button:focus-visible {
  background: #f0fdfa;
  outline: none;
}

.operation-accounting-summary-panel dl {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-accounting-summary-panel dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
}

.operation-accounting-summary-panel dt {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 840;
  text-transform: uppercase;
}

.operation-accounting-summary-panel dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.84rem;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .operation-accounting-layout .operation-accounting-grid,
  .operation-accounting-secondary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-accounting-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .operation-accounting-summary-grid,
  .operation-accounting-question-box,
  .operation-accounting-discussion-list article {
    grid-template-columns: minmax(0, 1fr);
  }
}

.operation-empty-state {
  margin: 0;
  padding: 10px;
  color: #64748b;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  font-size: 0.8rem;
}

@media (max-width: 1320px) {
  .operation-inbox-layout,
  .operation-relationship-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-reports-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .operation-vault-row,
  .operation-ledger-event {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-vault-row dl,
  .operation-ledger-event dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .operation-relationship-directory button,
  .operation-relationship-directory dl,
  .operation-vault-row dl,
  .operation-ledger-event dl,
  .operation-reports-layout,
  .operation-accounting-grid,
  .operation-accounting-ledger button {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-relationship-directory dl {
    grid-row: auto;
    grid-column: 1;
  }

  .operation-ledger-timeline::before,
  .operation-ledger-event::before,
  .operation-ledger-event time {
    display: none;
  }

  .operation-ledger-event {
    padding-left: 8px;
  }
}

/* Dense external operations console */

.operation-record-system {
  gap: 6px;
  min-height: calc(100vh - 64px);
}

.operation-record-page-head {
  min-height: 42px;
  padding: 6px 8px;
  border-radius: 6px;
}

.operation-record-page-head h1 {
  font-size: 0.96rem;
}

.operation-record-page-head p {
  font-size: 0.7rem;
}

.operation-record-page-head span {
  font-size: 0.62rem;
}

.operation-external-toggle {
  min-height: 26px;
  padding: 0 7px;
  border-radius: 5px;
  font-size: 0.68rem;
}

.operation-record-list,
.operation-page-panel {
  gap: 5px;
}

.operation-list-tabs,
.operation-filter-chips,
.operation-inbox-filters,
.operation-relationship-filters,
.operation-vault-filters,
.operation-ledger-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

.operation-list-tabs {
  padding: 4px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-list-tabs button,
.operation-filter-chips button,
.operation-inbox-filters button,
.operation-relationship-filters button,
.operation-vault-filters button,
.operation-ledger-filters button,
.operation-tabs button {
  min-height: 24px;
  padding: 0 8px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 0.68rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-list-tabs .operation-tab-active,
.operation-tabs .operation-tab-active,
.operation-chip-active {
  color: #083344 !important;
  background: #ecfeff !important;
  border-color: #67e8f9 !important;
}

.operation-record-toolbar {
  grid-template-columns: minmax(210px, 1fr);
  gap: 5px;
  padding: 5px;
  border-radius: 6px;
}

.operation-record-toolbar input {
  min-height: 27px;
  padding: 0 8px;
  border-radius: 5px;
  font-size: 0.72rem;
}

.operation-primary-button,
.operation-row-action,
.operation-bulk-actions summary,
.operation-actions-menu summary,
.operation-detail-actions button,
.operation-create-modal footer button,
.operation-external-actions button {
  min-height: 27px;
  border-radius: 5px;
  font-size: 0.7rem;
  line-height: 1;
}

.operation-bulk-actions {
  position: relative;
}

.operation-bulk-actions summary {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  list-style: none;
  cursor: pointer;
}

.operation-bulk-actions summary::-webkit-details-marker {
  display: none;
}

.operation-bulk-actions div {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 8;
  display: grid;
  min-width: 150px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
}

.operation-bulk-actions button {
  min-height: 25px;
  padding: 0 8px;
  color: #263548;
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 760;
  text-align: left;
}

.operation-table-wrap {
  max-height: calc(100vh - 184px);
  border-radius: 6px;
}

.operation-record-table {
  min-width: 940px;
  font-size: 0.66rem;
}

.operation-record-table th,
.operation-record-table td {
  height: 23px;
  padding: 2px 5px;
  line-height: 1.08;
}

.operation-record-table th {
  font-size: 0.58rem;
  letter-spacing: 0;
}

.operation-record-table td {
  font-weight: 560;
}

.operation-record-table th:first-child,
.operation-record-table td:first-child {
  width: 128px;
  min-width: 128px;
}

.operation-record-table td:nth-child(2),
.operation-record-table td:nth-child(3),
.operation-record-table td:nth-child(4) {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-origin-cell {
  width: 42px;
  text-align: center;
}

.operation-origin-badge {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: #102033;
  background: #eef2f7;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 0.62rem;
  font-weight: 920;
  line-height: 1;
}

.operation-origin-h {
  color: #1f2937;
  background: #f8fafc;
  border-color: #94a3b8;
}

.operation-origin-a {
  color: #134e4a;
  background: #ccfbf1;
  border-color: #5eead4;
}

.operation-origin-e {
  color: #1e3a8a;
  background: #dbeafe;
  border-color: #93c5fd;
}

.operation-origin-s {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-number-button {
  color: #0f766e;
  font-size: 0.7rem;
  font-weight: 920;
  white-space: nowrap;
  text-decoration-thickness: 1px;
}

.operation-record-table .operation-stage-badge {
  display: inline-flex;
  align-items: center;
  min-height: 16px;
  padding: 0 5px;
  color: #263548;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 0.55rem;
  font-weight: 820;
  line-height: 1;
  white-space: nowrap;
}

.operation-record-table .operation-stage-coordinate,
.operation-record-table .operation-stage-verify {
  color: #0f766e;
  background: #ecfeff;
  border-color: #99f6e4;
}

.operation-record-table .operation-stage-decide,
.operation-record-table .operation-stage-authorize {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-record-table .operation-pill,
.operation-record-table .operation-auth {
  min-height: 16px;
  padding: 0 4px;
  font-size: 0.55rem;
  font-weight: 780;
}

.operation-pill,
.operation-auth,
.operation-source-badge,
.operation-state-label {
  min-height: 18px;
  padding: 0 5px;
  border-radius: 4px;
  font-size: 0.6rem;
}

.operation-home-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
  min-height: 0;
}

.operation-home-section {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  overflow: hidden;
}

.operation-home-section:first-child {
  grid-row: span 2;
}

.operation-home-section header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  padding: 4px 7px;
  background: #f8fafc;
  border-bottom: 1px solid #edf2f7;
}

.operation-home-section header span {
  color: #172033;
  font-size: 0.72rem;
  font-weight: 880;
}

.operation-home-section header strong {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  color: #0f766e;
  background: #ccfbf1;
  border-radius: 4px;
  font-size: 0.66rem;
}

.operation-home-section > div {
  display: grid;
  align-content: start;
}

.operation-home-section button {
  display: grid;
  grid-template-columns: 24px minmax(108px, 0.42fr) minmax(160px, 0.9fr) minmax(160px, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 0;
  min-height: 29px;
  padding: 4px 7px;
  color: #263548;
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  cursor: pointer;
}

.operation-home-section button:hover,
.operation-home-section button:focus-visible {
  background: #f5fbfb;
  outline: none;
}

.operation-home-section button span,
.operation-home-section button strong,
.operation-home-section button em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-home-section button span {
  color: #0f766e;
  font-size: 0.68rem;
  font-weight: 900;
}

.operation-home-section button strong {
  color: #172033;
  font-size: 0.72rem;
  font-weight: 820;
}

.operation-home-section button em {
  color: #64748b;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 700;
}

.operation-coordinator-brief {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.operation-coordinator-meta {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 28px;
  padding: 4px 7px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-coordinator-meta span {
  color: #64748b;
  font-size: 0.64rem;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-coordinator-meta strong,
.operation-coordinator-meta time {
  min-width: 0;
  overflow: hidden;
  font-size: 0.7rem;
  font-weight: 780;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-coordinator-meta time {
  color: #64748b;
  text-align: right;
}

.operation-coordinator-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.operation-coordinator-section {
  min-width: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-coordinator-section header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  padding: 4px 7px;
  background: #f8fafc;
  border-bottom: 1px solid #edf2f7;
}

.operation-coordinator-section header span {
  color: #172033;
  font-size: 0.72rem;
  font-weight: 880;
}

.operation-coordinator-section header strong {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  color: #0f766e;
  background: #ccfbf1;
  border-radius: 4px;
  font-size: 0.66rem;
}

.operation-coordinator-section > div {
  display: grid;
  align-content: start;
}

.operation-coordinator-section button {
  display: grid;
  grid-template-columns: minmax(116px, 0.38fr) minmax(180px, 0.8fr) minmax(180px, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 0;
  min-height: 29px;
  padding: 4px 7px;
  color: #263548;
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  cursor: pointer;
}

.operation-coordinator-section button:hover,
.operation-coordinator-section button:focus-visible {
  background: #f5fbfb;
  outline: none;
}

.operation-coordinator-section button span,
.operation-coordinator-section button strong,
.operation-coordinator-section button em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-coordinator-section button span {
  color: #0f766e;
  font-size: 0.68rem;
  font-weight: 920;
}

.operation-coordinator-section button strong {
  color: #172033;
  font-size: 0.72rem;
  font-weight: 820;
}

.operation-coordinator-section button em {
  color: #64748b;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 700;
}

.operation-detail-header {
  grid-template-columns: auto minmax(260px, 1fr) minmax(300px, 0.72fr) auto;
  gap: 7px;
  padding: 6px;
  border-radius: 6px;
}

.operation-back-button {
  width: 27px;
  min-height: 27px;
  border-radius: 5px;
}

.operation-detail-number {
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.78rem !important;
}

.operation-detail-title h2 {
  font-size: 0.9rem;
}

.operation-detail-title p,
.operation-detail-meta dd {
  font-size: 0.68rem;
}

.operation-detail-meta div {
  gap: 1px;
  padding: 4px 5px;
  border-radius: 5px;
}

.operation-detail-meta dt,
.operation-overview-grid dt,
.operation-create-modal label span,
.operation-settings-grid dt,
.operation-activity-ledger > header span {
  font-size: 0.6rem;
}

.operation-eof-rail {
  padding: 5px 7px;
  border-radius: 6px;
}

.operation-eof-stage {
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 4px;
}

.operation-eof-stage:not(:last-child)::after {
  left: 24px;
}

.operation-eof-seal {
  width: 18px;
  height: 18px;
  font-size: 0.54rem;
}

.operation-eof-stage strong {
  font-size: 0.6rem;
}

.operation-detail-body {
  gap: 6px;
}

.operation-tabs {
  gap: 4px;
  padding: 4px;
}

.operation-inbox-layout {
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(220px, 270px);
  gap: 6px;
}

.operation-inbox-filters,
.operation-relationship-filters,
.operation-vault-filters,
.operation-ledger-search,
.operation-ledger-filters {
  padding: 5px;
  border-radius: 6px;
}

.operation-inbox-thread-list,
.operation-inbox-thread,
.operation-inbox-related,
.operation-relationship-directory,
.operation-relationship-detail,
.operation-vault-list,
.operation-ledger-timeline {
  border-radius: 6px;
}

.operation-inbox-thread-list {
  gap: 1px;
  padding: 4px;
}

.operation-inbox-thread-list button {
  gap: 2px;
  min-height: 43px;
  padding: 5px 6px;
  border-radius: 5px;
}

.operation-inbox-thread-list span,
.operation-inbox-thread header span,
.operation-inbox-related header span {
  font-size: 0.62rem;
}

.operation-inbox-thread-list strong,
.operation-inbox-thread header strong,
.operation-inbox-related header strong {
  font-size: 0.76rem;
}

.operation-inbox-thread-list em,
.operation-inbox-thread header p,
.operation-inbox-related article span,
.operation-inbox-related footer span {
  font-size: 0.68rem;
}

.operation-inbox-thread {
  padding: 6px;
}

.operation-inbox-thread > header {
  padding-bottom: 6px;
}

.operation-inbox-message-scroll {
  gap: 5px;
  padding: 6px 0;
}

.operation-message {
  padding: 6px;
  border-radius: 6px;
}

.operation-message p {
  font-size: 0.72rem;
}

.operation-message-composer {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
  padding-top: 5px;
}

.operation-message-composer textarea {
  min-height: 44px;
  padding: 6px 8px;
  border-radius: 5px;
  font-size: 0.72rem;
}

.operation-inbox-related {
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 6px;
}

.operation-inbox-related header,
.operation-inbox-related section,
.operation-inbox-related footer {
  display: grid;
  gap: 4px;
}

.operation-inbox-related h2 {
  margin: 0;
  color: #172033;
  font-size: 0.7rem;
  font-weight: 860;
}

.operation-inbox-related-operation,
.operation-inbox-related article {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 5px;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 5px;
  text-align: left;
}

.operation-inbox-related-operation span,
.operation-inbox-related-operation strong,
.operation-inbox-related-operation em,
.operation-inbox-related article strong,
.operation-inbox-related article span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-inbox-related-operation em {
  color: #64748b;
  font-size: 0.66rem;
  font-style: normal;
}

.operation-vault-row {
  grid-template-columns: 26px minmax(240px, 1fr) minmax(380px, 1.5fr);
  gap: 6px;
  min-height: 34px;
  padding: 5px 7px;
  border-radius: 0;
}

.operation-vault-seal {
  width: 20px;
  height: 20px;
  font-size: 0.62rem;
}

.operation-vault-row strong {
  font-size: 0.72rem;
}

.operation-vault-row p,
.operation-vault-row dd {
  font-size: 0.66rem;
}

.operation-vault-row dl {
  gap: 5px;
}

.operation-ledger-search input {
  min-height: 29px;
  padding: 0 8px;
  border-radius: 5px;
  font-size: 0.72rem;
}

.operation-ledger-timeline {
  padding: 4px;
}

.operation-ledger-timeline::before,
.operation-ledger-event::before {
  display: none;
}

.operation-ledger-event {
  grid-template-columns: 78px minmax(300px, 1fr) minmax(240px, 0.8fr) auto;
  gap: 7px;
  min-height: 35px;
  padding: 5px 6px;
}

.operation-ledger-event time {
  position: static;
  width: auto;
  font-size: 0.64rem;
}

.operation-ledger-event strong {
  font-size: 0.72rem;
}

.operation-ledger-event p {
  overflow: hidden;
  font-size: 0.68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-ledger-event dl {
  gap: 5px;
}

.operation-reports-layout {
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 6px;
}

.operation-report-section,
.operation-report-card {
  border-radius: 6px;
}

.operation-report-section > header {
  min-height: 30px;
  padding: 5px 7px;
}

.operation-report-section > div {
  gap: 5px;
  padding: 6px;
}

.operation-report-card {
  gap: 3px;
  padding: 6px;
}

.operation-packages-layout > .operation-landing-filter-row {
  grid-column: 1 / -1;
}

.operation-packages-layout {
  --pkg-midnight: #0b0f14;
  --pkg-graphite: #1a1f26;
  --pkg-gold: #c9a227;
  --pkg-gold-dark: #9f7a12;
  --pkg-teal: #08a2a9;
  --pkg-teal-dark: #076f78;
  gap: 10px;
}

.operation-packages-page-head {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  min-height: 78px;
  padding: 16px 18px;
  color: #ffffff;
  background:
    radial-gradient(circle at 82% 0%, rgba(8, 162, 169, 0.24), transparent 34%),
    linear-gradient(135deg, var(--pkg-midnight), var(--pkg-graphite));
  border: 1px solid rgba(8, 162, 169, 0.22);
  border-left: 4px solid var(--pkg-teal);
  border-radius: 10px;
  box-shadow: 0 18px 36px rgba(11, 15, 20, 0.14);
}

.operation-packages-page-head div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.operation-packages-page-head h1 {
  margin: 0;
  color: #ffffff;
  font-size: 1.24rem;
  font-weight: 900;
  letter-spacing: 0;
}

.operation-packages-page-head p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.78rem;
  font-weight: 680;
  line-height: 1.35;
}

.operation-package-primary-cta {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 14px;
  color: #10151c;
  background: linear-gradient(180deg, #ddb72d, var(--pkg-gold));
  border: 1px solid rgba(255, 217, 94, 0.62);
  border-radius: 7px;
  box-shadow: 0 10px 22px rgba(201, 162, 39, 0.24);
  font-size: 0.74rem;
  font-weight: 900;
  cursor: pointer;
}

.operation-package-primary-cta:hover,
.operation-package-primary-cta:focus-visible {
  background: linear-gradient(180deg, #e6c13a, #d4aa24);
  outline: none;
}

.operation-package-tabs {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  min-width: 0;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-package-tabs button {
  min-height: 30px;
  padding: 0 10px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
}

.operation-package-tabs button:hover,
.operation-package-tabs button:focus-visible {
  color: #172033;
  background: rgba(8, 162, 169, 0.08);
  border-color: rgba(8, 162, 169, 0.34);
  outline: none;
}

.operation-package-tabs .operation-chip-active {
  color: #ffffff;
  background: var(--pkg-graphite);
  border-color: var(--pkg-teal);
  box-shadow: inset 3px 0 0 var(--pkg-teal);
}

.operation-package-panel {
  overflow: hidden;
  min-width: 0;
  background: #ffffff;
  border: 1px solid #d6e1ed;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.operation-package-panel > header {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  padding: 8px 10px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(8, 162, 169, 0.36), transparent 34%),
    linear-gradient(135deg, var(--pkg-midnight) 0%, var(--pkg-graphite) 100%);
  border-bottom: 1px solid rgba(8, 162, 169, 0.24);
}

.operation-package-panel > header h2 {
  margin: 0;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 850;
}

.operation-package-panel > header span {
  color: #cbd5e1;
  font-size: 0.7rem;
  font-weight: 760;
  white-space: nowrap;
}

.operation-package-panel > header .operation-package-seal-wrap {
  color: #ffffff;
}

.operation-package-landing-table th,
.operation-package-landing-table td,
.operation-package-detail-table th,
.operation-package-detail-table td,
.operation-package-activity-table th,
.operation-package-activity-table td {
  white-space: nowrap;
}

.operation-package-landing-table {
  min-width: 1180px;
}

.operation-package-landing-table td:nth-child(1),
.operation-package-detail-table td:nth-child(1),
.operation-package-activity-table td:nth-child(3) {
  min-width: 190px;
}

.operation-package-landing-table td:nth-child(3),
.operation-package-detail-table td:last-child {
  min-width: 240px;
}

.operation-package-row-clickable {
  cursor: pointer;
}

.operation-package-row-clickable:focus-visible {
  outline: 2px solid var(--pkg-teal);
  outline-offset: -2px;
}

.operation-package-detail {
  --pkg-midnight: #0b0f14;
  --pkg-graphite: #1a1f26;
  --pkg-gold: #c9a227;
  --pkg-gold-dark: #9f7a12;
  --pkg-teal: #08a2a9;
  --pkg-teal-dark: #076f78;
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

.operation-package-detail .record-header {
  margin-bottom: 0;
}

.operation-package-summary-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(8, 162, 169, 0.42), rgba(8, 162, 169, 0.1)),
    var(--pkg-graphite);
  border: 1px solid rgba(8, 162, 169, 0.32);
  border-radius: 8px;
}

.operation-package-summary-strip span,
.operation-package-summary-strip strong,
.operation-package-summary-strip em {
  min-height: 24px;
  padding: 5px 8px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 840;
  line-height: 1;
  white-space: nowrap;
}

.operation-package-summary-strip strong {
  color: #ffe4e1;
  border-color: rgba(194, 65, 58, 0.46);
}

.operation-package-summary-strip em {
  color: #ffeec0;
  border-color: rgba(201, 162, 39, 0.48);
}

.operation-package-work-table-panel > header {
  color: #172033;
  background: #f8fafc;
  border-bottom: 1px solid #d7e0ea;
}

.operation-package-work-table-panel > header h2 {
  color: #172033;
}

.operation-package-work-table-panel > header span {
  color: #64748b;
}

.operation-package-work-table-scroll {
  max-height: 520px;
  overflow: auto;
  min-width: 0;
}

.operation-package-work-table-scroll > p {
  position: sticky;
  bottom: 0;
  margin: 0;
  padding: 8px 10px;
  color: #7a5a05;
  background: #fff8df;
  border-top: 1px solid rgba(201, 162, 39, 0.35);
  font-size: 0.7rem;
  font-weight: 820;
  line-height: 1.3;
}

.operation-package-work-table {
  min-width: 1280px;
  font-size: 13px;
}

.operation-package-work-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 30px;
  color: #263548;
  background: #f1f5f9;
  border-color: #d7e0ea;
  font-size: 12px;
  font-weight: 860;
  line-height: 1.1;
}

.operation-package-work-table th,
.operation-package-work-table td {
  padding: 6px 7px;
  vertical-align: middle;
}

.operation-package-work-table tbody tr:hover {
  background: rgba(8, 162, 169, 0.04);
}

.operation-package-work-table td:first-child {
  min-width: 220px;
  white-space: normal;
}

.operation-package-work-table td:nth-child(4) {
  min-width: 260px;
}

.operation-package-work-table td:nth-child(8) {
  min-width: 190px;
}

.operation-package-requirement-title-button {
  display: grid;
  gap: 2px;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
}

.operation-package-requirement-title-button:hover strong,
.operation-package-requirement-title-button:focus-visible strong {
  color: var(--pkg-teal-dark);
}

.operation-package-requirement-title-button:focus-visible {
  outline: 2px solid rgba(8, 162, 169, 0.34);
  outline-offset: 2px;
}

.operation-package-requirement-title-button span,
.operation-package-requirement-title-button strong,
.operation-package-requirement-title-button em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.operation-package-requirement-title-button span {
  color: var(--pkg-teal-dark);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
}

.operation-package-requirement-title-button strong {
  color: #172033;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.18;
}

.operation-package-requirement-title-button em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 720;
  line-height: 1.22;
  white-space: normal;
}

.operation-package-work-row-expanded {
  background: rgba(8, 162, 169, 0.05);
}

.operation-package-collection-cell {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  min-width: 0;
}

.operation-package-collection-item {
  display: inline-flex;
  max-width: 220px;
  min-height: 20px;
  align-items: center;
  padding: 0 6px;
  overflow: hidden;
  border: 1px solid #d7e0ea;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 820;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-collection-found {
  color: #0f4d57;
  background: rgba(8, 162, 169, 0.09);
  border-color: rgba(8, 162, 169, 0.3);
}

.operation-package-collection-missing {
  color: #991b1b;
  background: #fff1f0;
  border-color: rgba(194, 65, 58, 0.32);
}

.operation-package-collection-empty {
  color: #475569;
  background: #f8fafc;
  border-color: #d7e0ea;
}

.operation-package-collection-cell > button,
.operation-package-row-actions button {
  min-height: 22px;
  padding: 0 7px;
  color: var(--pkg-teal-dark);
  background: #ffffff;
  border: 1px solid rgba(8, 162, 169, 0.34);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 860;
  cursor: pointer;
}

.operation-package-collection-cell > .operation-package-create-doc-button {
  color: #7a5a05;
  background: #fff8df;
  border-color: rgba(201, 162, 39, 0.52);
}

.operation-package-collection-cell > button:hover,
.operation-package-collection-cell > button:focus-visible,
.operation-package-row-actions button:hover,
.operation-package-row-actions button:focus-visible {
  color: #ffffff;
  background: var(--pkg-teal-dark);
  outline: none;
}

.operation-package-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.operation-package-row-actions .operation-package-row-primary-action {
  color: #10151c;
  background: var(--pkg-gold);
  border-color: rgba(201, 162, 39, 0.72);
}

.operation-package-row-actions .operation-package-row-primary-action:hover,
.operation-package-row-actions .operation-package-row-primary-action:focus-visible {
  color: #10151c;
  background: #d9b234;
}

.operation-package-status-seal {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  color: #263548;
  font-size: 12px;
  font-weight: 820;
  line-height: 1;
  white-space: nowrap;
}

.operation-package-status-seal .operation-package-seal {
  width: 11px;
  height: 11px;
  flex-basis: 11px;
}

.operation-package-requirement-detail-row td {
  padding: 0;
  background: #f8fafc;
}

.operation-package-requirement-detail-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: #d7e0ea;
  border-top: 1px solid #d7e0ea;
}

.operation-package-requirement-detail-panel div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
}

.operation-package-requirement-detail-panel span {
  color: #64748b;
  font-size: 11px;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-package-requirement-detail-panel p {
  margin: 0;
  color: #263548;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.operation-package-requirement-detail-panel footer {
  display: flex;
  grid-column: 1 / -1;
  gap: 5px;
  justify-content: flex-end;
  padding: 7px 8px;
  background: #ffffff;
}

.operation-package-requirement-detail-panel footer button {
  min-height: 24px;
  padding: 0 8px;
  color: var(--pkg-teal-dark);
  background: #ffffff;
  border: 1px solid rgba(8, 162, 169, 0.34);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 860;
  cursor: pointer;
}

.operation-package-requirement-detail-panel footer .operation-package-row-primary-action {
  color: #10151c;
  background: var(--pkg-gold);
  border-color: rgba(201, 162, 39, 0.72);
}

.operation-package-requirement-review-page {
  gap: 10px;
}

.operation-package-review-grid {
  display: grid;
  grid-template-columns: minmax(250px, 0.95fr) minmax(300px, 1.15fr) minmax(230px, 0.8fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.operation-package-review-card {
  display: grid;
  align-content: start;
  min-width: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
}

.operation-package-review-card > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  padding: 8px 10px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(8, 162, 169, 0.48), rgba(8, 162, 169, 0.08)),
    var(--pkg-midnight);
  border-left: 4px solid var(--pkg-teal);
}

.operation-package-review-card > header h2 {
  margin: 0;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0;
}

.operation-package-review-card > header > span,
.operation-package-review-card > header .operation-package-status-seal {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.7rem;
  font-weight: 850;
}

.operation-package-review-definition-list {
  display: grid;
  gap: 0;
  margin: 0;
}

.operation-package-review-definition-list div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  padding: 8px 10px;
  border-bottom: 1px solid #edf2f7;
}

.operation-package-review-definition-list div:last-child {
  border-bottom: 0;
}

.operation-package-review-definition-list dt,
.operation-package-review-list-block h3,
.operation-package-vu-review-note h3,
.operation-package-suggested-action h3 {
  margin: 0;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 880;
  text-transform: uppercase;
}

.operation-package-review-definition-list dd {
  min-width: 0;
  margin: 0;
  color: #263548;
  font-size: 0.76rem;
  font-weight: 760;
  line-height: 1.35;
}

.operation-package-review-list-block,
.operation-package-vu-review-note,
.operation-package-suggested-action {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 9px 10px;
  border-bottom: 1px solid #edf2f7;
}

.operation-package-review-list-block:last-child,
.operation-package-vu-review-note:last-child,
.operation-package-suggested-action:last-child {
  border-bottom: 0;
}

.operation-package-review-list-block ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-package-review-list-block li {
  min-height: 22px;
  padding: 4px 7px;
  color: #263548;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 790;
  line-height: 1.1;
}

.operation-package-vu-review-note p,
.operation-package-suggested-action p,
.operation-package-human-action-card > p {
  margin: 0;
  color: #334155;
  font-size: 0.76rem;
  font-weight: 720;
  line-height: 1.42;
}

.operation-package-suggested-action {
  background: rgba(8, 162, 169, 0.06);
  border-left: 3px solid var(--pkg-teal);
}

.operation-package-human-action-card > p {
  padding: 9px 10px 0;
}

.operation-package-human-action-buttons {
  display: grid;
  gap: 7px;
  padding: 9px 10px;
}

.operation-package-human-action-buttons button,
.operation-package-requirement-composer button {
  min-height: 30px;
  padding: 0 10px;
  color: var(--pkg-teal-dark);
  background: #ffffff;
  border: 1px solid rgba(8, 162, 169, 0.34);
  border-radius: 6px;
  font-size: 0.73rem;
  font-weight: 860;
  cursor: pointer;
}

.operation-package-human-action-buttons button:hover,
.operation-package-human-action-buttons button:focus-visible,
.operation-package-requirement-composer button:hover,
.operation-package-requirement-composer button:focus-visible {
  color: #ffffff;
  background: var(--pkg-teal-dark);
  outline: none;
}

.operation-package-human-action-buttons .operation-package-primary-action,
.operation-package-requirement-composer .operation-package-primary-action {
  color: #10151c;
  background: linear-gradient(180deg, #ddb72d, var(--pkg-gold));
  border-color: rgba(201, 162, 39, 0.72);
}

.operation-package-human-action-buttons .operation-package-primary-action:hover,
.operation-package-human-action-buttons .operation-package-primary-action:focus-visible,
.operation-package-requirement-composer .operation-package-primary-action:hover,
.operation-package-requirement-composer .operation-package-primary-action:focus-visible {
  color: #10151c;
  background: #d9b234;
  border-color: var(--pkg-gold-dark);
}

.operation-package-human-action-buttons button:disabled {
  color: #94a3b8;
  background: #f1f5f9;
  border-color: #d7e0ea;
  cursor: not-allowed;
}

.operation-package-human-action-card aside {
  margin: 0 10px 10px;
  padding: 8px;
  color: #991b1b;
  background: #fff1f0;
  border: 1px solid rgba(194, 65, 58, 0.26);
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 780;
  line-height: 1.35;
}

.operation-package-review-focus-question .operation-package-requirement-questions,
.operation-package-review-focus-approval .operation-package-human-action-card,
.operation-package-review-focus-draft .operation-package-human-action-card,
.operation-package-review-focus-target {
  box-shadow: 0 0 0 3px rgba(8, 162, 169, 0.13);
}

.operation-package-requirement-questions,
.operation-package-linked-documents {
  min-width: 0;
}

.operation-package-requirement-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  padding: 10px;
  border-bottom: 1px solid #edf2f7;
}

.operation-package-requirement-composer input {
  min-width: 0;
  min-height: 30px;
  padding: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 720;
  outline: none;
}

.operation-package-requirement-composer input:focus {
  border-color: var(--pkg-teal);
  box-shadow: 0 0 0 3px rgba(8, 162, 169, 0.12);
}

.operation-package-requirement-questions ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-package-requirement-questions li {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 8px 10px;
  border-bottom: 1px solid #edf2f7;
}

.operation-package-requirement-questions li:last-child {
  border-bottom: 0;
}

.operation-package-requirement-questions strong,
.operation-package-requirement-questions span {
  min-width: 0;
  overflow: hidden;
  font-size: 0.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-requirement-questions strong {
  color: var(--pkg-teal-dark);
  font-weight: 900;
}

.operation-package-requirement-questions span {
  color: #334155;
  font-weight: 720;
}

.operation-package-linked-documents .operation-table-wrap {
  border: 0;
  border-radius: 0;
}

.operation-package-linked-documents table {
  font-size: 0.76rem;
}

.operation-package-linked-documents th {
  color: #263548;
  background: #f1f5f9;
  font-size: 0.72rem;
}

.operation-package-stage-rail {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  min-width: 0;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
}

.operation-package-stage-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 6px;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 7px 8px;
  background: #ffffff;
}

.operation-package-stage-step span,
.operation-package-stage-step strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-stage-step span {
  color: #172033;
  font-size: 0.68rem;
  font-weight: 900;
}

.operation-package-stage-step strong {
  grid-column: 2;
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 820;
}

.operation-package-stage-step-red {
  box-shadow: inset 0 -3px 0 rgba(194, 65, 58, 0.52);
}

.operation-package-stage-step-yellow {
  box-shadow: inset 0 -3px 0 rgba(201, 162, 39, 0.58);
}

.operation-package-stage-step-green {
  box-shadow: inset 0 -3px 0 rgba(8, 162, 169, 0.58);
}

.operation-package-stage-step-gray {
  box-shadow: inset 0 -3px 0 rgba(111, 119, 130, 0.38);
}

.operation-package-builder-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.92fr) minmax(360px, 1.28fr) minmax(240px, 0.8fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.operation-package-builder-card {
  display: grid;
  align-content: start;
  min-width: 0;
}

.operation-package-requirements-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px;
  align-items: center;
  min-width: 0;
  padding: 8px 9px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.operation-package-requirements-summary span,
.operation-package-requirements-summary strong,
.operation-package-requirements-summary em {
  min-width: 0;
  overflow: hidden;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 840;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-requirements-summary span {
  color: #334155;
}

.operation-package-requirements-summary strong {
  color: #991b1b;
}

.operation-package-requirements-summary em {
  color: #7a5a05;
}

.operation-package-requirement-list {
  display: grid;
  gap: 0;
}

.operation-package-requirement-list button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 45px;
  padding: 8px 9px;
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  cursor: pointer;
}

.operation-package-requirement-list button:last-child {
  border-bottom: 0;
}

.operation-package-requirement-list button:hover,
.operation-package-requirement-list button:focus-visible,
.operation-package-requirement-list .operation-package-requirement-active {
  background: rgba(8, 162, 169, 0.07);
  outline: none;
}

.operation-package-requirement-list .operation-package-requirement-active {
  box-shadow: inset 3px 0 0 var(--pkg-teal);
}

.operation-package-requirement-list button > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-package-requirement-list strong,
.operation-package-requirement-list em,
.operation-package-requirement-list b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-requirement-list strong {
  color: #172033;
  font-size: 0.74rem;
  font-weight: 880;
}

.operation-package-requirement-list em {
  color: #64748b;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 720;
}

.operation-package-requirement-list b {
  color: #334155;
  font-size: 0.64rem;
  font-weight: 860;
}

.operation-package-requirement-facts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border-bottom: 1px solid #d7e0ea;
}

.operation-package-requirement-facts div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
}

.operation-package-requirement-facts dt,
.operation-package-requirement-facts dd {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-requirement-facts dt {
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-package-requirement-facts dd {
  margin: 0;
  color: #172033;
  font-size: 0.7rem;
  font-weight: 820;
}

.operation-package-requirement-detail-blocks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 9px;
}

.operation-package-requirement-detail-blocks section {
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.operation-package-requirement-detail-blocks h3 {
  margin: 0 0 6px;
  color: #172033;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-package-requirement-detail-blocks ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 16px;
}

.operation-package-requirement-detail-blocks li {
  color: #334155;
  font-size: 0.68rem;
  font-weight: 720;
  line-height: 1.3;
}

.operation-package-vu-review,
.operation-package-human-review {
  display: grid;
  gap: 5px;
  margin: 0 9px 9px;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-left: 3px solid var(--pkg-teal);
  border-radius: 7px;
}

.operation-package-vu-review strong,
.operation-package-human-review span {
  color: var(--pkg-teal-dark);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-package-vu-review p {
  margin: 0;
  color: #334155;
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.42;
}

.operation-package-human-review strong {
  color: #172033;
  font-size: 0.8rem;
  font-weight: 900;
}

.operation-package-human-review em {
  color: #64748b;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 740;
}

.operation-package-finalize-card aside {
  margin: 0 10px 10px;
  padding: 8px;
  color: #7a5a05;
  background: rgba(201, 162, 39, 0.1);
  border: 1px solid rgba(201, 162, 39, 0.28);
  border-radius: 7px;
  font-size: 0.68rem;
  font-weight: 760;
  line-height: 1.35;
}

.operation-package-detail-top {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.operation-package-work-card {
  display: grid;
  align-content: start;
  align-self: stretch;
}

.operation-package-work-card > p {
  margin: 0;
  padding: 8px 10px 0;
  color: #475569;
  font-size: 0.74rem;
  line-height: 1.38;
}

.operation-package-build-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 8px;
}

.operation-package-build-grid div {
  min-width: 0;
  padding: 7px;
  border-right: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.operation-package-build-grid div:nth-child(2n) {
  border-right: 0;
}

.operation-package-build-grid div:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.operation-package-build-grid dt {
  margin: 0 0 3px;
  color: #64748b;
  font-size: 0.64rem;
  font-weight: 840;
  text-transform: uppercase;
}

.operation-package-build-grid dd {
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.78rem;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-checklist,
.operation-package-sorting-list,
.operation-package-recommendation ul,
.operation-package-question-body ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 8px;
  list-style: none;
}

.operation-package-progress {
  display: grid;
  gap: 7px;
  padding: 10px 10px 2px;
}

.operation-package-progress strong {
  color: var(--pkg-teal-dark);
  font-size: 1.52rem;
  font-weight: 920;
  line-height: 1;
}

.operation-package-progress div {
  height: 8px;
  overflow: hidden;
  background: #e2e8f0;
  border-radius: 999px;
}

.operation-package-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--pkg-teal), #35d1c8);
  border-radius: inherit;
}

.operation-package-progress p {
  margin: 0;
  color: #334155;
  font-size: 0.72rem;
  font-weight: 780;
}

.operation-package-checklist li,
.operation-package-sorting-list li {
  display: grid;
  gap: 3px 8px;
  align-items: center;
  min-width: 0;
  padding: 6px 7px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.operation-package-checklist li {
  grid-template-columns: minmax(0, 1fr) auto;
}

.operation-package-checklist span,
.operation-package-sorting-list strong,
.operation-package-sorting-list span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-checklist span,
.operation-package-sorting-list span,
.operation-package-question-body button {
  color: #334155;
  font-size: 0.7rem;
  font-weight: 760;
}

.operation-package-checklist strong,
.operation-package-sorting-list em {
  color: #172033;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.operation-package-finding-counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 8px 8px 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 7px;
}

.operation-package-finding-counts div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
}

.operation-package-finding-counts dt {
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-package-finding-counts dd {
  margin: 0;
  color: #172033;
  font-size: 1rem;
  font-weight: 920;
}

.operation-package-missing-list {
  display: grid;
  gap: 5px;
  margin: 8px 8px 0;
  padding: 8px;
  background: rgba(201, 162, 39, 0.08);
  border: 1px solid rgba(201, 162, 39, 0.24);
  border-radius: 7px;
}

.operation-package-missing-list strong {
  color: #172033;
  font-size: 0.74rem;
  font-weight: 900;
}

.operation-package-missing-list ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 16px;
}

.operation-package-missing-list li {
  color: #334155;
  font-size: 0.7rem;
  font-weight: 720;
  line-height: 1.32;
}

.operation-package-sorting-list li {
  grid-template-columns: minmax(130px, 0.85fr) minmax(160px, 1fr) auto;
}

.operation-package-sorting-list strong {
  color: #0f766e;
  font-size: 0.7rem;
  font-weight: 880;
}

.operation-package-recommendation {
  display: grid;
  gap: 5px;
  margin: 0 8px 8px;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-left: 3px solid var(--pkg-teal);
  border-radius: 7px;
}

.operation-package-recommendation strong {
  color: #172033;
  font-size: 0.76rem;
  font-weight: 860;
}

.operation-package-recommendation p,
.operation-package-recommendation li {
  margin: 0;
  color: #334155;
  font-size: 0.7rem;
  line-height: 1.35;
}

.operation-package-recommendation ul {
  padding: 0;
}

.operation-package-finalize-actions {
  display: grid;
  gap: 7px;
  padding: 8px 10px 10px;
}

.operation-package-finalize-actions button,
.operation-package-question-body button {
  min-height: 32px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-weight: 800;
  cursor: pointer;
}

.operation-package-finalize-actions button:hover,
.operation-package-finalize-actions button:focus-visible,
.operation-package-question-body button:hover,
.operation-package-question-body button:focus-visible {
  color: #0f172a;
  background: #eef2ff;
  border-color: #818cf8;
  outline: none;
}

.operation-package-finalize-actions .operation-package-primary-action {
  color: #10151c;
  background: linear-gradient(180deg, #ddb72d, var(--pkg-gold));
  border-color: rgba(201, 162, 39, 0.74);
  box-shadow: 0 8px 16px rgba(201, 162, 39, 0.18);
}

.operation-package-finalize-actions .operation-package-primary-action:hover,
.operation-package-finalize-actions .operation-package-primary-action:focus-visible {
  color: #10151c;
  background: linear-gradient(180deg, #e6c13a, #d4aa24);
  border-color: var(--pkg-gold-dark);
}

.operation-package-finalize-actions .operation-package-secondary-action {
  color: #d9f9f7;
  background: var(--pkg-graphite);
  border-color: rgba(8, 162, 169, 0.32);
}

.operation-package-finalize-actions .operation-package-secondary-action:hover,
.operation-package-finalize-actions .operation-package-secondary-action:focus-visible {
  color: #ffffff;
  background: #111820;
  border-color: var(--pkg-teal);
}

.operation-package-finalize-actions .operation-package-muted-action,
.operation-package-finalize-actions .operation-package-muted-action:disabled {
  color: #94a3b8;
  background: #27313b;
  border-color: #3b4652;
  cursor: not-allowed;
  opacity: 0.72;
}

.operation-package-tab-panel {
  display: grid;
}

.operation-package-detail-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.operation-package-detail-tabs button {
  min-height: 26px;
  padding: 0 9px;
  color: rgba(255, 255, 255, 0.76);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-package-detail-tabs button:hover,
.operation-package-detail-tabs button:focus-visible {
  color: #ffffff;
  border-color: rgba(8, 162, 169, 0.62);
  outline: none;
}

.operation-package-detail-tabs .operation-chip-active {
  color: #10151c;
  background: var(--pkg-gold);
  border-color: var(--pkg-gold);
}

.operation-package-question-workspace {
  display: grid;
  gap: 8px;
  padding: 9px;
}

.operation-package-question-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  min-width: 0;
}

.operation-package-question-composer input {
  min-width: 0;
  min-height: 32px;
  padding: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-size: 0.74rem;
  font-weight: 720;
  outline: none;
}

.operation-package-question-composer input:focus {
  border-color: var(--pkg-teal);
  box-shadow: 0 0 0 3px rgba(8, 162, 169, 0.12);
}

.operation-package-question-composer .operation-package-primary-action {
  min-height: 32px;
  padding: 0 12px;
  color: #10151c;
  background: linear-gradient(180deg, #ddb72d, var(--pkg-gold));
  border: 1px solid rgba(201, 162, 39, 0.74);
  border-radius: 7px;
  font-size: 0.72rem;
  font-weight: 900;
  cursor: pointer;
}

.operation-package-question-workspace ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  list-style: none;
}

.operation-package-question-workspace li {
  min-width: 0;
  padding: 8px 10px;
  color: #334155;
  background: #ffffff;
  border-bottom: 1px solid #edf2f7;
  font-size: 0.74rem;
  font-weight: 740;
  line-height: 1.3;
}

.operation-package-question-workspace li:last-child {
  border-bottom: 0;
}

.operation-package-activity-feed {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 8px 10px;
  list-style: none;
}

.operation-package-activity-feed li {
  display: grid;
  grid-template-columns: 128px 140px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid #e2e8f0;
}

.operation-package-activity-feed li:last-child {
  border-bottom: 0;
}

.operation-package-activity-feed time,
.operation-package-activity-feed strong,
.operation-package-activity-feed span {
  min-width: 0;
  overflow: hidden;
  font-size: 0.74rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-activity-feed time {
  color: #64748b;
  font-weight: 760;
}

.operation-package-activity-feed strong {
  color: var(--pkg-teal-dark);
  font-weight: 900;
}

.operation-package-activity-feed span {
  color: #334155;
  font-weight: 720;
}

.operation-package-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(128px, 1fr));
  gap: 0;
  margin: 0;
  padding: 8px;
}

.operation-package-summary-grid div {
  min-width: 0;
  padding: 8px;
  border-right: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.operation-package-summary-grid div:nth-child(4n) {
  border-right: 0;
}

.operation-package-summary-grid div:nth-last-child(-n + 4) {
  border-bottom: 0;
}

.operation-package-summary-grid dt {
  margin: 0 0 3px;
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 820;
  text-transform: uppercase;
}

.operation-package-summary-grid dd {
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.78rem;
  font-weight: 780;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-actions-panel {
  display: grid;
  align-content: start;
  gap: 8px;
  padding-bottom: 10px;
}

.operation-package-actions-panel > button {
  min-height: 34px;
  margin: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-size: 0.73rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-package-actions-panel > button:hover,
.operation-package-actions-panel > button:focus-visible {
  color: #0f172a;
  background: #eef2ff;
  border-color: #818cf8;
  outline: none;
}

.operation-package-question-body {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
  min-width: 0;
}

.operation-package-question-body textarea {
  width: 100%;
  min-height: 118px;
  padding: 9px 10px;
  resize: vertical;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 720;
  outline: none;
}

.operation-package-question-body textarea:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.16);
}

.operation-package-question-body ul {
  padding: 0;
}

.operation-package-question-body li {
  display: grid;
  min-width: 0;
}

.operation-package-question-body button {
  padding: 0 10px;
  text-align: left;
}

.operation-package-seal-wrap {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: #243044;
  font-size: 0.72rem;
  font-weight: 820;
  line-height: 1;
  white-space: nowrap;
}

.operation-package-seal {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.45), 0 1px 2px rgba(15, 23, 42, 0.2);
}

.operation-package-seal::before {
  position: absolute;
  inset: 3px;
  content: "";
  background: rgba(255, 255, 255, 0.38);
  border-radius: 999px;
}

.operation-package-seal::after {
  position: absolute;
  right: 1px;
  bottom: -4px;
  width: 7px;
  height: 6px;
  content: "";
  background: inherit;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  opacity: 0.9;
}

.operation-package-seal-gray {
  background: #6f7782;
}

.operation-package-seal-yellow {
  background: #c9a227;
}

.operation-package-seal-green {
  background: #08a2a9;
}

.operation-package-seal-red {
  background: #c2413a;
}

@media (max-width: 960px) {
  .operation-home-grid,
  .operation-coordinator-grid,
  .operation-inbox-layout,
  .operation-reports-layout,
  .operation-packages-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-package-detail-top {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-package-stage-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operation-package-builder-grid,
  .operation-package-review-grid,
  .operation-package-requirement-detail-blocks {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-package-question-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-home-section:first-child {
    grid-row: auto;
  }

  .operation-home-section button {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .operation-home-section button .operation-origin-badge {
    grid-row: 1 / span 3;
  }

  .operation-home-section button span,
  .operation-home-section button strong,
  .operation-home-section button em {
    grid-column: 2;
  }

  .operation-coordinator-meta,
  .operation-coordinator-section button {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-coordinator-meta time {
    text-align: left;
  }
}

@media (max-width: 720px) {
  .operation-package-stage-rail,
  .operation-package-requirement-facts,
  .operation-package-requirements-summary,
  .operation-package-question-composer,
  .operation-package-requirement-composer,
  .operation-package-requirement-questions li {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-package-summary-grid,
  .operation-package-build-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-package-summary-grid div,
  .operation-package-summary-grid div:nth-child(4n),
  .operation-package-summary-grid div:nth-last-child(-n + 4),
  .operation-package-build-grid div,
  .operation-package-build-grid div:nth-child(2n),
  .operation-package-build-grid div:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid #e2e8f0;
  }

  .operation-package-summary-grid div:last-child,
  .operation-package-build-grid div:last-child {
    border-bottom: 0;
  }
}

/* Ticket 012 landing-page density cleanup */

.operation-landing-filter-row,
.operation-report-filters,
.operation-accounting-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  min-width: 0;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-landing-filter-row {
  display: grid;
}

.operation-inbox-layout > .operation-landing-filter-row,
.operation-relationship-layout > .operation-landing-filter-row {
  grid-column: 1 / -1;
}

.operation-inbox-layout,
.operation-relationship-layout {
  grid-template-rows: auto auto minmax(0, 1fr);
}

.operation-landing-filter-row input {
  width: 100%;
  min-width: 0;
  min-height: 27px;
  padding: 0 8px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 0.72rem;
  font-weight: 720;
  outline: none;
}

.operation-landing-filter-row input:focus {
  border-color: #14b8a6;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
}

.operation-report-filters button,
.operation-accounting-filters button {
  min-height: 24px;
  padding: 0 8px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 0.68rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-link-button {
  max-width: 100%;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  color: #0f766e;
  background: transparent;
  border: 0;
  font: inherit;
  font-weight: 820;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.operation-link-button:hover,
.operation-link-button:focus-visible,
.operation-number-button:hover,
.operation-number-button:focus-visible {
  color: #115e59;
  outline: none;
}

.operation-vault-list,
.operation-ledger-timeline,
.operation-report-table-wrap {
  min-width: 0;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-vault-list,
.operation-ledger-timeline {
  display: block;
  padding: 0;
}

.operation-reports-layout,
.operation-accounting-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.operation-vault-table,
.operation-ledger-table,
.operation-report-table {
  min-width: 900px;
  font-size: 0.66rem;
}

.operation-vault-table th,
.operation-vault-table td,
.operation-ledger-table th,
.operation-ledger-table td,
.operation-report-table th,
.operation-report-table td {
  height: 25px;
  padding: 3px 6px;
  line-height: 1.12;
}

.operation-vault-table td,
.operation-ledger-table td,
.operation-report-table td {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vault-table tbody tr,
.operation-ledger-table tbody tr,
.operation-report-table tbody tr {
  cursor: pointer;
}

.operation-ledger-table td:nth-child(3) {
  display: grid;
  gap: 1px;
  white-space: normal;
}

.operation-ledger-table td:nth-child(3) strong,
.operation-ledger-table td:nth-child(3) span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-ledger-table td:nth-child(3) strong {
  color: #172033;
  font-size: 0.66rem;
  font-weight: 820;
}

.operation-ledger-table td:nth-child(3) span {
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 680;
}

.operation-source-human {
  color: #1f2937;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.operation-source-agent {
  color: #134e4a;
  background: #ccfbf1;
  border-color: #5eead4;
}

.operation-source-system {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-source-vu {
  color: #0f766e;
  background: #ecfeff;
  border-color: #99f6e4;
}

@media (max-width: 960px) {
  .operation-vault-table,
  .operation-ledger-table,
  .operation-report-table {
    min-width: 760px;
  }
}

/* Ticket 013 request foundation */

.operation-overview-stack,
.operation-requests-panel {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.operation-request-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-request-summary div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
  min-height: 27px;
  padding: 4px 7px;
  background: #ffffff;
}

.operation-request-summary span,
.operation-request-summary strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-request-summary span {
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 840;
  text-transform: uppercase;
}

.operation-request-summary strong {
  color: #172033;
  font-size: 0.72rem;
  font-weight: 900;
}

.operation-requests-table {
  min-width: 920px;
  font-size: 0.66rem;
}

.operation-requests-table th,
.operation-requests-table td {
  height: 24px;
  padding: 3px 6px;
  line-height: 1.1;
}

.operation-requests-table td {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-request-cell {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.operation-request-cell strong,
.operation-request-cell span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-request-cell strong {
  color: #172033;
  font-size: 0.72rem;
  font-weight: 820;
}

.operation-request-cell span {
  color: #64748b;
  font-size: 0.58rem;
  font-weight: 780;
}

.operation-request-number {
  padding: 0;
  color: #0f766e;
  background: transparent;
  border: 0;
  font: inherit;
  font-weight: 920;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.operation-request-status {
  display: inline-flex;
  align-items: center;
  min-height: 16px;
  padding: 0 5px;
  border-radius: 4px;
  font-size: 0.55rem;
  font-weight: 820;
  white-space: nowrap;
}

.operation-request-status-open {
  color: #0f766e;
  background: #ecfeff;
  border: 1px solid #99f6e4;
}

.operation-request-status-draft {
  color: #475569;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
}

.operation-request-status-waiting {
  color: #475569;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
}

.operation-request-status-received,
.operation-request-status-verified,
.operation-request-status-complete {
  color: #14532d;
  background: #dcfce7;
  border: 1px solid #86efac;
}

.operation-request-status-cancelled {
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #fca5a5;
}

.operation-request-ai-panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 32px;
  padding: 5px 6px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-request-ai-panel button {
  min-height: 24px;
  padding: 0 8px;
  color: #0f766e;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 5px;
  font-size: 0.68rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-request-ai-panel span {
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 960px) {
  .operation-request-summary,
  .operation-request-ai-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-requests-table {
    min-width: 760px;
  }
}

/* Ticket 015 EOF operating view */

.operation-detail-record {
  grid-template-rows: auto auto auto auto auto minmax(0, auto);
  gap: 6px;
}

.operation-detail-header {
  grid-template-columns: auto minmax(260px, 1fr) minmax(360px, 0.9fr);
  gap: 8px;
  min-height: 44px;
  padding: 6px 8px;
  border-radius: 6px;
}

.operation-detail-title {
  gap: 1px;
}

.operation-detail-number {
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.78rem !important;
}

.operation-detail-title h2 {
  font-size: 0.9rem;
}

.operation-detail-title p {
  font-size: 0.68rem;
}

.operation-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: end;
}

.operation-detail-meta div {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  min-height: 24px;
  padding: 2px 5px;
  background: transparent;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-detail-meta dt {
  font-size: 0.58rem;
}

.operation-detail-meta dd {
  display: inline-flex;
  align-items: center;
  font-size: 0.66rem;
}

.operation-eof-rail {
  min-height: 31px;
  padding: 5px 7px;
  border-radius: 6px;
}

.operation-eof-stage {
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 4px;
}

.operation-eof-stage:not(:last-child)::after {
  left: 24px;
  right: 8px;
  background: #e2e8f0;
}

.operation-eof-seal {
  width: 18px;
  height: 18px;
  font-size: 0.54rem;
}

.operation-eof-stage strong {
  font-size: 0.6rem;
}

.operation-eof-stage-complete .operation-eof-seal {
  color: #64748b;
  background: #f8fafc;
  border-color: #cbd5e1;
  box-shadow: none;
}

.operation-eof-stage-complete strong {
  color: #64748b;
}

.operation-eof-stage-current .operation-eof-seal {
  color: #ffffff;
  background: #0f766e;
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
}

.operation-eof-stage-current strong {
  color: #0f766e;
  font-weight: 900;
}

.operation-eof-stage-future .operation-eof-seal,
.operation-eof-stage-future strong {
  color: #94a3b8;
}

.operation-operating-view {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) minmax(220px, 1.25fr) minmax(110px, 0.55fr) minmax(130px, 0.65fr);
  gap: 1px;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-operating-view div {
  display: grid;
  gap: 2px;
  min-width: 0;
  min-height: 39px;
  padding: 5px 7px;
  background: #ffffff;
}

.operation-operating-view span,
.operation-requests-panel > header span,
.operation-recent-activity > header span,
.operation-secondary-detail > header span {
  color: #64748b;
  font-size: 0.6rem;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-operating-view strong,
.operation-requests-panel > header strong,
.operation-secondary-detail > header strong {
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.72rem;
  font-weight: 840;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-requests-panel,
.operation-recent-activity,
.operation-secondary-detail {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
}

.operation-requests-panel > header,
.operation-recent-activity > header,
.operation-secondary-detail > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 30px;
  padding: 4px 7px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-requests-panel > header > div {
  display: flex;
  gap: 5px;
  align-items: center;
  min-width: 0;
}

.operation-requests-panel > header > div:first-child {
  display: grid;
  gap: 1px;
}

.operation-requests-panel > header button {
  min-height: 24px;
  padding: 0 8px;
  color: #0f766e;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 5px;
  font-size: 0.68rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-requests-panel > header button.operation-primary-button {
  color: #ffffff;
  background: #0f766e;
  border-color: #0f766e;
}

.operation-requests-table {
  min-width: 920px;
}

.operation-requests-table th,
.operation-requests-table td,
.operation-recent-activity-table th,
.operation-recent-activity-table td {
  height: 23px;
  padding: 3px 6px;
}

.operation-request-ai-panel {
  display: block;
  min-height: 26px;
  padding: 5px 7px;
}

.operation-request-ai-panel span {
  display: block;
}

.operation-recent-activity > header strong {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  color: #0f766e;
  background: #ccfbf1;
  border-radius: 4px;
  font-size: 0.66rem;
}

.operation-recent-activity-table {
  min-width: 680px;
  font-size: 0.66rem;
}

.operation-recent-activity-table td {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-secondary-detail {
  margin-top: 2px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  overflow: hidden;
}

.operation-secondary-detail > header {
  border: 0;
  border-bottom: 1px solid #d7e0ea;
  border-radius: 0;
}

.operation-secondary-detail .operation-tabs {
  min-height: 29px;
}

.operation-secondary-detail .operation-tabs button {
  min-width: 96px;
  min-height: 29px;
  padding: 0 9px;
  font-size: 0.68rem;
}

.operation-secondary-detail .operation-tab-panel {
  padding: 6px;
}

.operation-secondary-detail .operation-message-thread {
  min-height: 250px;
}

.operation-secondary-detail .operation-message-list,
.operation-secondary-detail .operation-message {
  gap: 5px;
}

@media (max-width: 960px) {
  .operation-detail-header,
  .operation-operating-view {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-detail-meta {
    justify-content: start;
  }

  .operation-requests-panel > header {
    align-items: start;
    flex-direction: column;
  }

  .operation-request-modal-grid,
  .operation-request-assist-panel dl {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Ticket 017 site-wide UI discipline cleanup */

.operation-record-page-actions {
  gap: 6px;
}

.operation-page-primary-action,
.operation-page-actions-menu summary {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  line-height: 1;
  cursor: pointer;
}

.operation-page-primary-action {
  color: #172033;
  background: #d69b2b;
  border: 1px solid #d69b2b;
}

.operation-record-page-head-band .operation-page-primary-action {
  color: #172033;
  background: #d69b2b;
  border-color: #d69b2b;
}

.operation-page-actions-menu {
  position: relative;
}

.operation-page-actions-menu summary {
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  list-style: none;
}

.operation-record-page-head-band .operation-page-actions-menu summary {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.13);
  border-color: rgba(255, 255, 255, 0.3);
}

.operation-page-actions-menu summary::-webkit-details-marker {
  display: none;
}

.operation-page-actions-menu div {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 8;
  display: grid;
  min-width: 172px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
}

.operation-page-actions-menu button {
  min-height: 26px;
  padding: 0 8px;
  color: #263548;
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 760;
  text-align: left;
  cursor: pointer;
}

.operation-page-actions-menu button:hover,
.operation-page-actions-menu button:focus-visible {
  color: #0f766e;
  background: #ecfeff;
  outline: none;
}

.operation-record-table,
.operation-compact-table,
.operation-vault-table,
.operation-ledger-table,
.operation-report-table,
.operation-requests-table,
.operation-recent-activity-table {
  font-size: 13px;
}

.operation-record-table th,
.operation-compact-table th,
.operation-vault-table th,
.operation-ledger-table th,
.operation-report-table th,
.operation-requests-table th,
.operation-recent-activity-table th {
  height: 25px;
  padding: 3px 6px;
  font-size: 11px;
  font-weight: 840;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-record-table td,
.operation-compact-table td,
.operation-vault-table td,
.operation-ledger-table td,
.operation-report-table td,
.operation-requests-table td,
.operation-recent-activity-table td {
  height: 26px;
  padding: 3px 6px;
  font-size: 13px;
  font-weight: 560;
  line-height: 1.12;
}

.operation-record-table {
  min-width: 1020px;
}

.operation-record-table th:first-child,
.operation-record-table td:first-child {
  width: 136px;
  min-width: 136px;
}

.operation-record-table td:nth-child(2) {
  max-width: 170px;
}

.operation-record-table td:nth-child(3) {
  max-width: 260px;
}

.operation-record-table td:nth-child(6) {
  max-width: 230px;
}

.operation-record-table td:nth-child(2),
.operation-record-table td:nth-child(3),
.operation-record-table td:nth-child(6) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-number-button {
  color: #0f766e;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.operation-link-button {
  color: #0f766e;
  font-size: 13px;
  font-weight: 760;
}

.operation-stage-badge,
.operation-record-table .operation-stage-badge,
.operation-pill,
.operation-auth,
.operation-source-badge,
.operation-state-label,
.operation-request-status {
  min-height: 18px;
  padding: 0 5px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 780;
  line-height: 1;
}

.operation-detail-header {
  grid-template-columns: auto minmax(220px, 1fr) minmax(280px, 0.85fr) auto;
  gap: 8px;
  min-height: 44px;
  padding: 6px 8px;
}

.operation-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: end;
}

.operation-detail-meta div {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  min-height: 20px;
  padding: 0;
  background: transparent;
  border: 0;
}

.operation-detail-meta dt {
  font-size: 11px;
}

.operation-detail-meta dd {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
}

.operation-detail-actions {
  flex-wrap: nowrap;
  gap: 6px;
}

.operation-primary-button,
.operation-actions-menu summary,
.operation-actions-menu button,
.operation-detail-actions button,
.operation-tabs button,
.operation-list-tabs button,
.operation-filter-chips button,
.operation-inbox-filters button,
.operation-relationship-filters button,
.operation-vault-filters button,
.operation-ledger-filters button,
.operation-report-filters button,
.operation-accounting-filters button {
  font-size: 12px;
}

.operation-detail-stack {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.operation-detail-stack > section {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.operation-detail-stack > section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  padding: 3px 6px;
  color: #64748b;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 840;
  text-transform: uppercase;
}

.operation-detail-stack > section > header strong {
  color: #172033;
  font-size: 12px;
}

.operation-package-preview {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-package-preview > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 0 0 6px;
  border-bottom: 1px solid #e2e8f0;
}

.operation-package-preview > header div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-package-preview > header span,
.operation-package-preview-meta dt,
.operation-package-preview h3 {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 860;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-package-preview > header strong {
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-size: 15px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-preview > header em {
  flex: 0 0 auto;
  padding: 3px 7px;
  color: #172033;
  background: #fff7e6;
  border: 1px solid #d69b2b;
  border-radius: 5px;
  font-size: 11px;
  font-style: normal;
  font-weight: 860;
}

.operation-package-preview-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-package-preview-meta div {
  display: grid;
  gap: 2px;
  min-width: 0;
  min-height: 42px;
  padding: 6px;
  background: #f8fafc;
}

.operation-package-preview-meta dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 13px;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-preview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.operation-package-preview-grid section {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  padding: 7px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-package-preview-grid ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-package-preview-grid li,
.operation-package-preview-grid p {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #263548;
  font-size: 12px;
  font-weight: 680;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-registry {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.operation-package-registry > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.operation-package-registry > header strong {
  color: #172033;
  font-size: 13px;
  font-weight: 880;
}

.operation-package-registry > header span {
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
}

.operation-package-registry-table td:first-child strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-registry-table td:first-child span {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
}

.operation-package-registry-sealed td {
  background: #f0fdfa;
}

.operation-package-preview footer {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  min-width: 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
}

.operation-package-preview footer strong,
.operation-package-preview footer span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 6px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-package-preview footer strong {
  color: #172033;
}

.operation-package-preview footer em {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 6px;
  color: #0f5c45;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 5px;
  font-style: normal;
  font-weight: 860;
}

.operation-package-intelligence {
  gap: 10px;
}

.operation-package-briefing,
.operation-vu-package-summary,
.operation-package-score-panel,
.operation-package-timeline-panel,
.operation-sealed-package-strip {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-package-briefing > header,
.operation-vu-package-summary > header,
.operation-package-score-panel > header,
.operation-package-timeline-panel > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.operation-package-briefing dl {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-package-briefing dl div {
  display: grid;
  grid-template-columns: minmax(120px, 0.24fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  padding: 7px;
  background: #ffffff;
}

.operation-package-briefing dt,
.operation-package-evidence-grid dt {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-package-briefing dd {
  min-width: 0;
  margin: 0;
  color: #263548;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.operation-vu-package-summary {
  border-left: 4px solid #0f766e;
}

.operation-vu-package-summary header span,
.operation-package-score-panel header span,
.operation-package-timeline-panel header span {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
}

.operation-vu-package-summary p,
.operation-package-intelligence-grid p {
  margin: 0;
  color: #263548;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.38;
}

.operation-package-score-panel > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.operation-package-score-panel article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 7px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-package-score-panel article span {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
}

.operation-package-score-panel article strong {
  color: #172033;
  font-size: 18px;
  font-weight: 920;
  line-height: 1;
}

.operation-package-score-panel article div {
  height: 5px;
  overflow: hidden;
  background: #e2e8f0;
  border-radius: 999px;
}

.operation-package-score-panel article i {
  display: block;
  height: 100%;
  background: #0f766e;
  border-radius: inherit;
}

.operation-package-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.operation-package-intelligence-grid > section {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-package-contribution-groups {
  display: grid;
  gap: 6px;
}

.operation-package-contribution-groups article,
.operation-package-relationship-list article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 7px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-package-contribution-groups strong,
.operation-package-relationship-list strong,
.operation-package-decision-table strong {
  color: #172033;
  font-size: 12px;
  font-weight: 860;
}

.operation-package-contribution-groups ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-package-contribution-groups li {
  display: flex;
  gap: 5px;
  min-width: 0;
  color: #263548;
  font-size: 12px;
  font-weight: 680;
  line-height: 1.3;
}

.operation-package-contribution-groups li span {
  flex: 0 0 auto;
  color: #0f766e;
  font-weight: 860;
}

.operation-package-decision-table td:first-child span {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
}

.operation-package-evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-package-evidence-grid div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px;
  background: #ffffff;
}

.operation-package-evidence-grid dd {
  margin: 0;
  color: #172033;
  font-size: 16px;
  font-weight: 920;
}

.operation-package-relationship-list {
  display: grid;
  gap: 6px;
}

.operation-package-relationship-list div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.operation-package-relationship-list span {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 6px;
  color: #0f4d57;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 820;
}

.operation-package-timeline-panel ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0 0 0 14px;
  list-style: none;
  border-left: 2px solid #d7e0ea;
}

.operation-package-timeline-panel li {
  position: relative;
  display: grid;
  grid-template-columns: minmax(90px, 0.18fr) minmax(0, 1fr) minmax(160px, 0.3fr);
  gap: 8px;
  min-width: 0;
  padding: 6px 0 6px 12px;
  color: #263548;
  font-size: 12px;
}

.operation-package-timeline-panel li::before {
  position: absolute;
  top: 11px;
  left: -19px;
  width: 8px;
  height: 8px;
  content: "";
  background: #0f766e;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #0f766e;
}

.operation-package-timeline-panel li span,
.operation-package-timeline-panel li em {
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-style: normal;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-timeline-panel li strong {
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-sealed-package-strip {
  grid-template-columns: minmax(160px, 0.22fr) minmax(0, 1fr);
  align-items: stretch;
  background: #172033;
  border-color: #334155;
}

.operation-sealed-package-strip .operation-vu-seal {
  min-height: 76px;
  border-color: rgba(255, 255, 255, 0.14);
}

.operation-sealed-package-strip div {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
}

.operation-sealed-package-strip h3,
.operation-sealed-package-strip p,
.operation-sealed-package-strip strong {
  margin: 0;
}

.operation-sealed-package-strip h3 {
  color: #ffffff;
  font-size: 13px;
}

.operation-sealed-package-strip p {
  color: #dbe5ef;
  font-size: 12px;
  font-weight: 700;
}

.operation-sealed-package-strip strong {
  color: #f8d78b;
  font-size: 12px;
  font-weight: 860;
}

.operation-secondary-detail .operation-tabs button {
  min-width: 88px;
}

@media (max-width: 960px) {
  .operation-detail-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-package-preview-grid,
  .operation-package-preview-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operation-detail-meta,
  .operation-detail-actions {
    justify-content: start;
  }

  .operation-page-actions-menu div {
    right: auto;
    left: 0;
  }
}

/* Ticket 018 navigation, security, participants, and progress refinement */

.sidebar-nav-icon path,
.operation-participant-icon path,
.operation-security-badge svg path,
.operation-security-note svg path {
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.operation-stage-cell,
.operation-on-progress-cell {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  max-width: 100%;
}

.operation-eof-mini {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  min-width: 0;
}

.operation-eof-mini-label {
  color: #64748b;
  font-size: 10px;
  font-weight: 840;
  text-transform: uppercase;
}

.operation-eof-mini ol {
  display: inline-grid;
  grid-template-columns: repeat(7, 8px);
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-eof-mini-segment {
  width: 8px;
  height: 8px;
  background: #e2e8f0;
  border: 1px solid #cbd5e1;
  border-radius: 2px;
}

.operation-eof-mini-complete {
  background: #99f6e4;
  border-color: #5eead4;
}

.operation-eof-mini-current {
  background: #0f766e;
  border-color: #0f766e;
  box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.14);
}

.operation-detail-title .operation-eof-mini {
  margin-top: 2px;
}

.operation-participant-strip {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 30px;
  padding: 4px 7px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-participant-strip > span {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 11px;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-participant-strip > div {
  display: flex;
  gap: 4px;
  align-items: center;
  min-width: 0;
  overflow: hidden;
}

.operation-participant-chip {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  max-width: 178px;
  min-height: 22px;
  padding: 0 6px;
  color: #263548;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-participant-icon {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: #0f766e;
}

.operation-participant-chip strong,
.operation-participant-chip em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-participant-chip strong {
  color: #172033;
  font-size: 12px;
  font-weight: 800;
}

.operation-participant-chip em {
  color: #64748b;
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
}

.operation-security-note {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 4px 7px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 720;
}

.operation-vault-package-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
}

.operation-vault-package-legend span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 8px;
  color: #263548;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
}

.operation-security-note svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: #0f766e;
}

.operation-security-badge {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  min-height: 18px;
  padding: 0 5px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 780;
  line-height: 1;
  white-space: nowrap;
}

.operation-security-badge svg {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
}

.operation-security-sealed {
  color: #14532d;
  background: #dcfce7;
  border-color: #86efac;
}

.operation-security-restricted,
.operation-security-internal-only {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-security-password-protected {
  color: #1e3a8a;
  background: #dbeafe;
  border-color: #93c5fd;
}

.operation-security-editable,
.operation-security-external-visible {
  color: #0f766e;
  background: #ecfeff;
  border-color: #99f6e4;
}

.operation-security-view-only {
  color: #475569;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.operation-vault-table {
  min-width: 1040px;
}

@media (max-width: 960px) {
  .operation-participant-strip {
    align-items: start;
    flex-direction: column;
  }

  .operation-participant-strip > div {
    flex-wrap: wrap;
    overflow: visible;
  }

  .operation-stage-cell,
  .operation-on-progress-cell {
    align-items: start;
    flex-direction: column;
    gap: 3px;
  }
}

/* Ticket 020 operational simplification pass */

.operation-operating-view {
  grid-template-columns: repeat(5, minmax(120px, 1fr));
}

.operation-operating-view div:nth-child(6) {
  grid-column: span 2;
}

.operation-operating-view ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-operating-view li {
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.72rem;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-requests-table {
  min-width: 720px;
}

.operation-request-cell .operation-request-number {
  justify-self: start;
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
  text-decoration: none;
}

.operation-timeline-layout {
  display: grid;
  min-width: 0;
}

.operation-timeline-table-wrap {
  min-width: 0;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-timeline-table {
  min-width: 820px;
}

.operation-timeline-table tbody tr {
  cursor: pointer;
}

.operation-ledger-row-marker {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  background: #0f766e;
  border-radius: 999px;
  box-shadow: 0 0 0 2px #ccfbf1;
  vertical-align: middle;
}

.operation-ledger-table td:nth-child(3) span:not(.operation-ledger-row-marker) {
  display: inline;
}

.operation-completion-indicator {
  position: relative;
  display: inline-grid;
  align-items: center;
  width: 88px;
  height: 18px;
  overflow: hidden;
  background: #edf2f7;
  border: 1px solid #c2cedb;
  border-radius: 4px;
}

.operation-completion-indicator > span {
  grid-area: 1 / 1;
  height: 100%;
  background: #99f6e4;
}

.operation-completion-indicator strong {
  position: relative;
  grid-area: 1 / 1;
  justify-self: center;
  color: #172033;
  font-size: 10px;
  font-weight: 860;
}

.operation-package-copy {
  margin: 0;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 720;
  line-height: 1.45;
}

@media (max-width: 960px) {
  .operation-operating-view,
  .operation-operating-view div:nth-child(6) {
    grid-template-columns: minmax(0, 1fr);
    grid-column: auto;
  }
}

/* Ticket 021 internal Engineering */

.internal-agent-page {
  display: grid;
  gap: 10px;
  min-width: 0;
  color: #172033;
}

.internal-agent-header {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 8px 10px;
  color: #ffffff;
  background: #172033;
  border-radius: 6px;
}

.internal-agent-header > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.internal-agent-header span,
.internal-agent-panel > header span,
.internal-agent-panel dt,
.internal-agent-generator label span,
.internal-agent-prompt label span {
  color: #aab9ca;
  font-size: 11px;
  font-weight: 840;
  letter-spacing: 0;
  text-transform: uppercase;
}

.internal-agent-header h1,
.internal-agent-header p,
.internal-agent-panel h2,
.internal-agent-panel p {
  margin: 0;
}

.internal-agent-header h1 {
  font-size: 18px;
  line-height: 1.1;
}

.internal-agent-header p {
  color: #dbe5ef;
  font-size: 13px;
  font-weight: 620;
}

.internal-agent-actions {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: end;
}

.internal-agent-primary,
.internal-agent-actions-menu summary {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.internal-agent-primary {
  color: #172033;
  background: #d69b2b;
  border: 1px solid #d69b2b;
}

.internal-agent-actions-menu {
  position: relative;
}

.internal-agent-actions-menu summary {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  list-style: none;
}

.internal-agent-actions-menu summary::-webkit-details-marker {
  display: none;
}

.internal-agent-actions-menu div {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 10;
  display: grid;
  min-width: 184px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 6px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
}

.internal-agent-actions-menu button {
  min-height: 26px;
  padding: 0 8px;
  color: #263548;
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 760;
  text-align: left;
  cursor: pointer;
}

.internal-agent-actions-menu button:hover,
.internal-agent-actions-menu button:focus-visible {
  color: #0f766e;
  background: #ecfeff;
  outline: none;
}

.internal-agent-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
  gap: 10px;
  min-width: 0;
}

.internal-agent-panel {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.internal-agent-panel > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  min-height: 24px;
}

.internal-agent-panel h2 {
  color: #172033;
  font-size: 13px;
  font-weight: 860;
}

.internal-agent-panel p {
  color: #475569;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.internal-agent-status dl,
.internal-agent-context dl,
.internal-agent-budget dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.internal-agent-status dl div,
.internal-agent-context dl div,
.internal-agent-budget dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px;
  background: #f8fafc;
}

.internal-agent-panel dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 13px;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.internal-agent-queue,
.internal-agent-source-memory,
.internal-agent-prompt,
.internal-agent-runs,
.internal-agent-foundation {
  grid-column: 1 / -1;
}

.internal-agent-table-wrap {
  min-width: 0;
  overflow: auto;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.internal-agent-table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
  font-size: 13px;
}

.internal-agent-table th,
.internal-agent-table td {
  height: 27px;
  padding: 4px 6px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  vertical-align: middle;
}

.internal-agent-table th {
  color: #64748b;
  background: #f8fafc;
  font-size: 11px;
  font-weight: 840;
  text-transform: uppercase;
}

.internal-agent-table td {
  color: #263548;
  font-weight: 620;
}

.internal-agent-state {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 820;
  white-space: nowrap;
}

.internal-agent-state-ready,
.internal-agent-state-in-progress {
  color: #0f766e;
  background: #ecfeff;
  border-color: #99f6e4;
}

.internal-agent-state-complete {
  color: #14532d;
  background: #dcfce7;
  border-color: #86efac;
}

.internal-agent-state-active,
.internal-agent-state-available,
.internal-agent-state-low,
.internal-agent-state-loaded,
.internal-agent-state-locked,
.internal-agent-state-published,
.internal-agent-state-ready {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.internal-agent-state-next,
.internal-agent-state-queued,
.internal-agent-state-planned,
.internal-agent-state-draft,
.internal-agent-state-high,
.internal-agent-state-manual,
.internal-agent-state-needs-decision,
.internal-agent-state-critical {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.internal-agent-state-backlog,
.internal-agent-state-deferred,
.internal-agent-state-medium,
.internal-agent-state-none,
.internal-agent-state-open,
.internal-agent-state-placeholder {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.internal-agent-state-needs-review {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.internal-agent-generator form {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(120px, 0.45fr);
  gap: 6px;
}

.internal-agent-prompt label,
.internal-agent-generator label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.internal-agent-generator label:nth-of-type(4),
.internal-agent-generator label:nth-of-type(5),
.internal-agent-generator label:nth-of-type(6),
.internal-agent-form-actions {
  grid-column: 1 / -1;
}

.internal-agent-prompt textarea,
.internal-agent-generator input,
.internal-agent-generator select,
.internal-agent-prompt-output {
  width: 100%;
  min-width: 0;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 6px;
}

.internal-agent-generator input,
.internal-agent-generator select {
  min-height: 30px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 680;
}

.internal-agent-prompt textarea {
  min-height: 88px;
  padding: 8px;
  font-size: 13px;
  font-weight: 640;
  resize: vertical;
}

.internal-agent-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.internal-agent-form-actions button {
  min-height: 28px;
  padding: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.internal-agent-form-actions button:hover,
.internal-agent-form-actions button:focus-visible {
  border-color: #0f766e;
  outline: none;
}

.internal-agent-form-actions .internal-agent-primary {
  color: #172033;
  background: #d69b2b;
  border-color: #d69b2b;
}

.internal-agent-prompt-output {
  min-height: 180px;
  overflow: auto;
  background: #f8fafc;
}

.internal-agent-prompt-output pre {
  margin: 0;
  padding: 8px;
  color: #263548;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
}

.internal-agent-checklist ul,
.internal-agent-drift ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.internal-agent-drift ul {
  grid-template-columns: minmax(0, 1fr);
}

.internal-agent-checklist li,
.internal-agent-drift li {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 0;
  min-height: 24px;
  color: #263548;
  font-size: 12px;
  font-weight: 720;
}

.internal-agent-checklist li span,
.internal-agent-drift li span {
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  background: #0f766e;
  border-radius: 999px;
}

.internal-agent-foundation p {
  padding: 6px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

@media (max-width: 980px) {
  .internal-agent-header,
  .internal-agent-grid,
  .internal-agent-status dl,
  .internal-agent-context dl,
  .internal-agent-budget dl,
  .internal-agent-checklist ul,
  .internal-agent-generator form {
    grid-template-columns: minmax(0, 1fr);
  }

  .internal-agent-header {
    display: grid;
    align-items: start;
  }

  .internal-agent-actions {
    justify-content: start;
  }
}

/* Ticket 034 internal Engineering work queue and budget controls */

.internal-agent-workspace-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr);
  align-items: start;
}

.internal-agent-projects,
.internal-agent-next-ticket,
.internal-agent-capture-decision {
  grid-column: 1 / -1;
}

.internal-agent-work-queue-table {
  min-width: 980px;
}

.internal-agent-project-table {
  min-width: 1120px;
}

.internal-agent-estimate dl,
.internal-agent-modes dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.internal-agent-estimate dl div,
.internal-agent-modes dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px;
  background: #f8fafc;
}

.internal-agent-budget p {
  padding: 7px 8px;
  color: #713f12;
  background: #fff7e6;
  border: 1px solid #f1d18a;
  border-radius: 5px;
  font-weight: 780;
}

.internal-agent-priority {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 820;
  white-space: nowrap;
}

.internal-agent-priority-high {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.internal-agent-priority-medium {
  color: #0f4d57;
  background: #ecfeff;
  border-color: #99f6e4;
}

.internal-agent-priority-low {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.internal-agent-state-backlog,
.internal-agent-state-paused,
.internal-agent-state-not-in-repo {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.internal-agent-state-active,
.internal-agent-state-next,
.internal-agent-state-loaded {
  color: #0f766e;
  background: #ecfeff;
  border-color: #99f6e4;
}

.internal-agent-mode-switch {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.internal-agent-mode-switch button {
  min-height: 28px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.internal-agent-mode-switch button[aria-selected="true"] {
  color: #083344;
  background: #ccfbf1;
  border-color: #5eead4;
}

.internal-agent-mode-switch button:hover,
.internal-agent-mode-switch button:focus-visible {
  border-color: #0f766e;
  outline: none;
}

.internal-agent-capture-decision form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.internal-agent-capture-decision label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.internal-agent-capture-decision label:nth-of-type(1),
.internal-agent-capture-decision label:nth-of-type(2),
.internal-agent-capture-decision .internal-agent-form-actions {
  grid-column: 1 / -1;
}

.internal-agent-capture-decision input,
.internal-agent-capture-decision select,
.internal-agent-capture-decision textarea,
.internal-agent-captured-output {
  width: 100%;
  min-width: 0;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 6px;
}

.internal-agent-capture-decision input,
.internal-agent-capture-decision select {
  min-height: 30px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 680;
}

.internal-agent-capture-decision textarea {
  min-height: 72px;
  padding: 8px;
  font-size: 13px;
  font-weight: 640;
  resize: vertical;
}

.internal-agent-captured-output {
  min-height: 120px;
  overflow: auto;
  background: #f8fafc;
}

.internal-agent-captured-output pre {
  margin: 0;
  padding: 8px;
  color: #263548;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
}

/* Ticket 035 Engineering intelligence layer */

.internal-agent-daily-brief,
.internal-agent-priority-engine,
.internal-agent-decision-memory {
  grid-column: 1 / -1;
}

.internal-agent-daily-brief {
  border-left: 4px solid #d69b2b;
}

.internal-agent-daily-brief dl {
  display: grid;
  grid-template-columns: minmax(160px, 0.55fr) minmax(0, 1fr);
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.internal-agent-daily-brief dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px;
  background: #f8fafc;
}

.internal-agent-daily-brief dl div:nth-child(2),
.internal-agent-daily-brief dl div:nth-child(4),
.internal-agent-daily-brief dl div:nth-child(5) {
  grid-column: 1 / -1;
}

.internal-agent-daily-brief .internal-agent-primary {
  justify-self: start;
}

.internal-agent-workstream-selector,
.internal-agent-start-session,
.internal-agent-automation-roadmap {
  grid-column: 1 / -1;
}

.internal-agent-workstream-selector {
  border-left: 4px solid #0f766e;
}

.internal-agent-workstream-selector label {
  display: grid;
  grid-template-columns: minmax(160px, 0.28fr) minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 0;
}

.internal-agent-workstream-selector label span {
  color: #334155;
  font-size: 11px;
  font-weight: 860;
  text-transform: uppercase;
}

.internal-agent-workstream-selector select {
  width: 100%;
  min-width: 0;
  min-height: 30px;
  padding: 0 8px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 720;
}

.internal-agent-workstream-selector dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.internal-agent-workstream-selector dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px;
  background: #f8fafc;
}

.internal-agent-workstream-selector dl div:nth-child(3),
.internal-agent-workstream-selector dl div:nth-child(4) {
  grid-column: 1 / -1;
}

.internal-agent-experience-selector dl div:nth-child(5) {
  grid-column: 1 / -1;
}

.internal-agent-start-session {
  border-left: 4px solid #d69b2b;
}

.internal-agent-start-session ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: internal-agent-start-session;
}

.internal-agent-start-session li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 34px;
  padding: 5px 7px;
  color: #263548;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 720;
  counter-increment: internal-agent-start-session;
}

.internal-agent-start-session li::before {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: #172033;
  background: #fef3c7;
  border: 1px solid #f8d78b;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 860;
  content: counter(internal-agent-start-session);
}

.internal-agent-automation-roadmap {
  border-left: 4px solid #172033;
}

.internal-agent-automation-roadmap li {
  grid-template-columns: minmax(140px, 0.35fr) auto minmax(0, 1fr);
}

.internal-agent-automation-roadmap li em {
  min-width: 0;
  overflow: hidden;
  color: #475569;
  font-size: 12px;
  font-style: normal;
  font-weight: 680;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.internal-agent-priority-table {
  min-width: 1040px;
}

.internal-agent-priority-critical {
  color: #713f12;
  background: #fef3c7;
  border-color: #d69b2b;
}

.internal-agent-state-locked {
  color: #0f4d57;
  background: #ecfeff;
  border-color: #99f6e4;
}

.internal-agent-state-current {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.internal-agent-state-future {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.internal-agent-drift-monitor {
  border-left: 4px solid #0f766e;
}

.internal-agent-drift-monitor ul,
.internal-agent-do-not-reopen ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.internal-agent-drift-monitor li,
.internal-agent-do-not-reopen li {
  display: flex;
  gap: 7px;
  align-items: center;
  min-width: 0;
  min-height: 26px;
  padding: 5px 7px;
  color: #263548;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 720;
}

.internal-agent-drift-monitor li span,
.internal-agent-do-not-reopen li span {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  background: #0f766e;
  border-radius: 999px;
}

.internal-agent-drift-result {
  display: grid;
  gap: 3px;
  padding: 7px;
  background: #fff7e6;
  border: 1px solid #f1d18a;
  border-radius: 5px;
}

.internal-agent-drift-result strong {
  color: #172033;
  font-size: 12px;
  font-weight: 860;
}

.internal-agent-drift-result p {
  color: #713f12;
}

.internal-agent-decision-table {
  min-width: 960px;
}

.internal-agent-do-not-reopen {
  border-left: 4px solid #172033;
}

.internal-agent-roadmap ol {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.internal-agent-roadmap li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 6px 7px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.internal-agent-roadmap li strong {
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-size: 12px;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.internal-agent-roadmap li span {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 820;
  white-space: nowrap;
}

.internal-agent-roadmap-complete span {
  color: #0f766e;
  background: #ecfeff;
  border-color: #99f6e4;
}

.internal-agent-roadmap-current span {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.internal-agent-roadmap-next span {
  color: #172033;
  background: #fff7e6;
  border-color: #f1d18a;
}

.internal-agent-roadmap-future span {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.internal-agent-secondary {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.internal-agent-secondary:hover,
.internal-agent-secondary:focus-visible {
  background: rgba(255, 255, 255, 0.2);
  outline: none;
}

.internal-agent-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(15, 23, 42, 0.42);
}

.internal-agent-modal {
  display: grid;
  gap: 10px;
  width: min(680px, 100%);
  max-height: min(760px, calc(100vh - 36px));
  overflow: auto;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 8px;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.24);
}

.internal-agent-modal > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
}

.internal-agent-modal h2 {
  margin: 0;
  color: #172033;
  font-size: 15px;
  font-weight: 880;
}

.internal-agent-modal > header button {
  display: inline-grid;
  place-items: center;
  width: 28px;
  min-height: 28px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}

.internal-agent-modal form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.internal-agent-modal label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.internal-agent-modal label:nth-of-type(1),
.internal-agent-modal label:nth-of-type(2),
.internal-agent-modal footer {
  grid-column: 1 / -1;
}

.internal-agent-modal label span {
  color: #334155;
  font-size: 11px;
  font-weight: 860;
  text-transform: uppercase;
}

.internal-agent-modal input,
.internal-agent-modal select,
.internal-agent-modal textarea {
  width: 100%;
  min-width: 0;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 650;
}

.internal-agent-modal input,
.internal-agent-modal select {
  min-height: 30px;
  padding: 0 8px;
}

.internal-agent-modal textarea {
  min-height: 84px;
  padding: 8px;
  resize: vertical;
}

.internal-agent-modal footer {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.internal-agent-modal footer button {
  min-height: 28px;
  padding: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.internal-agent-modal footer .internal-agent-primary {
  color: #172033;
  background: #d69b2b;
  border-color: #d69b2b;
}

/* Ticket 039 Ledger Story View */

.operation-ledger-story-layout {
  gap: 6px;
}

.operation-ledger-story-purpose {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 7px 8px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-left: 4px solid #0f766e;
  border-radius: 6px;
}

.operation-ledger-story-purpose div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-ledger-story-purpose strong {
  color: #172033;
  font-size: 0.76rem;
  font-weight: 900;
}

.operation-ledger-story-purpose span {
  color: #475569;
  font-size: 0.68rem;
  font-weight: 700;
}

.operation-ledger-story-purpose em {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  color: #134e4a;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 999px;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 860;
  text-transform: uppercase;
  white-space: nowrap;
}

.operation-ledger-story-table-wrap {
  min-width: 0;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-ledger-story-table {
  min-width: 1120px;
  font-size: 0.66rem;
}

.operation-ledger-story-table th,
.operation-ledger-story-table td {
  height: 28px;
  padding: 4px 7px;
  vertical-align: top;
}

.operation-ledger-story-table th:nth-child(1),
.operation-ledger-story-table td:nth-child(1) {
  width: 130px;
}

.operation-ledger-story-table th:nth-child(2),
.operation-ledger-story-table td:nth-child(2) {
  width: 126px;
}

.operation-ledger-story-table th:nth-child(4),
.operation-ledger-story-table td:nth-child(4) {
  width: 150px;
}

.operation-ledger-story-table th:nth-child(5),
.operation-ledger-story-table td:nth-child(5),
.operation-ledger-story-table th:nth-child(6),
.operation-ledger-story-table td:nth-child(6) {
  width: 118px;
}

.operation-ledger-story-group-row td {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 27px;
  padding: 5px 7px;
  color: #172033;
  background: #f8fafc;
  border-top: 1px solid #d7e0ea;
  border-bottom: 1px solid #d7e0ea;
  font-weight: 860;
}

.operation-ledger-story-group-row span {
  min-width: 0;
  overflow: hidden;
  color: #475569;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-ledger-story-row td {
  border-bottom: 1px solid #edf2f7;
}

.operation-ledger-story-row:hover td {
  background: #fbfdfd;
}

.operation-ledger-story-time {
  position: relative;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 6px;
  align-items: start;
  min-width: 0;
}

.operation-ledger-story-time::before {
  position: absolute;
  top: -12px;
  bottom: -18px;
  left: 5px;
  width: 1px;
  background: #d7e0ea;
  content: "";
}

.operation-ledger-story-time span {
  position: relative;
  z-index: 1;
  width: 11px;
  height: 11px;
  margin-top: 2px;
  background: #0f766e;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #99f6e4;
}

.operation-ledger-story-time time {
  min-width: 0;
  overflow: hidden;
  color: #475569;
  font-size: 0.62rem;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-ledger-story-event {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-ledger-story-event strong,
.operation-ledger-story-event span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.operation-ledger-story-event strong {
  color: #172033;
  font-size: 0.7rem;
  font-weight: 860;
  white-space: nowrap;
}

.operation-ledger-story-event span {
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 680;
  white-space: normal;
}

.operation-ledger-memory-type,
.operation-ledger-package-link {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  max-width: 100%;
  padding: 0 6px;
  overflow: hidden;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  font-size: 0.56rem;
  font-weight: 860;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.operation-ledger-memory-contribution {
  color: #134e4a;
  background: #ecfeff;
  border-color: #99f6e4;
}

.operation-ledger-memory-evidence {
  color: #14532d;
  background: #dcfce7;
  border-color: #86efac;
}

.operation-ledger-memory-request,
.operation-ledger-memory-response {
  color: #334155;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.operation-ledger-memory-decision,
.operation-ledger-memory-authorization {
  color: #713f12;
  background: #fff7e6;
  border-color: #f1d18a;
}

.operation-ledger-memory-package {
  color: #172033;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-ledger-memory-agent-action {
  color: #0f766e;
  background: #f0fdfa;
  border-color: #5eead4;
}

.operation-ledger-package-research {
  color: #334155;
  background: #f8fafc;
}

.operation-ledger-package-scope {
  color: #0f4d57;
  background: #ecfeff;
  border-color: #99f6e4;
}

.operation-ledger-package-evidence {
  color: #14532d;
  background: #dcfce7;
  border-color: #86efac;
}

.operation-ledger-package-authorization {
  color: #713f12;
  background: #fff7e6;
  border-color: #f1d18a;
}

.operation-ledger-package-procurement {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-ledger-package-closeout,
.operation-ledger-package-completion {
  color: #134e4a;
  background: #ccfbf1;
  border-color: #5eead4;
}

.operation-ledger-package-none {
  color: #64748b;
  background: #f8fafc;
  border-color: #d7e0ea;
}

.operation-ledger-story-panel {
  border-left: 4px solid #0f766e;
}

.operation-ledger-story-panel > header p {
  margin: 2px 0 0;
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 680;
}

.operation-ledger-story-panel ol {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-ledger-story-panel li {
  position: relative;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-width: 0;
  min-height: 32px;
  padding: 5px 6px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-ledger-story-panel li::before {
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: 13px;
  width: 1px;
  background: #d7e0ea;
  content: "";
}

.operation-ledger-story-panel li > span {
  position: relative;
  z-index: 1;
  width: 11px;
  height: 11px;
  background: #0f766e;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #99f6e4;
}

.operation-ledger-story-panel li > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-ledger-story-panel strong,
.operation-ledger-story-panel em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.operation-ledger-story-panel li strong {
  color: #172033;
  font-size: 0.72rem;
  font-weight: 860;
  white-space: nowrap;
}

.operation-ledger-story-panel li em {
  color: #64748b;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 680;
  white-space: nowrap;
}

/* Ticket 036 Agent Work Review Loop */

.internal-agent-daily-review,
.internal-agent-recommended-work,
.internal-agent-open-questions,
.internal-agent-drift-warnings,
.internal-agent-recent-decisions,
.internal-agent-daily-brief-output,
.internal-agent-review-log {
  grid-column: 1 / -1;
}

.internal-agent-daily-review {
  border-left: 4px solid #0f766e;
}

.internal-agent-recommended-work {
  border-left: 4px solid #d69b2b;
}

.internal-agent-daily-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.internal-agent-daily-controls button {
  min-height: 28px;
  padding: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.internal-agent-daily-controls button:hover,
.internal-agent-daily-controls button:focus-visible {
  border-color: #0f766e;
  outline: none;
}

.internal-agent-daily-controls .internal-agent-primary {
  color: #172033;
  background: #d69b2b;
  border-color: #d69b2b;
}

.internal-agent-daily-controls p {
  flex: 1 1 420px;
  min-width: 260px;
  padding: 7px 8px;
  color: #713f12;
  background: #fff7e6;
  border: 1px solid #f1d18a;
  border-radius: 5px;
  font-weight: 760;
}

.internal-agent-daily-review-table {
  min-width: 900px;
}

.internal-agent-recommended-work-table,
.internal-agent-open-questions-table,
.internal-agent-drift-warning-table {
  min-width: 1040px;
}

.internal-agent-review-log-table {
  min-width: 760px;
}

.internal-agent-state-needs-decision,
.internal-agent-state-open {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.internal-agent-state-deferred {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.internal-agent-recent-decisions ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.internal-agent-recent-decisions li {
  display: flex;
  gap: 7px;
  align-items: center;
  min-width: 0;
  min-height: 28px;
  padding: 5px 7px;
  color: #263548;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 720;
}

.internal-agent-recent-decisions li span {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  background: #0f766e;
  border-radius: 999px;
}

.internal-agent-daily-brief-output .internal-agent-prompt-output {
  min-height: 210px;
}

/* Ticket 037 internal agent playbooks and handoff */

.internal-agent-playbooks,
.internal-agent-handoff,
.internal-agent-request-launcher,
.internal-agent-usage-guide,
.internal-agent-budget-defaults {
  grid-column: 1 / -1;
}

.internal-agent-playbooks {
  border-left: 4px solid #172033;
}

.internal-agent-handoff {
  border-left: 4px solid #0f766e;
}

.internal-agent-playbook-table {
  min-width: 1240px;
}

.internal-agent-budget-default-table {
  min-width: 720px;
}

.internal-agent-handoff-output {
  min-height: 260px;
}

.internal-agent-request-launcher form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.internal-agent-request-launcher label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.internal-agent-request-launcher label span {
  color: #334155;
  font-size: 11px;
  font-weight: 860;
  text-transform: uppercase;
}

.internal-agent-request-launcher label:nth-of-type(5),
.internal-agent-request-launcher .internal-agent-form-actions {
  grid-column: 1 / -1;
}

.internal-agent-request-launcher input,
.internal-agent-request-launcher select,
.internal-agent-request-launcher textarea {
  width: 100%;
  min-width: 0;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 650;
}

.internal-agent-request-launcher input,
.internal-agent-request-launcher select {
  min-height: 30px;
  padding: 0 8px;
}

.internal-agent-request-launcher textarea {
  min-height: 78px;
  padding: 8px;
  resize: vertical;
}

.internal-agent-usage-guide ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: internal-agent-usage;
}

.internal-agent-usage-guide li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 30px;
  padding: 5px 7px;
  color: #263548;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 720;
  counter-increment: internal-agent-usage;
}

.internal-agent-usage-guide li::before {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: #172033;
  background: #fef3c7;
  border: 1px solid #f8d78b;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 860;
  content: counter(internal-agent-usage);
}

/* Ticket 038 Company HQ workspace */

.internal-agent-security-labels,
.internal-hq-scope-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

.internal-agent-security-labels span,
.internal-hq-scope-flags span {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  color: #172033;
  background: #fef3c7;
  border: 1px solid #f8d78b;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 860;
  text-transform: uppercase;
}

.internal-agent-header .internal-agent-security-labels span {
  color: #172033;
}

.internal-hq-purpose,
.internal-hq-platform-map,
.internal-hq-dashboard,
.internal-hq-nav,
.internal-hq-workspace,
.internal-memory-engine,
.internal-marketing-positioning,
.internal-marketing-content,
.internal-marketing-website,
.internal-marketing-competitive,
.internal-marketing-targets,
.internal-marketing-future,
.internal-hq-workstreams,
.internal-hq-agents,
.internal-hq-reports,
.internal-hq-priorities,
.internal-hq-decisions,
.internal-hq-budget,
.internal-hq-agent-placeholder {
  grid-column: 1 / -1;
}

.internal-hq-purpose,
.internal-hq-platform-map,
.internal-hq-agent-placeholder {
  border-left: 4px solid #0f766e;
}

.internal-hq-dashboard {
  border-left: 4px solid #d69b2b;
}

.internal-marketing-dashboard,
.internal-marketing-positioning,
.internal-memory-engine,
.internal-marketing-memory {
  border-left: 4px solid #0f766e;
}

.internal-hq-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.internal-hq-dashboard-grid article {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.internal-hq-dashboard-grid article:first-child {
  grid-column: 1 / -1;
}

.internal-hq-dashboard-grid article > header,
.internal-hq-nav-grid article > header,
.internal-hq-workspace-grid article > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.internal-hq-dashboard-grid h3,
.internal-hq-nav-grid h3,
.internal-hq-workspace-grid h3 {
  margin: 0;
  color: #172033;
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1.2;
}

.internal-hq-dashboard-grid article > header span {
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 860;
}

.internal-hq-dashboard-table {
  min-width: 620px;
}

.internal-hq-dashboard-table td:first-child {
  min-width: 260px;
}

.internal-hq-dashboard-table td:first-child strong,
.internal-hq-dashboard-table td:first-child span {
  display: block;
  min-width: 0;
}

.internal-hq-dashboard-table td:first-child strong {
  color: #172033;
  font-size: 0.8rem;
  font-weight: 880;
}

.internal-hq-dashboard-table td:first-child span {
  margin-top: 2px;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.28;
}

.internal-hq-nav-grid {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.internal-hq-nav-grid article {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 92px;
  padding: 8px;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #f8fafc;
}

.internal-hq-nav-grid p {
  margin: 0;
  color: #475569;
  font-size: 0.73rem;
  font-weight: 650;
  line-height: 1.35;
}

.internal-hq-nav-grid a {
  display: inline-flex;
  color: inherit;
  text-decoration: none;
}

.internal-hq-nav-grid a:hover,
.internal-hq-nav-grid a:focus-visible {
  color: #0f766e;
  outline: none;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.internal-hq-platform-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.internal-hq-platform-grid article {
  display: grid;
  grid-template-rows: auto minmax(42px, auto) 1fr;
  gap: 8px;
  min-width: 0;
  padding: 9px;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #f8fafc;
}

.internal-hq-platform-grid article > header {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.internal-hq-platform-grid h3 {
  margin: 0;
  color: #172033;
  font-size: 0.9rem;
  font-weight: 900;
}

.internal-hq-platform-grid article > header span {
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 850;
}

.internal-hq-platform-grid p {
  margin: 0;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 680;
  line-height: 1.35;
}

.internal-hq-platform-grid dl {
  display: grid;
  gap: 1px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  background: #d7e0ea;
}

.internal-hq-platform-grid dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px;
  background: #ffffff;
}

.internal-hq-platform-grid dd {
  overflow: hidden;
  text-overflow: ellipsis;
}

.internal-hq-workspace-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.internal-hq-workspace-grid article {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 112px;
  padding: 8px;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #f8fafc;
}

.internal-hq-workspace-grid p {
  margin: 0;
  color: #334155;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.38;
}

.internal-hq-workspace-grid small {
  align-self: end;
  color: #0f766e;
  font-size: 0.7rem;
  font-weight: 840;
}

.internal-marketing-positioning-summary {
  display: grid;
  grid-template-columns: minmax(160px, 0.32fr) repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  background: #d7e0ea;
}

.internal-marketing-positioning-summary div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px;
  background: #f8fafc;
}

.internal-marketing-positioning-summary dd {
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.84rem;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.internal-marketing-content-table {
  min-width: 980px;
}

.internal-marketing-website-table,
.internal-marketing-future-table {
  min-width: 640px;
}

.internal-marketing-competitive-table,
.internal-marketing-target-table {
  min-width: 1280px;
}

.internal-marketing-content-table td:first-child,
.internal-marketing-website-table td:first-child,
.internal-marketing-competitive-table td:first-child,
.internal-marketing-target-table td:first-child,
.internal-marketing-future-table td:first-child {
  color: #0f766e;
  font-weight: 850;
}

.internal-marketing-future p {
  margin: 0;
  padding: 7px 8px;
  color: #713f12;
  background: #fff7e6;
  border: 1px solid #f1d18a;
  border-radius: 5px;
  font-weight: 760;
}

.internal-memory-engine > header {
  align-items: start;
}

.internal-memory-engine > header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.internal-memory-purpose {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(12, 116, 119, 0.18);
  border-left: 4px solid #0f766e;
  border-radius: 6px;
  background: rgba(12, 116, 119, 0.06);
}

.internal-memory-purpose strong {
  color: #172033;
  font-size: 0.78rem;
  font-weight: 900;
}

.internal-memory-purpose p {
  margin: 0;
  color: #334155;
  font-size: 0.8rem;
  font-weight: 680;
  line-height: 1.4;
}

.internal-memory-subsection {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.internal-memory-subsection > header,
.internal-memory-build-agent-note > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.internal-memory-subsection h3,
.internal-memory-build-agent-note h3 {
  margin: 0;
  color: #172033;
  font-size: 0.86rem;
  font-weight: 900;
}

.internal-memory-subsection > header span,
.internal-memory-build-agent-note > header span {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 850;
  text-transform: uppercase;
}

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

.internal-memory-category-grid article {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 96px;
  padding: 8px;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #f8fafc;
}

.internal-memory-category-grid article > header {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.internal-memory-category-grid h4 {
  margin: 0;
  color: #172033;
  font-size: 0.8rem;
  font-weight: 900;
}

.internal-memory-category-grid p {
  margin: 0;
  color: #475569;
  font-size: 0.74rem;
  font-weight: 650;
  line-height: 1.35;
}

.internal-memory-decision-table,
.internal-memory-registry-table,
.internal-memory-research-table,
.internal-memory-insight-table {
  min-width: 1080px;
}

.internal-memory-roadmap-table {
  min-width: 620px;
}

.internal-memory-decision-table td:nth-child(2),
.internal-memory-registry-table td:first-child,
.internal-memory-research-table td:first-child,
.internal-memory-insight-table td:first-child,
.internal-memory-roadmap-table td:first-child {
  color: #0f766e;
  font-weight: 850;
}

.internal-memory-do-not-reopen {
  border-top: 2px solid #d69b2b;
  padding-top: 8px;
}

.internal-memory-build-agent-note {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #f1d18a;
  border-left: 4px solid #d69b2b;
  border-radius: 6px;
  background: #fff7e6;
}

.internal-memory-build-agent-note p {
  margin: 0;
  color: #713f12;
  font-size: 0.8rem;
  font-weight: 760;
}

.internal-memory-build-agent-note ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.internal-memory-build-agent-note li {
  display: flex;
  gap: 7px;
  align-items: center;
  min-height: 32px;
  padding: 6px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #f1d18a;
  border-radius: 5px;
  font-size: 0.76rem;
  font-weight: 820;
}

.internal-memory-build-agent-note li span {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #0f766e;
}

.internal-hq-workstream-table,
.internal-hq-priority-table,
.internal-hq-decision-table,
.internal-hq-report-table {
  min-width: 980px;
}

.internal-hq-agent-table {
  min-width: 1280px;
}

.internal-hq-budget dl,
.internal-hq-agent-placeholder dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.internal-hq-budget dl div,
.internal-hq-agent-placeholder dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px;
  background: #f8fafc;
}

.internal-hq-agent-placeholder dl div:nth-child(1),
.internal-hq-agent-placeholder dl div:nth-child(2) {
  grid-column: span 2;
}

.internal-hq-budget p,
.internal-hq-agent-placeholder p {
  padding: 7px 8px;
  color: #713f12;
  background: #fff7e6;
  border: 1px solid #f1d18a;
  border-radius: 5px;
  font-weight: 760;
}

.internal-agent-state-placeholder {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

@media (max-width: 980px) {
  .internal-agent-workspace-grid,
  .internal-agent-estimate dl,
  .internal-agent-mode-switch,
  .internal-agent-capture-decision form,
  .internal-agent-request-launcher form,
  .internal-agent-workstream-selector label,
  .internal-agent-workstream-selector dl,
  .internal-agent-start-session ol,
  .internal-hq-dashboard-grid,
  .internal-hq-nav-grid,
  .internal-hq-platform-grid,
  .internal-hq-workspace-grid,
  .internal-memory-category-grid,
  .internal-memory-build-agent-note ul,
  .internal-marketing-positioning-summary,
  .internal-hq-budget dl,
  .internal-hq-agent-placeholder dl,
  .internal-agent-daily-brief dl,
  .internal-agent-drift-monitor ul,
  .internal-agent-do-not-reopen ul,
  .internal-agent-recent-decisions ul,
  .internal-agent-usage-guide ol,
  .internal-agent-modal form {
    grid-template-columns: minmax(0, 1fr);
  }

  .internal-agent-capture-decision label:nth-of-type(1),
  .internal-agent-capture-decision label:nth-of-type(2),
  .internal-agent-capture-decision .internal-agent-form-actions,
  .internal-agent-request-launcher label:nth-of-type(5),
  .internal-agent-request-launcher .internal-agent-form-actions,
  .internal-agent-workstream-selector dl div:nth-child(3),
  .internal-agent-workstream-selector dl div:nth-child(4),
  .internal-agent-experience-selector dl div:nth-child(5),
  .internal-hq-agent-placeholder dl div:nth-child(1),
  .internal-hq-agent-placeholder dl div:nth-child(2),
  .internal-agent-daily-brief dl div:nth-child(2),
  .internal-agent-daily-brief dl div:nth-child(4),
  .internal-agent-daily-brief dl div:nth-child(5),
  .internal-agent-modal label:nth-of-type(1),
  .internal-agent-modal label:nth-of-type(2),
  .internal-agent-modal footer {
    grid-column: auto;
  }
}

/* Ticket 022 VU Coordinator layer */

.operation-vu-coordinator {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
  gap: 6px;
  min-width: 0;
  padding: 7px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-left: 4px solid #0f766e;
  border-radius: 6px;
}

.operation-vu-coordinator-needs-attention {
  border-left-color: #b7791f;
}

.operation-vu-coordinator-watching {
  border-left-color: #64748b;
}

.operation-vu-coordinator-main,
.operation-vu-coordinator-side {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.operation-vu-coordinator-main > header {
  display: flex;
  gap: 8px;
  align-items: start;
  justify-content: space-between;
  min-width: 0;
}

.operation-vu-coordinator-main > header > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.operation-vu-title,
.operation-vu-coordinator-detail dt,
.operation-vu-coordinator-side span {
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 0.6rem;
  font-weight: 860;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.operation-vu-coordinator-main h3 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.88rem;
  font-weight: 900;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vu-coordinator-main > header > strong {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  color: #0f766e;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 4px;
  font-size: 0.66rem;
  font-weight: 860;
  white-space: nowrap;
}

.operation-vu-coordinator-needs-attention .operation-vu-coordinator-main > header > strong {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-vu-coordinator-watching .operation-vu-coordinator-main > header > strong {
  color: #334155;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.operation-vu-coordinator-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.8fr) minmax(170px, 0.7fr);
  gap: 1px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-vu-coordinator-detail > div,
.operation-vu-side-block,
.operation-vu-proceed,
.operation-vu-confidence {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 6px;
  background: #f8fafc;
}

.operation-vu-coordinator-detail dd {
  min-width: 0;
  margin: 0;
  color: #263548;
  font-size: 0.72rem;
  font-weight: 720;
  line-height: 1.35;
}

.operation-vu-coordinator-detail ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-vu-coordinator-detail li {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vu-coordinator-side {
  padding: 6px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-vu-confidence {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-vu-confidence strong {
  color: #0f766e;
  font-size: 1rem;
  font-weight: 920;
  line-height: 1;
}

.operation-vu-side-block,
.operation-vu-proceed {
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-vu-side-block p {
  min-width: 0;
  margin: 0;
  color: #172033;
  font-size: 0.72rem;
  font-weight: 740;
  line-height: 1.35;
}

.operation-vu-proceed {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.operation-vu-proceed strong {
  min-width: 0;
  color: #172033;
  font-size: 0.72rem;
  font-weight: 860;
  text-align: right;
}

.operation-vu-request-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

.operation-vu-request-summary span {
  min-height: 22px;
  padding: 4px 5px;
  color: #263548;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 4px;
  font-size: 0.64rem;
  line-height: 1.2;
  text-transform: none;
  white-space: normal;
}

.operation-vu-coordinator-side footer {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

.operation-vu-coordinator-side footer .operation-primary-button,
.operation-vu-actions-menu summary {
  min-height: 26px;
  padding: 0 8px;
  font-size: 0.68rem;
}

@media (max-width: 1080px) {
  .operation-vu-coordinator,
  .operation-vu-coordinator-detail {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .operation-vu-coordinator-main > header,
  .operation-vu-request-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-vu-coordinator-main > header {
    display: grid;
  }

  .operation-vu-proceed,
  .operation-vu-confidence {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-vu-proceed strong {
    text-align: left;
  }
}

/* Ticket 023 ON# Coordination Control Tower */

.operation-detail-record {
  grid-template-rows: auto auto auto auto;
  gap: 7px;
}

.operation-detail-header {
  grid-template-columns: auto minmax(230px, 1fr) minmax(430px, 1.15fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 48px;
  padding: 7px 8px;
}

.operation-detail-title p {
  font-size: 0.7rem;
}

.operation-detail-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(92px, 1fr));
  gap: 4px;
}

.operation-detail-meta div {
  gap: 2px;
  min-height: 34px;
  padding: 4px 6px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-detail-meta dt {
  overflow: hidden;
  font-size: 0.57rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-detail-meta dd {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  font-size: 0.7rem;
  font-weight: 860;
}

.operation-detail-actions {
  gap: 5px;
}

.operation-detail-actions .operation-primary-button,
.operation-detail-actions .operation-actions-menu summary {
  min-height: 28px;
  padding: 0 9px;
  font-size: 0.7rem;
}

.operation-eof-rail {
  min-height: 35px;
  padding: 6px 8px;
  border-radius: 6px;
}

.operation-eof-stage {
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 4px;
}

.operation-eof-stage:not(:last-child)::after {
  right: 6px;
  left: 24px;
}

.operation-eof-seal {
  width: 18px;
  height: 18px;
  font-size: 0.54rem;
}

.operation-eof-stage strong {
  font-size: 0.6rem;
}

.operation-control-tower {
  display: grid;
  grid-template-areas:
    "map vu"
    "work work"
    "attention movement";
  grid-template-columns: minmax(0, 1.4fr) minmax(285px, 0.78fr);
  gap: 7px;
  min-width: 0;
}

.operation-coordination-map,
.operation-active-work,
.operation-needs-attention,
.operation-recent-movement,
.operation-vu-coordinator {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 6px;
}

.operation-coordination-map {
  grid-area: map;
}

.operation-vu-coordinator {
  grid-area: vu;
}

.operation-active-work {
  grid-area: work;
}

.operation-needs-attention {
  grid-area: attention;
}

.operation-recent-movement {
  grid-area: movement;
}

.operation-coordination-map > header,
.operation-active-work > header,
.operation-needs-attention > header,
.operation-recent-movement > header,
.operation-vu-coordinator > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  padding: 5px 7px;
  border-bottom: 1px solid #d7e0ea;
}

.operation-coordination-map > header span,
.operation-active-work > header span,
.operation-needs-attention > header span,
.operation-recent-movement > header span,
.operation-vu-coordinator > header span,
.operation-vu-action-list dt {
  overflow: hidden;
  color: #64748b;
  font-size: 0.6rem;
  font-weight: 860;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.operation-coordination-map > header strong,
.operation-active-work > header strong,
.operation-needs-attention > header strong,
.operation-recent-movement > header strong,
.operation-vu-coordinator > header strong {
  color: #172033;
  font-size: 0.7rem;
  font-weight: 860;
}

.operation-coordination-map-canvas {
  position: relative;
  display: grid;
  grid-template-areas:
    "supplier . decision"
    ". center ."
    "operations package vu";
  grid-template-columns: minmax(120px, 1fr) minmax(105px, 0.78fr) minmax(120px, 1fr);
  grid-template-rows: auto minmax(54px, auto) auto;
  gap: 6px;
  min-height: 178px;
  padding: 8px;
  overflow: hidden;
  background: #f8fafc;
}

.operation-coordination-map-canvas::before,
.operation-coordination-map-canvas::after {
  position: absolute;
  inset: 50% 12%;
  height: 1px;
  content: "";
  background: #c2cedb;
}

.operation-coordination-map-canvas::after {
  inset: 12% 50%;
  width: 1px;
  height: auto;
}

.operation-map-node,
.operation-map-center {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-left: 3px solid #0f766e;
  border-radius: 5px;
}

.operation-map-center {
  grid-area: center;
  place-items: center;
  align-self: center;
  min-height: 48px;
  color: #ffffff;
  background: #172033;
  border-color: #172033;
  border-left-color: #d69b2b;
  text-align: center;
}

.operation-map-center strong,
.operation-map-node strong {
  min-width: 0;
  overflow: hidden;
  font-size: 0.74rem;
  font-weight: 880;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-map-center span,
.operation-map-node span,
.operation-map-node em {
  min-width: 0;
  overflow: hidden;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 740;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-map-node span {
  color: #475569;
}

.operation-map-node em {
  color: #0f766e;
}

.operation-map-node-supplier {
  grid-area: supplier;
}

.operation-map-node-operations {
  grid-area: operations;
}

.operation-map-node-decision {
  grid-area: decision;
}

.operation-map-node-vu {
  grid-area: vu;
}

.operation-map-node-package {
  grid-area: package;
}

.operation-map-state-waiting {
  border-left-color: #d69b2b;
}

.operation-map-state-waiting em {
  color: #8a5b10;
}

.operation-map-state-needs-attention {
  border-left-color: #b7791f;
}

.operation-map-state-needs-attention em {
  color: #713f12;
}

.operation-map-state-complete {
  border-left-color: #16a34a;
}

.operation-map-state-complete em {
  color: #14532d;
}

.operation-map-state-monitoring,
.operation-map-state-draft-ready {
  border-left-color: #0e7490;
}

.operation-map-state-monitoring em,
.operation-map-state-draft-ready em {
  color: #0e7490;
}

.operation-active-work .operation-table-wrap,
.operation-recent-activity .operation-table-wrap,
.operation-requests-panel .operation-table-wrap {
  border-radius: 0 0 6px 6px;
}

.operation-active-work-table,
.operation-recent-activity-table,
.operation-requests-table {
  min-width: 560px;
}

.operation-work-item {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.operation-work-item strong,
.operation-request-cell strong {
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.76rem;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-work-item span {
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 760;
}

.operation-work-state {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  color: #0f766e;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 4px;
  font-size: 0.62rem;
  font-weight: 840;
  white-space: nowrap;
}

.operation-work-state-waiting {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-work-state-open,
.operation-work-state-draft {
  color: #334155;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.operation-work-state-ready,
.operation-work-state-verified,
.operation-work-state-complete {
  color: #14532d;
  background: #dcfce7;
  border-color: #86efac;
}

.operation-vu-coordinator {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0;
  border-left: 4px solid #0f766e;
}

.operation-vu-coordinator-needs-attention {
  border-left-color: #b7791f;
}

.operation-vu-action-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 6px;
  background: #d7e0ea;
}

.operation-vu-action-list div {
  display: grid;
  grid-template-columns: minmax(120px, 0.58fr) minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 0;
  min-height: 25px;
  padding: 4px 6px;
  background: #ffffff;
}

.operation-vu-action-list dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.72rem;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vu-coordinator footer {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 6px;
  background: #f8fafc;
  border-top: 1px solid #d7e0ea;
}

.operation-vu-coordinator footer button {
  min-height: 26px;
  padding: 0 8px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 0.68rem;
  font-weight: 820;
  cursor: pointer;
}

.operation-vu-coordinator footer .operation-primary-button {
  color: #172033;
  background: #d69b2b;
  border-color: #d69b2b;
}

.operation-needs-attention ul,
.operation-recent-movement ul {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 6px;
  background: #d7e0ea;
  list-style: none;
}

.operation-needs-attention li,
.operation-needs-attention p,
.operation-recent-movement li {
  min-width: 0;
  margin: 0;
  padding: 6px;
  color: #172033;
  background: #ffffff;
  font-size: 0.72rem;
  font-weight: 780;
}

.operation-needs-attention li {
  border-left: 3px solid #d69b2b;
}

.operation-needs-attention p {
  color: #475569;
}

.operation-recent-movement li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.operation-recent-movement strong {
  min-width: 0;
  overflow: hidden;
  font-size: 0.72rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-recent-movement span {
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 760;
  white-space: nowrap;
}

.operation-secondary-detail {
  gap: 5px;
}

@media (max-width: 1100px) {
  .operation-detail-header,
  .operation-control-tower {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-control-tower {
    grid-template-areas:
      "map"
      "vu"
      "work"
      "attention"
      "movement";
  }

  .operation-detail-actions,
  .operation-detail-meta {
    justify-content: start;
  }
}

@media (max-width: 720px) {
  .operation-detail-meta,
  .operation-coordination-map-canvas {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-coordination-map-canvas {
    grid-template-areas:
      "center"
      "supplier"
      "operations"
      "decision"
      "vu"
      "package";
    grid-template-rows: none;
  }

  .operation-coordination-map-canvas::before,
  .operation-coordination-map-canvas::after {
    display: none;
  }

  .operation-vu-action-list div,
  .operation-recent-movement li {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Ticket 024 standard second-level/detail layout */

.operation-detail-standard-header {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 8px 10px;
  color: #ffffff;
  background: #172033;
  border: 0;
  border-radius: 6px;
}

.operation-detail-standard-header .operation-back-button {
  flex: 0 0 auto;
  width: 28px;
  min-height: 28px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.28);
}

.operation-detail-standard-header .operation-detail-title,
.operation-detail-standard-header > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-detail-standard-header span,
.operation-detail-standard-panel > header span,
.operation-detail-standard-panel dt,
.operation-detail-message-form label span {
  color: #aab9ca;
  font-size: 11px;
  font-weight: 840;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-detail-standard-header h2,
.operation-detail-standard-header p,
.operation-detail-standard-panel h2 {
  margin: 0;
}

.operation-detail-standard-header h2 {
  min-width: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-detail-standard-header p {
  min-width: 0;
  overflow: hidden;
  color: #dbe5ef;
  font-size: 13px;
  font-weight: 620;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-detail-standard-header .operation-detail-actions {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: end;
}

.operation-detail-standard-header .operation-primary-button,
.operation-detail-standard-header .operation-actions-menu summary {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.operation-detail-standard-header .operation-primary-button {
  color: #172033;
  background: #d69b2b;
  border: 1px solid #d69b2b;
}

.operation-detail-standard-header .operation-actions-menu summary {
  min-width: auto;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
}

.operation-detail-standard-header .operation-actions-menu div {
  border-radius: 6px;
}

.operation-detail-standard-grid {
  display: grid;
  grid-template-areas:
    "status vu package"
    "why why why"
    "contributions contributions contributions"
    "story story story"
    "agent-activity agent-activity agent-activity"
    "work work work"
    "messages messages messages";
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.85fr) minmax(260px, 0.9fr);
  gap: 10px;
  min-width: 0;
}

.operation-coordination-status {
  grid-area: status;
}

.operation-vu-coordinator {
  grid-area: vu;
}

.operation-agent-activity {
  grid-area: agent-activity;
}

.operation-why-exists {
  grid-area: why;
}

.operation-contributions {
  grid-area: contributions;
}

.operation-ledger-story-panel {
  grid-area: story;
}

.operation-active-work {
  grid-area: work;
}

.operation-message-composer-panel {
  grid-area: messages;
}

.operation-package-status {
  grid-area: package;
}

.operation-detail-standard-panel {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-detail-standard-panel > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  min-height: 24px;
  padding: 0;
  background: transparent;
  border: 0;
}

.operation-detail-standard-panel h2 {
  color: #172033;
  font-size: 13px;
  font-weight: 860;
}

.operation-coordination-status dl,
.operation-package-status dl,
.operation-vu-action-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-coordination-status dl div,
.operation-package-status dl div,
.operation-vu-action-list div {
  display: grid;
  gap: 2px;
  min-width: 0;
  min-height: 40px;
  padding: 6px;
  background: #f8fafc;
}

.operation-coordination-status dd,
.operation-package-status dd,
.operation-vu-action-list dd {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 13px;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-status dl {
  grid-template-columns: minmax(0, 1fr);
}

.operation-package-status dl div {
  grid-template-columns: minmax(124px, 0.64fr) minmax(0, 1fr);
  min-height: 30px;
}

.operation-package-lifecycle {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-package-lifecycle li {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 5px;
  color: #64748b;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-package-lifecycle li span {
  width: 100%;
  height: 3px;
  background: #cbd5e1;
  border-radius: 99px;
}

.operation-package-lifecycle strong {
  min-width: 0;
  overflow: hidden;
  font-size: 10px;
  font-weight: 820;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-lifecycle-complete span {
  background: #0f766e;
}

.operation-package-lifecycle-complete strong {
  color: #0f766e;
}

.operation-package-lifecycle-current {
  color: #172033;
  background: #fff7e6;
  border-color: #d69b2b;
}

.operation-package-lifecycle-current span {
  background: #d69b2b;
}

.operation-package-lifecycle-current strong {
  color: #172033;
}

.operation-vu-seal {
  display: grid;
  gap: 2px;
  align-content: center;
  min-height: 58px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  background: #172033;
  border: 1px solid #334155;
  border-radius: 6px;
}

.operation-vu-seal span,
.operation-vu-seal p {
  margin: 0;
  color: #dbe5ef;
  font-size: 10px;
  font-weight: 860;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-vu-seal strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
}

.operation-coordination-status .operation-eof-rail {
  min-height: 31px;
  padding: 5px 7px;
  border-radius: 6px;
}

.operation-vu-coordinator {
  gap: 8px;
  padding: 8px;
  border-left: 1px solid #d7e0ea;
}

.operation-vu-action-list {
  grid-template-columns: minmax(0, 1fr);
  padding: 0;
}

.operation-vu-action-list div {
  grid-template-columns: minmax(126px, 0.58fr) minmax(0, 1fr);
  min-height: 31px;
}

.operation-agent-activity-toggle {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  color: #263548;
  font-size: 11px;
  font-weight: 780;
  cursor: pointer;
}

.operation-agent-activity-toggle input {
  width: 14px;
  height: 14px;
  accent-color: #0f766e;
}

.operation-vu-agent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.operation-vu-agent-actions .operation-primary-button,
.operation-vu-actions-menu summary {
  min-height: 26px;
  padding: 0 8px;
  font-size: 12px;
}

.operation-vu-actions-menu {
  position: relative;
}

.operation-vu-actions-menu summary {
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  font-weight: 760;
  list-style: none;
  cursor: pointer;
}

.operation-vu-actions-menu summary::-webkit-details-marker {
  display: none;
}

.operation-vu-actions-menu div {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 8;
  display: grid;
  min-width: 138px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.15);
}

.operation-vu-actions-menu button {
  min-height: 26px;
  padding: 0 8px;
  color: #263548;
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 760;
  text-align: left;
  cursor: pointer;
}

.operation-vu-actions-menu button:hover,
.operation-vu-actions-menu button:focus-visible {
  color: #0f766e;
  background: #ecfeff;
  outline: none;
}

.operation-agent-activity > header div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-agent-activity > header p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 640;
}

.operation-agent-activity-table {
  min-width: 780px;
}

.operation-agent-activity-table td:nth-child(1) {
  width: 132px;
}

.operation-agent-activity-table td:nth-child(2) {
  width: 160px;
}

.operation-agent-activity-table td:nth-child(3) {
  min-width: 260px;
}

.operation-agent-activity-table td:nth-child(4) {
  width: 130px;
}

.operation-agent-status {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 780;
  white-space: nowrap;
}

.operation-agent-status-running {
  color: #0f4d57;
  background: #ecfeff;
  border-color: #99f6e4;
}

.operation-agent-status-waiting {
  color: #7a4d05;
  background: #fff7e6;
  border-color: #f1d18a;
}

.operation-agent-status-complete {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.operation-agent-status-needs-approval {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-agent-status-paused {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.operation-why-exists {
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}

.operation-why-exists p {
  margin: 0;
  padding: 7px 8px;
  color: #172033;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.3;
}

.operation-contributions > header div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-contributions > header p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 640;
}

.operation-contributions > header .operation-primary-button {
  min-height: 26px;
  padding: 0 8px;
  font-size: 12px;
}

.operation-contributions-table {
  min-width: 1040px;
}

.operation-contributions-table td:nth-child(1) {
  width: 136px;
}

.operation-contributions-table td:nth-child(2) {
  width: 132px;
}

.operation-contributions-table td:nth-child(3) {
  width: 184px;
}

.operation-contributions-table td:nth-child(4) {
  min-width: 300px;
  white-space: normal;
}

.operation-contributions-table td:nth-child(5) {
  width: 210px;
}

.operation-contributions-table td:nth-child(6) {
  width: 96px;
}

.operation-contribution-type {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.operation-contribution-type-observation,
.operation-contribution-type-response,
.operation-contribution-type-commitment {
  color: #0f4d57;
  background: #ecfeff;
  border-color: #99f6e4;
}

.operation-contribution-type-recommendation,
.operation-contribution-type-lesson-learned {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.operation-contribution-type-risk,
.operation-contribution-type-authorization-note {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-contribution-type-evidence {
  color: #172033;
  background: #eef2ff;
  border-color: #c7d2fe;
}

.operation-detail-message-form {
  display: grid;
  grid-template-columns: minmax(140px, 0.8fr) minmax(140px, 0.8fr) minmax(120px, 0.65fr) minmax(180px, 1fr);
  gap: 6px;
  min-width: 0;
}

.operation-detail-message-form label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.operation-detail-message-form input,
.operation-detail-message-form select,
.operation-detail-message-form textarea {
  width: 100%;
  min-width: 0;
  min-height: 30px;
  padding: 0 8px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 680;
}

.operation-detail-message-form textarea {
  min-height: 76px;
  padding: 7px 8px;
  resize: vertical;
}

.operation-detail-message-body {
  grid-column: 1 / -1;
}

.operation-detail-attachment-row {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.operation-detail-attachment-row button {
  min-height: 28px;
  padding: 0 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.operation-detail-attachment-row .operation-primary-button {
  color: #172033;
  background: #d69b2b;
  border-color: #d69b2b;
}

.operation-detail-message-thread {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-detail-message-thread article {
  display: grid;
  grid-template-columns: minmax(120px, 0.4fr) auto minmax(0, 1fr);
  gap: 6px;
  align-items: start;
  min-width: 0;
  padding: 6px;
  background: #f8fafc;
}

.operation-detail-message-thread strong,
.operation-detail-message-thread span,
.operation-detail-message-thread p {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-detail-message-thread strong {
  color: #172033;
  font-size: 13px;
  font-weight: 820;
}

.operation-detail-message-thread span {
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
}

.operation-detail-message-thread p {
  color: #263548;
  font-size: 13px;
  font-weight: 650;
}

.operation-discussion-detail {
  gap: 8px;
  padding: 8px;
}

.operation-discussion-detail .operation-inbox-message-scroll {
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-discussion-composer {
  padding: 8px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-secondary-detail-page {
  gap: 8px;
}

.operation-secondary-detail-page > .operation-detail-standard-header {
  padding: 8px 10px;
}

.operation-secondary-detail-page .operation-detail-standard-panel {
  gap: 6px;
}

.operation-secondary-detail-page .operation-detail-standard-panel button,
.operation-secondary-detail-page .operation-detail-standard-panel article {
  border-radius: 5px;
}

@media (max-width: 1100px) {
  .operation-detail-standard-header,
  .operation-detail-standard-grid,
  .operation-detail-message-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-detail-standard-header {
    display: grid;
    align-items: start;
  }

  .operation-detail-standard-grid {
    grid-template-areas:
      "status"
      "vu"
      "package"
      "why"
      "contributions"
      "story"
      "agent-activity"
      "work"
      "messages";
  }

  .operation-detail-standard-header .operation-detail-actions {
    justify-content: start;
  }
}

@media (max-width: 720px) {
  .operation-coordination-status dl,
  .operation-package-status dl div,
  .operation-vu-action-list div,
  .operation-detail-message-thread article,
  .operation-package-preview-grid,
  .operation-package-preview-meta {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Ticket 025 standardized landing tables */

.operation-standard-table-wrap {
  min-width: 0;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-standard-landing-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  font-size: 13px;
}

.operation-standard-landing-table th,
.operation-standard-landing-table td {
  height: 29px;
  min-width: 0;
  padding: 4px 8px;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  vertical-align: middle;
}

.operation-standard-landing-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: #64748b;
  background: #f8fafc;
  font-size: 11px;
  font-weight: 840;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-standard-landing-table td {
  max-width: 220px;
  overflow: hidden;
  color: #172033;
  font-size: 13px;
  font-weight: 640;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-standard-landing-table td:first-child {
  width: 150px;
}

.operation-standard-landing-table td:nth-child(2) {
  width: 190px;
}

.operation-standard-landing-table td:nth-child(3),
.operation-standard-landing-table td:nth-child(7) {
  width: 92px;
}

.operation-standard-landing-table td:nth-child(4) {
  width: 132px;
}

.operation-standard-landing-table td:nth-child(5) {
  width: 112px;
}

.operation-standard-landing-table td:nth-child(6) {
  width: 150px;
}

.operation-standard-landing-table tbody tr {
  cursor: pointer;
}

.operation-standard-landing-table tbody tr:hover,
.operation-standard-landing-table tbody tr:focus {
  background: #f5fbfb;
  outline: none;
}

.operation-standard-landing-table .operation-number-button {
  color: #0f766e;
  font-size: 13px;
  font-weight: 860;
  text-decoration: none;
}

.operation-standard-landing-table .operation-stage-badge {
  min-height: 18px;
  padding: 0 6px;
  color: #263548;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 820;
}

.operation-standard-landing-table .operation-completion-indicator {
  width: 86px;
  height: 18px;
  border-radius: 4px;
}

.operation-standard-landing-table .operation-completion-indicator strong {
  font-size: 10px;
}

/* Ticket 032 ON# authorization workspace cleanup */

.operation-record-page-head-detail {
  min-height: 46px;
  padding: 7px 9px;
}

.operation-record-detail-heading {
  display: flex !important;
  gap: 9px;
  align-items: center;
  min-width: 0;
}

.operation-record-detail-heading > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-record-detail-heading h1,
.operation-record-detail-heading p {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-record-detail-back {
  width: 28px;
  min-height: 28px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.34);
}

.operation-record-detail-back:hover,
.operation-record-detail-back:focus-visible {
  background: rgba(255, 255, 255, 0.22);
  outline: none;
}

.operation-detail-standard-grid {
  grid-template-areas:
    "status vu package"
    "description description groups"
    "contributions contributions contributions"
    "story story story"
    "authorization authorization agent-actions"
    "agent-activity agent-activity agent-activity"
    "work work work"
    "messages messages messages";
  grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1fr) minmax(280px, 0.9fr);
}

.operation-description {
  grid-area: description;
}

.operation-groups-involved {
  grid-area: groups;
}

.operation-authorization-readiness {
  grid-area: authorization;
}

.operation-agent-actions-workspace {
  grid-area: agent-actions;
}

.operation-detail-standard-panel > header span,
.operation-detail-standard-panel dt,
.operation-detail-standard-panel label span,
.operation-detail-message-form label span,
.operation-compact-table th,
.operation-package-preview dt,
.operation-package-preview h3,
.operation-package-list strong,
.operation-readiness-list span,
.operation-agent-action-detail dt,
.operation-approval-requirements strong,
.operation-standard-landing-table th {
  color: #334155;
  font-weight: 860;
  letter-spacing: 0;
}

.operation-detail-standard-panel > header strong {
  color: #0f766e;
  font-size: 12px;
  font-weight: 860;
}

.operation-detail-standard-panel > header button {
  min-height: 24px;
  padding: 0 8px;
  color: #0f766e;
  background: #ffffff;
  border: 1px solid #99f6e4;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.operation-detail-standard-panel > header button:hover,
.operation-detail-standard-panel > header button:focus-visible {
  background: #ecfeff;
  outline: none;
}

.operation-stage-badge,
.operation-pill,
.operation-auth,
.operation-source-badge,
.operation-state-label,
.operation-request-status,
.operation-work-state,
.operation-agent-status,
.operation-contribution-type,
.operation-package-state,
.operation-decision-status,
.operation-agent-action-status,
.operation-risk-badge,
.operation-readiness-state {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 820;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.operation-pill-waiting,
.operation-agent-status-waiting,
.operation-work-state-waiting,
.operation-request-status-waiting,
.operation-decision-status-open,
.operation-package-state-draft,
.operation-package-state-not-started,
.operation-request-status-draft,
.operation-work-state-draft,
.operation-work-state-open,
.operation-agent-status-paused {
  color: #475569;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.operation-agent-status-running,
.operation-agent-action-status-running,
.operation-package-state-in-progress,
.operation-decision-status-under-review {
  color: #0f4d57;
  background: #ecfeff;
  border-color: #99f6e4;
}

.operation-package-state-archived {
  color: #334155;
  background: #e2e8f0;
  border-color: #cbd5e1;
}

.operation-pill-complete,
.operation-readiness-state-complete,
.operation-package-state-sealed,
.operation-decision-status-authorized,
.operation-request-status-complete,
.operation-work-state-complete,
.operation-work-state-verified,
.operation-agent-status-complete {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.operation-package-state-ready,
.operation-decision-status-ready,
.operation-work-state-ready,
.operation-request-status-verified,
.operation-request-status-received {
  color: #14532d;
  background: #dcfce7;
  border-color: #86efac;
}

.operation-pill-needs-attention,
.operation-auth-requires-review,
.operation-agent-status-needs-approval,
.operation-agent-action-status-needs-approval,
.operation-agent-action-status-requires-review,
.operation-package-state-in-review,
.operation-decision-status-needs-evidence,
.operation-decision-status-requires-review,
.operation-readiness-state-pending {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.operation-decision-status-not-authorized {
  color: #991b1b;
  background: #fee2e2;
  border-color: #fecaca;
}

.operation-risk-badge-low-risk {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.operation-risk-badge-medium-risk {
  color: #7a4d05;
  background: #fff7e6;
  border-color: #f1d18a;
}

.operation-risk-badge-high-risk,
.operation-risk-badge-critical-risk {
  color: #991b1b;
  background: #fee2e2;
  border-color: #fca5a5;
}

.operation-coordination-status .operation-eof-rail {
  grid-template-columns: repeat(7, minmax(82px, 1fr));
  gap: 6px;
  min-height: 54px;
  padding: 7px;
  overflow-x: auto;
  background: #eef4f7;
  border: 1px solid #c2cedb;
  border-radius: 6px;
}

.operation-coordination-status .operation-eof-stage {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 82px;
  min-height: 36px;
  padding: 5px 6px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-coordination-status .operation-eof-stage:not(:last-child)::after {
  display: none;
}

.operation-coordination-status .operation-eof-seal {
  width: 24px;
  height: 24px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  font-size: 11px;
  font-weight: 900;
}

.operation-coordination-status .operation-eof-stage strong {
  color: #334155;
  font-size: 11px;
  font-weight: 860;
}

.operation-coordination-status .operation-eof-stage-complete .operation-eof-seal {
  color: #ffffff;
  background: #0f766e;
  border-color: #0f766e;
}

.operation-coordination-status .operation-eof-stage-current {
  background: #fff7e6;
  border-color: #d69b2b;
  box-shadow: inset 0 0 0 1px rgba(214, 155, 43, 0.2);
}

.operation-coordination-status .operation-eof-stage-current .operation-eof-seal {
  color: #172033;
  background: #d69b2b;
  border-color: #d69b2b;
}

.operation-coordination-status .operation-eof-stage-current strong {
  color: #172033;
  font-weight: 920;
}

.operation-package-list,
.operation-readiness-list,
.operation-agent-action-list,
.operation-agent-action-detail dl {
  display: grid;
  gap: 1px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-package-list div,
.operation-readiness-list div,
.operation-agent-action-list button,
.operation-agent-action-detail dl div {
  display: grid;
  gap: 6px;
  align-items: center;
  min-width: 0;
  min-height: 32px;
  padding: 6px;
  background: #f8fafc;
}

.operation-package-list div,
.operation-readiness-list div {
  grid-template-columns: minmax(0, 1fr) auto;
}

.operation-package-list strong {
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-description {
  gap: 7px;
  border-color: #c2cedb;
}

.operation-description-text {
  width: 100%;
  min-height: 48px;
  padding: 8px 10px;
  color: #172033;
  background: #f8fafc;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 740;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

.operation-description-text:hover,
.operation-description-text:focus-visible {
  background: #ffffff;
  border-color: #0f766e;
  outline: none;
}

.operation-description-editor {
  display: grid;
  gap: 6px;
}

.operation-description-editor textarea {
  min-height: 78px;
  padding: 8px 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 680;
  resize: vertical;
}

.operation-description-editor .operation-primary-button {
  justify-self: start;
  min-height: 26px;
  padding: 0 9px;
  font-size: 12px;
}

.operation-groups-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.operation-groups-list span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  color: #0f766e;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  white-space: nowrap;
}

.operation-authorization-readiness footer {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  min-height: 30px;
  padding: 6px 8px;
  color: #172033;
  background: #fff7e6;
  border: 1px solid #f1d18a;
  border-radius: 5px;
}

.operation-authorization-readiness footer span {
  color: #334155;
  font-size: 12px;
  font-weight: 860;
}

.operation-authorization-readiness footer strong {
  color: #172033;
  font-size: 14px;
  font-weight: 920;
}

.operation-agent-action-layout {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.operation-agent-action-list button {
  grid-template-columns: minmax(0, 1fr) auto auto;
  color: #172033;
  border: 0;
  text-align: left;
  cursor: pointer;
}

.operation-agent-action-list button:hover,
.operation-agent-action-list button:focus-visible,
.operation-agent-action-list button[aria-selected="true"] {
  background: #ffffff;
  outline: none;
}

.operation-agent-action-list button[aria-selected="true"] {
  box-shadow: inset 3px 0 0 #0f766e;
}

.operation-agent-action-list strong {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-agent-action-detail {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.operation-agent-action-detail dl div {
  grid-template-columns: minmax(118px, 0.52fr) minmax(0, 1fr);
}

.operation-agent-action-detail dd {
  min-width: 0;
  margin: 0;
  color: #172033;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.operation-agent-action-detail .operation-primary-button {
  justify-self: start;
  min-height: 26px;
  padding: 0 9px;
  font-size: 12px;
}

.operation-approval-requirements {
  display: grid;
  gap: 5px;
  padding: 7px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-approval-requirements ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-approval-requirements li {
  color: #475569;
  font-size: 12px;
  font-weight: 680;
}

.operation-approval-requirements li span {
  color: #172033;
  font-weight: 860;
}

@media (max-width: 1100px) {
  .operation-record-page-head-detail {
    align-items: flex-start;
  }

  .operation-detail-standard-grid {
    grid-template-areas:
      "status"
      "vu"
      "package"
      "description"
      "groups"
      "contributions"
      "authorization"
      "story"
      "agent-actions"
      "agent-activity"
      "work"
      "messages";
  }
}

@media (max-width: 720px) {
  .operation-record-page-head-detail,
  .operation-record-detail-heading,
  .operation-record-page-head-detail .operation-record-page-actions,
  .operation-package-list div,
  .operation-readiness-list div,
  .operation-agent-action-list button,
  .operation-agent-action-detail dl div {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-record-page-head-detail,
  .operation-record-detail-heading {
    display: grid !important;
  }

  .operation-record-page-head-detail .operation-record-page-actions {
    justify-content: start;
  }
}

/* Frontend-only premium operation detail refinement */

.operation-record-page-head-detail {
  position: relative;
  isolation: isolate;
  min-height: 118px;
  padding: 16px 18px;
  overflow: hidden;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 26px),
    linear-gradient(155deg, #071827 0%, #0a2d31 46%, #09221f 100%);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(7, 24, 39, 0.22);
}

.operation-record-page-head-detail::after {
  position: absolute;
  right: 34px;
  bottom: -44px;
  z-index: -1;
  content: "V";
  color: rgba(255, 255, 255, 0.055);
  font-size: 164px;
  font-weight: 950;
  line-height: 1;
}

.operation-record-page-head-detail > * {
  position: relative;
  z-index: 1;
}

.operation-record-detail-heading {
  gap: 14px;
  align-items: flex-start;
}

.operation-record-detail-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.operation-header-on-badge {
  justify-self: start;
  min-height: 22px;
  padding: 4px 8px;
  color: #bff7ee !important;
  background: rgba(20, 184, 166, 0.16);
  border: 1px solid rgba(153, 246, 228, 0.34);
  border-radius: 999px;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0;
  text-transform: none !important;
}

.operation-record-page-head-detail h1 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0;
}

.operation-header-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
}

.operation-header-meta div {
  display: flex;
  gap: 5px;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.14);
  border-radius: 999px;
}

.operation-header-meta dt,
.operation-header-meta dd {
  margin: 0;
  white-space: nowrap;
}

.operation-header-meta dt {
  color: #a7c7cb;
  font-size: 11px;
  font-weight: 760;
}

.operation-header-meta dd {
  color: #f8fafc;
  font-size: 12px;
  font-weight: 840;
}

.operation-record-page-head-detail .operation-record-page-actions {
  align-self: flex-start;
  padding-top: 2px;
}

.operation-record-page-head-detail .operation-page-primary-action {
  min-height: 32px;
  color: #ecfeff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(236, 254, 255, 0.58);
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.12);
}

.operation-record-page-head-detail .operation-page-primary-action:hover,
.operation-record-page-head-detail .operation-page-primary-action:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  outline: none;
}

.operation-record-page-head-detail .operation-page-actions-menu summary {
  min-height: 32px;
  color: #172033;
  background: #d69b2b;
  border: 1px solid #d69b2b;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.16);
}

.operation-record-page-head-detail .operation-page-actions-menu summary:hover,
.operation-record-page-head-detail .operation-page-actions-menu summary:focus-visible {
  background: #efb84a;
  border-color: #efb84a;
  outline: none;
}

.operation-detail-standard-grid {
  grid-template-areas:
    "status vu package"
    "description description readiness"
    "description description groups"
    "contributions contributions contributions"
    "story story story"
    "agent-actions agent-actions agent-actions"
    "agent-activity agent-activity agent-activity"
    "work work work"
    "messages messages messages";
  grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1fr) minmax(310px, 0.92fr);
  gap: 12px;
}

.operation-detail-standard-panel {
  border-color: #d5dee8;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055);
}

.operation-package-completion > header strong {
  color: #172033;
  background: #fff7e6;
  border: 1px solid #f1d18a;
  border-radius: 999px;
  padding: 4px 8px;
}

.operation-package-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-package-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 6px;
  align-items: center;
  min-width: 0;
  min-height: 52px;
  padding: 7px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-package-step span {
  display: inline-grid;
  grid-row: span 2;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 920;
}

.operation-package-step strong,
.operation-package-step em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-step strong {
  color: #172033;
  font-size: 12px;
  font-weight: 880;
}

.operation-package-step em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 720;
}

.operation-package-step-complete {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.operation-package-step-complete span {
  color: #ffffff;
  background: #0f766e;
}

.operation-package-step-current {
  background: #fff7e6;
  border-color: #d69b2b;
}

.operation-package-step-current span {
  color: #172033;
  background: #f5c35a;
}

.operation-package-step-future span {
  background: #e2e8f0;
}

.operation-package-completion > p {
  margin: 0;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.operation-package-status,
.operation-vu-coordinator {
  border-top: 3px solid #0f766e;
}

.operation-package-list {
  gap: 6px;
  background: transparent;
  border: 0;
  overflow: visible;
}

.operation-package-row {
  position: relative;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  min-height: 38px !important;
  background: #ffffff !important;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.045);
}

.operation-package-state-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #cbd5e1;
  box-shadow: 0 0 0 3px #f1f5f9;
}

.operation-package-state-dot-sealed,
.operation-package-state-dot-complete,
.operation-package-state-dot-ready {
  background: #0f766e;
}

.operation-package-state-dot-in-review,
.operation-package-state-dot-draft {
  background: #d69b2b;
}

.operation-package-row-menu {
  position: relative;
}

.operation-package-row-menu summary {
  display: inline-grid;
  place-items: center;
  width: 26px;
  min-height: 24px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  list-style: none;
  cursor: pointer;
}

.operation-package-row-menu summary::-webkit-details-marker {
  display: none;
}

.operation-package-row-menu div {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 12;
  display: grid;
  min-width: 150px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18);
}

.operation-package-row-menu button {
  min-height: 26px;
  padding: 0 8px;
  color: #263548;
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 760;
  text-align: left;
  cursor: pointer;
}

.operation-package-row-menu button:hover,
.operation-package-row-menu button:focus-visible {
  color: #0f766e;
  background: #ecfeff;
  outline: none;
}

.operation-vu-coordinator > header {
  align-items: start;
}

.operation-vu-action-list div {
  grid-template-columns: minmax(132px, 0.48fr) minmax(0, 1fr);
}

.operation-vu-action-list dt {
  color: #334155;
}

.operation-vu-action-list dd {
  color: #172033;
  white-space: normal;
}

.operation-brief {
  grid-template-rows: auto minmax(0, 1fr);
}

.operation-brief > header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-brief > header span {
  color: #0f766e;
  text-transform: none;
}

.operation-brief-body {
  min-height: 100%;
  cursor: pointer;
}

.operation-brief-body dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.operation-brief-body dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.operation-brief-body dl div:last-child {
  grid-column: 1 / -1;
}

.operation-brief-body dt {
  color: #334155;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-brief-body dd {
  margin: 0;
  color: #172033;
  font-size: 13px;
  font-weight: 680;
  line-height: 1.3;
}

.operation-brief-body ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding-left: 16px;
}

.operation-description-editor {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operation-description-editor label {
  display: grid;
  gap: 4px;
}

.operation-description-editor label:last-of-type {
  grid-column: 1 / -1;
}

.operation-description-editor label span {
  color: #334155;
  font-size: 11px;
  font-weight: 880;
  text-transform: uppercase;
}

.operation-description-editor textarea {
  min-height: 64px;
}

.operation-description-editor footer {
  grid-column: 1 / -1;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.operation-description-editor footer button {
  min-height: 28px;
  padding: 0 10px;
  color: #334155;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.operation-readiness-card {
  grid-area: readiness;
  border-top: 3px solid #64748b;
}

.operation-readiness-seal {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 9px;
  background: linear-gradient(135deg, #f8fafc, #eff6ff);
  border: 1px solid #cbd5e1;
  border-radius: 6px;
}

.operation-readiness-seal > span {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: #1e3a8a;
  background: radial-gradient(circle at 35% 25%, #ffffff, #dbeafe);
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  font-size: 22px;
  font-weight: 950;
  box-shadow: inset 0 1px 0 #ffffff, 0 8px 18px rgba(30, 58, 138, 0.12);
}

.operation-readiness-seal div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-readiness-seal strong {
  color: #172033;
  font-size: 13px;
  font-weight: 880;
}

.operation-readiness-seal em,
.operation-readiness-seal p {
  margin: 0;
  color: #475569;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.operation-trust-indicators {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.operation-trust-indicators span {
  min-width: 0;
  padding: 5px 7px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 820;
  text-align: center;
}

.operation-stakeholders {
  border-top: 3px solid #334155;
}

.operation-stakeholder-list {
  display: grid;
  gap: 6px;
}

.operation-stakeholder-list div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1px 8px;
  align-items: center;
  min-width: 0;
  padding: 7px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-stakeholder-list div > span {
  display: inline-grid;
  grid-row: span 2;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #0f4d57;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 920;
}

.operation-stakeholder-list strong {
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-stakeholder-list em {
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-stakeholder-list small {
  grid-row: span 2;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 999px;
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 820;
}

.operation-contributions .operation-table-wrap {
  border-color: #d7e0ea;
}

.operation-contributions-table th,
.operation-contributions-table td {
  height: 28px;
  padding: 4px 7px;
}

.operation-contributions-table tbody tr:hover {
  background: #f5fbfb;
}

.operation-visibility-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 820;
  line-height: 1;
  white-space: nowrap;
}

.operation-visibility-external {
  color: #1e3a8a;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.operation-visibility-restricted {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

@media (max-width: 1180px) {
  .operation-detail-standard-grid {
    grid-template-areas:
      "status"
      "vu"
      "package"
      "description"
      "readiness"
      "groups"
      "contributions"
      "story"
      "agent-actions"
      "agent-activity"
      "work"
      "messages";
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-package-stepper,
  .operation-brief-body dl,
  .operation-description-editor {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-brief-body dl div:last-child,
  .operation-description-editor label:last-of-type,
  .operation-description-editor footer {
    grid-column: auto;
  }
}

@media (max-width: 720px) {
  .operation-record-page-head-detail {
    min-height: auto;
    padding: 12px;
  }

  .operation-header-meta,
  .operation-record-page-head-detail .operation-record-page-actions {
    align-items: stretch;
  }

  .operation-header-meta div,
  .operation-record-page-head-detail .operation-page-primary-action,
  .operation-record-page-head-detail .operation-page-actions-menu summary {
    width: 100%;
  }

  .operation-package-row,
  .operation-stakeholder-list div,
  .operation-readiness-seal,
  .operation-trust-indicators {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Ticket 033 ON# detail visual cleanup */

.operation-detail-standard-grid {
  grid-template-areas:
    "status vu package"
    "description description package"
    "contributions contributions contributions"
    "story story story"
    "agent-actions agent-actions agent-actions"
    "agent-activity agent-activity agent-activity"
    "work work work"
    "messages messages messages";
  grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1fr) minmax(340px, 0.96fr);
}

.operation-groups-involved.operation-coordination-status {
  grid-area: status;
}

.operation-readiness-card {
  display: none;
}

.operation-group-node-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  padding: 4px 0;
}

.operation-group-node-list::before {
  position: absolute;
  right: 10px;
  left: 10px;
  top: 28px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, rgba(15, 118, 110, 0.18), rgba(71, 85, 105, 0.16));
}

.operation-group-node-list span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 32px;
  padding: 4px 9px 4px 5px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.045);
}

.operation-group-node-list em {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #0f4d57;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 999px;
  font-size: 9px;
  font-style: normal;
  font-weight: 920;
}

.operation-group-node-list strong {
  color: #263548;
  font-size: 12px;
  font-weight: 820;
  white-space: nowrap;
}

.operation-package-status > header {
  align-items: start;
}

.operation-package-status > header > div:first-child {
  display: flex;
  gap: 7px;
  align-items: center;
  min-width: 0;
}

.operation-package-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: flex-end;
}

.operation-package-header-actions > button,
.operation-package-actions-menu summary {
  min-height: 26px;
  padding: 0 8px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  line-height: 1;
  cursor: pointer;
}

.operation-package-header-actions > button {
  color: #172033;
  background: #d69b2b;
  border: 1px solid #d69b2b;
}

.operation-package-actions-menu {
  position: relative;
}

.operation-package-actions-menu summary {
  color: #263548;
  background: #ffffff;
  border: 1px solid #c2cedb;
  list-style: none;
}

.operation-package-actions-menu summary::-webkit-details-marker {
  display: none;
}

.operation-package-actions-menu div {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 14;
  display: grid;
  min-width: 164px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18);
}

.operation-package-actions-menu button {
  min-height: 26px;
  padding: 0 8px;
  color: #263548;
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 760;
  text-align: left;
  cursor: pointer;
}

.operation-package-actions-menu button:hover,
.operation-package-actions-menu button:focus-visible {
  color: #0f766e;
  background: #ecfeff;
  outline: none;
}

.operation-package-circle-stepper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 5px 2px 8px;
  list-style: none;
}

.operation-package-circle-stepper::before {
  position: absolute;
  right: 10%;
  left: 10%;
  top: 20px;
  height: 2px;
  content: "";
  background: #d7e0ea;
}

.operation-package-circle-step {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 0;
}

.operation-package-circle-step span {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #64748b;
  background: #e2e8f0;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #cbd5e1;
  font-size: 12px;
  font-weight: 920;
}

.operation-package-circle-step strong {
  min-width: 0;
  overflow: hidden;
  color: #334155;
  font-size: 11px;
  font-weight: 820;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-circle-step-complete span {
  color: #ffffff;
  background: #0f766e;
  box-shadow: 0 0 0 1px #0f766e, 0 6px 14px rgba(15, 118, 110, 0.16);
}

.operation-package-circle-step-current span {
  color: #172033;
  background: #d69b2b;
  box-shadow: 0 0 0 1px #d69b2b, 0 6px 14px rgba(214, 155, 43, 0.16);
}

.operation-package-circle-step-future span {
  background: #f1f5f9;
}

.operation-package-row {
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  min-height: 34px !important;
  box-shadow: none;
}

.operation-package-state-dot {
  width: 9px;
  height: 9px;
}

.operation-package-state-complete {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.operation-brief {
  grid-template-rows: auto auto;
}

.operation-brief > header {
  align-items: center;
}

.operation-brief-actions {
  display: flex;
  gap: 5px;
  align-items: center;
}

.operation-brief-body {
  min-height: 52px;
  padding: 10px 11px;
  background: #ffffff;
}

.operation-brief-body p {
  margin: 0;
  color: #172033;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.35;
}

.operation-brief-body dl {
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
}

.operation-description-editor {
  grid-template-columns: minmax(0, 1fr);
}

.operation-description-editor label:last-of-type,
.operation-description-editor footer {
  grid-column: auto;
}

@media (max-width: 1180px) {
  .operation-detail-standard-grid {
    grid-template-areas:
      "status"
      "vu"
      "package"
      "description"
      "contributions"
      "story"
      "agent-actions"
      "agent-activity"
      "work"
      "messages";
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .operation-package-circle-stepper {
    grid-template-columns: repeat(5, minmax(58px, 1fr));
    overflow-x: auto;
  }

  .operation-package-header-actions,
  .operation-package-status > header > div:first-child {
    justify-content: flex-start;
  }
}

/* Ticket 048: External participant portal dashboard */

.operation-external-portal {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.operation-external-portal-hero {
  display: grid;
  grid-template-columns: minmax(240px, 0.68fr) minmax(0, 1.32fr);
  gap: 10px;
  align-items: stretch;
  padding: 12px;
  border: 1px solid rgba(25, 42, 64, 0.16);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(19, 31, 48, 0.98), rgba(18, 62, 66, 0.94)),
    #131f30;
  color: #f7fbfb;
}

.operation-external-portal-hero > div:first-child {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
}

.operation-external-portal-hero span {
  color: #d6b25e;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-external-portal-hero h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.45rem;
  line-height: 1.08;
  letter-spacing: 0;
}

.operation-external-portal-hero p {
  max-width: 54rem;
  margin: 0;
  color: rgba(247, 251, 251, 0.82);
  font-size: 0.86rem;
  line-height: 1.36;
}

.operation-external-portal-hero dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(112px, 1fr));
  gap: 6px;
  margin: 0;
}

.operation-external-portal-hero dl div {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
}

.operation-external-portal-hero dt {
  margin: 0 0 3px;
  color: rgba(247, 251, 251, 0.62);
  font-size: 0.64rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-external-portal-hero dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #ffffff;
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.18;
}

.operation-external-security-panel {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 8px;
  min-width: 0;
}

.operation-external-security-panel article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(12, 116, 119, 0.2);
  border-left: 4px solid #0c7477;
  border-radius: 6px;
  background: rgba(12, 116, 119, 0.06);
}

.operation-external-security-panel strong {
  color: #142033;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.1;
}

.operation-external-security-panel span {
  color: #53657a;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.32;
}

.operation-external-portal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr);
  gap: 10px;
  min-width: 0;
}

.operation-external-portal-panel {
  min-width: 0;
}

.operation-external-portal-operations {
  grid-column: 1 / -1;
}

.operation-external-portal-panel header {
  align-items: center;
  gap: 8px;
}

.operation-external-portal-panel header p {
  margin: 2px 0 0;
  color: #66768a;
  font-size: 0.74rem;
  line-height: 1.34;
}

.operation-external-portal-table td > strong,
.operation-external-portal-table td > span {
  display: block;
}

.operation-external-portal-table td > strong {
  color: #142033;
  font-size: 0.76rem;
  line-height: 1.18;
}

.operation-external-portal-table td > span {
  margin-top: 2px;
  color: #6b7888;
  font-size: 0.68rem;
  font-weight: 750;
  line-height: 1.2;
}

.operation-external-portal-table th:last-child,
.operation-external-portal-table td:last-child {
  white-space: nowrap;
}

@media (max-width: 1120px) {
  .operation-external-portal-hero,
  .operation-external-portal-grid {
    grid-template-columns: 1fr;
  }

  .operation-external-portal-hero dl,
  .operation-external-security-panel {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }
}

@media (max-width: 640px) {
  .operation-external-portal-hero dl,
  .operation-external-security-panel {
    grid-template-columns: 1fr;
  }

  .operation-external-portal-table th:last-child,
  .operation-external-portal-table td:last-child {
    white-space: normal;
  }
}

/* Ticket 041: External participant ON# view */

.operation-external-detail {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.operation-external-hero {
  display: grid;
  grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1.28fr);
  gap: 10px;
  align-items: stretch;
  padding: 12px;
  border: 1px solid rgba(25, 42, 64, 0.16);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(19, 31, 48, 0.98), rgba(21, 46, 60, 0.96)),
    #131f30;
  color: #f7fbfb;
}

.operation-external-hero > div:first-child {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
}

.operation-external-hero span {
  color: #d6b25e;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-external-hero h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.55rem;
  line-height: 1.05;
  letter-spacing: 0;
}

.operation-external-hero p {
  margin: 0;
  color: rgba(247, 251, 251, 0.82);
  font-size: 0.9rem;
  line-height: 1.35;
}

.operation-external-hero dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 6px;
  margin: 0;
}

.operation-external-hero dl div {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
}

.operation-external-hero dt {
  margin: 0 0 3px;
  color: rgba(247, 251, 251, 0.62);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-external-hero dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.25;
}

.operation-external-security-note {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid rgba(12, 116, 119, 0.2);
  border-left: 4px solid #0c7477;
  border-radius: 6px;
  background: rgba(12, 116, 119, 0.07);
  color: #25384f;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.4;
}

.operation-external-required-actions,
.operation-external-contributions,
.operation-external-packages,
.operation-external-ledger,
.operation-external-messages {
  min-width: 0;
}

.operation-external-required-actions header,
.operation-external-contributions header,
.operation-external-packages header,
.operation-external-ledger header,
.operation-external-messages header {
  align-items: center;
  gap: 8px;
}

.operation-external-contributions header p,
.operation-external-ledger header p,
.operation-external-messages header p {
  margin: 2px 0 0;
  color: #66768a;
  font-size: 0.76rem;
  line-height: 1.35;
}

.operation-external-actions-table th:last-child,
.operation-external-actions-table td:last-child {
  width: 104px;
  text-align: right;
}

.operation-external-row-action {
  min-width: 78px;
  padding: 6px 10px;
  border: 1px solid rgba(12, 116, 119, 0.25);
  border-radius: 6px;
  background: #ffffff;
  color: #0c7477;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
}

.operation-external-row-action:hover,
.operation-external-row-action:focus-visible {
  border-color: #0c7477;
  background: rgba(12, 116, 119, 0.08);
}

.operation-external-contributions-table th:nth-child(4),
.operation-external-contributions-table td:nth-child(4) {
  min-width: 220px;
}

.operation-external-package-table th:first-child,
.operation-external-package-table td:first-child {
  color: #0c7477;
  font-weight: 850;
}

.operation-external-message-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.65fr);
  gap: 10px;
  min-width: 0;
}

.operation-external-message-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.operation-external-message-list article {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(25, 42, 64, 0.12);
  border-radius: 6px;
  background: #ffffff;
}

.operation-external-message-list article strong {
  color: #142033;
  font-size: 0.76rem;
}

.operation-external-message-list article span {
  color: #6b7888;
  font-size: 0.68rem;
  font-weight: 750;
}

.operation-external-message-list article p {
  margin: 0;
  color: #2d3e52;
  font-size: 0.76rem;
  line-height: 1.38;
}

.operation-external-message-list textarea {
  min-height: 86px;
  width: 100%;
  resize: vertical;
}

@media (max-width: 980px) {
  .operation-external-hero,
  .operation-external-message-grid {
    grid-template-columns: 1fr;
  }

  .operation-external-hero dl {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }
}

@media (max-width: 640px) {
  .operation-external-hero dl {
    grid-template-columns: 1fr;
  }

  .operation-external-actions-table th:last-child,
  .operation-external-actions-table td:last-child {
    text-align: left;
  }
}

/* Ticket 042: VU Priority Engine foundation */

.operation-detail-standard-grid {
  grid-template-areas:
    "status vu package"
    "priority priority priority"
    "decision decision decision"
    "description description groups"
    "contributions contributions contributions"
    "story story story"
    "authorization authorization agent-actions"
    "agent-activity agent-activity agent-activity"
    "work work work"
    "messages messages messages";
}

.operation-priority-assessment {
  grid-area: priority;
  border-top: 3px solid #d69b2b;
}

.operation-decision-intelligence {
  grid-area: decision;
  border-top: 3px solid #0f766e;
}

.operation-priority-assessment > header p {
  margin: 2px 0 0;
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 720;
  line-height: 1.35;
}

.operation-priority-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 3px 7px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  white-space: nowrap;
}

.operation-priority-badge strong {
  color: inherit;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
}

.operation-priority-badge em {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  color: inherit;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.operation-priority-low {
  color: #365314;
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.operation-priority-medium {
  color: #334155;
  border-color: #cbd5e1;
  background: #f8fafc;
}

.operation-priority-high {
  color: #172033;
  border-color: #d69b2b;
  background: #fff7e6;
}

.operation-priority-critical {
  color: #ffffff;
  border-color: #8b1e1e;
  background: #8b1e1e;
}

.operation-standard-landing-table th:nth-child(3),
.operation-standard-landing-table td:nth-child(3) {
  width: 104px;
}

.operation-priority-summary {
  display: grid;
  grid-template-columns: minmax(120px, 0.3fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}

.operation-priority-score {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 3px;
  min-height: 92px;
  padding: 10px;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #f8fafc;
}

.operation-priority-score span,
.operation-priority-reason span,
.operation-priority-logic span {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 860;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-priority-score strong {
  color: #172033;
  font-size: 2rem;
  font-weight: 920;
  line-height: 1;
}

.operation-priority-score em {
  color: #0f766e;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 900;
}

.operation-priority-summary dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #d7e0ea;
}

.operation-priority-summary dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  min-height: 42px;
  padding: 6px;
  background: #ffffff;
}

.operation-priority-summary dt {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 860;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-priority-summary dd {
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.8rem;
  font-weight: 840;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-priority-reason {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(12, 116, 119, 0.18);
  border-left: 4px solid #0f766e;
  border-radius: 6px;
  background: rgba(12, 116, 119, 0.06);
}

.operation-priority-reason strong {
  color: #172033;
  font-size: 0.82rem;
  font-weight: 820;
  line-height: 1.35;
}

.operation-priority-logic {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.operation-priority-logic div {
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 48px;
  padding: 7px;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #ffffff;
}

.operation-priority-logic strong {
  color: #172033;
  font-size: 0.78rem;
  font-weight: 900;
}

.operation-priority-logic-active {
  border-color: #d69b2b !important;
  background: #fff7e6 !important;
}

.operation-decision-intelligence > header p {
  margin: 2px 0 0;
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 720;
  line-height: 1.35;
}

.operation-decision-vu-summary,
.operation-decision-registry,
.operation-decision-briefs,
.operation-decision-evidence,
.operation-decision-framework,
.operation-decision-confidence,
.operation-decision-risks,
.operation-decision-devil,
.operation-decision-timeline {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-decision-registry > header,
.operation-decision-briefs > header,
.operation-decision-evidence > header,
.operation-decision-framework > header,
.operation-decision-confidence > header,
.operation-decision-risks > header,
.operation-decision-devil > header,
.operation-decision-timeline > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.operation-decision-registry > header span,
.operation-decision-briefs > header span,
.operation-decision-evidence > header span,
.operation-decision-framework > header span,
.operation-decision-confidence > header span,
.operation-decision-risks > header span,
.operation-decision-devil > header span,
.operation-decision-timeline > header span,
.operation-decision-vu-summary span {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 860;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-decision-registry > header strong,
.operation-decision-briefs > header strong,
.operation-decision-evidence > header strong,
.operation-decision-framework > header strong,
.operation-decision-confidence > header strong,
.operation-decision-risks > header strong,
.operation-decision-devil > header strong,
.operation-decision-timeline > header strong {
  color: #0f766e;
  font-size: 0.76rem;
  font-weight: 880;
}

.operation-decision-vu-summary {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.24fr);
  align-items: stretch;
  background: rgba(12, 116, 119, 0.06);
  border-left: 4px solid #0f766e;
}

.operation-decision-vu-summary div {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
}

.operation-decision-vu-summary strong {
  color: #172033;
  font-size: 0.86rem;
  font-weight: 820;
  line-height: 1.35;
}

.operation-decision-registry-table td:first-child strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-decision-registry-table td:first-child span {
  display: block;
  max-width: 320px;
  margin-top: 2px;
  overflow: hidden;
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 720;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-decision-briefs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operation-decision-briefs > header,
.operation-decision-evidence > header,
.operation-decision-framework > header,
.operation-decision-confidence > header,
.operation-decision-risks > header,
.operation-decision-devil > header,
.operation-decision-timeline > header {
  grid-column: 1 / -1;
}

.operation-decision-briefs article,
.operation-decision-framework article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 7px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-decision-briefs article > header {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.operation-decision-briefs h3,
.operation-decision-framework h3 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.8rem;
  font-weight: 880;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-decision-briefs dl,
.operation-decision-evidence dl,
.operation-decision-framework dl {
  display: grid;
  gap: 1px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-decision-briefs dl div,
.operation-decision-evidence dl div,
.operation-decision-framework dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px;
  background: #ffffff;
}

.operation-decision-briefs dt,
.operation-decision-evidence dt,
.operation-decision-framework dt {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-decision-briefs dd,
.operation-decision-evidence dd,
.operation-decision-framework dd {
  min-width: 0;
  margin: 0;
  color: #263548;
  font-size: 0.76rem;
  font-weight: 720;
  line-height: 1.32;
}

.operation-decision-evidence dl {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operation-decision-framework {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.operation-decision-confidence {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.operation-decision-confidence article,
.operation-decision-risk-level {
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 58px;
  padding: 7px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-decision-confidence article span,
.operation-decision-risk-level span {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 860;
  text-transform: uppercase;
}

.operation-decision-confidence article strong {
  color: #172033;
  font-size: 1.22rem;
  font-weight: 920;
  line-height: 1;
}

.operation-decision-confidence article div {
  height: 5px;
  overflow: hidden;
  background: #e2e8f0;
  border-radius: 999px;
}

.operation-decision-confidence article i {
  display: block;
  height: 100%;
  background: #0f766e;
  border-radius: inherit;
}

.operation-decision-devil ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-decision-devil li {
  min-width: 0;
  padding: 7px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-left: 3px solid #d69b2b;
  border-radius: 5px;
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.34;
}

.operation-decision-timeline ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0 0 0 14px;
  list-style: none;
  border-left: 2px solid #d7e0ea;
}

.operation-decision-timeline li {
  position: relative;
  display: grid;
  grid-template-columns: minmax(90px, 0.18fr) minmax(0, 1fr) minmax(130px, 0.24fr);
  gap: 8px;
  min-width: 0;
  padding: 6px 0 6px 12px;
  color: #263548;
  font-size: 0.76rem;
}

.operation-decision-timeline li::before {
  position: absolute;
  top: 11px;
  left: -19px;
  width: 8px;
  height: 8px;
  content: "";
  background: #0f766e;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #0f766e;
}

.operation-decision-timeline li span,
.operation-decision-timeline li em {
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-style: normal;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-decision-timeline li strong {
  min-width: 0;
  overflow: hidden;
  color: #172033;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-decision-intelligence footer {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  min-width: 0;
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 760;
}

.operation-decision-intelligence footer strong,
.operation-decision-intelligence footer span,
.operation-decision-intelligence footer em {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.operation-decision-intelligence footer strong {
  color: #172033;
}

.operation-decision-intelligence footer em {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
  font-style: normal;
  font-weight: 860;
}

.operation-vu-action-list div:first-child dd {
  color: #0f766e;
  font-weight: 920;
}

@media (max-width: 1180px) {
  .operation-detail-standard-grid {
    grid-template-areas:
      "status"
      "vu"
      "package"
      "priority"
      "decision"
      "description"
      "groups"
      "contributions"
      "story"
      "authorization"
      "agent-actions"
      "agent-activity"
      "work"
      "messages";
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 860px) {
  .operation-priority-summary,
  .operation-priority-logic,
  .operation-decision-vu-summary,
  .operation-decision-briefs,
  .operation-decision-evidence dl,
  .operation-decision-framework,
  .operation-decision-confidence,
  .operation-decision-devil ul {
    grid-template-columns: 1fr;
  }

  .operation-priority-summary dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .operation-priority-summary dl {
    grid-template-columns: 1fr;
  }
}

/* Ticket 043: Agent automation foundation */

.internal-agent-automation-center,
.internal-agent-permissions,
.internal-agent-approval-levels,
.internal-agent-spending-controls,
.internal-agent-run-history,
.internal-agent-registry,
.internal-agent-trust-model,
.internal-agent-workflow-example {
  min-width: 0;
}

.internal-agent-automation-center {
  grid-column: span 2;
  border-top: 3px solid #d69b2b;
}

.internal-agent-permissions,
.internal-agent-registry {
  grid-column: 1 / -1;
}

.internal-agent-automation-center dl,
.internal-agent-spending-controls dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #d7e0ea;
}

.internal-agent-automation-center dl div,
.internal-agent-spending-controls dl div {
  display: grid;
  gap: 2px;
  min-height: 42px;
  padding: 7px;
  background: #ffffff;
}

.internal-agent-automation-center dd,
.internal-agent-spending-controls dd {
  margin: 0;
  color: #172033;
  font-size: 0.86rem;
  font-weight: 860;
}

.internal-agent-automation-center p,
.internal-agent-spending-controls p,
.internal-agent-trust-model p {
  margin: 0;
  color: #475569;
  font-size: 0.82rem;
  line-height: 1.45;
}

.internal-agent-permissions-table th:first-child,
.internal-agent-permissions-table td:first-child,
.internal-agent-registry-table th:first-child,
.internal-agent-registry-table td:first-child {
  color: #0f766e;
  font-weight: 860;
}

.internal-agent-state-yes {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.internal-agent-state-no {
  color: #334155;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.internal-agent-state-pass,
.internal-agent-state-good {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.internal-agent-state-warning,
.internal-agent-state-watch,
.internal-agent-state-flagged {
  color: #713f12;
  background: #fef3c7;
  border-color: #f8d78b;
}

.internal-agent-state-needs-review {
  color: #991b1b;
  background: #fee2e2;
  border-color: #fecaca;
}

.internal-agent-active-review-mode,
.internal-agent-review-categories,
.internal-agent-product-drift-monitor,
.internal-agent-architecture-compliance,
.internal-agent-ticket-recommendations,
.internal-agent-issue-registry,
.internal-agent-screenshot-review,
.internal-agent-experience-review,
.internal-agent-founder-questions,
.internal-agent-active-future {
  min-width: 0;
}

.internal-agent-active-review-mode {
  grid-column: 1 / -1;
  border-top: 3px solid #0f766e;
}

.internal-agent-active-review-mode dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.internal-agent-active-review-mode dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  min-height: 42px;
  padding: 7px;
  background: #ffffff;
}

.internal-agent-active-review-mode dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.86rem;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.internal-agent-review-categories,
.internal-agent-product-drift-monitor,
.internal-agent-architecture-compliance,
.internal-agent-ticket-recommendations,
.internal-agent-issue-registry,
.internal-agent-screenshot-review,
.internal-agent-experience-review,
.internal-agent-founder-questions {
  grid-column: 1 / -1;
}

.internal-agent-review-category-table th:first-child,
.internal-agent-review-category-table td:first-child,
.internal-agent-active-drift-table th:first-child,
.internal-agent-active-drift-table td:first-child,
.internal-agent-architecture-table th:first-child,
.internal-agent-architecture-table td:first-child,
.internal-agent-ticket-recommendation-table th:nth-child(2),
.internal-agent-ticket-recommendation-table td:nth-child(2),
.internal-agent-issue-registry-table th:first-child,
.internal-agent-issue-registry-table td:first-child {
  color: #0f766e;
  font-weight: 860;
}

.internal-agent-screenshot-review ol {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: screenshot-review;
}

.internal-agent-screenshot-review li {
  position: relative;
  display: grid;
  align-content: center;
  min-height: 48px;
  padding: 8px 8px 8px 34px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.25;
  counter-increment: screenshot-review;
}

.internal-agent-screenshot-review li::before {
  position: absolute;
  top: 9px;
  left: 8px;
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: #172033;
  background: #d69b2b;
  border-radius: 999px;
  content: counter(screenshot-review);
  font-size: 0.68rem;
  font-weight: 900;
}

@media (max-width: 980px) {
  .internal-agent-active-review-mode dl,
  .internal-agent-screenshot-review ol {
    grid-template-columns: 1fr;
  }
}

.internal-agent-trust-model ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.internal-agent-trust-model li {
  display: flex;
  gap: 7px;
  align-items: center;
  min-height: 34px;
  padding: 7px;
  color: #172033;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 780;
}

.internal-agent-trust-model li span {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #0f766e;
}

.internal-agent-workflow-example ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: agent-workflow;
}

.internal-agent-workflow-example li {
  position: relative;
  display: grid;
  gap: 4px;
  min-height: 48px;
  padding: 8px 8px 8px 34px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.3;
  counter-increment: agent-workflow;
}

.internal-agent-workflow-example li::before {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: #172033;
  background: #d69b2b;
  border-radius: 999px;
  content: counter(agent-workflow);
  font-size: 0.68rem;
  font-weight: 900;
}

@media (max-width: 980px) {
  .internal-agent-automation-center,
  .internal-agent-permissions,
  .internal-agent-registry {
    grid-column: auto;
  }

  .internal-agent-automation-center dl,
  .internal-agent-spending-controls dl,
  .internal-agent-trust-model ul,
  .internal-agent-workflow-example ol {
    grid-template-columns: 1fr;
  }
}

/* Ticket 052: Agent operating model */

.internal-agent-operating-model-page .internal-agent-header p {
  max-width: 900px;
}

.internal-agent-operating-grid {
  align-items: start;
}

.internal-agent-operating-summary {
  grid-column: 1 / -1;
  border-top: 3px solid #0f766e;
}

.internal-agent-operating-summary p,
.internal-agent-budget-controls p,
.internal-agent-coordination-engine p,
.internal-agent-coordination-flow p {
  margin: 0;
  color: #334155;
  font-size: 0.84rem;
  font-weight: 720;
  line-height: 1.45;
}

.internal-agent-operating-summary dl,
.internal-agent-budget-controls dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.internal-agent-operating-summary dl div,
.internal-agent-budget-controls dl div {
  display: grid;
  gap: 2px;
  min-width: 0;
  min-height: 42px;
  padding: 7px;
  background: #ffffff;
}

.internal-agent-operating-summary dt,
.internal-agent-budget-controls dt {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 860;
  text-transform: uppercase;
}

.internal-agent-operating-summary dd,
.internal-agent-budget-controls dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 0.84rem;
  font-weight: 880;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.internal-agent-customer-vu-agents,
.internal-agent-coordination-engine,
.internal-agent-trigger-model,
.internal-agent-eof-behavior,
.internal-agent-handoff-model,
.internal-agent-priority-escalation,
.internal-agent-activity-log,
.internal-agent-coordination-flow,
.internal-agent-automation-roadmap-model,
.internal-agent-audit-rules {
  grid-column: 1 / -1;
}

.internal-agent-internal-hq-agents,
.internal-agent-approval-model,
.internal-agent-budget-controls,
.internal-agent-email-rules {
  min-width: 0;
}

.internal-agent-coordination-engine {
  border-top: 3px solid #d69e2e;
}

.internal-agent-coordination-engine ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.internal-agent-coordination-engine li {
  min-width: 0;
  padding: 8px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  font-size: 0.76rem;
  font-weight: 760;
  line-height: 1.35;
}

.internal-agent-role-table th:first-child,
.internal-agent-role-table td:first-child,
.internal-agent-trigger-table th:first-child,
.internal-agent-trigger-table td:first-child,
.internal-agent-eof-table th:first-child,
.internal-agent-eof-table td:first-child,
.internal-agent-priority-escalation-table th:first-child,
.internal-agent-priority-escalation-table td:first-child,
.internal-agent-handoff-table th:nth-child(1),
.internal-agent-handoff-table td:nth-child(1),
.internal-agent-handoff-table th:nth-child(2),
.internal-agent-handoff-table td:nth-child(2),
.internal-agent-activity-log-table th:nth-child(2),
.internal-agent-activity-log-table td:nth-child(2) {
  color: #0f766e;
  font-weight: 860;
}

.internal-agent-trigger-table td:nth-child(3),
.internal-agent-eof-table td:nth-child(2),
.internal-agent-eof-table td:nth-child(4),
.internal-agent-priority-escalation-table td:nth-child(2),
.internal-agent-handoff-table td:nth-child(6),
.internal-agent-handoff-table td:nth-child(7),
.internal-agent-handoff-table td:nth-child(11),
.internal-agent-role-table td:nth-child(3),
.internal-agent-role-table td:nth-child(4) {
  min-width: 220px;
}

.internal-agent-coordination-flow ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.internal-agent-coordination-flow li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.internal-agent-coordination-flow li > span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #063b3f;
  background: #99f6e4;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 920;
}

.internal-agent-coordination-flow strong {
  display: block;
  color: #172033;
  font-size: 0.82rem;
  font-weight: 900;
}

.internal-agent-coordination-flow small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 780;
  line-height: 1.35;
}

.internal-agent-audit-rules ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.internal-agent-audit-rules li {
  min-width: 0;
  padding: 8px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-left: 3px solid #0f766e;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 760;
  line-height: 1.35;
}

.internal-agent-state-allowed {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.internal-agent-state-blocked {
  color: #991b1b;
  background: #fee2e2;
  border-color: #fecaca;
}

.internal-agent-state-current {
  color: #0f4d57;
  background: #ecfeff;
  border-color: #99f6e4;
}

@media (max-width: 980px) {
  .internal-agent-operating-summary dl,
  .internal-agent-budget-controls dl,
  .internal-agent-coordination-engine ul,
  .internal-agent-coordination-flow ol,
  .internal-agent-audit-rules ul {
    grid-template-columns: 1fr;
  }
}

/* Ticket 064A: Operation Workspace Refinement */

.operation-detail-standard-grid {
  grid-template-areas:
    "groups vu package"
    "description description description"
    "package-registry package-registry package-registry"
    "messages messages messages"
    "contributions contributions contributions"
    "story story story"
    "agent-activity agent-activity agent-activity";
  grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1fr) minmax(320px, 0.95fr);
  gap: 12px;
}

.operation-groups-involved.operation-coordination-status {
  grid-area: groups;
}

.operation-description {
  grid-area: description;
}

.operation-package-registry-section {
  grid-area: package-registry;
}

.operation-package-registry-section > header p {
  margin: 2px 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 640;
}

.operation-package-status {
  align-content: start;
}

.operation-package-status > header {
  align-items: flex-start;
}

.operation-package-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-end;
}

.operation-package-header-actions > button,
.operation-vu-controls button {
  min-height: 26px;
  padding: 0 8px;
  color: #263548;
  background: #ffffff;
  border: 1px solid #c2cedb;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 820;
  line-height: 1;
  cursor: pointer;
}

.operation-package-header-actions > button:hover,
.operation-package-header-actions > button:focus-visible,
.operation-vu-controls button:hover,
.operation-vu-controls button:focus-visible {
  color: #0f766e;
  background: #ecfeff;
  border-color: #99f6e4;
  outline: none;
}

.operation-package-header-actions > .operation-primary-button,
.operation-vu-controls .operation-primary-button {
  color: #063b3f;
  background: #99f6e4;
  border-color: #5eead4;
}

.operation-package-summary-list {
  gap: 6px;
  overflow: visible;
  background: transparent;
  border: 0;
}

.operation-package-summary-list .operation-package-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 7px;
  align-items: center;
  min-width: 0;
  min-height: 42px !important;
  padding: 7px;
  background: #ffffff !important;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-package-summary-list .operation-package-row strong {
  font-size: 12px;
}

.operation-eo-recommendations {
  display: grid;
  gap: 8px;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-eo-recommendations > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.operation-eo-recommendations h3 {
  margin: 0;
  color: #172033;
  font-size: 13px;
  font-weight: 900;
}

.operation-eo-recommendations > header span {
  color: #0f766e;
  font-size: 11px;
  font-weight: 860;
}

.operation-eo-recommendations > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.operation-eo-recommendations article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 7px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-eo-recommendations article strong {
  color: #263548;
  font-size: 12px;
  font-weight: 860;
}

.operation-eo-recommendations ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding-left: 15px;
}

.operation-eo-recommendations li {
  color: #475569;
  font-size: 12px;
  font-weight: 680;
  line-height: 1.3;
}

.operation-vu-coordinator .operation-vu-action-list {
  gap: 6px;
  overflow: visible;
  background: transparent;
  border: 0;
}

.operation-vu-coordinator .operation-vu-action-list div {
  grid-template-columns: minmax(132px, 0.42fr) minmax(0, 1fr);
  min-height: 42px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-vu-coordinator .operation-vu-action-list dd {
  white-space: normal;
}

.operation-vu-coordinator > header strong {
  color: #713f12;
  background: #fff7e6;
  border: 1px solid #f1d18a;
  border-radius: 999px;
  padding: 4px 8px;
}

.operation-vu-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-end;
  padding: 0;
  background: transparent;
  border-top: 0;
}

.operation-vu-coordinator .operation-vu-controls .operation-primary-button {
  color: #063b3f;
  background: #99f6e4;
  border-color: #5eead4;
}

.operation-brief {
  gap: 6px;
  padding: 8px;
}

.operation-brief > header {
  align-items: center;
}

.operation-brief-body {
  min-height: auto;
  padding: 8px 10px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  cursor: default;
}

.operation-brief-body:hover {
  background: #f8fafc;
  border-color: #d7e0ea;
}

.operation-brief-body p {
  margin: 0;
  color: #172033;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.operation-groups-involved .operation-group-node-list {
  gap: 6px;
  padding: 2px 0;
}

.operation-groups-involved .operation-group-node-list::before {
  display: none;
}

.operation-groups-involved .operation-group-node-list span {
  min-height: 28px;
  padding: 3px 8px 3px 4px;
  box-shadow: none;
}

.operation-groups-involved .operation-group-node-list em {
  width: 22px;
  height: 22px;
}

.operation-groups-involved .operation-group-node-list strong {
  font-size: 11px;
}

.operation-agent-activity {
  gap: 0;
}

.operation-agent-activity > summary {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}

.operation-agent-activity > summary::-webkit-details-marker {
  display: none;
}

.operation-agent-activity > summary div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-agent-activity > summary p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 640;
}

.operation-agent-activity > summary strong {
  color: #0f766e;
  font-size: 12px;
  font-weight: 860;
}

.operation-agent-activity[open] {
  gap: 8px;
}

@media (max-width: 1180px) {
  .operation-detail-standard-grid {
    grid-template-areas:
      "groups"
      "vu"
      "package"
      "description"
      "package-registry"
      "messages"
      "contributions"
      "story"
      "agent-activity";
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .operation-package-summary-list .operation-package-row,
  .operation-vu-coordinator .operation-vu-action-list div {
    grid-template-columns: 1fr;
  }

  .operation-eo-recommendations > div {
    grid-template-columns: 1fr;
  }

  .operation-package-header-actions,
  .operation-vu-controls {
    justify-content: flex-start;
  }
}

/* Ticket 064A: Decision Workspace Model */

.operation-record-page-head-detail {
  align-items: flex-start;
  min-height: auto;
  padding: 14px 16px;
  overflow: visible;
  color: #0d1b2a;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.operation-record-page-head-detail::after {
  display: none;
}

.operation-record-page-head-detail .operation-record-detail-heading {
  flex: 1 1 auto;
  gap: 12px;
  min-width: 0;
}

.operation-record-page-head-detail .operation-record-detail-copy {
  gap: 6px;
}

.operation-record-page-head-detail .operation-header-on-badge {
  color: #0f766e !important;
  background: #ecfeff;
  border-color: #99f6e4;
}

.operation-record-page-head-detail h1 {
  color: #020617;
  font-size: 24px;
  line-height: 1.08;
}

.operation-record-page-head-detail .operation-header-meta div {
  background: #ffffff;
  border-color: #d7e0ea;
}

.operation-record-page-head-detail .operation-header-meta dt {
  color: #64748b;
}

.operation-record-page-head-detail .operation-header-meta dd {
  color: #172033;
}

.operation-record-page-head-detail .operation-page-primary-action {
  color: #0f766e;
  background: #ffffff;
  border-color: #5eead4;
  box-shadow: none;
}

.operation-record-page-head-detail .operation-page-primary-action:hover,
.operation-record-page-head-detail .operation-page-primary-action:focus-visible {
  background: #ecfeff;
}

.operation-record-page-head-detail .operation-page-actions-menu summary {
  color: #ffffff;
  background: #0d1b2a;
  border-color: #0d1b2a;
  box-shadow: none;
}

.operation-record-page-head-detail .operation-page-actions-menu summary:hover,
.operation-record-page-head-detail .operation-page-actions-menu summary:focus-visible {
  background: #172033;
  border-color: #172033;
}

.operation-header-eof {
  display: grid;
  gap: 5px;
  min-width: 0;
  max-width: 760px;
  padding: 7px 8px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-header-eof strong {
  color: #0f766e;
  font-size: 11px;
  font-weight: 900;
}

.operation-header-eof ol {
  display: grid;
  grid-template-columns: repeat(7, minmax(66px, 1fr));
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-header-eof li {
  min-width: 0;
  padding: 4px 5px;
  color: #64748b;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 999px;
  text-align: center;
}

.operation-header-eof li span {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: 10px;
  font-weight: 820;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.operation-header-eof-complete {
  color: #0f5c45 !important;
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}

.operation-header-eof-current {
  color: #063b3f !important;
  background: #99f6e4 !important;
  border-color: #2dd4bf !important;
}

.operation-detail-standard-grid {
  grid-template-areas:
    "groups vu package agents"
    "description brainstorm brainstorm agents"
    "messages messages package-registry package-registry"
    "story story story story";
  grid-template-columns: minmax(220px, 0.78fr) minmax(290px, 1fr) minmax(310px, 1.04fr) minmax(230px, 0.72fr);
  gap: 10px;
  align-items: start;
}

.operation-detail-standard-panel {
  gap: 8px;
  padding: 10px;
  background: #ffffff;
  border-color: #d7e0ea;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045);
}

.operation-detail-standard-panel > header {
  min-height: 28px;
}

.operation-detail-standard-panel > header h2 {
  font-size: 13px;
  letter-spacing: 0;
}

.operation-detail-standard-panel > header p {
  margin: 2px 0 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 660;
  line-height: 1.25;
}

.operation-groups-involved.operation-coordination-status {
  grid-area: groups;
}

.operation-vu-coordinator {
  grid-area: vu;
}

.operation-package-status {
  grid-area: package;
}

.operation-description {
  grid-area: description;
}

.operation-vu-brainstorm {
  grid-area: brainstorm;
}

.operation-active-agents-panel {
  grid-area: agents;
}

.operation-message-composer-panel {
  grid-area: messages;
}

.operation-package-registry-section {
  grid-area: package-registry;
}

.operation-ledger-story-panel {
  grid-area: story;
}

.operation-groups-involved .operation-group-node-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.operation-groups-involved .operation-group-node-list span {
  min-width: 0;
  min-height: 34px;
  padding: 4px 7px;
  border-radius: 6px;
}

.operation-groups-involved .operation-group-node-list strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vu-coordinator .operation-vu-action-list {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-vu-coordinator .operation-vu-action-list div {
  grid-template-columns: minmax(112px, 0.4fr) minmax(0, 1fr);
  min-height: 44px;
  padding: 8px;
  background: #f8fafc;
  border: 0;
  border-radius: 0;
}

.operation-vu-coordinator .operation-vu-action-list dt {
  color: #0f4d57;
  font-size: 11px;
  font-weight: 900;
}

.operation-vu-coordinator .operation-vu-action-list dd {
  color: #172033;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.35;
}

.operation-vu-controls {
  justify-content: space-between;
}

.operation-vu-controls button,
.operation-package-header-actions > button {
  flex: 1 1 86px;
  justify-content: center;
}

.operation-package-summary-list .operation-package-row {
  min-height: 38px !important;
}

.operation-eo-recommendations {
  max-height: 300px;
  overflow: auto;
}

.operation-brief-body {
  min-height: 128px;
}

.operation-vu-brainstorm-question {
  display: grid;
  gap: 3px;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-vu-brainstorm-question span,
.operation-vu-brainstorm-grid article > span {
  color: #0f4d57;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-vu-brainstorm-question strong {
  color: #172033;
  font-size: 15px;
  font-weight: 900;
}

.operation-vu-brainstorm-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.operation-vu-brainstorm-grid article {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
}

.operation-vu-brainstorm-list ul,
.operation-active-agents-panel ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-vu-brainstorm-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px;
  align-items: start;
  min-width: 0;
}

.operation-vu-brainstorm-list li em {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: 5px;
  border-radius: 999px;
}

.operation-vu-brainstorm-supporting li em {
  background: #22c55e;
}

.operation-vu-brainstorm-concern li em {
  background: #f59e0b;
}

.operation-vu-brainstorm-path li em {
  background: #0ea5e9;
}

.operation-vu-brainstorm-list li strong {
  color: #263548;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.28;
}

.operation-vu-brainstorm-action,
.operation-vu-brainstorm-outcome {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}

.operation-vu-brainstorm-action strong,
.operation-vu-brainstorm-outcome strong {
  color: #0f5c45;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.3;
}

.operation-active-agents-panel {
  position: sticky;
  top: 10px;
}

.operation-active-agents-panel li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-width: 0;
  padding: 7px 0;
  border-bottom: 1px solid #e2e8f0;
}

.operation-active-agents-panel li:last-child {
  border-bottom: 0;
}

.operation-active-agents-panel li > span:first-child {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  color: #0f4d57;
  background: #ecfeff;
  border: 1px solid #99f6e4;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 920;
}

.operation-active-agents-panel li div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-active-agents-panel li strong,
.operation-active-agents-panel li em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-active-agents-panel li strong {
  color: #172033;
  font-size: 12px;
  font-weight: 880;
}

.operation-active-agents-panel li em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 680;
}

.operation-active-agent-status {
  min-height: 18px;
  padding: 0 6px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 860;
  line-height: 1;
}

.operation-active-agent-status-active {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.operation-active-agent-status-monitoring {
  color: #0f4d57;
  background: #ecfeff;
  border-color: #99f6e4;
}

.operation-active-agent-status-waiting {
  color: #713f12;
  background: #fff7e6;
  border-color: #f1d18a;
}

.operation-message-composer-panel {
  gap: 8px;
}

.operation-detail-message-thread article {
  grid-template-columns: minmax(120px, 0.34fr) minmax(0, 1fr) auto;
  align-items: center;
  min-height: 34px;
  padding: 7px;
}

.operation-detail-message-thread article strong {
  grid-column: 1;
}

.operation-detail-message-thread article p {
  grid-column: 2;
  grid-row: 1;
}

.operation-detail-message-thread article span {
  grid-column: 3;
  grid-row: 1;
}

.operation-detail-message-form {
  grid-template-columns: minmax(120px, 0.75fr) minmax(120px, 0.75fr) minmax(120px, 0.65fr) minmax(180px, 1fr);
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
}

.operation-detail-message-form textarea {
  min-height: 54px;
}

.operation-detail-attachment-row .operation-primary-button {
  color: #063b3f;
  background: #99f6e4;
  border-color: #5eead4;
}

.operation-package-registry-table {
  min-width: 760px;
}

.operation-ledger-story-panel ol {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1380px) {
  .operation-detail-standard-grid {
    grid-template-areas:
      "groups vu package"
      "description brainstorm brainstorm"
      "messages messages agents"
      "package-registry package-registry agents"
      "story story story";
    grid-template-columns: minmax(220px, 0.8fr) minmax(290px, 1fr) minmax(270px, 0.9fr);
  }

  .operation-active-agents-panel {
    position: static;
  }
}

@media (max-width: 980px) {
  .operation-record-page-head-detail,
  .operation-record-page-head-detail .operation-record-detail-heading {
    display: grid;
  }

  .operation-record-page-head-detail .operation-record-page-actions {
    justify-content: flex-start;
  }

  .operation-header-eof ol {
    grid-template-columns: repeat(7, minmax(72px, 1fr));
    overflow-x: auto;
  }

  .operation-detail-standard-grid {
    grid-template-areas:
      "groups"
      "vu"
      "package"
      "description"
      "brainstorm"
      "messages"
      "package-registry"
      "agents"
      "story";
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-vu-brainstorm-grid,
  .operation-ledger-story-panel ol {
    grid-template-columns: 1fr;
  }

  .operation-brief-body {
    min-height: auto;
  }
}

@media (max-width: 720px) {
  .operation-groups-involved .operation-group-node-list,
  .operation-vu-coordinator .operation-vu-action-list div,
  .operation-detail-message-form,
  .operation-detail-message-thread article {
    grid-template-columns: 1fr;
  }

  .operation-detail-message-thread article p,
  .operation-detail-message-thread article span {
    grid-column: 1;
    grid-row: auto;
  }
}

/* Ticket 064B: Individual Decision Workspace */

.operation-record-system {
  --odw-midnight: #07111a;
  --odw-graphite: #1c2632;
  --odw-shadow: #0b1a26;
  --odw-teal: #00b7c6;
  --odw-teal-dark: #007c86;
  --odw-gold: #f2b544;
  --odw-gold-hover: #d99a25;
  --odw-silver: #d8dee4;
  --odw-brushed: #eef1f4;
  --odw-soft: #f7f9fa;
  --odw-text: #08111c;
  --odw-muted: #5b6673;
  --odw-border: #d8dee4;
  color: var(--odw-text);
  font-family: Inter, Arial, sans-serif;
}

.operation-record-page-head-detail {
  align-items: flex-start;
  padding: 16px 18px;
  color: var(--odw-text);
  background:
    radial-gradient(circle at 82% 0%, rgba(0, 183, 198, 0.08), transparent 34%),
    linear-gradient(135deg, #ffffff, var(--odw-soft));
  border: 1px solid var(--odw-border);
  border-radius: 10px;
  box-shadow: 0 18px 44px rgba(8, 17, 28, 0.08);
}

.operation-record-page-head-detail::after,
.operation-header-eof {
  display: none;
}

.operation-record-page-head-detail .operation-record-detail-copy {
  gap: 6px;
}

.operation-record-page-head-detail .operation-header-on-badge {
  color: var(--odw-teal-dark) !important;
  background: rgba(0, 183, 198, 0.1);
  border-color: rgba(0, 183, 198, 0.28);
  border-radius: 8px;
}

.operation-record-page-head-detail h1 {
  max-width: 860px;
  color: #050b16;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.12;
}

.operation-record-detail-subtitle {
  margin: 0;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.operation-record-detail-subtitle span {
  margin: 0 8px;
  color: var(--odw-muted);
}

.operation-record-page-head-detail .operation-header-meta {
  gap: 8px;
}

.operation-record-page-head-detail .operation-header-meta div {
  padding: 4px 8px;
  background: #ffffff;
  border-color: rgba(216, 222, 228, 0.94);
  border-radius: 8px;
}

.operation-record-page-head-detail .operation-header-meta dt {
  color: var(--odw-muted);
  font-size: 10px;
  font-weight: 800;
}

.operation-record-page-head-detail .operation-header-meta dd {
  color: var(--odw-text);
  font-size: 12px;
  font-weight: 850;
}

.operation-record-page-head-detail .operation-page-primary-action {
  color: var(--odw-teal-dark);
  background: #ffffff;
  border-color: rgba(0, 183, 198, 0.42);
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(8, 17, 28, 0.06);
}

.operation-record-page-head-detail .operation-page-primary-action:hover,
.operation-record-page-head-detail .operation-page-primary-action:focus-visible {
  background: rgba(0, 183, 198, 0.06);
}

.operation-record-page-head-detail .operation-page-actions-menu summary {
  color: var(--odw-soft);
  background: var(--odw-midnight);
  border-color: var(--odw-midnight);
  border-radius: 8px;
  box-shadow: 0 10px 22px rgba(8, 17, 28, 0.16);
}

.operation-record-page-head-detail .operation-page-actions-menu summary:hover,
.operation-record-page-head-detail .operation-page-actions-menu summary:focus-visible {
  background: var(--odw-graphite);
  border-color: var(--odw-graphite);
}

.operation-individual-decision-record {
  padding: 0;
  background: transparent;
}

.operation-individual-decision-grid {
  display: grid;
  grid-template-areas:
    "description insight question action"
    "ledger ledger ledger notes"
    "ledger ledger ledger vault"
    "workstation workstation workstation vault"
    "security security security security";
  grid-template-columns: minmax(250px, 1fr) minmax(270px, 1fr) minmax(230px, 0.86fr) minmax(220px, 0.72fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.operation-decision-card {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 241, 244, 0.78)),
    #ffffff;
  border: 1px solid var(--odw-border);
  border-radius: 9px;
  box-shadow: 0 16px 38px rgba(8, 17, 28, 0.07);
}

.operation-decision-card > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(216, 222, 228, 0.86);
}

.operation-decision-card > header > div {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.operation-decision-card h2 {
  margin: 0;
  color: var(--odw-midnight);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.15;
  text-transform: uppercase;
}

.operation-decision-card p {
  margin: 0;
  color: #1f2937;
  font-size: 13px;
  font-weight: 630;
  line-height: 1.55;
}

.operation-decision-step-badge {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #ffffff;
  background: #0d47c8;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.operation-operational-description-card {
  grid-area: description;
  min-height: 260px;
}

.operation-vu-insight-card {
  grid-area: insight;
  min-height: 260px;
  background:
    radial-gradient(circle at 12% 12%, rgba(0, 183, 198, 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff, #f3f7fa);
}

.operation-question-for-you-card {
  grid-area: question;
  min-height: 260px;
}

.operation-action-required-card {
  grid-area: action;
  min-height: 260px;
  background:
    radial-gradient(circle at 86% 12%, rgba(0, 183, 198, 0.12), transparent 30%),
    linear-gradient(145deg, var(--odw-midnight), var(--odw-graphite));
  border-color: rgba(216, 222, 228, 0.18);
  color: var(--odw-soft);
}

.operation-action-required-card h2,
.operation-action-required-card p {
  color: var(--odw-soft);
}

.operation-action-required-card > header {
  border-color: rgba(216, 222, 228, 0.18);
}

.operation-action-required-card aside {
  padding: 9px;
  color: var(--odw-silver);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(216, 222, 228, 0.18);
  border-radius: 7px;
  font-size: 11px;
  font-weight: 720;
  line-height: 1.35;
}

.operation-decision-fact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: auto 0 0;
  padding-top: 8px;
  border-top: 1px solid rgba(216, 222, 228, 0.86);
}

.operation-decision-fact-grid div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 0 10px;
  border-left: 1px solid rgba(216, 222, 228, 0.9);
}

.operation-decision-fact-grid div:first-child {
  padding-left: 0;
  border-left: 0;
}

.operation-decision-fact-grid dt {
  color: var(--odw-muted);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
}

.operation-decision-fact-grid dd {
  margin: 0;
  color: var(--odw-midnight);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.15;
}

.operation-decision-fact-grid div:last-child dd {
  color: #c0392b;
}

.operation-vu-insight-card article {
  display: grid;
  gap: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(0, 183, 198, 0.24);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.58);
}

.operation-vu-insight-card article span {
  color: var(--odw-teal-dark);
  font-size: 11px;
  font-weight: 900;
}

.operation-vu-insight-card article strong {
  color: #0d47c8;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.25;
}

.operation-vu-insight-card ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-vu-insight-card li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  color: var(--odw-text);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.operation-vu-insight-card li::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-top: 5px;
  background: var(--odw-teal-dark);
  border-radius: 999px;
}

.operation-vu-insight-card article p {
  padding-top: 8px;
  border-top: 1px solid rgba(216, 222, 228, 0.86);
  color: #1f2d3d;
  font-size: 12px;
}

.operation-vu-insight-card footer,
.operation-decision-action-stack {
  display: grid;
  gap: 6px;
}

.operation-vu-insight-card footer {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.operation-decision-approve-button,
.operation-decision-primary-button,
.operation-decision-secondary-button,
.operation-decision-link-button,
.operation-decision-icon-button,
.operation-decision-card > header button,
.operation-action-required-card button {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.operation-decision-approve-button,
.operation-decision-primary-button {
  color: var(--odw-text);
  background: var(--odw-gold);
  border: 1px solid var(--odw-gold);
}

.operation-decision-approve-button:hover,
.operation-decision-approve-button:focus-visible,
.operation-decision-primary-button:hover,
.operation-decision-primary-button:focus-visible {
  background: var(--odw-gold-hover);
  border-color: var(--odw-gold-hover);
  outline: none;
}

.operation-decision-secondary-button,
.operation-decision-link-button,
.operation-decision-icon-button,
.operation-decision-card > header button {
  color: var(--odw-teal-dark);
  background: #ffffff;
  border: 1px solid rgba(0, 183, 198, 0.34);
}

.operation-decision-secondary-button:hover,
.operation-decision-secondary-button:focus-visible,
.operation-decision-link-button:hover,
.operation-decision-link-button:focus-visible,
.operation-decision-icon-button:hover,
.operation-decision-icon-button:focus-visible {
  background: rgba(0, 183, 198, 0.06);
  outline: none;
}

.operation-decision-question-box {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-height: 102px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid var(--odw-border);
  border-radius: 8px;
}

.operation-decision-question-box span {
  color: #0d47c8;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.operation-decision-question-box strong {
  color: var(--odw-midnight);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.42;
}

.operation-question-for-you-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.operation-question-for-you-card dl div {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.operation-question-for-you-card dt,
.operation-question-for-you-card dd {
  margin: 0;
  font-size: 12px;
}

.operation-question-for-you-card dt {
  color: var(--odw-midnight);
  font-weight: 900;
}

.operation-question-for-you-card dd {
  color: var(--odw-muted);
  font-weight: 720;
}

.operation-action-required-card .operation-decision-action-stack button {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  min-height: 50px;
  text-align: left;
}

.operation-action-required-card button strong,
.operation-action-required-card button span {
  display: block;
  line-height: 1.2;
}

.operation-action-required-card button strong {
  font-size: 14px;
  font-weight: 900;
}

.operation-action-required-card button span {
  font-size: 11px;
  font-weight: 720;
}

.operation-decision-action-yes {
  color: #0f5c45;
  background: #ecfdf5;
  border: 1px solid #a8d5b7;
}

.operation-decision-action-no {
  color: #c0392b;
  background: #fdecec;
  border: 1px solid #f6b3ae;
}

.operation-decision-action-edit {
  color: #0d47c8;
  background: #f8fafc;
  border: 1px solid #b9c9f5;
}

.operation-decision-ledger-card {
  grid-area: ledger;
  min-height: 394px;
}

.operation-decision-ledger-card > header {
  display: flex;
}

.operation-decision-ledger-card > p {
  color: var(--odw-muted);
  font-size: 11px;
  font-weight: 750;
}

.operation-decision-ledger-tree {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-areas:
    "ops mayor legal legal"
    "engineering center center public"
    "finance center center vendors"
    ". emergency emergency .";
  gap: 12px;
  min-height: 315px;
  padding: 8px 10px 0;
}

.operation-decision-ledger-tree::before {
  position: absolute;
  inset: 74px 12% 72px;
  content: "";
  border: 1px solid rgba(91, 102, 115, 0.22);
  border-radius: 14px;
  pointer-events: none;
}

.operation-decision-ledger-center {
  z-index: 1;
  display: grid;
  grid-area: center;
  align-content: center;
  justify-items: center;
  gap: 6px;
  min-height: 142px;
  padding: 14px;
  color: var(--odw-soft);
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 183, 198, 0.2), transparent 44%),
    linear-gradient(145deg, var(--odw-midnight), var(--odw-graphite));
  border: 1px solid rgba(0, 183, 198, 0.24);
  border-radius: 9px;
  text-align: center;
  box-shadow: 0 18px 34px rgba(8, 17, 28, 0.16);
}

.operation-decision-ledger-center span {
  color: var(--odw-gold);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-decision-ledger-center strong {
  color: var(--odw-teal);
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-decision-ledger-center em {
  max-width: 240px;
  color: var(--odw-silver);
  font-size: 12px;
  font-style: normal;
  font-weight: 660;
  line-height: 1.35;
}

.operation-decision-ledger-node {
  z-index: 1;
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid var(--odw-border);
  border-radius: 8px;
}

.operation-decision-ledger-node strong,
.operation-decision-ledger-node span,
.operation-decision-ledger-node em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-decision-ledger-node strong {
  color: var(--odw-midnight);
  font-size: 12px;
  font-weight: 900;
}

.operation-decision-ledger-node span,
.operation-decision-ledger-node em {
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.operation-decision-ledger-node span {
  color: var(--odw-text);
}

.operation-decision-ledger-node em {
  color: var(--odw-muted);
}

.operation-decision-ledger-node:nth-of-type(1) {
  grid-area: ops;
}

.operation-decision-ledger-node:nth-of-type(2) {
  grid-area: engineering;
}

.operation-decision-ledger-node:nth-of-type(3) {
  grid-area: finance;
}

.operation-decision-ledger-node:nth-of-type(4) {
  grid-area: mayor;
}

.operation-decision-ledger-node:nth-of-type(5) {
  grid-area: legal;
}

.operation-decision-ledger-node:nth-of-type(6) {
  grid-area: public;
}

.operation-decision-ledger-node:nth-of-type(7) {
  grid-area: emergency;
}

.operation-decision-ledger-node:nth-of-type(8) {
  grid-area: vendors;
}

.operation-decision-ledger-node-blue {
  border-color: rgba(13, 71, 200, 0.28);
  box-shadow: inset 3px 0 0 #0d47c8;
}

.operation-decision-ledger-node-green {
  border-color: rgba(46, 125, 50, 0.26);
  box-shadow: inset 3px 0 0 #2e7d32;
}

.operation-decision-ledger-node-purple {
  border-color: rgba(109, 40, 217, 0.24);
  box-shadow: inset 3px 0 0 #6d28d9;
}

.operation-decision-ledger-node-gold {
  border-color: rgba(242, 181, 68, 0.52);
  box-shadow: inset 3px 0 0 var(--odw-gold);
}

.operation-decision-ledger-node-teal {
  border-color: rgba(0, 183, 198, 0.34);
  box-shadow: inset 3px 0 0 var(--odw-teal-dark);
}

.operation-secure-notes-card {
  grid-area: notes;
}

.operation-decision-vault-card {
  grid-area: vault;
}

.operation-secure-notes-card > header,
.operation-decision-vault-card > header,
.operation-ai-workstation-card > header {
  align-items: center;
}

.operation-secure-notes-card > header > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-end;
}

.operation-secure-notes-card select {
  min-height: 30px;
  max-width: 132px;
  color: var(--odw-text);
  background: #ffffff;
  border: 1px solid var(--odw-border);
  border-radius: 7px;
  font-size: 11px;
  font-weight: 750;
}

.operation-secure-notes-card ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-secure-notes-card li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  padding: 9px 0;
  border-bottom: 1px solid rgba(216, 222, 228, 0.86);
}

.operation-secure-notes-card li:last-child {
  border-bottom: 0;
}

.operation-note-avatar {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #ffffff;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
}

.operation-note-avatar-green {
  background: #2e7d32;
}

.operation-note-avatar-blue {
  background: var(--odw-teal-dark);
}

.operation-note-avatar-purple {
  background: #4f46e5;
}

.operation-secure-notes-card li div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.operation-secure-notes-card li strong,
.operation-secure-notes-card li p,
.operation-secure-notes-card time {
  margin: 0;
  min-width: 0;
}

.operation-secure-notes-card li strong {
  color: var(--odw-midnight);
  font-size: 12px;
  font-weight: 900;
}

.operation-secure-notes-card li p {
  color: var(--odw-muted);
  font-size: 12px;
  line-height: 1.35;
}

.operation-secure-notes-card time {
  color: var(--odw-muted);
  font-size: 11px;
  font-weight: 720;
  white-space: nowrap;
}

.operation-decision-vault-card table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

.operation-decision-vault-card th,
.operation-decision-vault-card td {
  padding: 7px 6px;
  border-bottom: 1px solid rgba(216, 222, 228, 0.86);
  text-align: left;
  vertical-align: top;
}

.operation-decision-vault-card th {
  color: var(--odw-muted);
  font-weight: 900;
}

.operation-decision-vault-card td {
  color: var(--odw-text);
  font-weight: 680;
}

.operation-decision-vault-card td:first-child {
  color: #0d47c8;
  font-weight: 850;
}

.operation-ai-workstation-card {
  grid-area: workstation;
}

.operation-ai-workstation-card > header {
  justify-content: flex-start;
}

.operation-ai-workstation-card > header p {
  color: var(--odw-muted);
  font-size: 12px;
}

.operation-ai-workstation-card > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.operation-ai-workstation-tool {
  display: grid;
  gap: 5px;
  min-width: 0;
  min-height: 78px;
  padding: 11px;
  background: #ffffff;
  border: 1px solid var(--odw-border);
  border-radius: 8px;
}

.operation-ai-workstation-tool strong {
  color: var(--odw-midnight);
  font-size: 12px;
  font-weight: 900;
}

.operation-ai-workstation-tool span {
  color: var(--odw-muted);
  font-size: 11px;
  font-weight: 680;
  line-height: 1.35;
}

.operation-ai-workstation-tool-green {
  box-shadow: inset 3px 0 0 #2e7d32;
}

.operation-ai-workstation-tool-purple {
  box-shadow: inset 3px 0 0 #6d28d9;
}

.operation-ai-workstation-tool-blue {
  box-shadow: inset 3px 0 0 #0d47c8;
}

.operation-ai-workstation-tool-gold {
  box-shadow: inset 3px 0 0 var(--odw-gold);
}

.operation-decision-security-strip {
  display: flex;
  grid-area: security;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 10px 12px;
  color: var(--odw-silver);
  background: linear-gradient(135deg, var(--odw-midnight), var(--odw-shadow));
  border: 1px solid rgba(216, 222, 228, 0.18);
  border-radius: 9px;
}

.operation-decision-security-strip span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: var(--odw-silver);
  font-size: 11px;
  font-weight: 800;
}

.operation-decision-security-strip span::before {
  content: "";
  width: 7px;
  height: 7px;
  background: var(--odw-teal);
  border-radius: 999px;
  box-shadow: 0 0 16px rgba(0, 183, 198, 0.42);
}

@media (max-width: 1380px) {
  .operation-individual-decision-grid {
    grid-template-areas:
      "description insight"
      "question action"
      "ledger ledger"
      "notes vault"
      "workstation workstation"
      "security security";
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .operation-record-page-head-detail {
    display: grid;
  }

  .operation-record-page-head-detail .operation-record-page-actions {
    justify-content: flex-start;
  }

  .operation-individual-decision-grid {
    grid-template-areas:
      "description"
      "insight"
      "question"
      "action"
      "ledger"
      "notes"
      "vault"
      "workstation"
      "security";
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-decision-ledger-tree {
    grid-template-columns: 1fr;
    grid-template-areas:
      "center"
      "ops"
      "engineering"
      "finance"
      "mayor"
      "legal"
      "public"
      "emergency"
      "vendors";
  }

  .operation-decision-ledger-tree::before {
    display: none;
  }

  .operation-ai-workstation-card > div,
  .operation-decision-fact-grid,
  .operation-vu-insight-card footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .operation-record-page-head-detail .operation-header-meta,
  .operation-decision-security-strip,
  .operation-secure-notes-card > header > div:last-child {
    display: grid;
    justify-content: stretch;
  }

  .operation-decision-fact-grid,
  .operation-vu-insight-card footer,
  .operation-ai-workstation-card > div,
  .operation-secure-notes-card li {
    grid-template-columns: 1fr;
  }

  .operation-decision-fact-grid div {
    padding: 8px 0;
    border-top: 1px solid rgba(216, 222, 228, 0.86);
    border-left: 0;
  }

  .operation-decision-fact-grid div:first-child {
    border-top: 0;
  }
}

/* Operation Detail Page Refinement: input, VU, action, ledger, notes, vault */

.operation-record-page-head-detail {
  color: var(--odw-soft);
  background:
    radial-gradient(circle at 78% 0%, rgba(0, 183, 198, 0.13), transparent 34%),
    linear-gradient(135deg, #07111a 0%, #0b1a26 54%, #102233 100%);
  border-color: rgba(216, 222, 228, 0.16);
  box-shadow: 0 18px 46px rgba(8, 17, 28, 0.24);
}

.operation-record-page-head-detail .operation-header-on-badge {
  color: var(--odw-soft) !important;
  background: transparent;
  border: 0;
  padding: 0;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.operation-record-page-head-detail h1 {
  color: var(--odw-soft);
  font-size: 28px;
  font-weight: 850;
}

.operation-record-detail-subtitle {
  color: var(--odw-silver);
  font-size: 14px;
}

.operation-record-detail-subtitle span {
  color: rgba(216, 222, 228, 0.72);
}

.operation-record-page-head-detail .operation-header-meta {
  margin-top: 6px;
  padding: 6px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(216, 222, 228, 0.14);
  border-radius: 8px;
}

.operation-record-page-head-detail .operation-header-meta div {
  min-height: 28px;
  padding: 4px 12px;
  background: transparent;
  border: 0;
  border-left: 1px solid rgba(216, 222, 228, 0.18);
  border-radius: 0;
}

.operation-record-page-head-detail .operation-header-meta div:first-child {
  border-left: 0;
}

.operation-record-page-head-detail .operation-header-meta dt {
  color: rgba(216, 222, 228, 0.74);
  font-size: 11px;
}

.operation-record-page-head-detail .operation-header-meta dd {
  color: var(--odw-soft);
  font-size: 12px;
}

.operation-record-page-head-detail .operation-page-primary-action {
  color: var(--odw-soft);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(216, 222, 228, 0.18);
}

.operation-record-page-head-detail .operation-page-actions-menu summary {
  color: var(--odw-soft);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(216, 222, 228, 0.18);
}

.operation-individual-decision-record {
  padding: 12px;
  background:
    radial-gradient(circle at 76% 0%, rgba(0, 183, 198, 0.08), transparent 32%),
    linear-gradient(180deg, #eef1f4 0%, #f7f9fa 52%, #eef1f4 100%);
  border: 1px solid rgba(216, 222, 228, 0.82);
  border-radius: 10px;
}

.operation-individual-decision-grid {
  grid-template-areas:
    "input insight action"
    "ledger ledger notes"
    "ledger ledger vault"
    "workstation workstation vault"
    "security security security";
  grid-template-columns: minmax(300px, 0.94fr) minmax(360px, 1.12fr) minmax(320px, 0.94fr);
  gap: 12px;
}

.operation-input-needed-card {
  grid-area: input;
}

.operation-question-for-you-card {
  grid-area: input;
}

.operation-vu-insight-card {
  grid-area: insight;
}

.operation-action-required-card {
  grid-area: action;
}

.operation-decision-card {
  padding: 12px;
  background: #ffffff;
  border: 1px solid #d8dee4;
  border-radius: 9px;
  box-shadow: 0 14px 34px rgba(8, 17, 28, 0.075);
}

.operation-decision-card > header {
  min-height: 34px;
  padding-bottom: 10px;
}

.operation-decision-card h2 {
  font-size: 14px;
  font-weight: 900;
}

.operation-decision-card p {
  color: #334155;
  font-size: 14px;
}

.operation-decision-step-badge {
  background: linear-gradient(135deg, #007c86, #00b7c6);
}

.operation-input-needed-card .operation-decision-question-box {
  min-height: 128px;
  background:
    linear-gradient(135deg, rgba(247, 249, 250, 0.98), rgba(238, 241, 244, 0.92));
  border-color: #d8dee4;
}

.operation-input-needed-card .operation-decision-question-box span {
  color: var(--odw-teal-dark);
}

.operation-input-needed-card .operation-decision-question-box strong {
  font-size: 16px;
  font-weight: 680;
  line-height: 1.48;
}

.operation-input-needed-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-top: 6px;
  border-top: 1px solid #d8dee4;
}

.operation-input-needed-card dl div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 10px;
}

.operation-input-needed-card dt,
.operation-input-needed-card dd {
  margin: 0;
  font-size: 13px;
}

.operation-input-needed-card dt {
  color: #1c2632;
  font-weight: 900;
}

.operation-input-needed-card dd {
  color: #5b6673;
  font-weight: 740;
}

.operation-vu-insight-card,
.operation-action-required-card {
  color: var(--odw-soft);
  background:
    radial-gradient(circle at 90% 0%, rgba(0, 183, 198, 0.16), transparent 30%),
    linear-gradient(145deg, #07111a 0%, #0b1a26 55%, #1c2632 100%);
  border-color: rgba(216, 222, 228, 0.18);
  box-shadow: 0 18px 42px rgba(8, 17, 28, 0.2);
}

.operation-vu-insight-card > header,
.operation-action-required-card > header {
  border-color: rgba(216, 222, 228, 0.18);
}

.operation-vu-insight-card h2,
.operation-action-required-card h2 {
  color: var(--odw-soft);
}

.operation-vu-insight-card article {
  gap: 10px;
  padding: 0;
  color: var(--odw-soft);
  background: transparent;
  border: 0;
  box-shadow: none;
}

.operation-vu-insight-card article span,
.operation-vu-insight-card article p {
  color: var(--odw-teal);
}

.operation-vu-insight-card article strong {
  color: var(--odw-teal);
  font-size: 19px;
  line-height: 1.25;
}

.operation-vu-insight-card li {
  color: var(--odw-soft);
  font-size: 13px;
  font-weight: 660;
}

.operation-vu-insight-card li::before {
  background: #4fa463;
}

.operation-vu-insight-card article p {
  margin-top: 2px;
  color: var(--odw-soft);
  border-color: rgba(216, 222, 228, 0.18);
  font-size: 13px;
  line-height: 1.45;
}

.operation-action-required-card p {
  display: none;
}

.operation-action-required-card .operation-decision-action-stack {
  gap: 8px;
}

.operation-action-required-card .operation-decision-action-stack button {
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 60px;
  gap: 4px 12px;
  align-items: center;
  padding: 10px 14px;
}

.operation-action-required-card .operation-decision-action-stack button::before {
  display: inline-grid;
  grid-row: span 2;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 900;
}

.operation-decision-action-approve {
  color: #eafff7;
  background: rgba(0, 124, 134, 0.32);
  border: 1px solid rgba(79, 164, 99, 0.72);
}

.operation-decision-action-approve::before {
  content: "\2713";
  color: #a8d5b7;
}

.operation-decision-action-edit,
.operation-decision-action-analysis {
  color: var(--odw-soft);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(216, 222, 228, 0.18);
}

.operation-decision-action-edit::before {
  content: "\270E";
  color: var(--odw-silver);
}

.operation-decision-action-analysis::before {
  content: "\25A5";
  color: var(--odw-gold);
}

.operation-action-required-card button strong {
  color: inherit;
  font-size: 15px;
}

.operation-action-required-card button span {
  color: rgba(247, 249, 250, 0.82);
}

.operation-action-required-card aside {
  color: rgba(247, 249, 250, 0.82);
  background: rgba(255, 255, 255, 0.05);
}

.operation-decision-ledger-card {
  min-height: auto;
  background: #ffffff;
}

.operation-decision-ledger-card > header {
  padding-bottom: 8px;
}

.operation-decision-ledger-tree {
  min-height: 270px;
  padding: 4px 0 0;
  gap: 10px;
}

.operation-decision-ledger-tree::before {
  inset: 62px 12% 58px;
  border-color: rgba(91, 102, 115, 0.18);
}

.operation-decision-ledger-center {
  min-height: 128px;
  background: linear-gradient(145deg, #07111a, #1c2632);
}

.operation-decision-ledger-node {
  padding: 8px 10px;
  background: #f7f9fa;
  border-color: #d8dee4;
  box-shadow: inset 3px 0 0 rgba(0, 124, 134, 0.68);
}

.operation-decision-ledger-node-blue,
.operation-decision-ledger-node-green,
.operation-decision-ledger-node-purple,
.operation-decision-ledger-node-gold,
.operation-decision-ledger-node-teal {
  border-color: #d8dee4;
  box-shadow: inset 3px 0 0 rgba(0, 124, 134, 0.68);
}

.operation-secure-notes-card,
.operation-decision-vault-card,
.operation-ai-workstation-card {
  background: #ffffff;
}

.operation-secure-notes-card li {
  padding: 7px 0;
}

.operation-secure-notes-card li p {
  font-size: 12px;
  line-height: 1.3;
}

.operation-note-avatar-blue,
.operation-note-avatar-green,
.operation-note-avatar-purple {
  background: var(--odw-teal-dark);
}

.operation-decision-vault-card th,
.operation-decision-vault-card td {
  padding: 6px;
  font-size: 11px;
}

.operation-vault-status {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  color: #5b6673;
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}

.operation-vault-status em {
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  color: #f2b544;
  background: #07111a;
  border: 1px solid rgba(242, 181, 68, 0.66);
  border-radius: 999px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.operation-vault-status-restricted em {
  color: #d8dee4;
  border-color: rgba(216, 222, 228, 0.44);
}

.operation-vault-status-pending-review em {
  color: #f2b544;
}

.operation-ai-workstation-card > div {
  gap: 7px;
}

.operation-ai-workstation-tool {
  min-height: 66px;
  padding: 9px 10px;
  background: #f7f9fa;
}

.operation-ai-workstation-tool-green,
.operation-ai-workstation-tool-purple,
.operation-ai-workstation-tool-blue,
.operation-ai-workstation-tool-gold {
  box-shadow: inset 3px 0 0 var(--odw-teal-dark);
}

.operation-decision-security-strip {
  color: var(--odw-silver);
  background: linear-gradient(135deg, #07111a, #0b1a26);
}

@media (max-width: 1220px) {
  .operation-individual-decision-grid {
    grid-template-areas:
      "input"
      "insight"
      "action"
      "ledger"
      "notes"
      "vault"
      "workstation"
      "security";
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-decision-ledger-tree {
    grid-template-columns: 1fr;
    grid-template-areas:
      "center"
      "ops"
      "engineering"
      "finance"
      "mayor"
      "legal"
      "public"
      "emergency"
      "vendors";
  }

  .operation-decision-ledger-tree::before {
    display: none;
  }
}

/* Ticket 064C: keep Operation Detail memory and documents compact. */

.operation-ledger-activities-card {
  min-height: 0;
}

.operation-ledger-activities-card > header {
  gap: 10px;
}

.operation-ledger-activities-card > header button,
.operation-decision-vault-card > header button {
  white-space: nowrap;
}

.operation-ledger-activities-card > p {
  margin: 0;
  color: var(--odw-muted);
  font-size: 11px;
  font-weight: 760;
}

.operation-ledger-activities-scroll,
.operation-vault-documents-scroll {
  min-width: 0;
  overflow: auto;
  background: #ffffff;
  border: 1px solid rgba(216, 222, 228, 0.92);
  border-radius: 8px;
}

.operation-ledger-activities-scroll {
  max-height: 244px;
}

.operation-vault-documents-scroll {
  max-height: 218px;
}

.operation-ledger-activities-table,
.operation-vault-documents-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.operation-ledger-activities-table th,
.operation-ledger-activities-table td,
.operation-vault-documents-table th,
.operation-vault-documents-table td {
  min-width: 0;
  padding: 7px 8px;
  overflow: hidden;
  color: var(--odw-text);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: top;
  border-bottom: 1px solid rgba(216, 222, 228, 0.82);
}

.operation-ledger-activities-table th,
.operation-vault-documents-table th {
  color: var(--odw-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.operation-ledger-activities-table tbody tr:last-child td,
.operation-vault-documents-table tbody tr:last-child td {
  border-bottom: 0;
}

.operation-ledger-activities-table th:nth-child(1),
.operation-ledger-activities-table td:nth-child(1) {
  width: 96px;
}

.operation-ledger-activities-table th:nth-child(2),
.operation-ledger-activities-table td:nth-child(2) {
  width: 112px;
}

.operation-ledger-activities-table th:nth-child(3),
.operation-ledger-activities-table td:nth-child(3) {
  width: 110px;
}

.operation-ledger-activities-table th:nth-child(5),
.operation-ledger-activities-table td:nth-child(5) {
  width: 112px;
}

.operation-ledger-activities-table td:nth-child(4) {
  color: var(--odw-midnight);
  font-weight: 780;
  white-space: normal;
}

.operation-ledger-record-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 19px;
  padding: 2px 7px;
  overflow: hidden;
  border: 1px solid rgba(216, 222, 228, 0.95);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-ledger-record-internal {
  color: #1c2632;
  background: #f7f9fa;
}

.operation-ledger-record-shared {
  color: #075f68;
  background: #e8f8f9;
  border-color: rgba(0, 124, 134, 0.22);
}

.operation-ledger-record-ledgered {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: rgba(46, 125, 50, 0.24);
}

.operation-decision-vault-card {
  min-width: 0;
  overflow: hidden;
}

.operation-decision-vault-card > header {
  gap: 10px;
}

.operation-decision-vault-card > header h2 {
  white-space: nowrap;
}

.operation-vault-documents-table th:nth-child(1),
.operation-vault-documents-table td:nth-child(1) {
  width: 34%;
}

.operation-vault-documents-table th:nth-child(2),
.operation-vault-documents-table td:nth-child(2) {
  width: 12%;
}

.operation-vault-documents-table th:nth-child(3),
.operation-vault-documents-table td:nth-child(3) {
  width: 24%;
}

.operation-vault-documents-table th:nth-child(4),
.operation-vault-documents-table td:nth-child(4) {
  width: 16%;
}

.operation-vault-documents-table th:nth-child(5),
.operation-vault-documents-table td:nth-child(5) {
  width: 14%;
}

.operation-vault-document-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #0d47c8;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vault-status {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  color: #5b6673;
  font-size: 10px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vault-status em {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 14px;
  height: 14px;
  color: #d8dee4;
  background: #07111a;
  border: 1px solid rgba(216, 222, 228, 0.46);
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.operation-vault-status-verified {
  color: #0f5c45;
}

.operation-vault-status-verified em {
  color: #0f5c45;
  background: #ecfdf5;
  border-color: rgba(46, 125, 50, 0.32);
}

.operation-vault-status-locked {
  color: #1c2632;
}

.operation-vault-status-pending-review {
  color: #8a5b00;
}

.operation-vault-status-pending-review em {
  color: #8a5b00;
  background: #fff8e8;
  border-color: rgba(242, 181, 68, 0.46);
}

/* Ticket 064D: visual polish only for the approved Operation Detail layout. */

.operation-record-page-head-detail {
  color: #ffffff;
  background:
    radial-gradient(circle at 82% 0%, rgba(255, 255, 255, 0.16), transparent 32%),
    linear-gradient(135deg, #005f68 0%, #007c86 48%, #0f4d57 100%);
  border-color: rgba(153, 246, 228, 0.24);
  box-shadow: 0 18px 42px rgba(0, 95, 104, 0.2);
}

.operation-record-page-head-detail .operation-header-on-badge {
  color: #ffffff !important;
  background: rgba(7, 17, 26, 0.24);
  border-color: rgba(255, 255, 255, 0.22);
}

.operation-record-page-head-detail h1,
.operation-record-page-head-detail .operation-header-meta dd {
  color: #ffffff;
}

.operation-record-detail-subtitle,
.operation-record-detail-subtitle span,
.operation-record-page-head-detail .operation-header-meta dt {
  color: rgba(255, 255, 255, 0.78);
}

.operation-record-page-head-detail .operation-header-meta {
  background: rgba(7, 17, 26, 0.12);
  border-color: rgba(255, 255, 255, 0.16);
}

.operation-record-page-head-detail .operation-header-meta div {
  border-left-color: rgba(255, 255, 255, 0.18);
}

.operation-record-page-head-detail .operation-page-primary-action,
.operation-record-page-head-detail .operation-page-actions-menu summary {
  color: #ffffff;
  background: rgba(7, 17, 26, 0.28);
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: none;
}

.operation-record-page-head-detail .operation-page-primary-action:hover,
.operation-record-page-head-detail .operation-page-primary-action:focus-visible,
.operation-record-page-head-detail .operation-page-actions-menu summary:hover,
.operation-record-page-head-detail .operation-page-actions-menu summary:focus-visible {
  background: rgba(7, 17, 26, 0.4);
}

.operation-individual-decision-record {
  background:
    linear-gradient(180deg, #eef3f6 0%, #f7f9fa 46%, #edf2f5 100%);
  border-color: rgba(139, 154, 170, 0.32);
}

.operation-decision-card {
  gap: 0;
  overflow: hidden;
  padding: 0;
  background: #f7f9fa;
  border: 1px solid rgba(139, 154, 170, 0.42);
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(8, 17, 28, 0.08);
}

.operation-decision-card > header {
  min-height: 43px;
  padding: 9px 12px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(0, 124, 134, 0.14), transparent 42%),
    linear-gradient(180deg, #07111a 0%, #0b1a26 100%);
  border-bottom: 1px solid rgba(0, 183, 198, 0.22);
}

.operation-decision-card > header h2,
.operation-decision-card > header p {
  color: #ffffff;
}

.operation-decision-card > :not(header) {
  margin-right: 12px;
  margin-left: 12px;
}

.operation-decision-card > :nth-child(2) {
  margin-top: 12px;
}

.operation-decision-card > :last-child {
  margin-bottom: 12px;
}

.operation-decision-step-badge {
  width: 23px;
  height: 23px;
  color: #ffffff;
  background: linear-gradient(135deg, #007c86, #00b7c6);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 2px rgba(0, 183, 198, 0.14);
}

.operation-decision-card > header button,
.operation-decision-card > header select {
  min-height: 28px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(216, 222, 228, 0.22);
  border-radius: 7px;
  box-shadow: none;
}

.operation-decision-card > header select {
  padding: 0 28px 0 10px;
}

.operation-decision-card > header select option {
  color: #08111c;
}

.operation-decision-card > header button:hover,
.operation-decision-card > header button:focus-visible,
.operation-decision-card > header select:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}

.operation-input-needed-card,
.operation-vu-insight-card,
.operation-action-required-card,
.operation-ledger-activities-card,
.operation-secure-note-compose-card,
.operation-decision-vault-card,
.operation-ai-workstation-card {
  color: var(--odw-text);
  background: #f7f9fa;
  border-color: rgba(139, 154, 170, 0.42);
  box-shadow: 0 12px 26px rgba(8, 17, 28, 0.08);
}

.operation-input-needed-card p,
.operation-vu-insight-card p,
.operation-action-required-card p,
.operation-ledger-activities-card p,
.operation-secure-note-compose-card p,
.operation-ai-workstation-card p {
  color: #334155;
}

.operation-input-needed-card .operation-decision-question-box {
  min-height: 120px;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.4);
  border-radius: 7px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.operation-input-needed-card .operation-decision-question-box span,
.operation-vu-insight-card article span {
  color: #007c86;
}

.operation-input-needed-card .operation-decision-question-box strong,
.operation-input-needed-card dt,
.operation-input-needed-card dd {
  color: #08111c;
}

.operation-vu-insight-card article {
  padding: 12px;
  color: #08111c;
  background: #eef6f7;
  border: 1px solid rgba(0, 124, 134, 0.24);
  border-radius: 7px;
  box-shadow: none;
}

.operation-vu-insight-card article strong {
  color: #007c86;
  font-size: 18px;
}

.operation-vu-insight-card li {
  color: #172033;
}

.operation-vu-insight-card li::before {
  background: #2e7d32;
}

.operation-vu-insight-card article p {
  color: #1c2632;
  border-top-color: rgba(139, 154, 170, 0.32);
}

.operation-action-required-card .operation-decision-action-stack {
  gap: 8px;
}

.operation-action-required-card .operation-decision-action-stack button {
  min-height: 58px;
  border-radius: 7px;
  box-shadow: none;
}

.operation-decision-action-approve {
  color: #ffffff;
  background: linear-gradient(135deg, #0f5c45, #0d6b50);
  border-color: rgba(46, 125, 50, 0.4);
}

.operation-decision-action-edit,
.operation-decision-action-analysis {
  color: #ffffff;
  background: linear-gradient(135deg, #111b28, #1c2632);
  border-color: rgba(216, 222, 228, 0.22);
}

.operation-action-required-card button span {
  color: rgba(255, 255, 255, 0.78);
}

.operation-action-required-card aside {
  color: #334155;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.34);
}

.operation-ledger-activities-scroll,
.operation-vault-documents-scroll {
  background: #ffffff;
  border-color: rgba(139, 154, 170, 0.34);
}

.operation-ledger-activities-table th,
.operation-vault-documents-table th {
  color: #5b6673;
  background: #f2f5f7;
}

.operation-ledger-activities-table td,
.operation-vault-documents-table td {
  background: #ffffff;
}

.operation-secure-note-compose-card {
  min-height: 145px;
}

.operation-secure-note-compose-card > header {
  align-items: center;
}

.operation-secure-note-compose-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.operation-secure-note-compose-row input {
  min-width: 0;
  min-height: 38px;
  padding: 0 11px;
  color: #08111c;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.42);
  border-radius: 7px;
  font-size: 12px;
  font-weight: 650;
}

.operation-secure-note-compose-row input:focus {
  border-color: rgba(0, 124, 134, 0.5);
  outline: 2px solid rgba(0, 183, 198, 0.14);
}

.operation-secure-note-compose-row .operation-decision-primary-button {
  min-width: 74px;
  color: #ffffff;
  background: linear-gradient(135deg, #007c86, #00a4af);
  border-color: rgba(0, 124, 134, 0.44);
}

.operation-vault-document-name {
  color: #08111c;
}

.operation-vault-status {
  max-width: 18px;
  color: transparent;
}

.operation-vault-status em {
  width: 15px;
  height: 15px;
  font-size: 0;
}

.operation-vault-status-verified em::before {
  content: "\2713";
  color: #0f5c45;
  font-size: 9px;
  line-height: 1;
}

.operation-vault-status-locked em::before,
.operation-vault-status-pending-review em::before {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 5px;
  height: 5px;
  content: "";
  border: 1px solid currentColor;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}

.operation-vault-status-locked em::after,
.operation-vault-status-pending-review em::after {
  position: absolute;
  right: 3px;
  bottom: 3px;
  left: 3px;
  height: 7px;
  content: "";
  background: currentColor;
  border-radius: 2px;
}

.operation-vault-status-locked em,
.operation-vault-status-pending-review em {
  position: relative;
  color: #1c2632;
  background: #ffffff;
  border-color: rgba(28, 38, 50, 0.42);
}

.operation-ai-workstation-card > div {
  padding-top: 0;
}

.operation-ai-workstation-tool {
  background: #ffffff;
  border-color: rgba(139, 154, 170, 0.34);
  border-radius: 7px;
  box-shadow: inset 3px 0 0 #007c86;
}

.operation-vu-workstation-card > div {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.operation-vu-workstation-card .operation-ai-workstation-tool {
  min-height: 72px;
  text-align: left;
  cursor: pointer;
}

.operation-ai-workstation-tool-teal {
  box-shadow: inset 3px 0 0 #007c86;
}

.operation-vu-build-flow {
  display: grid;
  gap: 10px;
  min-width: 0;
  margin-top: 10px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.36);
  border-top: 3px solid #007c86;
  border-radius: 8px;
}

.operation-vu-build-flow > header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  padding: 9px 10px;
  color: #f7f9fa;
  background: linear-gradient(135deg, #07111a, #1c2632);
  border: 1px solid rgba(0, 183, 198, 0.28);
  border-radius: 7px;
}

.operation-vu-build-flow > header div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-vu-build-flow > header span {
  color: #f2b544;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-vu-build-flow > header h3,
.operation-vu-build-flow > header p {
  margin: 0;
}

.operation-vu-build-flow > header h3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
}

.operation-vu-build-flow > header p {
  max-width: 660px;
  color: rgba(247, 249, 250, 0.78);
  font-size: 12px;
  line-height: 1.35;
}

.operation-vu-build-flow-primary {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 11px;
  color: #08111c;
  background: linear-gradient(180deg, #f2c85a, #f2b544);
  border: 1px solid rgba(201, 139, 44, 0.68);
  border-radius: 7px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.operation-vu-build-flow-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-vu-build-flow-steps > li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
  padding: 9px;
  background: #f7f9fa;
  border: 1px solid rgba(139, 154, 170, 0.32);
  border-radius: 7px;
  box-shadow: inset 3px 0 0 rgba(0, 124, 134, 0.78);
}

.operation-vu-build-flow-steps > li > span {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: #ffffff;
  background: #007c86;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.operation-vu-build-flow-steps > li > div {
  min-width: 0;
}

.operation-vu-build-flow-steps strong {
  display: block;
  color: #08111c;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
}

.operation-vu-build-flow-steps dl {
  display: grid;
  gap: 5px;
  margin: 7px 0 0;
}

.operation-vu-build-flow-steps dl div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.operation-vu-build-flow-steps dt,
.operation-vu-build-flow-list span {
  color: #007c86;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operation-vu-build-flow-steps dd {
  min-width: 0;
  margin: 0;
  color: #172033;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.operation-vu-build-flow-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 7px;
}

.operation-vu-build-flow-counts em {
  padding: 3px 6px;
  color: #0f5c45;
  background: #eef6f7;
  border: 1px solid rgba(0, 124, 134, 0.2);
  border-radius: 999px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.operation-vu-build-flow-list {
  display: grid;
  gap: 3px;
  min-width: 0;
  margin-top: 7px;
}

.operation-vu-build-flow-list ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding-left: 14px;
}

.operation-vu-build-flow-list li {
  color: #334155;
  font-size: 11px;
  font-weight: 680;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.operation-vu-build-flow-outputs {
  display: grid;
  gap: 5px;
  margin-top: 7px;
}

.operation-vu-build-flow-outputs > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 6px;
  align-items: center;
  min-width: 0;
  padding: 5px 6px;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.28);
  border-radius: 6px;
}

.operation-vu-build-flow-outputs span {
  color: #007c86;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-vu-build-flow-outputs strong {
  min-width: 0;
  color: #08111c;
  font-size: 11px;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.operation-vu-build-flow-outputs em {
  color: #5b6673;
  font-size: 10px;
  font-style: normal;
  font-weight: 820;
  white-space: nowrap;
}

.operation-vu-build-flow-outputs button,
.operation-vu-build-flow-actions button {
  min-height: 26px;
  padding: 0 8px;
  color: #08111c;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.44);
  border-radius: 7px;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.operation-vu-build-flow-outputs button:hover,
.operation-vu-build-flow-outputs button:focus-visible,
.operation-vu-build-flow-actions button:hover,
.operation-vu-build-flow-actions button:focus-visible,
.operation-vu-build-flow-primary:hover,
.operation-vu-build-flow-primary:focus-visible {
  border-color: rgba(0, 124, 134, 0.56);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 183, 198, 0.16);
}

.operation-vu-build-flow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

@media (max-width: 1220px) {
  .operation-vu-build-flow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .operation-vu-build-flow > header,
  .operation-vu-build-flow-steps,
  .operation-vu-build-flow-outputs > div {
    grid-template-columns: 1fr;
  }

  .operation-vu-build-flow > header {
    display: grid;
  }

  .operation-vu-build-flow-primary {
    width: 100%;
  }
}

.operation-vu-agent-workspace-card {
  grid-area: workstation;
  gap: 10px;
  color: var(--odw-text);
  background: #f7f9fa;
  border-color: rgba(139, 154, 170, 0.42);
  box-shadow: 0 12px 26px rgba(8, 17, 28, 0.08);
}

.operation-vu-agent-workspace-card > header {
  align-items: flex-start;
  margin: -12px -12px 0;
  padding: 10px 12px;
  color: var(--odw-soft);
  background:
    linear-gradient(90deg, rgba(0, 183, 198, 0.22), transparent 42%),
    linear-gradient(135deg, #07111a, #1c2632);
  border-bottom: 2px solid rgba(0, 183, 198, 0.4);
  border-radius: 9px 9px 0 0;
}

.operation-vu-agent-workspace-card > header h2,
.operation-vu-agent-workspace-card > header p {
  color: var(--odw-soft);
}

.operation-vu-agent-workspace-card > header p {
  max-width: 620px;
  color: rgba(247, 249, 250, 0.76);
  font-size: 12px;
  line-height: 1.35;
}

.operation-vu-agent-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: rgba(139, 154, 170, 0.34);
  border: 1px solid rgba(139, 154, 170, 0.34);
  border-radius: 7px;
}

.operation-vu-agent-summary-strip div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 9px;
  background: #ffffff;
  box-shadow: inset 3px 0 0 #007c86;
}

.operation-vu-agent-summary-attention {
  box-shadow: inset 3px 0 0 var(--odw-gold) !important;
}

.operation-vu-agent-summary-review {
  box-shadow: inset 3px 0 0 #c98b2c !important;
}

.operation-vu-agent-summary-strip dt {
  overflow: hidden;
  color: #5b6673;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.operation-vu-agent-summary-strip dd {
  margin: 0;
  overflow: hidden;
  color: #08111c;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vu-agent-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.operation-vu-agent-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-width: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.34);
  border-radius: 8px;
}

.operation-vu-agent-card > header {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 8px 9px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(0, 183, 198, 0.32), transparent 52%),
    linear-gradient(135deg, #07111a, #1c2632);
  border-bottom: 1px solid rgba(0, 183, 198, 0.22);
}

.operation-vu-agent-card > header > span {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 26px;
  height: 26px;
  color: #d9ffff;
  background: rgba(0, 183, 198, 0.14);
  border: 1px solid rgba(0, 183, 198, 0.44);
  border-radius: 7px;
  font-size: 10px;
  font-weight: 950;
}

.operation-vu-agent-card > header div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-vu-agent-card > header strong,
.operation-vu-agent-card > header em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.operation-vu-agent-card > header strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.operation-vu-agent-card > header em {
  color: rgba(247, 249, 250, 0.72);
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
  line-height: 1.25;
}

.operation-vu-agent-card-body {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  padding: 8px;
}

.operation-vu-agent-detail {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 6px 7px;
  background: #f7f9fa;
  border: 1px solid rgba(216, 222, 228, 0.82);
  border-left: 3px solid #007c86;
  border-radius: 6px;
}

.operation-vu-agent-detail span {
  color: #007c86;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-vu-agent-detail p,
.operation-vu-agent-detail li {
  margin: 0;
  color: #172033;
  font-size: 11px;
  font-weight: 720;
  line-height: 1.35;
}

.operation-vu-agent-detail ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-vu-agent-detail li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px;
}

.operation-vu-agent-detail li::before {
  width: 6px;
  height: 6px;
  margin-top: 5px;
  content: "";
  background: var(--odw-gold);
  border-radius: 999px;
}

.operation-vu-agent-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  background: #f2f5f7;
  border-top: 1px solid rgba(216, 222, 228, 0.86);
}

.operation-vu-agent-card button,
.operation-vu-agent-output-log button {
  min-height: 26px;
  padding: 0 8px;
  color: #1c2632;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.5);
  border-radius: 6px;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}

.operation-vu-agent-card button:hover,
.operation-vu-agent-card button:focus-visible,
.operation-vu-agent-output-log button:hover,
.operation-vu-agent-output-log button:focus-visible {
  border-color: rgba(0, 124, 134, 0.5);
  outline: 2px solid rgba(0, 183, 198, 0.12);
}

.operation-vu-agent-card .operation-vu-agent-action-primary {
  color: #08111c;
  background: linear-gradient(180deg, #f2c85a, var(--odw-gold));
  border-color: rgba(201, 139, 44, 0.64);
}

.operation-vu-agent-card button:disabled {
  color: #8b9aaa;
  background: #eef1f4;
  cursor: not-allowed;
}

.operation-vu-agent-output-log {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.operation-vu-agent-output-log > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.operation-vu-agent-output-log h3 {
  margin: 0;
  color: #08111c;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-vu-agent-output-log > header span {
  color: #5b6673;
  font-size: 11px;
  font-weight: 760;
  white-space: nowrap;
}

.operation-vu-agent-output-log > div {
  min-width: 0;
  overflow: auto;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.34);
  border-radius: 7px;
}

.operation-vu-agent-output-log table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  table-layout: fixed;
}

.operation-vu-agent-output-log th,
.operation-vu-agent-output-log td {
  min-width: 0;
  padding: 7px 8px;
  overflow: hidden;
  color: #172033;
  font-size: 11px;
  font-weight: 720;
  line-height: 1.25;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid rgba(216, 222, 228, 0.82);
}

.operation-vu-agent-output-log th {
  color: #5b6673;
  background: #f2f5f7;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-vu-agent-output-log tbody tr:last-child td {
  border-bottom: 0;
}

.operation-vu-agent-output-status {
  display: inline-flex;
  max-width: 100%;
  padding: 3px 7px;
  overflow: hidden;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  text-overflow: ellipsis;
}

.operation-vu-agent-output-ready,
.operation-vu-agent-output-review {
  color: #7a5100;
  background: rgba(242, 181, 68, 0.18);
}

.operation-vu-agent-output-complete {
  color: #0f5c45;
  background: rgba(46, 125, 50, 0.12);
}

.operation-vu-agent-output-draft {
  color: #334155;
  background: #eef1f4;
}

@media (max-width: 1220px) {
  .operation-vu-agent-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operation-vu-agent-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .operation-vu-agent-card-grid,
  .operation-vu-agent-summary-strip {
    grid-template-columns: 1fr;
  }

  .operation-vu-agent-output-log > header {
    display: grid;
    justify-content: stretch;
  }
}

@media (max-width: 720px) {
  .operation-secure-note-compose-row {
    grid-template-columns: 1fr;
  }
}

.operation-vu-action-screen {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  background:
    radial-gradient(circle at 76% 0%, rgba(0, 183, 198, 0.08), transparent 32%),
    linear-gradient(180deg, #eef1f4 0%, #f7f9fa 52%, #eef1f4 100%);
  border: 1px solid rgba(216, 222, 228, 0.82);
  border-radius: 10px;
}

.operation-vu-action-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
  padding: 12px;
  color: #f7f9fa;
  background:
    linear-gradient(90deg, rgba(0, 183, 198, 0.2), transparent 44%),
    linear-gradient(135deg, #07111a, #1c2632);
  border: 1px solid rgba(0, 183, 198, 0.2);
  border-radius: 9px;
}

.operation-vu-action-header button {
  min-height: 30px;
  padding: 0 10px;
  color: #08111c;
  background: linear-gradient(180deg, #f2c85a, var(--odw-gold));
  border: 1px solid rgba(242, 181, 68, 0.62);
  border-radius: 7px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.operation-vu-action-header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.operation-vu-action-header span,
.operation-vu-action-header h1,
.operation-vu-action-header p {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.operation-vu-action-header span {
  color: #95eef1;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.operation-vu-action-header h1 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.15;
}

.operation-vu-action-header p {
  color: rgba(247, 249, 250, 0.74);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.operation-vu-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  min-width: 0;
}

.operation-vu-action-grid-main {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.operation-vu-action-panel {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.34);
  border-left: 3px solid #007c86;
  border-radius: 8px;
}

.operation-vu-action-panel > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(216, 222, 228, 0.82);
}

.operation-vu-action-panel h2,
.operation-vu-action-panel h3 {
  margin: 0;
  color: #08111c;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-vu-action-panel > header span {
  overflow: hidden;
  color: #5b6673;
  font-size: 10px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-vu-action-panel p,
.operation-vu-action-panel li,
.operation-vu-action-definition-list dd {
  margin: 0;
  color: #172033;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.38;
}

.operation-vu-action-panel ul,
.operation-vu-action-knowledge-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-vu-action-panel li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
}

.operation-vu-action-panel li::before {
  width: 6px;
  height: 6px;
  margin-top: 5px;
  content: "";
  background: var(--odw-gold);
  border-radius: 999px;
}

.operation-vu-action-recommendation {
  border-left-color: var(--odw-gold);
}

.operation-vu-action-definition-list {
  display: grid;
  gap: 7px;
  margin: 0;
}

.operation-vu-action-definition-list div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.operation-vu-action-definition-list dt {
  color: #007c86;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-vu-action-draft {
  grid-column: span 2;
}

.operation-vu-action-draft textarea {
  width: 100%;
  min-height: 150px;
  padding: 10px;
  resize: vertical;
  color: #08111c;
  background: #f7f9fa;
  border: 1px solid rgba(139, 154, 170, 0.42);
  border-radius: 7px;
  font: inherit;
  font-size: 12px;
  font-weight: 680;
  line-height: 1.45;
}

.operation-vu-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.34);
  border-radius: 8px;
}

.operation-vu-action-buttons button {
  min-height: 30px;
  padding: 0 11px;
  color: #1c2632;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.52);
  border-radius: 7px;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.operation-vu-action-buttons .operation-vu-action-primary-button {
  color: #08111c;
  background: linear-gradient(180deg, #f2c85a, var(--odw-gold));
  border-color: rgba(201, 139, 44, 0.64);
}

.operation-vu-action-buttons button:disabled {
  cursor: progress;
  opacity: 0.68;
}

.operation-vu-action-execution-status {
  display: grid;
  gap: 2px;
  min-width: min(100%, 320px);
  margin-left: auto;
  padding: 6px 8px;
  color: #1c2632;
  background: #f7f9fa;
  border: 1px solid rgba(139, 154, 170, 0.38);
  border-radius: 7px;
  font-size: 11px;
  line-height: 1.35;
}

.operation-vu-action-execution-status strong {
  font-weight: 850;
}

.operation-vu-action-execution-status span {
  color: #4b5a69;
  overflow-wrap: anywhere;
}

.operation-vu-action-execution-failed {
  border-color: rgba(180, 52, 52, 0.38);
}

@media (max-width: 1220px) {
  .operation-vu-workstation-card > div,
  .operation-vu-action-grid,
  .operation-vu-action-grid-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .operation-vu-workstation-card > div,
  .operation-vu-action-grid,
  .operation-vu-action-grid-main,
  .operation-vu-action-header {
    grid-template-columns: 1fr;
  }

  .operation-vu-action-draft {
    grid-column: auto;
  }
}

/* Vault and Ledger operational workspaces */

.vucoris-main-content-workflow-document-vault,
.vucoris-main-content-vault-documents,
.vucoris-main-content-vault-outputs,
.vucoris-main-content-vault-sealed-records,
.vucoris-main-content-vault-by-operation-number,
.vucoris-main-content-vault-records,
.vucoris-main-content-vault-library,
.vucoris-main-content-ledger-timeline,
.vucoris-main-content-ledger-by-operation,
.vucoris-main-content-ledger-by-participant,
.vucoris-main-content-ledger-decisions,
.vucoris-main-content-ledger-authorizations,
.vucoris-main-content-ledger-commitments,
.vucoris-main-content-ledger-audit-trail {
  padding: 0;
  background: #f3f5f7;
}

.vl-workspace {
  min-height: calc(100vh - 64px);
  color: #0d1723;
  background: #f3f5f7;
}

.vl-top-rail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 28px;
  color: #dce7ef;
  background: #041526;
  border-bottom: 1px solid rgba(0, 151, 167, 0.28);
}

.vl-top-rail div {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.vl-top-rail button,
.vl-top-rail span,
.vl-top-rail strong,
.vl-top-rail i {
  min-width: 0;
  color: inherit;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.vl-top-rail button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.vl-top-rail strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vl-top-rail > span {
  padding: 8px 12px;
  color: #ffffff;
  background: #071c2e;
  border: 1px solid rgba(0, 151, 167, 0.45);
  border-radius: 5px;
}

.vl-workspace-body {
  display: grid;
  gap: 16px;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 18px 24px 24px;
}

.vl-page-heading,
.vl-ledger-heading {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
}

.vl-page-heading p,
.vl-ledger-heading p,
.vl-section-label {
  margin: 0 0 6px;
  color: #071c2e;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.vl-page-heading h1,
.vl-ledger-heading h1 {
  margin: 0;
  color: #071c2e;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.12;
}

.vl-ledger-heading h1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.vl-ledger-heading strong {
  display: block;
  margin-top: 6px;
  color: #071c2e;
  font-size: 15px;
  font-weight: 900;
}

.vl-ledger-heading span {
  display: block;
  margin-top: 8px;
  color: #52606f;
  font-size: 12px;
  font-weight: 800;
}

.vl-ledger-heading > button,
.vl-primary-action,
.vl-record-actions button,
.vl-action-stack button,
.vl-related-links button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  color: #071c2e;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid rgba(7, 28, 46, 0.24);
  border-radius: 5px;
}

.vl-primary-action {
  color: #ffffff;
  background: #0097a7;
  border-color: rgba(0, 116, 128, 0.5);
}

.vl-card,
.vl-chain-card {
  min-width: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(175, 186, 196, 0.85);
  border-radius: 6px;
  box-shadow: 0 12px 24px rgba(4, 21, 38, 0.06);
}

.vl-card > header,
.vl-chain-card > summary {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 9px 14px;
  color: #ffffff;
  list-style: none;
  background: #041526;
  border-bottom: 1px solid rgba(0, 151, 167, 0.22);
}

.vl-card > header h2,
.vl-chain-card > summary {
  margin: 0;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.vl-card > header span,
.vl-chain-card > summary span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 20px;
  padding: 0 7px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  background: #071c2e;
  border: 1px solid rgba(0, 151, 167, 0.42);
  border-radius: 5px;
}

.vl-card > header button {
  width: 26px;
  min-height: 24px;
  padding: 0;
  color: #dce7ef;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(220, 231, 239, 0.36);
  border-radius: 5px;
}

.vl-chain-card > summary::-webkit-details-marker {
  display: none;
}

.vl-table-card {
  min-height: 0;
}

.vl-table-scroll {
  max-height: 540px;
  overflow: auto;
}

.vl-ledger-scroll {
  max-height: 590px;
}

.vl-record-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  table-layout: fixed;
}

.vl-record-table th,
.vl-record-table td {
  padding: 10px 12px;
  overflow: hidden;
  color: #162230;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-bottom: 1px solid rgba(216, 222, 228, 0.9);
}

.vl-record-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: #52606f;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  background: #f7f9fa;
}

.vl-record-table tbody tr {
  cursor: pointer;
  background: #ffffff;
}

.vl-record-table tbody tr:hover,
.vl-record-table tbody tr:focus-visible {
  background: #eef7f8;
  outline: none;
}

.vl-record-table strong {
  color: #071c2e;
  font-weight: 900;
}

.vl-record-table td > span:not(.vl-seal-pill):not(.vl-visibility-pill) {
  display: block;
  margin-top: 3px;
  color: #657282;
  font-size: 11px;
  font-weight: 750;
}

.vl-flow-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 10px 14px;
  color: #071c2e;
  background: #ffffff;
  border: 1px solid rgba(175, 186, 196, 0.85);
  border-radius: 6px;
}

.vl-flow-strip span,
.vl-flow-strip i {
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.vl-flow-strip i {
  color: #0097a7;
}

.vl-record-hero {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) minmax(460px, 2.2fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px;
  color: #ffffff;
  background: #071c2e;
  border: 1px solid rgba(0, 151, 167, 0.28);
  border-radius: 6px;
  box-shadow: 0 14px 28px rgba(4, 21, 38, 0.12);
}

.vl-record-hero span {
  display: block;
  color: #dce7ef;
  font-size: 16px;
  font-weight: 900;
}

.vl-record-hero h1 {
  margin: 6px 0 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}

.vl-record-purpose {
  max-width: 520px;
  margin: 9px 0 0;
  color: #dce7ef;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
}

.vl-record-purpose strong {
  color: #ffffff;
  font-weight: 900;
}

.vl-record-hero dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(88px, 1fr));
  gap: 16px;
  min-width: 0;
  margin: 0;
}

.vl-record-hero dt,
.vl-detail-list dt {
  color: #6d7886;
  font-size: 11px;
  font-weight: 850;
}

.vl-record-hero dt {
  color: #c9d5df;
}

.vl-record-hero dd,
.vl-detail-list dd {
  min-width: 0;
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  color: #071c2e;
  font-size: 12px;
  font-weight: 900;
}

.vl-record-hero dd {
  color: #ffffff;
}

.vl-record-actions {
  display: flex;
  gap: 10px;
}

.vl-record-actions button {
  color: #ffffff;
  background: rgba(4, 21, 38, 0.42);
  border-color: rgba(220, 231, 239, 0.25);
}

.vl-vault-detail-grid {
  display: grid;
  grid-template-columns: minmax(520px, 1.58fr) minmax(290px, 0.78fr) minmax(230px, 0.44fr);
  gap: 18px;
  align-items: start;
  min-width: 0;
}

.vl-document-viewer {
  min-height: 650px;
}

.vl-viewer-tab {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  max-width: calc(100% - 28px);
  min-height: 42px;
  margin: 14px 14px 0;
  padding: 0 14px;
  color: #071c2e;
  background: #f3f5f7;
  border: 1px solid rgba(216, 222, 228, 0.9);
  border-radius: 5px 5px 0 0;
}

.vl-viewer-tab strong {
  overflow: hidden;
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vl-file-icon {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 18px;
  height: 18px;
  color: #007681;
  font-size: 10px;
  font-weight: 900;
  background: #e8f8f9;
  border: 1px solid rgba(0, 151, 167, 0.28);
  border-radius: 4px;
}

.vl-viewer-toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px 18px;
  background: #f7f9fa;
  border-top: 1px solid rgba(216, 222, 228, 0.9);
  border-bottom: 1px solid rgba(216, 222, 228, 0.9);
}

.vl-viewer-toolbar button {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #1c2632;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid transparent;
  border-radius: 5px;
}

.vl-viewer-toolbar span,
.vl-viewer-toolbar strong {
  color: #52606f;
  font-size: 12px;
  font-weight: 850;
}

.vl-document-page {
  display: grid;
  gap: 8px;
  min-height: 510px;
  margin: 18px;
  padding: 42px 54px;
  color: #061322;
  background: #ffffff;
  border: 1px solid rgba(216, 222, 228, 0.95);
  box-shadow: 0 12px 26px rgba(4, 21, 38, 0.08);
}

.vl-document-page h3 {
  margin: 0;
  color: #071c2e;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

.vl-document-page h4 {
  margin: 4px 0 2px;
  color: #007681;
  font-size: 22px;
  font-weight: 900;
}

.vl-document-date {
  margin: 0 0 18px;
  color: #071c2e;
  font-size: 16px;
  font-weight: 800;
}

.vl-document-page strong {
  color: #075f68;
  font-size: 13px;
  font-weight: 900;
}

.vl-document-page p {
  max-width: 600px;
  margin: 0;
  color: #162230;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.55;
}

.vl-document-visuals {
  display: grid;
  grid-template-columns: minmax(180px, 1.1fr) minmax(160px, 0.9fr);
  gap: 0;
  width: min(100%, 560px);
  margin-top: 36px;
  border: 1px solid rgba(91, 102, 115, 0.5);
}

.vl-evidence-preview-map,
.vl-evidence-preview-chart {
  position: relative;
  min-height: 150px;
  overflow: hidden;
  background: #eef3f6;
}

.vl-evidence-preview-map {
  background:
    linear-gradient(90deg, rgba(0, 151, 167, 0.16) 1px, transparent 1px),
    linear-gradient(rgba(7, 28, 46, 0.1) 1px, transparent 1px),
    linear-gradient(135deg, rgba(46, 125, 50, 0.18), rgba(0, 151, 167, 0.12)),
    #f7f9fa;
  background-size: 42px 42px, 42px 42px, auto, auto;
}

.vl-evidence-preview-map span {
  position: absolute;
  display: block;
  height: 24px;
  background: #ffffff;
  border: 1px solid rgba(0, 151, 167, 0.24);
  border-radius: 4px;
  box-shadow: 0 8px 14px rgba(4, 21, 38, 0.08);
}

.vl-evidence-preview-map span:nth-child(1) {
  top: 28px;
  left: 20px;
  width: 68%;
}

.vl-evidence-preview-map span:nth-child(2) {
  top: 70px;
  left: 36px;
  width: 74%;
}

.vl-evidence-preview-map span:nth-child(3) {
  top: 112px;
  left: 20px;
  width: 58%;
}

.vl-evidence-preview-chart {
  background:
    linear-gradient(rgba(7, 28, 46, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 28, 46, 0.1) 1px, transparent 1px),
    #fbfcfd;
  background-size: 36px 30px;
  border-left: 1px solid rgba(91, 102, 115, 0.5);
}

.vl-evidence-preview-chart i {
  position: absolute;
  right: 18px;
  bottom: 28px;
  width: 72%;
  height: 66%;
  border-right: 3px solid #0097a7;
  border-bottom: 3px solid #2e7d32;
  transform: skew(-15deg) rotate(-8deg);
  transform-origin: bottom right;
}

.vl-evidence-chain,
.vl-side-rail,
.vl-ledger-stack {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.vl-intel-card {
  border-color: rgba(0, 151, 167, 0.24);
}

.vl-intel-body {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: #ffffff;
}

.vl-intel-purpose {
  margin: 0;
  color: #162230;
  font-size: 12px;
  font-weight: 820;
  line-height: 1.4;
}

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

.vl-intel-block {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background: #f7f9fa;
  border: 1px solid rgba(216, 222, 228, 0.92);
  border-radius: 5px;
}

.vl-intel-block-wide {
  grid-column: 1 / -1;
}

.vl-intel-block strong {
  color: #071c2e;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.vl-intel-block span,
.vl-intel-block li {
  color: #162230;
  font-size: 12px;
  font-weight: 780;
  line-height: 1.35;
}

.vl-intel-block ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vl-intel-block li {
  position: relative;
  padding-left: 12px;
}

.vl-intel-block li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 5px;
  height: 5px;
  content: "";
  background: #0097a7;
  border-radius: 999px;
}

.vl-chain-card {
  overflow: visible;
}

.vl-chain-card > summary {
  cursor: pointer;
}

.vl-detail-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 14px;
  background: #ffffff;
}

.vl-detail-list div {
  display: grid;
  grid-template-columns: minmax(90px, 0.75fr) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.vl-evidence-list,
.vl-analysis-list,
.vl-human-response-list,
.vl-activity-chain ol {
  margin: 0;
  padding: 14px;
  list-style: none;
}

.vl-evidence-list,
.vl-analysis-list {
  display: grid;
  gap: 9px;
}

.vl-evidence-list li,
.vl-analysis-list li {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
  color: #162230;
  font-size: 12px;
  font-weight: 820;
}

.vl-evidence-list li strong {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: #162230;
  font-size: 12px;
  font-weight: 860;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vl-analysis-list li {
  display: block;
  line-height: 1.45;
}

.vl-chain-arrow {
  display: grid;
  place-items: center;
  height: 22px;
  color: #071c2e;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.vl-decision-links {
  display: grid;
  gap: 7px;
  padding: 14px;
}

.vl-decision-links div {
  display: grid;
  grid-template-columns: minmax(116px, 0.9fr) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.vl-decision-links strong,
.vl-decision-links span {
  min-width: 0;
  overflow: hidden;
  color: #071c2e;
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vl-decision-links span {
  font-weight: 760;
}

.vl-action-stack {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.vl-action-stack button:not(.vl-primary-action) {
  width: 100%;
}

.vl-side-details {
  gap: 12px;
}

.vl-side-details div {
  grid-template-columns: minmax(88px, 0.75fr) minmax(0, 1fr);
}

.vl-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 14px;
}

.vl-tags span {
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  padding: 0 8px;
  color: #075f68;
  font-size: 11px;
  font-weight: 900;
  background: #e8f8f9;
  border: 1px solid rgba(0, 151, 167, 0.18);
  border-radius: 5px;
}

.vl-seal-pill,
.vl-visibility-pill {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  max-width: 100%;
  min-height: 22px;
  padding: 0 8px;
  overflow: hidden;
  color: #2e7d32;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #edf8ee;
  border: 1px solid rgba(46, 125, 50, 0.22);
  border-radius: 999px;
}

.vl-seal-pill em {
  display: inline-grid;
  place-items: center;
  width: 14px;
  height: 14px;
  color: #ffffff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  background: #2e7d32;
  border-radius: 999px;
}

.vl-seal-dark {
  color: #ffffff;
  background: rgba(46, 125, 50, 0.18);
  border-color: rgba(117, 199, 130, 0.32);
}

.vl-seal-restricted,
.vl-visibility-internal {
  color: #071c2e;
  background: #f3f5f7;
  border-color: rgba(7, 28, 46, 0.2);
}

.vl-seal-restricted em {
  background: #071c2e;
}

.vl-seal-draft {
  color: #8a5f00;
  background: #fff7df;
  border-color: rgba(212, 160, 23, 0.28);
}

.vl-seal-draft em {
  background: #d4a017;
}

.vl-visibility-shared {
  color: #075f68;
  background: #e8f8f9;
  border-color: rgba(0, 151, 167, 0.22);
}

.vl-visibility-ledgered {
  color: #2e7d32;
  background: #edf8ee;
  border-color: rgba(46, 125, 50, 0.22);
}

.vl-ledger-detail-grid {
  display: grid;
  grid-template-columns: minmax(390px, 1.25fr) minmax(280px, 0.86fr) minmax(280px, 0.86fr) minmax(230px, 0.62fr);
  gap: 18px;
  align-items: start;
  min-width: 0;
}

.vl-ledger-audit-grid {
  grid-template-columns: minmax(520px, 1.35fr) minmax(360px, 1fr);
  gap: 12px;
}

.vl-ledger-audit-card {
  min-height: 0;
}

.vl-ledger-audit-card > header {
  min-height: 32px;
  padding: 8px 12px;
}

.vl-activity-chain ol {
  position: relative;
  display: grid;
  gap: 0;
  padding: 10px 12px 10px 40px;
}

.vl-activity-chain ol::before {
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 28px;
  width: 2px;
  content: "";
  background: #0097a7;
}

.vl-activity-chain li {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(216, 222, 228, 0.86);
}

.vl-activity-chain li:last-child {
  border-bottom: 0;
}

.vl-chain-node {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #075f68;
  font-size: 10px;
  font-weight: 900;
  background: #ffffff;
  border: 2px solid #0097a7;
  border-radius: 999px;
  box-shadow: 0 0 0 5px #ffffff;
}

.vl-activity-chain strong,
.vl-activity-chain time,
.vl-activity-chain em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vl-activity-chain strong {
  color: #071c2e;
  font-size: 13px;
  font-weight: 900;
}

.vl-activity-chain time {
  margin-top: 4px;
  color: #52606f;
  font-size: 12px;
  font-weight: 760;
}

.vl-activity-chain em {
  color: #162230;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.vl-compact-card > header {
  background: #ffffff;
  border-bottom-color: rgba(175, 186, 196, 0.7);
}

.vl-compact-card > header h2 {
  color: #071c2e;
}

.vl-compact-card > header button {
  color: #071c2e;
  border-color: rgba(7, 28, 46, 0.22);
}

.vl-analysis-card > header {
  color: #ffffff;
  background: #041526;
  border-bottom-color: rgba(0, 151, 167, 0.22);
}

.vl-analysis-card > header h2 {
  color: #ffffff;
}

.vl-analysis-card > header button {
  color: #dce7ef;
  border-color: rgba(220, 231, 239, 0.36);
}

.vl-recommendation-body {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.vl-recommendation-body p,
.vl-recommendation-body span {
  margin: 0;
  color: #162230;
  font-size: 12px;
  font-weight: 780;
  line-height: 1.45;
}

.vl-recommendation-body strong,
.vl-recommendation-body span strong {
  color: #2e7d32;
  font-weight: 900;
}

.vl-decision-analysis-body {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: #ffffff;
}

.vl-decision-analysis-body > strong {
  color: #071c2e;
  font-size: 12px;
  font-weight: 900;
}

.vl-decision-analysis-body ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vl-decision-analysis-body li {
  position: relative;
  padding-left: 14px;
  color: #162230;
  font-size: 12px;
  font-weight: 790;
  line-height: 1.4;
}

.vl-decision-analysis-body li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  content: "";
  background: #2e7d32;
  border-radius: 999px;
}

.vl-decision-analysis-body dl,
.vl-learned-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
}

.vl-learned-list {
  padding: 14px 16px;
}

.vl-decision-analysis-body dl div,
.vl-learned-list div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px 10px;
  background: #f7f9fa;
  border: 1px solid rgba(216, 222, 228, 0.92);
  border-radius: 5px;
}

.vl-decision-analysis-body dt,
.vl-learned-list dt {
  color: #52606f;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.vl-decision-analysis-body dd,
.vl-learned-list dd {
  margin: 0;
  color: #162230;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.vl-human-response-list {
  display: grid;
  gap: 0;
}

.vl-human-response-list li {
  display: grid;
  grid-template-columns: minmax(96px, 1fr) 80px minmax(96px, 1fr) 18px;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid rgba(216, 222, 228, 0.86);
}

.vl-human-response-list li:last-child {
  border-bottom: 0;
}

.vl-human-response-list strong,
.vl-human-response-list span,
.vl-human-response-list time,
.vl-human-response-list em {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vl-human-response-list strong,
.vl-human-response-list time {
  color: #162230;
}

.vl-human-response-list span,
.vl-human-response-list em {
  color: #2e7d32;
}

.vl-auth-outcome {
  border-color: rgba(46, 125, 50, 0.36);
}

.vl-auth-outcome > header {
  background: #071c2e;
}

.vl-auth-outcome > div {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 22px;
  background: #fbfefb;
}

.vl-auth-mark {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #2e7d32;
  font-size: 24px;
  font-weight: 900;
  background: #ffffff;
  border: 2px solid rgba(46, 125, 50, 0.35);
  border-radius: 999px;
}

.vl-auth-outcome strong {
  display: block;
  color: #2e7d32;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.vl-auth-outcome p,
.vl-auth-outcome time,
.vl-auth-outcome small {
  display: block;
  margin: 6px 0 0;
  color: #071c2e;
  font-size: 12px;
  font-weight: 850;
}

.vl-ledger-authorization-summary {
  display: grid;
  grid-template-columns: 24px minmax(120px, 1fr) minmax(120px, 1fr) auto;
  gap: 9px;
  align-items: center;
  margin: 0 12px 12px;
  padding: 9px 10px;
  color: #071c2e;
  background: #f7f9fa;
  border: 1px solid rgba(46, 125, 50, 0.18);
  border-left: 3px solid #2e7d32;
  border-radius: 5px;
}

.vl-ledger-authorization-summary .vl-auth-mark {
  width: 22px;
  height: 22px;
  font-size: 12px;
  border-width: 1px;
}

.vl-ledger-authorization-summary strong,
.vl-ledger-authorization-summary time,
.vl-ledger-authorization-summary small {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vl-ledger-authorization-summary time,
.vl-ledger-authorization-summary small {
  color: #52606f;
  font-weight: 780;
}

.vl-entry-side .vl-card > header {
  background: #f7f9fa;
  border-bottom-color: rgba(175, 186, 196, 0.7);
}

.vl-entry-side .vl-card > header h2 {
  color: #071c2e;
}

.vl-danger-text {
  color: #b3261e !important;
}

.vl-related-links {
  padding-bottom: 8px;
}

.vl-related-links button {
  justify-content: space-between;
  width: calc(100% - 24px);
  margin: 0 12px 8px;
  color: #075f68;
  background: #ffffff;
  border-color: transparent;
}

.vl-related-links button:first-of-type {
  margin-top: 8px;
}

.vl-related-links span {
  font-weight: 900;
}

@media (max-width: 1420px) {
  .vl-record-hero {
    grid-template-columns: 1fr;
  }

  .vl-record-hero dl {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .vl-vault-detail-grid,
  .vl-ledger-detail-grid {
    grid-template-columns: 1fr;
  }

  .vl-document-viewer {
    min-height: 0;
  }
}

@media (max-width: 900px) {
  .vl-top-rail,
  .vl-page-heading,
  .vl-ledger-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .vl-top-rail {
    gap: 8px;
    padding: 10px 16px;
  }

  .vl-workspace-body {
    padding: 16px;
  }

  .vl-record-hero dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vl-document-page {
    margin: 12px;
    padding: 26px 22px;
  }

  .vl-document-page h3 {
    font-size: 22px;
  }

  .vl-document-page h4 {
    font-size: 18px;
  }

  .vl-document-visuals {
    grid-template-columns: 1fr;
  }

  .vl-evidence-preview-chart {
    border-top: 1px solid rgba(91, 102, 115, 0.5);
    border-left: 0;
  }
}

@media (max-width: 640px) {
  .vl-record-hero dl,
  .vl-detail-list div,
  .vl-decision-links div,
  .vl-activity-chain li,
  .vl-human-response-list li,
  .vl-auth-outcome > div {
    grid-template-columns: 1fr;
  }

  .vl-intel-grid {
    grid-template-columns: 1fr;
  }

  .vl-record-actions,
  .vl-viewer-toolbar {
    flex-wrap: wrap;
  }

  .vl-activity-chain ol {
    padding-left: 18px;
  }

  .vl-activity-chain ol::before {
    display: none;
  }
}

/* Universal dark detail record header */

.record-header {
  --record-header-accent: #00b7c6;
  --record-header-accent-soft: rgba(0, 183, 198, 0.16);
  --record-header-accent-border: rgba(0, 183, 198, 0.42);
  position: relative;
  display: grid;
  grid-template-areas: "icon body metadata actions";
  grid-template-columns: 50px minmax(280px, 1fr) minmax(280px, auto) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  min-height: 96px;
  margin: 0;
  padding: 14px 16px 14px 22px;
  overflow: visible;
  color: #ffffff;
  background: linear-gradient(135deg, #07111a 0%, #0d1b2a 52%, #101f31 100%);
  border: 1px solid rgba(216, 222, 228, 0.16);
  border-radius: 10px;
  box-shadow: 0 14px 30px rgba(8, 17, 28, 0.18);
}

.record-header-accent {
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--record-header-accent);
  border-radius: 10px 0 0 10px;
}

.record-header-icon-tile {
  display: grid;
  grid-area: icon;
  place-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  color: #ffffff;
  background: var(--record-header-accent-soft);
  border: 1px solid var(--record-header-accent-border);
  border-radius: 9px;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.record-header-icon-tile svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

button.record-header-icon-tile {
  cursor: pointer;
}

button.record-header-icon-tile:hover,
button.record-header-icon-tile:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  outline: 2px solid var(--record-header-accent);
  outline-offset: 2px;
}

.record-header-body {
  display: grid;
  grid-area: body;
  gap: 7px;
  min-width: 0;
}

.record-header-context {
  display: flex;
  min-width: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  font-weight: 780;
  line-height: 1;
  white-space: nowrap;
}

.record-header-context span {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.record-header-context span:not(:last-child)::after {
  margin: 0 8px;
  color: rgba(255, 255, 255, 0.38);
  content: ">";
}

.record-header-main-row {
  display: flex;
  gap: 11px;
  align-items: baseline;
  min-width: 0;
}

.record-header-primary-id {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.record-header-separator {
  flex: 0 0 auto;
  width: 1px;
  height: 20px;
  overflow: hidden;
  color: transparent;
  background: rgba(255, 255, 255, 0.38);
}

.record-header h1,
.record-header h2 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.14;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.record-header-metadata {
  display: flex;
  grid-area: metadata;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
  min-width: 0;
  overflow: hidden;
  color: #ffffff;
}

.record-header-actions {
  position: relative;
  z-index: 3;
  display: flex;
  grid-area: actions;
  gap: 8px;
  align-self: start;
  justify-content: flex-end;
  min-width: max-content;
}

.record-header-pill {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  max-width: 230px;
  min-height: 32px;
  padding: 0 11px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.88);
  font-size: 12px;
  font-weight: 820;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 7px;
}

.record-header-pill svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.record-header-pill-status svg {
  color: #36d36f;
}

.record-header-pill-priority svg {
  color: #ff4d4f;
}

.record-header-pill-date svg,
.record-header-pill-owner svg,
.record-header-pill-team svg,
.record-header-pill-document svg,
.record-header-pill-source svg,
.record-header-pill-visibility svg {
  color: rgba(255, 255, 255, 0.8);
}

.record-header-action,
.record-header-action-menu summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 880;
  line-height: 1;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 7px;
}

.record-header-action-primary,
.record-header-action-menu summary {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}

.record-header-action:hover,
.record-header-action:focus-visible,
.record-header-action-menu summary:hover,
.record-header-action-menu summary:focus-visible {
  border-color: var(--record-header-accent);
  outline: none;
}

.record-header-action-menu {
  position: relative;
}

.record-header-action-menu summary {
  list-style: none;
}

.record-header-action-menu summary::-webkit-details-marker {
  display: none;
}

.record-header-action-menu div {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 20;
  display: grid;
  min-width: 190px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #d8dee4;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(8, 17, 28, 0.2);
}

.record-header-action-menu button {
  width: 100%;
  min-height: 30px;
  padding: 0 10px;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 820;
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 6px;
}

.record-header-action-menu button:hover,
.record-header-action-menu button:focus-visible {
  color: var(--record-header-accent);
  background: var(--record-header-accent-soft);
  outline: none;
}

.record-header-vault {
  --record-header-accent: #a78bfa;
  --record-header-accent-soft: rgba(167, 139, 250, 0.18);
  --record-header-accent-border: rgba(167, 139, 250, 0.42);
}

.record-header-accounting {
  --record-header-accent: #22c55e;
  --record-header-accent-soft: rgba(34, 197, 94, 0.14);
  --record-header-accent-border: rgba(251, 146, 60, 0.42);
}

.record-header-ledger {
  --record-header-accent: #60a5fa;
  --record-header-accent-soft: rgba(96, 165, 250, 0.18);
  --record-header-accent-border: rgba(96, 165, 250, 0.42);
}

.record-header-reports {
  --record-header-accent: #fb923c;
  --record-header-accent-soft: rgba(251, 146, 60, 0.18);
  --record-header-accent-border: rgba(251, 146, 60, 0.42);
}

.record-header-relationships {
  --record-header-accent: #14b8a6;
  --record-header-accent-soft: rgba(20, 184, 166, 0.14);
  --record-header-accent-border: rgba(20, 184, 166, 0.42);
}

.record-header-packages {
  --record-header-accent: #08a2a9;
  --record-header-accent-soft: rgba(8, 162, 169, 0.16);
  --record-header-accent-border: rgba(8, 162, 169, 0.42);
}

.record-header-packages .record-header-primary-id {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 1040px) {
  .record-header {
    grid-template-areas:
      "icon body"
      "metadata metadata"
      "actions actions";
    grid-template-columns: 50px minmax(0, 1fr);
  }

  .record-header-metadata,
  .record-header-actions {
    justify-content: flex-start;
    min-width: 0;
  }
}

@media (max-width: 640px) {
  .record-header {
    grid-template-areas:
      "icon"
      "body"
      "metadata"
      "actions";
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding: 14px 14px 14px 20px;
  }

  .record-header-main-row,
  .record-header-actions {
    flex-wrap: wrap;
  }

  .record-header h1,
  .record-header h2,
  .record-header-primary-id,
  .record-header-context,
  .record-header-metadata {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .record-header-action-menu div {
    right: auto;
    left: 0;
  }
}

.operation-intake-modal {
  width: min(720px, 100%);
  gap: 12px;
}

.operation-intake-mode-control {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 4px;
  background: #eef3f6;
  border: 1px solid #d8dee4;
  border-radius: 8px;
}

.operation-intake-mode-control button {
  min-height: 36px;
  color: #334155;
  font-size: 12px;
  font-weight: 850;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
}

.operation-intake-mode-control button.is-active,
.operation-intake-mode-control button:hover,
.operation-intake-mode-control button:focus-visible {
  color: #06111f;
  background: #ffffff;
  border-color: #cfd8df;
  box-shadow: 0 8px 18px rgba(8, 17, 28, 0.08);
  outline: none;
}

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

.operation-intake-form-grid label:last-child {
  grid-column: 1 / -1;
}

.operation-intake-upload-panel {
  display: grid;
  gap: 10px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #d8dee4;
  border-radius: 8px;
}

.operation-upload-picker {
  position: relative;
  display: grid;
  gap: 4px;
  min-height: 84px;
  place-items: center;
  padding: 14px;
  color: #0f3440;
  text-align: center;
  background: #ffffff;
  border: 1px dashed rgba(0, 147, 160, 0.52);
  border-radius: 8px;
  cursor: pointer;
}

.operation-upload-picker input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.operation-upload-picker span {
  color: #0f3440;
  font-size: 13px;
  font-weight: 900;
}

.operation-upload-picker strong {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.operation-intake-upload-list {
  display: grid;
  gap: 6px;
}

.operation-intake-upload-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 48px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #d8dee4;
  border-radius: 8px;
}

.operation-intake-upload-row div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-intake-upload-row strong,
.operation-launch-file-row strong {
  overflow: hidden;
  color: #0d1b2a;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-intake-upload-row span {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
}

.operation-intake-file-remove {
  min-height: 30px;
  padding: 0 10px;
  color: #8a1f1f;
  font-size: 11px;
  font-weight: 850;
  background: #fff7f7;
  border: 1px solid #f0c8c8;
  border-radius: 6px;
  cursor: pointer;
}

.operation-intake-result {
  display: grid;
  gap: 10px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #d8dee4;
  border-radius: 8px;
}

.operation-intake-result-head,
.operation-intake-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.operation-intake-result-head div,
.operation-intake-result-grid div,
.operation-intake-result-next {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.operation-intake-result span,
.operation-intake-result dt {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.operation-intake-result strong,
.operation-intake-result dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #0d1b2a;
  font-size: 13px;
  font-weight: 900;
}

.operation-intake-result-status,
.operation-intake-result-error {
  min-height: 28px;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 850;
  border-radius: 6px;
}

.operation-intake-result-status {
  color: #075985;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
}

.operation-intake-result-error {
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.operation-intake-modal .operation-primary-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.operation-individual-decision-record {
  display: grid;
  gap: 12px;
}

.operation-launch-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #d8dee4;
  border-radius: 9px;
  box-shadow: 0 14px 34px rgba(8, 17, 28, 0.075);
}

.operation-launch-header {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e8ed;
}

.operation-launch-header div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.operation-launch-header span,
.operation-launch-section > h3,
.operation-launch-summary-grid span,
.operation-launch-metrics span,
.operation-launch-package label span {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.operation-launch-header h2 {
  margin: 0;
  color: #08111c;
  font-size: 18px;
  line-height: 1.15;
}

.operation-launch-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  color: #0f3440;
  font-size: 11px;
  font-weight: 900;
  background: rgba(0, 183, 198, 0.12);
  border: 1px solid rgba(0, 147, 160, 0.28);
  border-radius: 999px;
  white-space: nowrap;
}

.operation-launch-status-review-required {
  color: #7a3f00;
  background: rgba(212, 151, 43, 0.14);
  border-color: rgba(212, 151, 43, 0.38);
}

.operation-launch-status-queued {
  color: #334155;
  background: #eef3f6;
  border-color: #d8dee4;
}

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

.operation-launch-metrics > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e3e8ed;
  border-radius: 8px;
}

.operation-launch-metrics strong {
  overflow-wrap: anywhere;
  color: #0d1b2a;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.15;
}

.operation-launch-metrics em {
  color: #607080;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.35;
}

.operation-launch-body {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.28fr) minmax(260px, 0.82fr);
  gap: 12px;
  align-items: start;
}

.operation-launch-section {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.operation-launch-section > h3 {
  margin: 0;
}

.operation-launch-section p {
  margin: 0;
  color: #607080;
  font-size: 12px;
  font-weight: 750;
}

.operation-launch-file-list {
  display: grid;
  gap: 6px;
}

.operation-launch-file-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 8px 10px;
  background: #f8fafc;
  border: 1px solid #e3e8ed;
  border-radius: 8px;
}

.operation-launch-file-row div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-launch-file-row span,
.operation-launch-file-row em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
}

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

.operation-launch-summary-grid > div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.operation-launch-summary-grid-compact strong {
  color: #0d1b2a;
  font-size: 12px;
  line-height: 1.45;
}

.operation-launch-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 16px;
  color: #243244;
  font-size: 12px;
  font-weight: 740;
  line-height: 1.45;
}

.operation-launch-package label {
  display: grid;
  gap: 5px;
}

.operation-launch-package select {
  min-height: 34px;
  padding: 0 9px;
  color: #0d1b2a;
  background: #ffffff;
  border: 1px solid #cfd8df;
  border-radius: 7px;
}

.operation-launch-package-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.operation-launch-package-actions button:not(.operation-primary-button) {
  min-height: 34px;
  padding: 0 10px;
  color: #334155;
  font-size: 12px;
  font-weight: 850;
  background: #ffffff;
  border: 1px solid #cfd8df;
  border-radius: 7px;
  cursor: pointer;
}

.operation-launch-hooks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 2px;
}

.operation-launch-hooks span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  color: #335b62;
  font-size: 11px;
  font-weight: 850;
  background: rgba(0, 183, 198, 0.08);
  border: 1px solid rgba(0, 147, 160, 0.2);
  border-radius: 999px;
}

@media (max-width: 1160px) {
  .operation-launch-metrics,
  .operation-launch-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operation-launch-package {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .operation-intake-form-grid,
  .operation-intake-mode-control,
  .operation-intake-result-head,
  .operation-intake-result-grid,
  .operation-launch-metrics,
  .operation-launch-body,
  .operation-launch-summary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-intake-form-grid label:last-child,
  .operation-launch-package {
    grid-column: auto;
  }

  .operation-launch-header {
    align-items: start;
    flex-direction: column;
  }

  .operation-intake-upload-row,
  .operation-launch-file-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Ticket 95 Network workspace */

.operation-network-workspace {
  --network-graphite: #081626;
  --network-navy: #0c2038;
  --network-teal-dark: #0d3f46;
  --network-teal: #0ea5a8;
  --network-gold: #d4af37;
  --network-light: #f4f7fa;
  display: grid;
  gap: 10px;
  min-width: 0;
  color: #172033;
}

.operation-network-header {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(520px, 0.9fr);
  gap: 18px;
  align-items: center;
  min-width: 0;
  min-height: 104px;
  padding: 16px 18px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(14, 165, 168, 0.2), rgba(14, 165, 168, 0) 42%),
    linear-gradient(135deg, var(--network-graphite), var(--network-navy));
  border: 1px solid rgba(244, 247, 250, 0.16);
  border-radius: 8px;
  box-shadow: 0 18px 36px rgba(8, 22, 38, 0.16);
}

.operation-network-title-block {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.operation-network-title-block span,
.operation-network-node-panel h3,
.operation-network-vu-insight span,
.operation-network-action-dock h2 {
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.operation-network-title-block span {
  color: #76d5d6;
}

.operation-network-title-block h1 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 1.28rem;
  font-weight: 920;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-network-title-block p {
  margin: 0;
  color: rgba(244, 247, 250, 0.82);
  font-size: 0.86rem;
  font-weight: 700;
}

.operation-network-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: rgba(244, 247, 250, 0.12);
  border: 1px solid rgba(244, 247, 250, 0.12);
  border-radius: 7px;
}

.operation-network-metrics div {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 62px;
  padding: 9px 10px;
  background: rgba(8, 22, 38, 0.52);
}

.operation-network-metrics dt {
  min-width: 0;
  overflow: hidden;
  color: rgba(244, 247, 250, 0.72);
  font-size: 0.66rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-network-metrics dd {
  margin: 0;
  color: #ffffff;
  font-size: 1.18rem;
  font-weight: 950;
  line-height: 1;
}

.operation-network-metric-risk dd {
  color: #ff6b5f;
}

.operation-network-metric-ready dd {
  color: #66d17e;
}

.operation-network-health-bar {
  display: block;
  height: 6px;
  overflow: hidden;
  background: rgba(244, 247, 250, 0.16);
  border-radius: 999px;
}

.operation-network-health-bar span {
  display: block;
  width: 78%;
  height: 100%;
  background: #66d17e;
  border-radius: inherit;
}

.operation-network-main {
  display: grid;
  grid-template-columns: minmax(560px, 1fr) minmax(320px, 380px);
  gap: 10px;
  min-width: 0;
  align-items: stretch;
}

.operation-network-map-card,
.operation-network-node-panel,
.operation-network-vu-insight,
.operation-network-action-dock {
  min-width: 0;
  border-radius: 8px;
}

.operation-network-map-card {
  position: relative;
  min-height: 610px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(14, 165, 168, 0.18), rgba(14, 165, 168, 0) 31%),
    linear-gradient(135deg, var(--network-graphite), var(--network-navy));
  border: 1px solid rgba(14, 165, 168, 0.18);
  box-shadow: inset 0 0 0 1px rgba(244, 247, 250, 0.03);
}

.operation-network-map {
  position: relative;
  min-height: 610px;
}

.operation-network-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.operation-network-connector {
  stroke: rgba(244, 247, 250, 0.46);
  stroke-linecap: round;
  stroke-width: 0.16;
  opacity: 0.72;
}

.operation-network-connector-dependency {
  stroke: rgba(244, 247, 250, 0.48);
}

.operation-network-connector-communication {
  stroke: rgba(14, 165, 168, 0.56);
  stroke-dasharray: 1.4 1;
}

.operation-network-connector-ownership {
  stroke: rgba(212, 175, 55, 0.58);
  stroke-dasharray: 0.6 1;
}

.operation-network-filter-card {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 4;
  display: grid;
  gap: 8px;
  width: 158px;
  padding: 12px;
  color: rgba(244, 247, 250, 0.86);
  background: rgba(12, 32, 56, 0.86);
  border: 1px solid rgba(244, 247, 250, 0.16);
  border-radius: 8px;
  box-shadow: 0 18px 32px rgba(8, 22, 38, 0.24);
}

.operation-network-filter-card strong {
  color: #ffffff;
}

.operation-network-filter-card span {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
  font-size: 0.72rem;
  font-weight: 720;
}

.operation-network-filter-card hr {
  width: 100%;
  margin: 2px 0;
  border: 0;
  border-top: 1px solid rgba(244, 247, 250, 0.14);
}

.operation-network-legend-dot {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  background: var(--network-teal);
  border-radius: 999px;
}

.operation-network-legend-prime,
.operation-network-node-prime {
  --node-color: #f4f7fa;
}

.operation-network-legend-subcontractor,
.operation-network-node-subcontractor {
  --node-color: var(--network-gold);
}

.operation-network-legend-supplier,
.operation-network-node-supplier {
  --node-color: var(--network-teal);
}

.operation-network-legend-government,
.operation-network-node-government {
  --node-color: #c2cedb;
}

.operation-network-legend-team,
.operation-network-node-team {
  --node-color: #0ea5a8;
}

.operation-network-legend-agent,
.operation-network-node-agent {
  --node-color: #d4af37;
}

.operation-network-node-customer {
  --node-color: #f4f7fa;
}

.operation-network-legend-dot.operation-network-legend-prime,
.operation-network-legend-dot.operation-network-legend-subcontractor,
.operation-network-legend-dot.operation-network-legend-supplier,
.operation-network-legend-dot.operation-network-legend-government,
.operation-network-legend-dot.operation-network-legend-team,
.operation-network-legend-dot.operation-network-legend-agent {
  background: var(--node-color);
}

.operation-network-legend-line {
  flex: 0 0 auto;
  width: 18px;
  height: 1px;
  border-top: 1px solid rgba(244, 247, 250, 0.68);
}

.operation-network-line-communication {
  border-top-style: dashed;
  border-top-color: var(--network-teal);
}

.operation-network-line-ownership {
  border-top-style: dotted;
  border-top-color: var(--network-gold);
}

.operation-network-center-node {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 198px;
  min-height: 168px;
  padding: 20px 18px 18px;
  color: #ffffff;
  text-align: center;
  background:
    radial-gradient(circle at 50% 18%, rgba(212, 175, 55, 0.16), rgba(212, 175, 55, 0) 34%),
    radial-gradient(circle, rgba(14, 165, 168, 0.26), rgba(12, 32, 56, 0.94) 66%),
    var(--network-navy);
  border: 2px solid rgba(14, 165, 168, 0.8);
  border-radius: 24px;
  box-shadow:
    0 0 34px rgba(14, 165, 168, 0.34),
    0 20px 36px rgba(8, 22, 38, 0.28),
    inset 0 0 0 1px rgba(244, 247, 250, 0.12);
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.operation-network-center-node::before {
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid rgba(212, 175, 55, 0.34);
  border-radius: 18px;
  content: "";
}

.operation-network-center-node > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 8px;
  color: var(--network-gold);
  background: rgba(8, 22, 38, 0.72);
  border: 1px solid rgba(212, 175, 55, 0.46);
  border-radius: 14px;
  font-size: 0.8rem;
  font-weight: 950;
  box-shadow: inset 0 0 0 1px rgba(244, 247, 250, 0.06);
}

.operation-network-center-node > span svg {
  width: 25px;
  height: 25px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.operation-network-center-node strong,
.operation-network-center-node em,
.operation-network-center-node small {
  display: block;
  max-width: 138px;
  font-style: normal;
  line-height: 1.25;
}

.operation-network-center-node strong {
  font-size: 0.86rem;
  font-weight: 900;
}

.operation-network-center-node em {
  margin-top: 4px;
  color: rgba(244, 247, 250, 0.84);
  font-size: 0.74rem;
  font-weight: 720;
}

.operation-network-center-node small {
  margin-top: 8px;
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 840;
}

.operation-network-center-node i {
  width: 78px;
  height: 6px;
  margin-top: 5px;
  overflow: hidden;
  background: rgba(244, 247, 250, 0.18);
  border-radius: 999px;
}

.operation-network-center-node i span {
  display: block;
  width: 78%;
  height: 100%;
  background: #66d17e;
  border-radius: inherit;
}

.operation-network-node {
  position: absolute;
  z-index: 3;
  display: grid;
  justify-items: center;
  gap: 3px;
  width: 126px;
  min-height: 108px;
  padding: 8px 8px 9px;
  color: #ffffff;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(244, 247, 250, 0.075), rgba(244, 247, 250, 0.028)),
    rgba(12, 32, 56, 0.72);
  border: 1px solid color-mix(in srgb, var(--node-color) 42%, rgba(244, 247, 250, 0.18));
  border-radius: 14px;
  box-shadow:
    0 14px 24px rgba(8, 22, 38, 0.22),
    inset 0 0 0 1px rgba(244, 247, 250, 0.05);
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.operation-network-node-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: #ffffff;
  background: color-mix(in srgb, var(--node-color) 22%, var(--network-navy));
  border: 2px solid var(--node-color);
  border-radius: 999px;
  box-shadow: 0 0 18px color-mix(in srgb, var(--node-color) 34%, transparent);
  font-size: 0.78rem;
  font-weight: 950;
}

.operation-network-node strong,
.operation-network-node em,
.operation-network-node small {
  max-width: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.operation-network-node strong {
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 860;
  line-height: 1.12;
}

.operation-network-node em {
  color: rgba(244, 247, 250, 0.78);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.12;
}

.operation-network-node small {
  color: var(--node-color);
  font-size: 0.66rem;
  font-weight: 830;
  line-height: 1.12;
}

.operation-network-node-subcontractor,
.operation-network-node-government {
  width: 138px;
}

.operation-network-node-agent {
  width: 118px;
  min-height: 96px;
}

.operation-network-node-agent .operation-network-node-icon {
  width: 42px;
  height: 42px;
}

.operation-network-node-agent strong,
.operation-network-node-agent em,
.operation-network-node-agent small {
  max-width: 104px;
}

.operation-network-node:hover .operation-network-node-icon,
.operation-network-node:focus-visible .operation-network-node-icon,
.operation-network-node-selected .operation-network-node-icon {
  background: color-mix(in srgb, var(--node-color) 36%, var(--network-navy));
  outline: 3px solid rgba(244, 247, 250, 0.2);
  outline-offset: 3px;
}

.operation-network-zoom-controls {
  position: absolute;
  bottom: 14px;
  left: 14px;
  z-index: 4;
  display: grid;
  overflow: hidden;
  background: rgba(12, 32, 56, 0.9);
  border: 1px solid rgba(244, 247, 250, 0.16);
  border-radius: 8px;
}

.operation-network-zoom-controls button {
  display: grid;
  place-items: center;
  width: 38px;
  height: 34px;
  color: #ffffff;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(244, 247, 250, 0.12);
  font-size: 1rem;
  font-weight: 800;
  cursor: pointer;
}

.operation-network-zoom-controls button:last-child {
  border-bottom: 0;
  font-size: 0.72rem;
}

.operation-network-node-panel {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 14px;
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(14, 165, 168, 0.12), rgba(14, 165, 168, 0) 34%),
    var(--network-navy);
  border: 1px solid rgba(244, 247, 250, 0.16);
}

.operation-network-node-panel header {
  display: grid;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(244, 247, 250, 0.12);
}

.operation-network-node-panel header div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.operation-network-status,
.operation-network-role-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 850;
}

.operation-network-status {
  color: #64dc7a;
  background: rgba(102, 209, 126, 0.12);
  border: 1px solid rgba(102, 209, 126, 0.28);
}

.operation-network-status-needs-attention {
  color: #ff8a7c;
  background: rgba(255, 107, 95, 0.12);
  border-color: rgba(255, 107, 95, 0.34);
}

.operation-network-status-waiting {
  color: #f3cb54;
  background: rgba(212, 175, 55, 0.12);
  border-color: rgba(212, 175, 55, 0.34);
}

.operation-network-role-pill {
  color: rgba(244, 247, 250, 0.84);
  background: rgba(244, 247, 250, 0.1);
  border: 1px solid rgba(244, 247, 250, 0.14);
}

.operation-network-node-panel h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.04rem;
  font-weight: 900;
  line-height: 1.16;
}

.operation-network-node-panel p {
  margin: 0;
  color: rgba(244, 247, 250, 0.74);
  font-size: 0.78rem;
  font-weight: 680;
  line-height: 1.4;
}

.operation-network-panel-tabs {
  display: flex;
  min-width: 0;
  overflow-x: auto;
  border-bottom: 1px solid rgba(244, 247, 250, 0.12);
}

.operation-network-panel-tabs button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 9px;
  color: rgba(244, 247, 250, 0.7);
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  font-size: 0.68rem;
  font-weight: 800;
  cursor: pointer;
}

.operation-network-panel-tabs .operation-network-panel-tab-active {
  color: #ffffff;
  border-bottom-color: var(--network-teal);
}

.operation-network-panel-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: rgba(244, 247, 250, 0.12);
  border: 1px solid rgba(244, 247, 250, 0.12);
  border-radius: 7px;
}

.operation-network-panel-summary div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px;
  background: rgba(8, 22, 38, 0.4);
}

.operation-network-panel-summary dt {
  min-width: 0;
  overflow: hidden;
  color: rgba(244, 247, 250, 0.68);
  font-size: 0.6rem;
  font-weight: 800;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.operation-network-panel-summary dd {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 920;
  line-height: 1;
}

.operation-network-panel-risk dd {
  color: #ff6b5f;
}

.operation-network-commitment-list,
.operation-network-panel-actions {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: rgba(8, 22, 38, 0.34);
  border: 1px solid rgba(244, 247, 250, 0.12);
  border-radius: 8px;
}

.operation-network-node-panel h3 {
  margin: 0;
  color: rgba(244, 247, 250, 0.86);
}

.operation-network-commitment-list article {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: center;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid rgba(244, 247, 250, 0.1);
}

.operation-network-commitment-list article:last-child {
  border-bottom: 0;
}

.operation-network-commitment-list article > span {
  grid-row: 1 / 3;
  width: 11px;
  height: 11px;
  border: 2px solid var(--network-gold);
  border-radius: 999px;
}

.operation-network-commitment-list strong {
  min-width: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 830;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-network-commitment-list em,
.operation-network-commitment-list small,
.operation-network-commitment-list time {
  color: rgba(244, 247, 250, 0.68);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 760;
}

.operation-network-commitment-list small {
  justify-self: end;
}

.operation-network-commitment-list time {
  grid-column: 3;
  justify-self: end;
}

.operation-network-commitment-overdue small,
.operation-network-commitment-overdue time {
  color: #ff6b5f;
}

.operation-network-commitment-due-soon small,
.operation-network-commitment-due-soon time {
  color: #f3cb54;
}

.operation-network-commitment-complete article > span,
.operation-network-commitment-complete > span {
  border-color: #66d17e;
}

.operation-network-panel-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operation-network-panel-actions h3,
.operation-network-panel-primary,
.operation-network-panel-actions button:last-child {
  grid-column: 1 / -1;
}

.operation-network-panel-actions button {
  min-height: 34px;
  padding: 0 10px;
  color: rgba(244, 247, 250, 0.9);
  background: rgba(244, 247, 250, 0.06);
  border: 1px solid rgba(244, 247, 250, 0.14);
  border-radius: 7px;
  font-size: 0.76rem;
  font-weight: 850;
  cursor: pointer;
}

.operation-network-panel-actions .operation-network-panel-primary {
  color: var(--network-graphite);
  background: var(--network-gold);
  border-color: rgba(244, 247, 250, 0.28);
}

.operation-network-vu-insight {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
  gap: 16px;
  align-items: start;
  padding: 16px 18px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(212, 175, 55, 0.18), rgba(14, 165, 168, 0.06) 54%),
    var(--network-teal-dark);
  border: 1px solid rgba(14, 165, 168, 0.3);
}

.operation-network-vu-insight span {
  color: #f4dd86;
}

.operation-network-vu-insight h2 {
  margin: 4px 0 6px;
  color: #ffffff;
  font-size: 1.02rem;
  font-weight: 900;
  line-height: 1.22;
}

.operation-network-vu-insight p,
.operation-network-vu-insight li {
  color: rgba(244, 247, 250, 0.82);
  font-size: 0.82rem;
  font-weight: 710;
  line-height: 1.42;
}

.operation-network-vu-insight p {
  margin: 0;
}

.operation-network-vu-insight ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-network-vu-insight li {
  position: relative;
  padding-left: 18px;
}

.operation-network-vu-insight li::before {
  position: absolute;
  top: 0.58em;
  left: 0;
  width: 7px;
  height: 7px;
  background: var(--network-gold);
  border-radius: 999px;
  content: "";
}

.operation-network-action-dock {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  box-shadow: 0 16px 34px rgba(8, 22, 38, 0.08);
}

.operation-network-action-dock h2 {
  margin: 0;
  color: var(--network-navy);
  text-align: center;
}

.operation-network-action-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 12px;
  align-items: start;
}

.operation-network-action {
  display: grid;
  justify-items: center;
  gap: 6px;
  min-width: 0;
  padding: 0;
  color: #172033;
  text-align: center;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.operation-network-action-icon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  color: #ffffff;
  background: var(--network-teal-dark);
  border: 2px solid rgba(244, 247, 250, 0.8);
  border-radius: 999px;
  box-shadow: 0 16px 26px rgba(8, 22, 38, 0.16);
}

.operation-network-action-icon svg {
  width: 33px;
  height: 33px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.operation-network-action strong {
  max-width: 116px;
  color: var(--network-navy);
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1.14;
}

.operation-network-action em {
  max-width: 132px;
  color: #64748b;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 720;
  line-height: 1.28;
}

.operation-network-action:hover .operation-network-action-icon,
.operation-network-action:focus-visible .operation-network-action-icon {
  outline: 3px solid rgba(14, 165, 168, 0.22);
  outline-offset: 3px;
}

.operation-network-action-invite .operation-network-action-icon {
  background: var(--network-teal);
}

.operation-network-action-supplier .operation-network-action-icon {
  background: var(--network-navy);
}

.operation-network-action-request .operation-network-action-icon {
  background: var(--network-teal-dark);
}

.operation-network-action-message .operation-network-action-icon {
  color: var(--network-graphite);
  background: var(--network-gold);
}

.operation-network-action-dependencies .operation-network-action-icon {
  background: var(--network-teal-dark);
}

.operation-network-action-vu .operation-network-action-icon {
  color: var(--network-gold);
  background: var(--network-graphite);
  border-color: rgba(212, 175, 55, 0.7);
}

@media (max-width: 1320px) {
  .operation-network-header,
  .operation-network-main,
  .operation-network-vu-insight {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-network-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .operation-network-action-grid {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }
}

@media (max-width: 820px) {
  .operation-network-metrics,
  .operation-network-panel-summary,
  .operation-network-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operation-network-map-card,
  .operation-network-map {
    min-height: 620px;
  }

  .operation-network-filter-card {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin: 12px;
  }

  .operation-network-node {
    width: 112px;
  }

  .operation-network-node-icon {
    width: 48px;
    height: 48px;
  }

  .operation-network-center-node {
    width: 158px;
    min-height: 158px;
  }
}

@media (max-width: 580px) {
  .operation-network-header,
  .operation-network-vu-insight,
  .operation-network-action-dock {
    padding: 12px;
  }

  .operation-network-metrics,
  .operation-network-panel-summary,
  .operation-network-panel-actions,
  .operation-network-action-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-network-title-block h1 {
    white-space: normal;
  }

  .operation-network-map-card,
  .operation-network-map {
    min-height: 700px;
  }
}

.operation-vu-recommendation-panel {
  gap: 9px;
}

.operation-vu-recommendation-actions {
  display: flex;
  justify-content: flex-end;
}

.operation-vu-refresh-button {
  justify-self: start;
  min-height: 30px;
  padding: 0 10px;
  color: #07111a;
  background: var(--odw-gold);
  border: 1px solid var(--odw-gold);
  border-radius: 7px;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.operation-vu-refresh-button:hover,
.operation-vu-refresh-button:focus-visible {
  background: var(--odw-gold-hover);
  border-color: var(--odw-gold-hover);
  outline: none;
}

.operation-vu-refresh-button:disabled {
  cursor: wait;
  opacity: 0.68;
}

.operation-vu-recommendation-loading,
.operation-vu-recommendation-empty p,
.operation-vu-recommendation-error {
  padding: 0;
  color: rgba(247, 249, 250, 0.84);
  border: 0;
}

.operation-vu-recommendation-empty {
  display: grid;
  gap: 8px;
  align-items: start;
}

.operation-vu-recommendation-error {
  color: #ffd0c8;
  font-size: 12px;
  font-weight: 700;
}

.operation-vu-summary-block {
  display: grid;
  gap: 7px;
}

.operation-vu-summary-block > span,
.operation-vu-next-action > span,
.operation-vu-recommendation-section h3 {
  margin: 0;
  color: var(--odw-teal);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.operation-vu-summary-block > strong {
  color: var(--odw-soft);
  font-size: 15px;
  line-height: 1.25;
}

.operation-vu-summary-block > p {
  padding: 0;
  color: rgba(247, 249, 250, 0.84);
  border: 0;
  font-size: 12px;
  line-height: 1.4;
}

.operation-vu-recommendation-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.operation-vu-recommendation-metrics div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(216, 222, 228, 0.14);
  border-radius: 7px;
}

.operation-vu-recommendation-metrics dt {
  color: rgba(247, 249, 250, 0.6);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.03em;
  line-height: 1.15;
  text-transform: uppercase;
}

.operation-vu-recommendation-metrics dd {
  margin: 0;
  color: var(--odw-soft);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
}

.operation-vu-ready-no dd {
  color: #ffd27d;
}

.operation-vu-ready-yes dd {
  color: #a8d5b7;
}

.operation-vu-next-action {
  display: grid;
  gap: 5px;
  padding: 9px;
  background: rgba(212, 167, 44, 0.12);
  border: 1px solid rgba(212, 167, 44, 0.35);
  border-left: 3px solid var(--odw-gold);
  border-radius: 7px;
}

.operation-vu-next-action > strong {
  color: #fff4db;
  font-size: 14px;
  line-height: 1.28;
}

.operation-vu-recommendation-section {
  display: grid;
  gap: 5px;
  padding-top: 8px;
  border-top: 1px solid rgba(216, 222, 228, 0.16);
}

.operation-vu-recommendation-section ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-vu-recommendation-section li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  color: rgba(247, 249, 250, 0.88);
  font-size: 12px;
  font-weight: 660;
  line-height: 1.3;
}

.operation-vu-recommendation-section li > span {
  min-width: 0;
}

.operation-vu-recommendation-item-actions {
  display: flex;
  gap: 5px;
  align-items: center;
}

.operation-vu-recommendation-item-actions button {
  min-height: 26px;
  padding: 0 8px;
  color: rgba(247, 249, 250, 0.9);
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(216, 222, 228, 0.18);
  border-radius: 7px;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}

.operation-vu-recommendation-item-actions button:hover,
.operation-vu-recommendation-item-actions button:focus-visible {
  color: #07111a;
  background: var(--odw-gold);
  border-color: var(--odw-gold);
  outline: none;
}

.operation-vu-recommendation-item-actions button:disabled {
  cursor: wait;
  opacity: 0.68;
}

.operation-vu-execution-result {
  display: grid;
  gap: 5px;
  padding: 9px;
  background: rgba(37, 127, 145, 0.12);
  border: 1px solid rgba(37, 127, 145, 0.35);
  border-left: 3px solid var(--odw-teal);
  border-radius: 7px;
}

.operation-vu-execution-result > span {
  color: var(--odw-teal);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.operation-vu-execution-result > strong {
  color: var(--odw-soft);
  font-size: 13px;
  line-height: 1.25;
}

.operation-vu-execution-result > p,
.operation-vu-execution-result > small {
  margin: 0;
  padding: 0;
  color: rgba(247, 249, 250, 0.78);
  border: 0;
  font-size: 11px;
  font-weight: 720;
  line-height: 1.35;
}

.operation-vu-recommendation-section p,
.operation-vu-additional {
  padding: 0;
  color: rgba(247, 249, 250, 0.72);
  border: 0;
  font-size: 11px;
  font-weight: 720;
  line-height: 1.3;
}

.operation-vu-additional {
  color: var(--odw-teal);
}

@media (max-width: 1180px) {
  .operation-vu-recommendation-metrics {
    grid-template-columns: minmax(0, 1fr);
  }
}

.operation-package-build-prior-button,
.operation-package-assembly-primary {
  border: 1px solid #b97813;
  background: #d69b2b;
  color: #241804;
  font-weight: 850;
  box-shadow: 0 8px 18px rgba(143, 94, 15, 0.18);
}

.operation-package-build-prior-button:hover,
.operation-package-assembly-primary:hover {
  background: #e5ae43;
}

.operation-package-assembly-overlay {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(15, 23, 42, 0.46);
}

.operation-package-assembly-modal {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  width: min(940px, 100%);
  max-height: min(760px, calc(100vh - 36px));
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #1f2937;
  border-radius: 8px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.34);
}

.operation-package-assembly-header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  color: #f8fafc;
  background: #172033;
  border-bottom: 3px solid #0f766e;
}

.operation-package-assembly-header p,
.operation-package-assembly-header h2 {
  margin: 0;
}

.operation-package-assembly-header p {
  color: #99f6e4;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.operation-package-assembly-header h2 {
  font-size: 1rem;
  letter-spacing: 0;
}

.operation-package-assembly-header button,
.operation-package-assembly-actions button {
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  background: #ffffff;
  color: #172033;
  font-size: 0.78rem;
  font-weight: 780;
}

.operation-package-assembly-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  list-style: none;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
}

.operation-package-assembly-steps li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.operation-package-assembly-steps span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  color: #0f766e;
  background: #ccfbf1;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
}

.operation-package-assembly-steps strong {
  overflow: hidden;
  font-size: 0.78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-assembly-step-active {
  color: #172033 !important;
  border-color: #0f766e !important;
  background: #f0fdfa !important;
}

.operation-package-assembly-error,
.operation-package-assembly-status {
  margin: 8px 12px 0;
  padding: 8px 10px;
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 760;
}

.operation-package-assembly-error {
  color: #7f1d1d;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.operation-package-assembly-status {
  color: #134e4a;
  background: #ecfdf5;
  border: 1px solid #99f6e4;
}

.operation-package-assembly-body {
  display: grid;
  gap: 10px;
  min-height: 0;
  overflow: auto;
  padding: 12px;
}

.operation-package-assembly-body label {
  display: grid;
  gap: 5px;
  color: #334155;
  font-size: 0.76rem;
  font-weight: 780;
}

.operation-package-assembly-body textarea,
.operation-package-assembly-body select {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font: inherit;
}

.operation-package-assembly-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.operation-package-assembly-facts span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  color: #64748b;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  font-size: 0.72rem;
}

.operation-package-assembly-facts strong {
  overflow: hidden;
  color: #172033;
  font-size: 0.8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-package-assembly-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.operation-package-assembly-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.operation-package-assembly-intel-list {
  display: grid;
  gap: 8px;
}

.operation-package-assembly-intel-row {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px !important;
  align-items: start;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #dbe4ee;
  border-left: 4px solid #0f766e;
  border-radius: 8px;
}

.operation-package-assembly-intel-row input {
  margin-top: 2px;
}

.operation-package-assembly-intel-row strong,
.operation-package-assembly-intel-row span {
  display: block;
}

.operation-package-assembly-intel-row strong {
  color: #172033;
  font-size: 0.84rem;
}

.operation-package-assembly-intel-row span {
  margin-top: 2px;
  color: #64748b;
  font-size: 0.74rem;
}

.operation-package-assembly-intel-row dl {
  display: grid;
  gap: 5px;
  margin: 8px 0 0;
}

.operation-package-assembly-intel-row div div {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 8px;
}

.operation-package-assembly-intel-row dt,
.operation-package-assembly-intel-row dd {
  margin: 0;
  font-size: 0.73rem;
}

.operation-package-assembly-intel-row dt {
  color: #0f766e;
  font-weight: 850;
}

.operation-package-assembly-intel-row dd {
  color: #334155;
}

.operation-package-assembly-draft-body {
  gap: 12px;
}

.operation-package-assembly-draft-head,
.operation-package-assembly-draft-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.operation-package-assembly-draft-head h3,
.operation-package-assembly-draft-head span {
  margin: 0;
}

.operation-package-assembly-draft-head span {
  color: #0f766e;
  font-size: 0.74rem;
  font-weight: 850;
}

.operation-package-assembly-draft-head h3 {
  color: #172033;
  font-size: 0.95rem;
}

.operation-package-assembly-draft-head > strong {
  padding: 5px 8px;
  color: #4b3209;
  background: #f8d78b;
  border: 1px solid #d69b2b;
  border-radius: 999px;
  font-size: 0.72rem;
}

.operation-package-assembly-draft-content,
.operation-package-assembly-draft-editor {
  min-height: 260px;
  max-height: 320px;
  overflow: auto;
  margin: 0;
  padding: 12px;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-size: 0.78rem;
  line-height: 1.45;
  white-space: pre-wrap;
}

.operation-package-assembly-draft-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operation-package-assembly-draft-grid section {
  min-width: 0;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}

.operation-package-assembly-draft-grid h4,
.operation-package-assembly-draft-grid ul {
  margin: 0;
}

.operation-package-assembly-draft-grid h4 {
  color: #172033;
  font-size: 0.78rem;
}

.operation-package-assembly-draft-grid ul {
  display: grid;
  gap: 4px;
  padding-left: 17px;
  color: #475569;
  font-size: 0.75rem;
}

.operation-package-assembly-draft-actions {
  justify-content: flex-start;
}

@media (max-width: 720px) {
  .operation-package-assembly-overlay {
    padding: 8px;
  }

  .operation-package-assembly-modal {
    max-height: calc(100vh - 16px);
  }

  .operation-package-assembly-facts,
  .operation-package-assembly-draft-grid,
  .operation-package-assembly-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-package-assembly-intel-row div div {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Ticket 101 operational reference labels */

.operation-business-reference {
  display: block;
  min-width: 0;
  margin-bottom: 2px;
  overflow: hidden;
  color: #0b5e9d;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.15;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.operation-package-title-block {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.operation-package-title-block strong,
.operation-activity-row strong .operation-business-reference,
.operation-request-cell .operation-business-reference {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operation-request-cell .operation-business-reference {
  color: #0b5e9d;
  font-size: 11px;
  font-weight: 900;
}

.operation-activity-row strong .operation-business-reference {
  color: #0b5e9d;
  font-size: 11px;
}

.operation-individual-decision-grid {
  grid-template-areas:
    "input insight action"
    "requirements requirements action"
    "ledger ledger notes"
    "ledger ledger vault"
    "workstation workstation vault"
    "security security security";
}

.operation-requirement-intelligence-card {
  grid-area: requirements;
}

.operation-requirement-intelligence-card > header > strong {
  display: inline-grid;
  place-items: center;
  min-width: 34px;
  height: 28px;
  padding: 0 9px;
  color: #ffffff;
  background: #007c86;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 900;
}

.operation-requirement-intelligence-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.operation-requirement-intelligence-metrics div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 9px 10px;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.34);
  border-radius: 7px;
}

.operation-requirement-intelligence-metrics dt,
.operation-requirement-intelligence-metrics dd {
  margin: 0;
}

.operation-requirement-intelligence-metrics dt {
  color: #5b6673;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.operation-requirement-intelligence-metrics dd {
  color: #08111c;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}

.operation-requirement-intelligence-section,
.operation-requirement-intelligence-grid section,
.operation-requirement-next-action {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.34);
  border-radius: 7px;
}

.operation-requirement-intelligence-section-head {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.operation-requirement-intelligence-section-head span,
.operation-requirement-intelligence-grid section > span,
.operation-requirement-next-action span {
  color: #007c86;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-requirement-intelligence-section-head em,
.operation-requirement-list em,
.operation-requirement-intelligence-grid em,
.operation-requirement-intelligence-grid small,
.operation-requirement-next-action strong {
  color: #5b6673;
  font-style: normal;
  line-height: 1.3;
}

.operation-requirement-list,
.operation-requirement-intelligence-grid ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-requirement-list li {
  display: grid;
  grid-template-columns: minmax(86px, auto) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding-top: 7px;
  border-top: 1px solid rgba(139, 154, 170, 0.22);
}

.operation-requirement-list li:first-child {
  padding-top: 0;
  border-top: 0;
}

.operation-requirement-list li > span {
  align-self: start;
  padding: 4px 7px;
  color: #1c2632;
  background: #eef6f7;
  border: 1px solid rgba(0, 124, 134, 0.24);
  border-radius: 7px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.operation-requirement-list div,
.operation-requirement-intelligence-grid li {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.operation-requirement-list strong,
.operation-requirement-intelligence-grid strong,
.operation-requirement-next-action strong {
  min-width: 0;
  color: #08111c;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.operation-requirement-list small {
  color: #334155;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.operation-requirement-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.operation-requirement-intelligence-grid li {
  color: #334155;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.35;
}

.operation-requirement-next-action {
  border-left: 4px solid #007c86;
}

@media (max-width: 1220px) {
  .operation-individual-decision-grid {
    grid-template-areas:
      "input"
      "insight"
      "requirements"
      "action"
      "ledger"
      "notes"
      "vault"
      "workstation"
      "security";
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .operation-requirement-intelligence-metrics,
  .operation-requirement-intelligence-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-requirement-list li {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-requirement-list li > span {
    justify-self: start;
  }
}

.operation-individual-decision-grid {
  grid-template-areas:
    "input insight action"
    "requirements requirements action"
    "plan plan action"
    "ledger ledger notes"
    "ledger ledger vault"
    "workstation workstation vault"
    "security security security";
}

.operation-plan-summary-card {
  grid-area: plan;
}

.operation-plan-summary-card > header > strong {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  height: 28px;
  padding: 0 9px;
  color: #ffffff;
  background: #334155;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 900;
}

.operation-plan-summary-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.operation-plan-summary-metrics div,
.operation-plan-summary-grid section {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px 10px;
  background: #ffffff;
  border: 1px solid rgba(139, 154, 170, 0.34);
  border-radius: 7px;
}

.operation-plan-summary-metrics dt,
.operation-plan-summary-metrics dd {
  margin: 0;
}

.operation-plan-summary-metrics dt,
.operation-plan-summary-grid span {
  color: #007c86;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.operation-plan-summary-metrics dd {
  color: #08111c;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.operation-plan-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 8px;
}

.operation-plan-summary-grid ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-plan-summary-grid li,
.operation-plan-summary-grid strong {
  min-width: 0;
  color: #172033;
  font-size: 13px;
  font-weight: 780;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.operation-plan-summary-grid strong {
  font-weight: 900;
}

@media (max-width: 1220px) {
  .operation-individual-decision-grid {
    grid-template-areas:
      "input"
      "insight"
      "requirements"
      "plan"
      "action"
      "ledger"
      "notes"
      "vault"
      "workstation"
      "security";
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .operation-plan-summary-metrics,
  .operation-plan-summary-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.workspace-landing {
  min-height: 100vh;
  color: var(--neutral-950);
  background:
    linear-gradient(180deg, rgba(246, 248, 251, 0.68) 0%, rgba(255, 255, 255, 0) 248px),
    var(--color-white);
}

.workspace-landing button,
.workspace-landing input {
  font-family: inherit;
  letter-spacing: 0;
}

.workspace-landing-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 18px clamp(22px, 4vw, 56px);
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(215, 224, 234, 0.76);
}

.workspace-landing-topbar > div {
  display: grid;
  gap: 2px;
}

.workspace-landing-topbar strong {
  color: var(--neutral-950);
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.2;
}

.workspace-landing-topbar span {
  color: var(--neutral-600);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.25;
}

.workspace-landing-topbar nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.workspace-landing-topbar nav button {
  min-height: 38px;
  padding: 0 14px;
  color: var(--neutral-700);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 750;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.workspace-landing-topbar nav button:hover,
.workspace-landing-topbar nav button:focus-visible,
.workspace-landing-topbar nav button[aria-current="page"] {
  color: var(--color-deep-navy);
  background: var(--surface-panel-subtle);
  border-color: rgba(15, 118, 110, 0.24);
  box-shadow: inset 0 -2px 0 #0f766e;
  outline: none;
}

.workspace-landing-main {
  width: min(1160px, calc(100vw - 48px));
  margin: 0 auto;
  padding: clamp(26px, 3.8vw, 44px) 0 48px;
  display: grid;
  gap: clamp(20px, 2.4vw, 28px);
}

.workspace-landing-start {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 410px);
  align-items: stretch;
  gap: clamp(22px, 4vw, 58px);
  padding-bottom: clamp(18px, 2.2vw, 26px);
  border-bottom: 1px solid rgba(215, 224, 234, 0.82);
}

.workspace-landing-start-copy {
  display: grid;
  align-content: center;
  gap: 9px;
  min-width: 0;
}

.workspace-landing-section-label {
  width: fit-content;
  padding-bottom: 5px;
  color: #0f766e;
  border-bottom: 3px solid #14b8a6;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.1;
  text-transform: uppercase;
}

.workspace-landing-start-copy h1 {
  margin: 0;
  color: var(--neutral-950);
  font-size: clamp(2.35rem, 4.8vw, 4.35rem);
  font-weight: 860;
  line-height: 1;
}

.workspace-landing-start-copy p {
  margin: 0;
  color: var(--color-deep-navy);
  font-size: clamp(1.18rem, 2vw, 1.65rem);
  font-weight: 760;
  line-height: 1.2;
}

.workspace-landing-start-copy > span:not(.workspace-landing-section-label) {
  max-width: 620px;
  color: var(--neutral-600);
  font-size: 1rem;
  font-weight: 620;
  line-height: 1.52;
}

.workspace-landing-start-actions {
  display: grid;
  align-content: center;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(215, 224, 234, 0.9);
  border-radius: 8px;
  box-shadow: var(--shadow-panel-soft);
}

.workspace-landing-primary {
  width: 100%;
  min-height: 54px;
  padding: 0 24px;
  color: var(--color-white);
  background: var(--color-deep-navy);
  border: 1px solid var(--color-deep-navy);
  border-bottom: 3px solid var(--status-review-medium);
  border-radius: 8px;
  box-shadow: 0 12px 22px rgba(13, 27, 42, 0.14);
  cursor: pointer;
  font-size: 0.98rem;
  font-weight: 820;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.workspace-landing-primary:hover,
.workspace-landing-primary:focus-visible {
  border-color: var(--color-deep-navy);
  box-shadow: 0 16px 26px rgba(13, 27, 42, 0.18);
  outline: none;
  transform: translateY(-1px);
}

.workspace-landing-support {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.workspace-landing-support button {
  min-height: 42px;
  padding: 0 12px;
  color: var(--color-deep-navy);
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 780;
  line-height: 1.2;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.workspace-landing-support button:hover,
.workspace-landing-support button:focus-visible {
  background: var(--surface-panel-subtle);
  border-color: rgba(15, 118, 110, 0.35);
  box-shadow: inset 0 -2px 0 #14b8a6;
  outline: none;
  transform: translateY(-1px);
}

.workspace-landing-continue,
.workspace-landing-search {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.workspace-landing-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
}

.workspace-landing-section-heading > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.workspace-landing-section-heading h2 {
  margin: 0;
  color: var(--color-deep-navy);
  font-size: clamp(1.26rem, 1.8vw, 1.58rem);
  font-weight: 840;
  line-height: 1.18;
}

.workspace-landing-section-heading p {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.91rem;
  font-weight: 650;
  line-height: 1.45;
}

.workspace-landing-work-table-head {
  display: grid;
  grid-template-columns: minmax(132px, 0.22fr) minmax(150px, 0.9fr) minmax(190px, 1.1fr) minmax(220px, 0.9fr);
  align-items: center;
  gap: 12px;
  padding: 7px 0 8px;
  color: var(--neutral-500);
  border-top: 1px solid rgba(215, 224, 234, 0.92);
  border-bottom: 1px solid rgba(215, 224, 234, 0.82);
  font-size: 0.68rem;
  font-weight: 860;
  line-height: 1.1;
  text-transform: uppercase;
}

.workspace-landing-work-list {
  display: grid;
}

.workspace-landing-work-list button {
  display: grid;
  grid-template-columns: minmax(132px, 0.22fr) minmax(150px, 0.9fr) minmax(190px, 1.1fr) minmax(220px, 0.9fr);
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 8px 0;
  color: inherit;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(215, 224, 234, 0.78);
  border-radius: 0;
  cursor: pointer;
  text-align: left;
  transition: background 160ms ease, box-shadow 160ms ease;
}

.workspace-landing-work-list button:hover,
.workspace-landing-work-list button:focus-visible {
  background: rgba(246, 248, 251, 0.78);
  box-shadow: inset 4px 0 0 #14b8a6;
  outline: none;
}

.workspace-landing-work-id {
  color: var(--color-deep-navy);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.1;
}

.workspace-landing-work-list strong {
  min-width: 0;
  color: var(--neutral-950);
  font-size: 0.88rem;
  font-weight: 780;
  line-height: 1.24;
}

.workspace-landing-work-list em {
  min-width: 0;
  color: var(--neutral-700);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 650;
  line-height: 1.28;
}

.workspace-landing-work-refs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.workspace-landing-work-refs span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  color: #0f766e;
  background: rgba(20, 184, 166, 0.09);
  border: 1px solid rgba(20, 184, 166, 0.18);
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1;
}

.workspace-landing-work-list p,
.workspace-landing-results p {
  margin: 0;
  padding: 12px 0;
  color: var(--neutral-600);
  font-size: 0.86rem;
  font-weight: 650;
  line-height: 1.45;
}

.workspace-landing-secondary {
  min-height: 38px;
  padding: 0 13px;
  color: var(--color-deep-navy);
  background: var(--surface-panel-subtle);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 780;
  white-space: nowrap;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.workspace-landing-secondary:hover,
.workspace-landing-secondary:focus-visible {
  background: var(--color-white);
  border-color: var(--status-review-medium);
  box-shadow: inset 0 -2px 0 var(--status-review-medium);
  outline: none;
}

.workspace-landing-search {
  padding: clamp(18px, 2.4vw, 24px);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(215, 224, 234, 0.9);
  border-radius: 8px;
  box-shadow: var(--shadow-panel-soft);
}

.workspace-landing-searchbox input {
  width: 100%;
  min-height: 58px;
  padding: 0 20px;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: none;
  font-size: 1.02rem;
  font-weight: 650;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.workspace-landing-searchbox input:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.13);
}

.workspace-landing-search-supports {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.workspace-landing-search-supports span {
  padding: 5px 9px;
  color: var(--neutral-700);
  background: var(--surface-panel-subtle);
  border: 1px solid var(--neutral-200);
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 760;
  line-height: 1.15;
}

.workspace-landing-results {
  display: grid;
  border-top: 1px solid rgba(215, 224, 234, 0.86);
}

.workspace-landing-results button {
  display: grid;
  grid-template-columns: minmax(66px, 0.12fr) minmax(0, 0.66fr) minmax(220px, 0.34fr);
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 8px 0;
  color: inherit;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(215, 224, 234, 0.78);
  border-radius: 0;
  cursor: pointer;
  text-align: left;
  transition: background 160ms ease, box-shadow 160ms ease;
}

.workspace-landing-results button:hover,
.workspace-landing-results button:focus-visible {
  background: rgba(246, 248, 251, 0.78);
  box-shadow: inset 3px 0 0 #14b8a6;
  outline: none;
}

.workspace-landing-results span {
  color: #0f766e;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
}

.workspace-landing-results strong {
  min-width: 0;
  color: var(--neutral-950);
  font-size: 0.88rem;
  font-weight: 780;
  line-height: 1.22;
}

.workspace-landing-results em {
  min-width: 0;
  color: var(--neutral-600);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 650;
  line-height: 1.3;
}

.workspace-landing-reference-lookup {
  display: grid;
  gap: 8px;
  padding-top: 2px;
}

.workspace-landing-reference-lookup h3 {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.74rem;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.workspace-landing-reference-lookup > div {
  display: grid;
  border-top: 1px solid rgba(215, 224, 234, 0.86);
}

.workspace-landing-reference-lookup button {
  display: grid;
  grid-template-columns: minmax(116px, 0.24fr) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 8px 0;
  color: inherit;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(215, 224, 234, 0.78);
  border-radius: 0;
  cursor: pointer;
  text-align: left;
  transition: background 160ms ease, box-shadow 160ms ease;
}

.workspace-landing-reference-lookup button:hover,
.workspace-landing-reference-lookup button:focus-visible {
  background: rgba(246, 248, 251, 0.78);
  box-shadow: inset 3px 0 0 #14b8a6;
  outline: none;
}

.workspace-landing-reference-lookup span {
  color: var(--color-deep-navy);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.1;
}

.workspace-landing-reference-lookup strong {
  min-width: 0;
  color: var(--neutral-700);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 920px) {
  .workspace-landing-start {
    grid-template-columns: minmax(0, 1fr);
  }

  .workspace-landing-start-actions {
    align-content: stretch;
  }

  .workspace-landing-reference-lookup > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .workspace-landing-topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    padding: 16px 18px;
  }

  .workspace-landing-topbar nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-landing-topbar nav button {
    width: 100%;
  }

  .workspace-landing-main {
    width: min(100% - 28px, 1160px);
    padding: 24px 0 38px;
    gap: 18px;
  }

  .workspace-landing-start {
    gap: 18px;
  }

  .workspace-landing-start-copy h1 {
    font-size: clamp(2.25rem, 13vw, 3.65rem);
  }

  .workspace-landing-support {
    grid-template-columns: minmax(0, 1fr);
  }

  .workspace-landing-section-heading {
    display: grid;
    gap: 12px;
  }

  .workspace-landing-secondary {
    width: 100%;
  }

  .workspace-landing-work-list button {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 14px 0;
  }

  .workspace-landing-work-list em {
    justify-self: start;
    max-width: 100%;
    text-align: left;
  }

  .workspace-landing-search {
    padding: 18px;
  }

  .workspace-landing-searchbox input {
    min-height: 54px;
    font-size: 0.95rem;
  }

  .workspace-landing-results button {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .workspace-landing-results span {
    grid-row: auto;
    justify-self: start;
  }
}

@media (max-width: 760px) {
  .workspace-landing-work-table-head {
    display: none;
  }

  .workspace-landing-work-list button,
  .workspace-landing-results button,
  .workspace-landing-reference-lookup button {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    padding: 10px 0;
  }

  .workspace-landing-work-refs {
    justify-content: flex-start;
  }
}

.network-landing {
  min-height: 100%;
  color: var(--neutral-950);
  background:
    linear-gradient(180deg, rgba(246, 248, 251, 0.72) 0%, rgba(255, 255, 255, 0) 260px),
    var(--color-white);
}

.network-landing button,
.network-landing input {
  font-family: inherit;
  letter-spacing: 0;
}

.network-landing-main {
  width: min(1160px, calc(100vw - 48px));
  margin: 0 auto;
  padding: clamp(26px, 3.8vw, 44px) 0 48px;
  display: grid;
  gap: clamp(20px, 2.4vw, 28px);
}

.network-landing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 410px);
  align-items: stretch;
  gap: clamp(22px, 4vw, 58px);
  padding-bottom: clamp(18px, 2.2vw, 26px);
  border-bottom: 1px solid rgba(215, 224, 234, 0.82);
}

.network-landing-hero-copy {
  display: grid;
  align-content: center;
  gap: 9px;
  min-width: 0;
}

.network-landing-label {
  width: fit-content;
  padding-bottom: 5px;
  color: #0f766e;
  border-bottom: 3px solid #14b8a6;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.1;
  text-transform: uppercase;
}

.network-landing-hero-copy h1 {
  margin: 0;
  color: var(--neutral-950);
  font-size: clamp(2.35rem, 4.8vw, 4.35rem);
  font-weight: 860;
  line-height: 1;
}

.network-landing-hero-copy p {
  margin: 0;
  color: var(--color-deep-navy);
  font-size: clamp(1.18rem, 2vw, 1.65rem);
  font-weight: 760;
  line-height: 1.2;
}

.network-landing-hero-copy > span:not(.network-landing-label),
.network-landing-hero-copy small {
  max-width: 640px;
  color: var(--neutral-600);
  font-size: 1rem;
  font-weight: 620;
  line-height: 1.52;
}

.network-landing-hero-copy small {
  font-size: 0.92rem;
}

.network-landing-action-panel {
  display: grid;
  align-content: center;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(215, 224, 234, 0.9);
  border-radius: 8px;
  box-shadow: var(--shadow-panel-soft);
}

.network-landing-primary {
  width: 100%;
  min-height: 54px;
  padding: 0 24px;
  color: var(--color-white);
  background: var(--color-deep-navy);
  border: 1px solid var(--color-deep-navy);
  border-bottom: 3px solid var(--status-review-medium);
  border-radius: 8px;
  box-shadow: 0 12px 22px rgba(13, 27, 42, 0.14);
  cursor: pointer;
  font-size: 0.98rem;
  font-weight: 820;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.network-landing-primary:hover,
.network-landing-primary:focus-visible {
  border-color: var(--color-deep-navy);
  box-shadow: 0 16px 26px rgba(13, 27, 42, 0.18);
  outline: none;
  transform: translateY(-1px);
}

.network-landing-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.network-landing-action-grid button {
  min-height: 42px;
  padding: 0 12px;
  color: var(--color-deep-navy);
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 780;
  line-height: 1.2;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.network-landing-action-grid button:hover,
.network-landing-action-grid button:focus-visible {
  background: var(--surface-panel-subtle);
  border-color: rgba(15, 118, 110, 0.35);
  box-shadow: inset 0 -2px 0 #14b8a6;
  outline: none;
  transform: translateY(-1px);
}

.network-landing-section {
  background: var(--color-white);
  border: 1px solid rgba(215, 224, 234, 0.9);
  border-radius: 8px;
  box-shadow: var(--shadow-panel-soft);
  overflow: hidden;
}

.network-landing-section-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 0 18px;
  color: var(--color-white);
  background: var(--color-deep-navy);
  border-top: 3px solid var(--status-review-medium);
}

.network-landing-section-header > span {
  width: 7px;
  height: 24px;
  background: #14b8a6;
  border-radius: 999px;
}

.network-landing-section-header h2 {
  margin: 0;
  color: var(--color-white);
  font-size: 0.98rem;
  font-weight: 850;
  line-height: 1.2;
}

.network-landing-section-header em {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 820;
  line-height: 1.1;
  text-transform: uppercase;
}

.network-landing-section-body {
  display: grid;
  gap: 14px;
  padding: clamp(18px, 2.4vw, 24px);
  background: var(--color-white);
}

.network-landing-searchbox input {
  width: 100%;
  min-height: 58px;
  padding: 0 20px;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: none;
  font-size: 1.02rem;
  font-weight: 650;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.network-landing-searchbox input:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.13);
}

.network-landing-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.network-landing-filter-chips button {
  min-height: 28px;
  padding: 0 10px;
  color: var(--neutral-700);
  background: var(--surface-panel-subtle);
  border: 1px solid var(--neutral-200);
  border-radius: 999px;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 760;
  line-height: 1.15;
}

.network-landing-filter-chips button:hover,
.network-landing-filter-chips button:focus-visible {
  color: var(--color-deep-navy);
  border-color: rgba(15, 118, 110, 0.35);
  outline: none;
}

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

.network-landing-category-grid button {
  min-height: 48px;
  padding: 0 14px;
  color: var(--color-deep-navy);
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 800;
  text-align: left;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.network-landing-category-grid button:hover,
.network-landing-category-grid button:focus-visible {
  background: var(--surface-panel-subtle);
  border-color: rgba(15, 118, 110, 0.35);
  box-shadow: inset 0 -2px 0 #14b8a6;
  outline: none;
  transform: translateY(-1px);
}

.network-landing-directory {
  display: grid;
  min-width: 0;
  overflow-x: auto;
}

.network-landing-directory-head,
.network-landing-directory-row {
  display: grid;
  grid-template-columns: minmax(96px, 0.7fr) minmax(170px, 1.35fr) minmax(120px, 0.85fr) minmax(220px, 1.55fr) minmax(92px, 0.7fr) minmax(90px, 0.65fr) minmax(128px, 0.85fr) minmax(92px, 0.65fr) minmax(128px, 0.85fr);
  align-items: center;
  gap: 12px;
  min-width: 1180px;
}

.network-landing-directory-head {
  padding: 7px 0 8px;
  color: var(--neutral-500);
  border-top: 1px solid rgba(215, 224, 234, 0.92);
  border-bottom: 1px solid rgba(215, 224, 234, 0.82);
  font-size: 0.68rem;
  font-weight: 860;
  line-height: 1.1;
  text-transform: uppercase;
}

.network-landing-directory-row {
  min-height: 54px;
  padding: 9px 0;
  color: var(--neutral-700);
  border-bottom: 1px solid rgba(215, 224, 234, 0.78);
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.3;
}

.network-landing-directory-row strong {
  color: var(--neutral-950);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.2;
}

.network-landing-org-id {
  color: var(--color-deep-navy);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.1;
}

.network-landing-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.network-landing-capabilities span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  color: #0f766e;
  background: rgba(20, 184, 166, 0.09);
  border: 1px solid rgba(20, 184, 166, 0.18);
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1;
}

.network-landing-status {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 820;
  line-height: 1;
}

.network-landing-status-active {
  color: #0f766e;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.18);
}

.network-landing-status-pending {
  color: var(--status-review);
  background: var(--status-review-tint);
  border: 1px solid var(--status-review-soft);
}

.network-landing-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.network-landing-row-actions button {
  min-height: 28px;
  padding: 0 9px;
  color: var(--color-deep-navy);
  background: var(--surface-panel-subtle);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 800;
}

.network-landing-row-actions button:hover,
.network-landing-row-actions button:focus-visible {
  background: var(--color-white);
  border-color: var(--status-review-medium);
  box-shadow: inset 0 -2px 0 var(--status-review-medium);
  outline: none;
}

.network-landing-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(13, 27, 42, 0.36);
}

.network-landing-modal {
  width: min(420px, 100%);
  display: grid;
  gap: 10px;
  padding: 20px;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: 0 24px 54px rgba(13, 27, 42, 0.22);
}

.network-landing-modal span {
  color: #0f766e;
  font-size: 0.74rem;
  font-weight: 850;
  text-transform: uppercase;
}

.network-landing-modal h2,
.network-landing-modal p {
  margin: 0;
}

.network-landing-modal h2 {
  color: var(--color-deep-navy);
  font-size: 1.28rem;
  font-weight: 850;
}

.network-landing-modal p {
  color: var(--neutral-600);
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.45;
}

.network-landing-modal button {
  justify-self: end;
  min-height: 38px;
  padding: 0 14px;
  color: var(--color-white);
  background: var(--color-deep-navy);
  border: 1px solid var(--color-deep-navy);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.84rem;
  font-weight: 820;
}

@media (max-width: 920px) {
  .network-landing-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .network-landing-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .network-landing-main {
    width: min(100% - 28px, 1160px);
    padding: 24px 0 38px;
    gap: 18px;
  }

  .network-landing-hero {
    gap: 18px;
  }

  .network-landing-hero-copy h1 {
    font-size: clamp(2.25rem, 13vw, 3.65rem);
  }

  .network-landing-action-grid,
  .network-landing-category-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .network-landing-section-header {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 10px 14px;
  }

  .network-landing-section-header em {
    grid-column: 2;
  }

  .network-landing-section-body {
    padding: 18px;
  }
}

/* Ticket 115: top-navigation landing shell. */

.vucoris-landing-shell .vucoris-shell-body {
  margin-left: 0;
}

.vucoris-landing-shell .vucoris-main-content {
  min-height: calc(100vh - 64px);
  padding: 0;
  background: var(--color-white);
}

.vucoris-landing-shell .workspace-landing,
.vucoris-landing-shell .network-landing {
  min-height: calc(100vh - 64px);
}

.vucoris-landing-shell .vucoris-main-content-settings {
  padding: clamp(26px, 3.8vw, 44px) clamp(22px, 4vw, 56px) 48px;
  background:
    linear-gradient(180deg, rgba(246, 248, 251, 0.72) 0%, rgba(255, 255, 255, 0) 260px),
    var(--color-white);
}

.vucoris-top-bar-with-nav {
  min-height: 64px;
  padding: 0 clamp(20px, 3.4vw, 44px);
  gap: 24px;
}

.top-bar-left {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: clamp(18px, 2.4vw, 30px);
  min-width: 0;
}

.top-bar-logo-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 126px;
  min-height: 42px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 7px;
}

.top-bar-logo-button:hover,
.top-bar-logo-button:focus-visible {
  background: var(--surface-panel-subtle);
  outline: 2px solid rgba(20, 184, 166, 0.24);
  outline-offset: 2px;
}

.top-bar-logo {
  display: block;
  width: 116px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.top-bar-primary-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.top-bar-primary-nav button {
  position: relative;
  min-height: 38px;
  padding: 0 14px;
  color: var(--neutral-700);
  cursor: pointer;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.1;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.top-bar-primary-nav button:hover,
.top-bar-primary-nav button:focus-visible,
.top-bar-primary-nav button[aria-current="page"] {
  color: var(--color-deep-navy);
  background: var(--surface-panel-subtle);
  border-color: rgba(15, 118, 110, 0.24);
  box-shadow: inset 0 -2px 0 #14b8a6;
  outline: none;
}

.top-bar-primary-nav button[aria-current="page"]::before {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 0;
  width: 3px;
  content: "";
  background: var(--status-review-medium);
  border-radius: 999px;
}

.vucoris-top-bar-with-nav .top-bar-actions {
  flex: 0 0 auto;
}

@media (max-width: 900px) {
  .vucoris-top-bar-with-nav {
    flex-wrap: wrap;
    min-height: auto;
    padding: 12px 16px;
  }

  .top-bar-left {
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 10px 14px;
  }

  .top-bar-primary-nav {
    order: 2;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .top-bar-primary-nav button {
    flex: 0 0 auto;
  }

  .vucoris-top-bar-with-nav .top-bar-actions {
    margin-left: auto;
  }
}

@media (max-width: 640px) {
  .top-bar-logo-button {
    width: 108px;
  }

  .top-bar-logo {
    width: 100px;
  }

  .top-bar-primary-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    overflow: visible;
  }

  .top-bar-primary-nav button {
    min-width: 0;
    padding: 0 8px;
    font-size: 0.78rem;
  }
}

.preferences-landing-table .network-landing-directory-head,
.preferences-landing-table .network-landing-directory-row {
  grid-template-columns: minmax(210px, 0.9fr) minmax(220px, 1fr) minmax(140px, 0.62fr) minmax(110px, 0.42fr);
  min-width: 820px;
}

.preferences-landing-table .network-landing-directory-row {
  min-height: 48px;
}

.preferences-landing-table .network-landing-status {
  max-width: 100%;
  white-space: normal;
  line-height: 1.2;
}

/* Ticket 117: Workspace naming and operational memory polish. */

.workspace-landing-action-heading h2 {
  margin: 0;
  color: var(--color-deep-navy);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.2;
}

.workspace-landing-start-actions {
  align-content: center;
}

.workspace-landing-support button {
  min-height: 52px;
  font-size: 0.88rem;
  font-weight: 820;
}

.workspace-landing-memory {
  padding: clamp(16px, 2vw, 22px);
}

.workspace-landing-memory-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(320px, 0.72fr);
  gap: clamp(16px, 2.4vw, 24px);
  align-items: start;
}

.workspace-landing-memory-panel {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}

.workspace-landing-memory-panel h3 {
  margin: 0;
  color: var(--color-deep-navy);
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.2;
}

.workspace-landing-memory-searchbox input {
  min-height: 44px;
  padding: 0 14px;
  font-size: 0.9rem;
}

.workspace-landing-memory .workspace-landing-search-supports {
  gap: 6px;
}

.workspace-landing-memory .workspace-landing-search-supports span {
  padding: 4px 8px;
  font-size: 0.7rem;
}

.workspace-landing-memory .workspace-landing-results button {
  grid-template-columns: minmax(54px, 0.18fr) minmax(0, 0.82fr);
  min-height: 38px;
  gap: 8px;
}

.workspace-landing-memory .workspace-landing-results em {
  grid-column: 2;
}

.workspace-landing-recent-references {
  display: grid;
  border-top: 1px solid rgba(215, 224, 234, 0.86);
}

.workspace-landing-recent-references button {
  display: grid;
  grid-template-columns: minmax(118px, 0.42fr) minmax(0, 1fr) minmax(76px, 0.28fr);
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 8px 0;
  color: inherit;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(215, 224, 234, 0.78);
  border-radius: 0;
  text-align: left;
  transition: background 160ms ease, box-shadow 160ms ease;
}

.workspace-landing-recent-references button:hover,
.workspace-landing-recent-references button:focus-visible {
  background: rgba(246, 248, 251, 0.78);
  box-shadow: inset 3px 0 0 #14b8a6;
  outline: none;
}

.workspace-landing-recent-references span {
  color: var(--color-deep-navy);
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1.1;
}

.workspace-landing-recent-references strong {
  min-width: 0;
  color: var(--neutral-950);
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1.2;
}

.workspace-landing-recent-references em {
  color: var(--neutral-600);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 720;
  line-height: 1.2;
  text-align: right;
}

@media (max-width: 920px) {
  .workspace-landing-memory-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .workspace-landing-recent-references button {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }

  .workspace-landing-recent-references em {
    text-align: left;
  }
}

/* Ticket 117B: restore Workspace structure and branded sections. */

.workspace-landing-start-actions {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(246, 248, 251, 0.86) 0%, rgba(255, 255, 255, 0.96) 58%),
    var(--color-white);
  border-top: 3px solid var(--status-review-medium);
}

.workspace-landing-action-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.workspace-landing-action-heading > span {
  width: 7px;
  height: 24px;
  background: #14b8a6;
  border-radius: 999px;
}

.workspace-landing-action-heading h2 {
  color: var(--color-deep-navy);
  font-size: 1.02rem;
}

.workspace-landing-primary {
  min-height: 58px;
  font-size: 1rem;
}

.workspace-landing-section {
  display: grid;
  min-width: 0;
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid rgba(215, 224, 234, 0.9);
  border-radius: 8px;
  box-shadow: var(--shadow-panel-soft);
}

.workspace-landing-section.workspace-landing-memory,
.workspace-landing-section.workspace-landing-categories,
.workspace-landing-section.workspace-landing-continue {
  padding: 0;
}

.workspace-landing-section-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 0 18px;
  color: var(--color-white);
  background: var(--color-deep-navy);
  border-top: 3px solid var(--status-review-medium);
}

.workspace-landing-section-header > span {
  width: 7px;
  height: 24px;
  background: #14b8a6;
  border-radius: 999px;
}

.workspace-landing-section-header h2 {
  margin: 0;
  color: var(--color-white);
  font-size: 0.98rem;
  font-weight: 850;
  line-height: 1.2;
}

.workspace-landing-section-header em {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 820;
  line-height: 1.1;
  text-transform: uppercase;
}

.workspace-landing-section-actions {
  justify-self: end;
}

.workspace-landing-section-actions .workspace-landing-secondary {
  min-height: 34px;
  color: var(--color-white);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: none;
}

.workspace-landing-section-actions .workspace-landing-secondary:hover,
.workspace-landing-section-actions .workspace-landing-secondary:focus-visible {
  color: var(--color-deep-navy);
  background: var(--color-white);
  border-color: var(--status-review-medium);
  box-shadow: inset 0 -2px 0 var(--status-review-medium);
}

.workspace-landing-section-body {
  display: grid;
  gap: 14px;
  padding: clamp(18px, 2.4vw, 24px);
  background: var(--color-white);
}

.workspace-landing-section-intro {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.91rem;
  font-weight: 650;
  line-height: 1.45;
}

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

.workspace-landing-category-grid button {
  min-height: 48px;
  padding: 0 14px;
  color: var(--color-deep-navy);
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 800;
  text-align: left;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.workspace-landing-category-grid button:hover,
.workspace-landing-category-grid button:focus-visible {
  background: var(--surface-panel-subtle);
  border-color: rgba(15, 118, 110, 0.35);
  box-shadow: inset 0 -2px 0 #14b8a6;
  outline: none;
  transform: translateY(-1px);
}

@media (max-width: 920px) {
  .workspace-landing-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .workspace-landing-section-header {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 10px 14px;
  }

  .workspace-landing-section-header em,
  .workspace-landing-section-actions {
    grid-column: 2;
    justify-self: start;
  }

  .workspace-landing-section-actions .workspace-landing-secondary {
    width: auto;
  }

  .workspace-landing-section-body {
    padding: 18px;
  }

  .workspace-landing-category-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Ticket 118: approved v0 Workspace landing design. */

.workspace-v0-landing {
  min-height: calc(100vh - 64px);
  color: var(--neutral-950);
  background: var(--surface-panel-subtle);
}

.workspace-v0-landing button,
.workspace-v0-landing input {
  font-family: inherit;
  letter-spacing: 0;
}

.workspace-v0-main {
  width: min(1400px, calc(100vw - 72px));
  display: grid;
  gap: 40px;
  margin: 0 auto;
  padding: 42px 0 54px;
}

.workspace-v0-hero {
  display: grid;
  gap: 34px;
  padding: 0;
  border: 0;
}

.workspace-v0-hero-copy {
  display: grid;
  gap: 14px;
  max-width: 720px;
}

.workspace-v0-eyebrow {
  width: auto;
  padding: 0;
  color: #14b8a6;
  border: 0;
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.1;
  text-transform: uppercase;
}

.workspace-v0-hero-copy h1 {
  max-width: 920px;
  margin: 0;
  color: var(--color-deep-navy);
  font-size: 4rem;
  font-weight: 860;
  line-height: 1.05;
}

.workspace-v0-hero-copy p {
  max-width: 520px;
  margin: 0;
  color: var(--neutral-600);
  font-size: 1.02rem;
  font-weight: 560;
  line-height: 1.58;
}

.workspace-v0-decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.workspace-v0-decision-card {
  position: relative;
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 232px;
  padding: 34px 24px 26px;
  overflow: hidden;
  color: var(--color-white);
  text-align: left;
  cursor: pointer;
  background: var(--color-deep-navy);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-shadow: 0 12px 22px rgba(13, 27, 42, 0.12);
  transition: box-shadow 160ms ease, transform 160ms ease;
}

.workspace-v0-decision-card:hover,
.workspace-v0-decision-card:focus-visible {
  outline: none;
  box-shadow: 0 18px 28px rgba(13, 27, 42, 0.18);
  transform: translateY(-2px);
}

.workspace-v0-decision-accent {
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
}

.workspace-v0-decision-card-gold .workspace-v0-decision-accent {
  background: var(--status-review-medium);
}

.workspace-v0-decision-card-teal .workspace-v0-decision-accent {
  background: #14b8a6;
}

.workspace-v0-decision-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

.workspace-v0-decision-topline > span:first-child {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.72rem;
  font-weight: 820;
  line-height: 1.1;
  text-transform: uppercase;
}

.workspace-v0-decision-icon {
  position: relative;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 9px;
  box-shadow: inset 0 0 0 1px currentColor;
}

.workspace-v0-decision-card-gold .workspace-v0-decision-icon {
  color: var(--status-review-medium);
  background: rgba(218, 167, 44, 0.13);
}

.workspace-v0-decision-card-teal .workspace-v0-decision-icon {
  color: #14b8a6;
  background: rgba(20, 184, 166, 0.13);
}

.workspace-v0-decision-icon-new::before {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 14px;
  height: 18px;
  content: "";
  border: 2px solid currentColor;
  border-radius: 3px;
}

.workspace-v0-decision-icon-new::after {
  position: absolute;
  top: 18px;
  left: 19px;
  width: 8px;
  height: 8px;
  content: "+";
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 0.5;
}

.workspace-v0-decision-icon-open::before {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 22px;
  height: 14px;
  content: "";
  border: 2px solid currentColor;
  border-radius: 4px;
}

.workspace-v0-decision-icon-open::after {
  position: absolute;
  top: 11px;
  left: 13px;
  width: 12px;
  height: 7px;
  content: "";
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.workspace-v0-decision-card strong {
  max-width: 430px;
  color: var(--color-white);
  font-size: 1.42rem;
  font-weight: 820;
  line-height: 1.16;
}

.workspace-v0-decision-card em {
  max-width: 380px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.95rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.48;
}

.workspace-v0-card-cta {
  align-self: end;
  margin-top: 8px;
  font-size: 0.92rem;
  font-weight: 820;
  line-height: 1.2;
}

.workspace-v0-decision-card-gold .workspace-v0-card-cta {
  color: var(--status-review-medium);
}

.workspace-v0-decision-card-teal .workspace-v0-card-cta {
  color: #14b8a6;
}

.workspace-v0-card-cta span {
  display: inline-block;
  margin-left: 4px;
  transition: transform 160ms ease;
}

.workspace-v0-decision-card:hover .workspace-v0-card-cta span,
.workspace-v0-decision-card:focus-visible .workspace-v0-card-cta span {
  transform: translateX(3px);
}

.workspace-v0-panel {
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(13, 27, 42, 0.05);
}

.workspace-v0-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 0 24px;
  background: var(--color-white);
  border-bottom: 1px solid var(--neutral-200);
}

.workspace-v0-panel-header > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.workspace-v0-panel-header > div > span {
  width: 4px;
  height: 18px;
  background: #14b8a6;
  border-radius: 999px;
}

.workspace-v0-panel-header h2 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.95rem;
  font-weight: 820;
  line-height: 1.2;
}

.workspace-v0-panel-header em {
  color: var(--neutral-600);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 820;
  line-height: 1.1;
  text-transform: uppercase;
}

.workspace-v0-memory-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(360px, 1fr);
  gap: 1px;
  background: var(--neutral-200);
}

.workspace-v0-memory-left,
.workspace-v0-recent {
  min-width: 0;
  padding: 24px;
  background: var(--color-white);
}

.workspace-v0-memory-left {
  display: grid;
  gap: 24px;
}

.workspace-v0-memory-left > p {
  margin: 0;
  color: var(--neutral-600);
  font-size: 0.95rem;
  font-weight: 560;
  line-height: 1.5;
}

.workspace-v0-memory-block {
  display: grid;
  gap: 12px;
}

.workspace-v0-memory-block h3,
.workspace-v0-recent-heading h3 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.76rem;
  font-weight: 840;
  line-height: 1.1;
  text-transform: uppercase;
}

.workspace-v0-searchbox {
  position: relative;
}

.workspace-v0-searchbox input {
  width: 100%;
  height: 48px;
  padding: 0 14px 0 42px;
  color: var(--neutral-950);
  background: var(--surface-panel-subtle);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  box-shadow: none;
  font-size: 0.95rem;
  font-weight: 560;
  outline: none;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.workspace-v0-searchbox input:focus {
  background: var(--color-white);
  border-color: #14b8a6;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.14);
}

.workspace-v0-search-icon {
  position: absolute;
  top: 50%;
  left: 17px;
  width: 14px;
  height: 14px;
  pointer-events: none;
  border: 2px solid var(--neutral-600);
  border-radius: 999px;
  transform: translateY(-58%);
}

.workspace-v0-search-icon::after {
  position: absolute;
  right: -6px;
  bottom: -5px;
  width: 7px;
  height: 2px;
  content: "";
  background: var(--neutral-600);
  border-radius: 999px;
  transform: rotate(45deg);
}

.workspace-v0-ref-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.workspace-v0-ref-chips button {
  min-height: 33px;
  padding: 0 12px;
  color: var(--neutral-600);
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
  cursor: pointer;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1;
}

.workspace-v0-ref-chips button:hover,
.workspace-v0-ref-chips button:focus-visible,
.workspace-v0-memory-categories button:hover,
.workspace-v0-memory-categories button:focus-visible,
.workspace-v0-recent-list button:hover,
.workspace-v0-recent-list button:focus-visible {
  background: var(--surface-panel-subtle);
  border-color: rgba(20, 184, 166, 0.38);
  outline: none;
}

.workspace-v0-memory-categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.workspace-v0-memory-categories button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  padding: 0 14px;
  color: var(--neutral-950);
  text-align: left;
  cursor: pointer;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  transition: background 160ms ease, border-color 160ms ease;
}

.workspace-v0-memory-categories span {
  font-size: 0.9rem;
  font-weight: 700;
}

.workspace-v0-memory-categories em {
  color: var(--neutral-600);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 600;
}

.workspace-v0-recent {
  display: grid;
  align-content: start;
  gap: 14px;
}

.workspace-v0-recent-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.workspace-v0-recent-heading button,
.workspace-v0-panel-header > button {
  color: #0f766e;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 6px;
  font-size: 0.88rem;
  font-weight: 720;
}

.workspace-v0-recent-heading button:hover,
.workspace-v0-recent-heading button:focus-visible,
.workspace-v0-panel-header > button:hover,
.workspace-v0-panel-header > button:focus-visible {
  color: #14b8a6;
  outline: none;
  text-decoration: underline;
}

.workspace-v0-recent-list {
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 9px;
}

.workspace-v0-recent-list button {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 66px;
  padding: 10px 14px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: var(--color-white);
  border: 0;
  border-bottom: 1px solid var(--neutral-200);
}

.workspace-v0-recent-list button:last-child {
  border-bottom: 0;
}

.workspace-v0-reference-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: var(--neutral-700);
  background: var(--surface-panel-subtle);
  border: 1px solid var(--neutral-200);
  border-radius: 7px;
  font-size: 0.56rem;
  font-weight: 860;
  line-height: 1;
}

.workspace-v0-reference-icon-document,
.workspace-v0-reference-icon-shield {
  color: var(--color-deep-navy);
  background: var(--surface-panel-subtle);
}

.workspace-v0-reference-icon-package {
  color: #0f766e;
  background: rgba(20, 184, 166, 0.1);
  border-color: rgba(20, 184, 166, 0.24);
}

.workspace-v0-reference-icon-building {
  color: var(--status-review);
  background: var(--status-review-tint);
  border-color: var(--status-review-soft);
}

.workspace-v0-recent-list strong {
  display: block;
  overflow: hidden;
  color: var(--neutral-950);
  font-size: 0.95rem;
  font-weight: 720;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-v0-recent-list em {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: var(--neutral-600);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-v0-recent-list time {
  color: var(--neutral-600);
  font-size: 0.82rem;
  font-weight: 650;
  white-space: nowrap;
}

.workspace-v0-search-results {
  display: grid;
  margin-top: 2px;
  overflow: hidden;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
}

.workspace-v0-search-results button {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 8px 12px;
  padding: 10px 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: var(--color-white);
  border: 0;
  border-bottom: 1px solid var(--neutral-200);
}

.workspace-v0-search-results button:last-child {
  border-bottom: 0;
}

.workspace-v0-search-results span {
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 850;
}

.workspace-v0-search-results strong {
  min-width: 0;
  color: var(--neutral-950);
  font-size: 0.86rem;
  font-weight: 760;
}

.workspace-v0-search-results em {
  grid-column: 2;
  min-width: 0;
  color: var(--neutral-600);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 560;
}

.workspace-v0-search-results p {
  margin: 0;
  padding: 10px 12px;
  color: var(--neutral-600);
  font-size: 0.86rem;
}

.workspace-v0-panel-header-light > div > span {
  background: var(--status-review-medium);
}

.workspace-v0-panel-header-light strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 24px;
  padding: 0 8px;
  color: var(--neutral-600);
  background: var(--surface-panel-subtle);
  border-radius: 999px;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
  font-weight: 650;
}

.workspace-v0-table-wrap {
  overflow-x: auto;
}

.workspace-v0-work-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  text-align: left;
}

.workspace-v0-work-table th {
  padding: 13px 24px;
  color: var(--neutral-600);
  border-bottom: 1px solid var(--neutral-200);
  font-size: 0.74rem;
  font-weight: 820;
  line-height: 1.1;
  text-transform: uppercase;
}

.workspace-v0-work-table td {
  padding: 13px 24px;
  color: var(--neutral-600);
  border-bottom: 1px solid var(--neutral-200);
  font-size: 0.94rem;
  font-weight: 560;
  line-height: 1.25;
  white-space: nowrap;
}

.workspace-v0-work-table tbody tr {
  cursor: pointer;
  transition: background 160ms ease;
}

.workspace-v0-work-table tbody tr:hover,
.workspace-v0-work-table tbody tr:focus-visible {
  background: rgba(246, 248, 251, 0.76);
  outline: none;
}

.workspace-v0-work-table tbody tr:last-child td {
  border-bottom: 0;
}

.workspace-v0-work-table td:first-child {
  color: var(--color-deep-navy);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.84rem;
  font-weight: 760;
}

.workspace-v0-work-table td:nth-child(2) {
  color: var(--neutral-950);
  font-weight: 720;
}

.workspace-v0-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid var(--neutral-200);
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 680;
  line-height: 1;
}

.workspace-v0-status-review {
  color: var(--status-review);
  background: var(--status-review-tint);
  border-color: var(--status-review-soft);
}

.workspace-v0-status-active,
.workspace-v0-status-approved {
  color: #0f766e;
  background: rgba(20, 184, 166, 0.1);
  border-color: rgba(20, 184, 166, 0.24);
}

.workspace-v0-status-pending,
.workspace-v0-status-draft {
  color: var(--neutral-600);
  background: var(--surface-panel-subtle);
  border-color: var(--neutral-200);
}

.workspace-v0-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(13, 27, 42, 0.42);
  backdrop-filter: blur(6px);
}

.workspace-v0-modal {
  width: min(560px, 100%);
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(13, 27, 42, 0.24);
}

.workspace-v0-modal header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--neutral-200);
}

.workspace-v0-modal header > span {
  width: 4px;
  height: 34px;
  background: var(--status-review-medium);
  border-radius: 999px;
}

.workspace-v0-modal h2,
.workspace-v0-modal p {
  margin: 0;
}

.workspace-v0-modal h2 {
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 820;
}

.workspace-v0-modal p {
  margin-top: 3px;
  color: var(--neutral-600);
  font-size: 0.84rem;
  font-weight: 560;
}

.workspace-v0-modal header > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--neutral-600);
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 7px;
  font-size: 0.86rem;
  font-weight: 820;
}

.workspace-v0-modal header > button:hover,
.workspace-v0-modal header > button:focus-visible {
  color: var(--neutral-950);
  background: var(--surface-panel-subtle);
  outline: none;
}

.workspace-v0-modal-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 20px;
}

.workspace-v0-modal-options button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 12px;
  min-height: 88px;
  padding: 15px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: var(--color-white);
  border: 1px solid var(--neutral-200);
  border-radius: 9px;
  transition: background 160ms ease, border-color 160ms ease;
}

.workspace-v0-modal-options button:hover,
.workspace-v0-modal-options button:focus-visible {
  background: var(--surface-panel-subtle);
  border-color: rgba(218, 167, 44, 0.54);
  outline: none;
}

.workspace-v0-modal-options button > span {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--color-deep-navy);
  background: var(--surface-panel-subtle);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 860;
}

.workspace-v0-modal-options strong {
  color: var(--neutral-950);
  font-size: 0.9rem;
  font-weight: 760;
  line-height: 1.2;
}

.workspace-v0-modal-options em {
  color: var(--neutral-600);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.25;
}

@media (max-width: 1100px) {
  .workspace-v0-hero-copy h1 {
    font-size: 3.25rem;
  }

  .workspace-v0-memory-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .workspace-v0-main {
    width: min(100% - 28px, 1400px);
    gap: 26px;
    padding: 28px 0 42px;
  }

  .workspace-v0-hero {
    gap: 22px;
  }

  .workspace-v0-hero-copy h1 {
    font-size: 2.55rem;
  }

  .workspace-v0-decision-grid,
  .workspace-v0-memory-categories,
  .workspace-v0-modal-options {
    grid-template-columns: minmax(0, 1fr);
  }

  .workspace-v0-decision-card {
    min-height: 210px;
    padding: 28px 20px 22px;
  }

  .workspace-v0-panel-header {
    align-items: flex-start;
    flex-direction: column;
    min-height: 0;
    padding: 16px 18px;
  }

  .workspace-v0-memory-left,
  .workspace-v0-recent {
    padding: 18px;
  }

  .workspace-v0-recent-list button {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .workspace-v0-recent-list time {
    grid-column: 2;
  }
}

/* Workspace v0 screenshot parity. */

.workspace-v0-landing {
  min-height: calc(100vh - 64px);
  background: #edf2f8;
}

.workspace-v0-main {
  width: calc(100% - 48px);
  max-width: none;
  gap: 50px;
  padding: 52px 0 60px;
}

.workspace-v0-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  padding: 0;
  border: 0;
}

.workspace-v0-hero-copy {
  position: relative;
  display: grid;
  align-content: center;
  gap: 18px;
  min-height: 240px;
  max-width: none;
  padding: 40px 46px;
  overflow: hidden;
  background:
    linear-gradient(100deg, rgba(27, 38, 54, 0.98) 0%, rgba(28, 40, 58, 0.98) 62%, rgba(45, 51, 55, 0.98) 100%),
    var(--color-deep-navy);
  border: 1px solid rgba(13, 27, 42, 0.22);
  border-radius: 12px;
  box-shadow: 0 12px 18px rgba(13, 27, 42, 0.22);
}

.workspace-v0-hero-copy::before {
  position: absolute;
  inset: 0;
  content: "";
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: 80px 40px;
  opacity: 0.82;
  pointer-events: none;
}

.workspace-v0-hero-copy > * {
  position: relative;
  z-index: 1;
}

.workspace-v0-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  color: var(--status-review-medium);
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1;
  text-transform: uppercase;
}

.workspace-v0-eyebrow::before {
  width: 4px;
  height: 4px;
  content: "";
  background: currentColor;
  box-shadow: 8px 0 0 currentColor, 0 8px 0 currentColor, 8px 8px 0 currentColor;
}

.workspace-v0-hero-copy h1 {
  max-width: 760px;
  color: var(--color-white);
  font-size: 2.42rem;
  font-weight: 860;
  line-height: 1.08;
}

.workspace-v0-hero-copy p {
  max-width: 760px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.02rem;
  font-weight: 640;
  line-height: 1.58;
}

.workspace-v0-decision-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.workspace-v0-decision-card {
  min-height: 288px;
  padding: 46px 30px 32px;
  background: #1c2738;
  border: 1px solid rgba(13, 27, 42, 0.28);
  border-radius: 12px;
  box-shadow: 0 10px 16px rgba(13, 27, 42, 0.18);
}

.workspace-v0-decision-accent {
  height: 4px;
}

.workspace-v0-decision-topline > span:first-child {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.78rem;
  font-weight: 840;
}

.workspace-v0-decision-icon {
  width: 50px;
  height: 50px;
  border-radius: 9px;
}

.workspace-v0-decision-icon-new::before {
  top: 14px;
  left: 17px;
}

.workspace-v0-decision-icon-new::after {
  top: 22px;
  left: 22px;
}

.workspace-v0-decision-icon-open::before {
  top: 19px;
  left: 13px;
}

.workspace-v0-decision-icon-open::after {
  top: 15px;
  left: 16px;
}

.workspace-v0-decision-card strong {
  max-width: 450px;
  font-size: 1.46rem;
}

.workspace-v0-decision-card em {
  max-width: 390px;
  font-size: 0.98rem;
  line-height: 1.48;
}

.workspace-v0-card-cta {
  margin-top: auto;
  font-size: 1rem;
}

.workspace-v0-panel {
  border-color: rgba(189, 202, 218, 0.78);
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(13, 27, 42, 0.08);
}

.workspace-v0-panel-header {
  min-height: 60px;
  padding: 0 25px;
}

.workspace-v0-panel-header h2 {
  font-size: 1rem;
  font-weight: 820;
}

.workspace-v0-panel-header em {
  color: #526783;
  font-size: 0.72rem;
  font-weight: 840;
}

.workspace-v0-memory-grid {
  grid-template-columns: minmax(0, 1.5fr) minmax(420px, 1fr);
}

.workspace-v0-memory-left,
.workspace-v0-recent {
  padding: 27px 25px 26px;
}

.workspace-v0-memory-left {
  gap: 27px;
}

.workspace-v0-memory-left > p {
  font-size: 0.98rem;
  line-height: 1.5;
}

.workspace-v0-memory-block {
  gap: 14px;
}

.workspace-v0-memory-block h3,
.workspace-v0-recent-heading h3 {
  font-size: 0.8rem;
  font-weight: 840;
}

.workspace-v0-searchbox input {
  height: 50px;
  font-size: 0.96rem;
}

.workspace-v0-ref-chips {
  gap: 8px;
}

.workspace-v0-ref-chips button {
  min-height: 32px;
  padding: 0 13px;
}

.workspace-v0-memory-categories {
  gap: 10px;
}

.workspace-v0-memory-categories button {
  min-height: 47px;
  padding: 0 15px;
}

.workspace-v0-recent-list button {
  min-height: 71px;
  padding: 11px 16px;
}

.workspace-v0-table-wrap {
  background: var(--color-white);
}

.workspace-v0-work-table th {
  padding: 16px 25px;
  color: #526783;
  font-size: 0.78rem;
  font-weight: 820;
}

.workspace-v0-work-table td {
  height: 55px;
  padding: 0 25px;
  font-size: 0.95rem;
}

@media (max-width: 1100px) {
  .workspace-v0-memory-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .workspace-v0-main {
    width: calc(100% - 28px);
    gap: 28px;
    padding: 28px 0 42px;
  }

  .workspace-v0-hero-copy {
    min-height: 210px;
    padding: 30px 24px;
  }

  .workspace-v0-hero-copy h1 {
    font-size: 2.2rem;
  }

  .workspace-v0-decision-grid,
  .workspace-v0-memory-categories {
    grid-template-columns: minmax(0, 1fr);
  }

  .workspace-v0-decision-card {
    min-height: 230px;
  }

  .workspace-v0-memory-left,
  .workspace-v0-recent {
    padding: 20px;
  }
}

/* Start New Operation modal workflow. */

.start-operation-backdrop {
  position: fixed;
  inset: 0;
  z-index: 110;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(28px, 8vh, 120px) 20px 28px;
  background: rgba(13, 27, 42, 0.42);
  backdrop-filter: blur(8px);
}

.start-operation-modal {
  width: min(840px, calc(100vw - 40px));
  max-height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid rgba(215, 224, 234, 0.96);
  border-radius: 12px;
  box-shadow: 0 28px 72px rgba(13, 27, 42, 0.32);
}

.start-operation-modal-created {
  min-height: 416px;
}

.start-operation-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
  padding: 26px 34px 22px;
  background: var(--color-white);
  border-bottom: 1px solid rgba(215, 224, 234, 0.96);
}

.start-operation-header-rule {
  width: 4px;
  height: 40px;
  margin-top: 2px;
  background: var(--status-review-medium);
  border-radius: 999px;
}

.start-operation-header h2,
.start-operation-header p {
  margin: 0;
}

.start-operation-header h2 {
  color: var(--neutral-950);
  font-size: 1.08rem;
  font-weight: 820;
  line-height: 1.2;
}

.start-operation-header p {
  margin-top: 4px;
  color: #5d718e;
  font-size: 0.95rem;
  font-weight: 560;
  line-height: 1.35;
}

.start-operation-close {
  position: relative;
  width: 34px;
  height: 34px;
  color: #526783;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 8px;
}

.start-operation-close:hover,
.start-operation-close:focus-visible {
  color: var(--neutral-950);
  background: var(--surface-panel-subtle);
  outline: none;
}

.start-operation-close span::before,
.start-operation-close span::after {
  position: absolute;
  top: 16px;
  left: 10px;
  width: 15px;
  height: 2px;
  content: "";
  background: currentColor;
  border-radius: 999px;
}

.start-operation-close span::before {
  transform: rotate(45deg);
}

.start-operation-close span::after {
  transform: rotate(-45deg);
}

.start-operation-stepper {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 44px;
  background: #f5f7fb;
  border-bottom: 1px solid rgba(215, 224, 234, 0.96);
}

.start-operation-step {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #64748b;
  font-size: 0.83rem;
  font-weight: 720;
  line-height: 1;
}

.start-operation-step:not(:last-child) {
  margin-right: 42px;
}

.start-operation-step:not(:last-child)::after {
  position: absolute;
  top: 10px;
  left: calc(100% + 10px);
  width: 26px;
  height: 1px;
  content: "";
  background: #d7e0ea;
}

.start-operation-step-dot {
  position: relative;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  background: #e2e8f0;
  border-radius: 999px;
}

.start-operation-step-current {
  color: var(--neutral-950);
}

.start-operation-step-current .start-operation-step-dot {
  background: #1c2738;
}

.start-operation-step-complete {
  color: var(--neutral-950);
}

.start-operation-step-complete .start-operation-step-dot {
  background: #14b8a6;
}

.start-operation-step-complete .start-operation-step-dot::after {
  position: absolute;
  top: 5px;
  left: 7px;
  width: 5px;
  height: 9px;
  content: "";
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.start-operation-body {
  min-height: 0;
  background: var(--color-white);
}

.start-operation-body-path {
  padding: 26px 25px;
}

.start-operation-body-scroll {
  display: grid;
  gap: 20px;
  max-height: min(55vh, 480px);
  overflow-y: auto;
  padding: 26px 34px 22px;
  scrollbar-gutter: stable;
}

.start-operation-body-scroll::-webkit-scrollbar {
  width: 12px;
}

.start-operation-body-scroll::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.72);
  border: 3px solid var(--color-white);
  border-radius: 999px;
}

.start-operation-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.start-operation-choice {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  min-height: 132px;
  padding: 20px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: var(--color-white);
  border: 1px solid #dbe4ef;
  border-radius: 9px;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.start-operation-choice:hover,
.start-operation-choice:focus-visible {
  background: #f8fafc;
  border-color: rgba(20, 184, 166, 0.48);
  outline: none;
}

.start-operation-choice-selected {
  background: rgba(20, 184, 166, 0.07);
  border-color: #14b8a6;
  box-shadow: 0 0 0 1px rgba(20, 184, 166, 0.1);
}

.start-operation-choice-icon {
  position: relative;
  width: 46px;
  height: 46px;
  color: #1c2738;
  background: #f0f4f8;
  border-radius: 8px;
}

.start-operation-icon-upload::before {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 2px;
  height: 17px;
  content: "";
  background: currentColor;
  border-radius: 999px;
}

.start-operation-icon-upload::after {
  position: absolute;
  left: 16px;
  top: 13px;
  width: 10px;
  height: 10px;
  content: "";
  border-color: currentColor;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(-45deg);
}

.start-operation-icon-paste::before,
.start-operation-icon-blank::before {
  position: absolute;
  left: 16px;
  top: 12px;
  width: 14px;
  height: 18px;
  content: "";
  border: 2px solid currentColor;
  border-radius: 3px;
}

.start-operation-icon-paste::after {
  position: absolute;
  left: 21px;
  top: 17px;
  width: 9px;
  height: 9px;
  content: "";
  border: 2px solid currentColor;
  border-left: 0;
  border-radius: 2px;
}

.start-operation-icon-template::before,
.start-operation-icon-template::after {
  position: absolute;
  content: "";
  border: 2px solid currentColor;
  border-radius: 2px;
}

.start-operation-icon-template::before {
  left: 14px;
  top: 15px;
  width: 16px;
  height: 7px;
}

.start-operation-icon-template::after {
  left: 14px;
  top: 26px;
  width: 16px;
  height: 7px;
}

.start-operation-icon-blank::after {
  position: absolute;
  left: 24px;
  top: 21px;
  width: 8px;
  height: 8px;
  content: "+";
  color: currentColor;
  font-size: 0.98rem;
  font-weight: 850;
  line-height: 0.58;
}

.start-operation-choice-copy {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
}

.start-operation-choice-copy strong {
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 820;
  line-height: 1.18;
}

.start-operation-choice-copy em {
  max-width: 270px;
  color: #5d718e;
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.36;
}

.start-operation-choice-check {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  opacity: 0;
  background: #14b8a6;
  border-radius: 999px;
  transform: scale(0.7);
  transition: opacity 160ms ease, transform 160ms ease;
}

.start-operation-choice-selected .start-operation-choice-check {
  opacity: 1;
  transform: scale(1);
}

.start-operation-choice-check::after {
  position: absolute;
  top: 5px;
  left: 8px;
  width: 5px;
  height: 10px;
  content: "";
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.start-operation-dropzone {
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 184px;
  padding: 28px;
  text-align: center;
  background: #fbfdff;
  border: 1px dashed #d7e0ea;
  border-radius: 9px;
}

.start-operation-drop-icon {
  position: relative;
  width: 50px;
  height: 50px;
  color: #14b8a6;
  background: var(--color-white);
  border: 1px solid #d7e0ea;
  border-radius: 999px;
}

.start-operation-drop-icon::before {
  position: absolute;
  top: 16px;
  left: 24px;
  width: 2px;
  height: 17px;
  content: "";
  background: currentColor;
  border-radius: 999px;
}

.start-operation-drop-icon::after {
  position: absolute;
  top: 15px;
  left: 18px;
  width: 10px;
  height: 10px;
  content: "";
  border-color: currentColor;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(-45deg);
}

.start-operation-dropzone strong {
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 720;
}

.start-operation-dropzone em {
  color: #5d718e;
  font-size: 0.86rem;
  font-style: normal;
  font-weight: 560;
}

.start-operation-request,
.start-operation-review-note,
.start-operation-review-cards section {
  display: grid;
  gap: 12px;
  padding: 18px;
  background: #f3f7fb;
  border: 1px solid #d7e0ea;
  border-radius: 9px;
}

.start-operation-section-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #526783;
  min-width: 0;
}

.start-operation-section-heading strong {
  color: #526783;
  font-size: 0.78rem;
  font-weight: 840;
  line-height: 1.2;
  text-transform: uppercase;
}

.start-operation-section-heading em {
  margin-left: auto;
  color: #64748b;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 560;
}

.start-operation-section-icon {
  position: relative;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  color: #526783;
}

.start-operation-section-icon::before {
  position: absolute;
  inset: 2px 3px;
  content: "";
  border: 2px solid currentColor;
  border-radius: 2px;
}

.start-operation-section-icon::after {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 6px;
  height: 1px;
  content: "";
  background: currentColor;
  box-shadow: 0 4px 0 currentColor;
}

.start-operation-section-icon-teal {
  color: #14b8a6;
}

.start-operation-section-icon-gold {
  color: var(--status-review-medium);
}

.start-operation-request textarea,
.start-operation-source-textarea {
  width: 100%;
  min-height: 94px;
  resize: vertical;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 560;
  line-height: 1.48;
  outline: none;
  padding: 12px 14px;
}

.start-operation-source-textarea {
  min-height: 150px;
}

.start-operation-request textarea::placeholder,
.start-operation-source-textarea::placeholder,
.start-operation-field input::placeholder {
  color: #94a3b8;
}

.start-operation-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.start-operation-field {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.start-operation-field-full {
  grid-column: 1 / -1;
}

.start-operation-field > span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 840;
  line-height: 1.2;
  text-transform: uppercase;
}

.start-operation-field input,
.start-operation-field select {
  width: 100%;
  height: 48px;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 560;
  outline: none;
  padding: 0 14px;
}

.start-operation-field input:focus,
.start-operation-field select:focus,
.start-operation-request textarea:focus,
.start-operation-source-textarea:focus {
  border-color: rgba(20, 184, 166, 0.62);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.11);
}

.start-operation-review-table {
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid #d7e0ea;
  border-radius: 9px;
}

.start-operation-review-table div {
  display: grid;
  grid-template-columns: minmax(180px, 0.6fr) minmax(0, 1fr);
  min-height: 50px;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid rgba(215, 224, 234, 0.56);
}

.start-operation-review-table div:nth-child(even) {
  background: #f8fafc;
}

.start-operation-review-table div:last-child {
  border-bottom: 0;
}

.start-operation-review-table span {
  color: #64748b;
  font-size: 0.92rem;
  font-weight: 560;
}

.start-operation-review-table strong {
  justify-self: end;
  color: var(--neutral-950);
  font-size: 0.95rem;
  font-weight: 760;
  text-align: right;
}

.start-operation-review-note {
  background: var(--color-white);
}

.start-operation-review-note p,
.start-operation-review-cards p,
.start-operation-next-action p {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.95rem;
  font-weight: 560;
  line-height: 1.45;
}

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

.start-operation-review-cards section {
  background: var(--color-white);
}

.start-operation-next-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 18px 22px;
  color: var(--color-white);
  background: #1c2738;
  border-radius: 8px;
}

.start-operation-next-action > span {
  color: #14b8a6;
  font-size: 1rem;
  font-weight: 840;
  line-height: 1.15;
}

.start-operation-next-action strong {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.78rem;
  font-weight: 840;
  line-height: 1.2;
  text-transform: uppercase;
}

.start-operation-next-action p {
  margin-top: 4px;
  color: var(--color-white);
  font-weight: 760;
}

.start-operation-created-body {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 14px;
  min-height: 242px;
  padding: 42px 24px;
  text-align: center;
}

.start-operation-created-check {
  position: relative;
  width: 60px;
  height: 60px;
  background: rgba(20, 184, 166, 0.16);
  border-radius: 999px;
}

.start-operation-created-check::after {
  position: absolute;
  top: 17px;
  left: 23px;
  width: 11px;
  height: 21px;
  content: "";
  border: solid #14b8a6;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.start-operation-created-body strong {
  color: var(--neutral-950);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 1.08rem;
  font-weight: 820;
}

.start-operation-created-body p {
  margin: 0;
  color: #5d718e;
  font-size: 0.98rem;
  font-weight: 560;
}

.start-operation-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 82px;
  padding: 18px 24px;
  background: #f8fafc;
  border-top: 1px solid rgba(215, 224, 234, 0.96);
}

.start-operation-secondary,
.start-operation-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 45px;
  padding: 0 18px;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.98rem;
  font-weight: 760;
  line-height: 1;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.start-operation-secondary {
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid #d7e0ea;
}

.start-operation-secondary:hover,
.start-operation-secondary:focus-visible {
  background: #f3f7fb;
  outline: none;
}

.start-operation-primary {
  min-width: 134px;
  color: var(--color-white);
  background: #1c2738;
  border: 1px solid #1c2738;
}

.start-operation-primary:hover:not(:disabled),
.start-operation-primary:focus-visible:not(:disabled) {
  background: var(--color-deep-navy);
  border-color: var(--color-deep-navy);
  outline: none;
  transform: translateY(-1px);
}

.start-operation-primary:disabled {
  cursor: not-allowed;
  background: #a8b1bd;
  border-color: #a8b1bd;
}

@media (max-width: 760px) {
  .start-operation-backdrop {
    align-items: stretch;
    padding: 14px;
  }

  .start-operation-modal {
    width: 100%;
    max-height: calc(100vh - 28px);
  }

  .start-operation-header {
    padding: 20px 18px 18px;
  }

  .start-operation-stepper {
    padding: 0 18px;
  }

  .start-operation-step:not(:last-child) {
    margin-right: 28px;
  }

  .start-operation-step:not(:last-child)::after {
    width: 14px;
  }

  .start-operation-body-path,
  .start-operation-body-scroll {
    padding: 18px;
  }

  .start-operation-choice-grid,
  .start-operation-form-grid,
  .start-operation-review-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .start-operation-review-table div {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    padding: 12px 16px;
  }

  .start-operation-review-table strong {
    justify-self: start;
    text-align: left;
  }

  .start-operation-footer {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .start-operation-secondary,
  .start-operation-primary {
    width: 100%;
  }
}

/* Open My Work modal and Operation detail landing. */

.open-work-backdrop {
  position: fixed;
  inset: 0;
  z-index: 112;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(32px, 7vh, 74px) 20px 28px;
  background: rgba(13, 27, 42, 0.43);
  backdrop-filter: blur(8px);
}

.open-work-modal {
  width: min(640px, calc(100vw - 40px));
  overflow: hidden;
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid rgba(215, 224, 234, 0.96);
  border-radius: 12px;
  box-shadow: 0 28px 72px rgba(13, 27, 42, 0.32);
}

.open-work-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
  padding: 24px 26px 22px;
  border-bottom: 1px solid #d7e0ea;
}

.open-work-header > span {
  width: 4px;
  height: 40px;
  margin-top: 1px;
  background: #14b8a6;
  border-radius: 999px;
}

.open-work-header h2,
.open-work-header p {
  margin: 0;
}

.open-work-header h2 {
  color: var(--neutral-950);
  font-size: 1.08rem;
  font-weight: 820;
  line-height: 1.2;
}

.open-work-header p {
  margin-top: 5px;
  color: #5d718e;
  font-size: 0.95rem;
  font-weight: 560;
}

.open-work-close {
  position: relative;
  width: 34px;
  height: 34px;
  color: #526783;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 8px;
}

.open-work-close:hover,
.open-work-close:focus-visible {
  color: var(--neutral-950);
  background: #f3f7fb;
  outline: none;
}

.open-work-close span::before,
.open-work-close span::after {
  position: absolute;
  top: 16px;
  left: 10px;
  width: 15px;
  height: 2px;
  content: "";
  background: currentColor;
  border-radius: 999px;
}

.open-work-close span::before {
  transform: rotate(45deg);
}

.open-work-close span::after {
  transform: rotate(-45deg);
}

.open-work-list {
  overflow: hidden;
  margin: 26px;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
}

.open-work-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 20px;
  width: 100%;
  min-height: 106px;
  padding: 18px 20px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: var(--color-white);
  border: 0;
  border-bottom: 1px solid #d7e0ea;
  font-family: inherit;
  transition: background 160ms ease, box-shadow 160ms ease;
}

.open-work-row:last-child {
  border-bottom: 0;
}

.open-work-row:hover,
.open-work-row:focus-visible {
  background: #f8fafc;
  box-shadow: inset 3px 0 0 #14b8a6;
  outline: none;
}

.open-work-row-main,
.open-work-row-topline {
  min-width: 0;
  display: flex;
  align-items: center;
}

.open-work-row-main {
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}

.open-work-row-topline {
  gap: 10px;
}

.open-work-row-topline strong {
  color: var(--neutral-950);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.88rem;
  font-weight: 820;
}

.open-work-title-text {
  color: var(--neutral-950);
  font-size: 1rem;
  font-weight: 780;
  line-height: 1.2;
}

.open-work-row em,
.open-work-row time {
  color: #526783;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 560;
}

.open-work-arrow {
  color: #526783;
  font-size: 1.22rem;
  font-weight: 740;
}

.operation-detail-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 10px;
  border: 1px solid #d7e0ea;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 720;
  line-height: 1;
  white-space: nowrap;
}

.operation-detail-status-review {
  color: var(--status-review);
  background: var(--status-review-tint);
  border-color: var(--status-review-soft);
}

.operation-detail-status-active,
.operation-detail-status-approved {
  color: #0f766e;
  background: rgba(20, 184, 166, 0.1);
  border-color: rgba(20, 184, 166, 0.26);
}

.operation-detail-status-pending,
.operation-detail-status-draft {
  color: #526783;
  background: #f3f7fb;
  border-color: #d7e0ea;
}

.operation-detail-page {
  min-height: calc(100vh - 64px);
  padding: 38px 20px 56px;
  color: var(--neutral-950);
  background: #edf2f8;
}

.operation-detail-breadcrumb {
  width: min(100%, 1700px);
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 auto 28px;
  color: #526783;
  font-size: 0.9rem;
  font-weight: 640;
}

.operation-detail-breadcrumb button {
  color: #526783;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 6px;
  font: inherit;
  padding: 0;
}

.operation-detail-breadcrumb button:hover,
.operation-detail-breadcrumb button:focus-visible {
  color: #0f766e;
  outline: none;
}

.operation-detail-breadcrumb strong {
  color: var(--neutral-950);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.operation-detail-header-card,
.operation-request-card,
.operation-panel,
.operation-rail-card {
  background: var(--color-white);
  border: 1px solid rgba(189, 202, 218, 0.82);
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(13, 27, 42, 0.08);
}

.operation-detail-header-card {
  width: min(100%, 1700px);
  overflow: hidden;
  margin: 0 auto 26px;
}

.operation-detail-heading-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 26px;
  padding: 26px;
  border-bottom: 1px solid #d7e0ea;
}

.operation-detail-on-row {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #64748b;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.9rem;
  font-weight: 760;
}

.operation-detail-heading-copy h1 {
  margin: 18px 0 22px;
  color: var(--neutral-950);
  font-size: clamp(1.7rem, 2vw, 2rem);
  font-weight: 860;
  line-height: 1.12;
}

.operation-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 22px 32px;
  margin: 0;
}

.operation-detail-meta div {
  display: flex;
  gap: 8px;
}

.operation-detail-meta dt,
.operation-detail-meta dd {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.2;
}

.operation-detail-meta dt {
  color: #64748b;
  font-weight: 620;
}

.operation-detail-meta dd {
  color: var(--neutral-950);
  font-weight: 700;
}

.operation-detail-actions {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.operation-detail-secondary-action,
.operation-detail-primary-action,
.operation-request-card header button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 760;
}

.operation-detail-secondary-action {
  color: var(--neutral-950);
  background: var(--color-white);
  border: 1px solid #d7e0ea;
}

.operation-detail-primary-action {
  color: var(--neutral-950);
  background: var(--status-review-medium);
  border: 1px solid var(--status-review-medium);
  box-shadow: 0 4px 10px rgba(184, 134, 11, 0.22);
}

.operation-stage-block {
  padding: 22px 26px 24px;
}

.operation-stage-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 15px;
}

.operation-stage-heading strong,
.operation-section-label h2,
.operation-section-label h3 {
  margin: 0;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 840;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
}

.operation-stage-heading span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--neutral-950);
  font-size: 0.86rem;
  font-weight: 760;
}

.operation-stage-heading em {
  width: 8px;
  height: 8px;
  background: var(--status-review-medium);
  border-radius: 999px;
}

.operation-stage-rail {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

.operation-stage-item {
  display: grid;
  gap: 10px;
}

.operation-stage-item > span {
  height: 6px;
  background: #e8edf3;
  border-radius: 999px;
}

.operation-stage-item strong {
  color: #94a3b8;
  font-size: 0.78rem;
  font-weight: 760;
}

.operation-stage-complete > span,
.operation-stage-current > span {
  background: #14b8a6;
}

.operation-stage-complete strong,
.operation-stage-current strong {
  color: #0f766e;
}

.operation-stage-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 20px;
  color: #526783;
  font-size: 0.9rem;
}

.operation-stage-summary strong {
  color: var(--neutral-950);
}

.operation-request-card {
  width: min(100%, 1700px);
  overflow: hidden;
  margin: 0 auto 26px;
}

.operation-request-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 0 26px;
  color: var(--color-white);
  background: #1c2738;
}

.operation-request-card > header > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.operation-request-card > header > div > span {
  width: 18px;
  height: 18px;
  border: 2px solid var(--status-review-medium);
  border-radius: 3px;
}

.operation-request-card header h2 {
  margin: 0;
  color: var(--color-white);
  font-size: 1.02rem;
  font-weight: 820;
}

.operation-request-card header em {
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 700;
}

.operation-request-card header button {
  min-height: 34px;
  color: var(--color-white);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.operation-request-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(430px, 1fr);
  min-height: 256px;
}

.operation-request-copy {
  padding: 28px 26px;
}

.operation-request-copy p {
  max-width: 940px;
  margin: 0 0 22px;
  color: var(--neutral-950);
  font-size: 1.12rem;
  font-weight: 620;
  line-height: 1.55;
}

.operation-request-copy span {
  color: #64748b;
  font-size: 0.88rem;
  font-weight: 560;
}

.operation-assessment-panel {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 26px;
  background: #f8fafc;
  border-left: 1px solid #d7e0ea;
}

.operation-section-label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.operation-section-label > span {
  width: 4px;
  height: 18px;
  background: #14b8a6;
  border-radius: 999px;
}

.operation-section-label-gold > span,
.operation-record-panel-gold .operation-section-label > span {
  background: var(--status-review-medium);
}

.operation-assessment-panel ul,
.operation-activity-card ol,
.operation-source-card ul,
.operation-rail-group ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-finding {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.operation-finding > span {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid #14b8a6;
}

.operation-finding-verified > span::after,
.operation-finding-reused > span::after {
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  content: "";
  border: solid #14b8a6;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.operation-finding-missing > span,
.operation-finding-needs-confirmation > span {
  border-color: var(--status-review-medium);
}

.operation-finding p,
.operation-assessment-panel > p {
  margin: 0;
  color: var(--neutral-950);
  font-size: 0.95rem;
  font-weight: 560;
  line-height: 1.45;
}

.operation-assessment-panel > p {
  padding-top: 14px;
  color: #64748b;
  border-top: 1px solid #d7e0ea;
  font-size: 0.84rem;
}

.operation-detail-layout {
  width: min(100%, 1700px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 26px;
  align-items: start;
  margin: 0 auto;
}

.operation-detail-main,
.operation-detail-rail {
  display: grid;
  gap: 24px;
  min-width: 0;
}

.operation-detail-tabs {
  display: flex;
  gap: 32px;
  min-height: 48px;
  border-bottom: 1px solid #d7e0ea;
}

.operation-detail-tabs button {
  position: relative;
  color: #526783;
  cursor: pointer;
  background: transparent;
  border: 0;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 680;
}

.operation-detail-tabs .operation-detail-tab-active {
  color: var(--neutral-950);
  font-weight: 820;
}

.operation-detail-tabs .operation-detail-tab-active::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  content: "";
  background: #14b8a6;
}

.operation-panel,
.operation-rail-card {
  overflow: hidden;
}

.operation-panel > header,
.operation-rail-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 0 25px;
  border-bottom: 1px solid #d7e0ea;
}

.operation-output-body {
  display: grid;
  gap: 22px;
  padding: 26px;
}

.operation-output-title-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.operation-output-icon,
.operation-record-icon {
  width: 60px;
  height: 60px;
  background: #1c2738;
  border-radius: 9px;
}

.operation-output-title-row h3 {
  margin: 0;
  color: var(--neutral-950);
  font-size: 1.28rem;
  font-weight: 840;
}

.operation-output-title-row p,
.operation-output-title-row em,
.operation-output-body > p {
  margin: 0;
  color: #5d718e;
  font-size: 0.95rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.45;
}

.operation-output-title-row p,
.operation-output-title-row em {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.84rem;
}

.operation-output-body > p {
  font-size: 1rem;
}

.operation-output-progress {
  display: grid;
  gap: 10px;
}

.operation-output-progress div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: var(--neutral-950);
  font-size: 0.9rem;
  font-weight: 760;
}

.operation-output-progress div span {
  color: #14b8a6;
}

.operation-output-progress > span {
  display: block;
  height: 8px;
  overflow: hidden;
  background: #edf2f8;
  border-radius: 999px;
}

.operation-output-progress > span em {
  display: block;
  width: 92%;
  height: 100%;
  background: #14b8a6;
  border-radius: inherit;
}

.operation-output-warning {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  color: var(--neutral-950);
  background: #fffaf0;
  border: 1px solid rgba(218, 167, 44, 0.36);
  border-radius: 8px;
  font-size: 0.92rem;
  font-weight: 560;
}

.operation-output-warning span {
  width: 7px;
  height: 7px;
  background: var(--status-review-medium);
  border-radius: 999px;
}

.operation-record-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operation-record-grid article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 94px;
  padding: 16px 22px;
  border-bottom: 1px solid #d7e0ea;
}

.operation-record-grid article:nth-child(odd) {
  border-right: 1px solid #d7e0ea;
}

.operation-record-grid article:last-child,
.operation-record-grid article:nth-last-child(2):nth-child(odd) {
  border-bottom: 0;
}

.operation-record-icon {
  width: 45px;
  height: 45px;
  background: #f0f4f8;
}

.operation-record-grid strong {
  display: block;
  color: var(--neutral-950);
  font-size: 0.96rem;
  font-weight: 760;
  line-height: 1.25;
}

.operation-record-grid em,
.operation-record-grid small,
.operation-panel-footer {
  color: #5d718e;
  font-size: 0.84rem;
  font-style: normal;
  font-weight: 560;
}

.operation-record-grid em {
  display: block;
  margin-top: 5px;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.operation-panel-footer {
  margin: 0;
  padding: 14px 25px 18px;
  border-top: 1px solid #d7e0ea;
}

.operation-rail-card header > span {
  color: #526783;
  font-size: 0.84rem;
  font-weight: 680;
}

.operation-activity-card ol {
  position: relative;
  padding: 20px 22px 22px;
}

.operation-activity-card ol::before {
  position: absolute;
  top: 28px;
  bottom: 30px;
  left: 31px;
  width: 1px;
  content: "";
  background: #d7e0ea;
}

.operation-activity-item {
  position: relative;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.operation-activity-item > span {
  position: relative;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  background: #cbd5e1;
  border-radius: 999px;
}

.operation-activity-complete > span,
.operation-activity-current > span {
  background: #14b8a6;
}

.operation-activity-warning > span {
  background: var(--status-review-medium);
}

.operation-activity-item strong {
  display: block;
  color: var(--neutral-950);
  font-size: 0.86rem;
  font-weight: 780;
}

.operation-activity-item p,
.operation-activity-item em,
.operation-activity-item time {
  margin: 5px 0 0;
  color: #5d718e;
  font-size: 0.86rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.35;
}

.operation-activity-item em {
  display: block;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.76rem;
}

.operation-activity-item time {
  margin: 0;
  white-space: nowrap;
}

.operation-participants-card,
.operation-source-card {
  display: grid;
}

.operation-rail-group,
.operation-source-card ul {
  padding: 16px 22px;
  border-bottom: 1px solid #d7e0ea;
}

.operation-rail-group:last-child,
.operation-source-card ul:last-child {
  border-bottom: 0;
}

.operation-rail-group h3 {
  margin: 0 0 12px;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 840;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.operation-rail-group li,
.operation-source-card li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: var(--neutral-950);
  font-size: 0.9rem;
  font-weight: 680;
}

.operation-rail-group li + li,
.operation-source-card li + li {
  margin-top: 12px;
}

.operation-rail-group li span {
  width: 34px;
  height: 34px;
  background: #f0f4f8;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
}

.operation-source-card li {
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
}

.operation-source-card strong {
  color: var(--neutral-950);
  font-size: 0.9rem;
  font-weight: 720;
}

.operation-source-card span {
  color: #5d718e;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.8rem;
}

@media (max-width: 1180px) {
  .operation-detail-layout,
  .operation-request-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-assessment-panel {
    border-left: 0;
    border-top: 1px solid #d7e0ea;
  }
}

@media (max-width: 820px) {
  .open-work-backdrop {
    align-items: stretch;
    padding: 14px;
  }

  .open-work-modal {
    width: 100%;
  }

  .open-work-list {
    margin: 18px;
  }

  .open-work-row,
  .operation-detail-heading-row,
  .operation-record-grid,
  .operation-record-grid article,
  .operation-detail-actions,
  .operation-detail-meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-detail-actions,
  .operation-detail-meta {
    display: grid;
  }

  .operation-stage-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operation-record-grid article:nth-child(odd) {
    border-right: 0;
  }
}

/* Operation detail v0 refinements */

.operation-detail-page .operation-detail-heading-row {
  align-items: start;
  gap: 24px;
  padding: 24px 26px 25px;
}

.operation-detail-page .operation-detail-heading-copy {
  min-width: 0;
}

.operation-detail-page .operation-detail-on-row {
  gap: 10px;
  margin-bottom: 8px;
  font-size: 0.86rem;
}

.operation-detail-page .operation-detail-heading-copy h1 {
  margin: 8px 0 18px;
  font-size: 1.78rem;
  font-weight: 860;
  line-height: 1.12;
}

.operation-detail-page .operation-detail-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 28px;
  margin: 0;
}

.operation-detail-page .operation-detail-meta div {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.operation-detail-page .operation-detail-meta dt,
.operation-detail-page .operation-detail-meta dd {
  margin: 0;
  font-size: 0.88rem;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
}

.operation-detail-page .operation-detail-meta dt {
  color: #64748b;
  font-weight: 620;
}

.operation-detail-page .operation-detail-meta dd {
  color: var(--neutral-950);
  font-weight: 700;
}

.operation-detail-page .operation-detail-actions {
  align-items: flex-start;
  padding-top: 1px;
}

.operation-detail-page .operation-detail-secondary-action,
.operation-detail-page .operation-detail-primary-action {
  min-height: 45px;
  padding: 0 16px;
  font-size: 0.95rem;
}

.operation-detail-page .operation-stage-block {
  padding: 21px 26px 23px;
}

.operation-detail-page .operation-stage-heading {
  margin-bottom: 14px;
}

.operation-detail-page .operation-stage-heading span {
  font-size: 0.86rem;
}

.operation-detail-page .operation-stage-rail {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.operation-detail-page .operation-stage-item {
  gap: 9px;
}

.operation-detail-page .operation-stage-item > span {
  height: 6px;
  background: #e8edf3;
}

.operation-detail-page .operation-stage-complete > span {
  background: #14b8a6;
}

.operation-detail-page .operation-stage-current > span {
  background: var(--status-review-medium);
}

.operation-detail-page .operation-stage-future > span {
  background: #e8edf3;
}

.operation-detail-page .operation-stage-complete strong {
  color: #0f766e;
}

.operation-detail-page .operation-stage-current strong {
  color: var(--neutral-950);
}

.operation-detail-page .operation-stage-future strong {
  color: #a8b4c4;
}

.operation-detail-page .operation-stage-summary {
  margin-top: 18px;
}

.operation-detail-page .operation-activity-card ol {
  padding: 20px 22px 22px 24px;
}

.operation-detail-page .operation-activity-card ol::before {
  top: 29px;
  bottom: 32px;
  left: 31px;
}

.operation-detail-page .operation-activity-item {
  grid-template-columns: 14px minmax(0, 1fr) auto;
  column-gap: 12px;
}

.operation-detail-page .operation-activity-item > span {
  justify-self: center;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px rgba(189, 202, 218, 0.72);
}

.operation-detail-page .operation-activity-complete > span,
.operation-detail-page .operation-activity-current > span {
  background: #14b8a6;
}

.operation-detail-page .operation-activity-warning > span {
  background: var(--status-review-medium);
}

.operation-detail-page .operation-activity-future > span {
  background: #cbd5e1;
}

.operation-detail-page .operation-output-icon,
.operation-detail-page .operation-record-icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

.operation-detail-page .operation-output-icon {
  color: #f8fafc;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.operation-detail-page .operation-output-icon::before,
.operation-detail-page .operation-output-icon::after,
.operation-detail-page .operation-record-icon::before,
.operation-detail-page .operation-record-icon::after {
  position: absolute;
  box-sizing: border-box;
  content: "";
}

.operation-detail-page .operation-output-icon::before {
  width: 26px;
  height: 26px;
  border: 2px solid currentColor;
  border-radius: 7px;
  transform: rotate(45deg) scaleY(0.82);
}

.operation-detail-page .operation-output-icon::after {
  width: 12px;
  height: 12px;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  opacity: 0.74;
  transform: rotate(45deg);
}

.operation-detail-page .operation-record-icon {
  color: #1c2738;
  border-radius: 8px;
}

.operation-detail-page .operation-record-icon-doc::before,
.operation-detail-page .operation-record-icon-agr::before {
  width: 17px;
  height: 21px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.operation-detail-page .operation-record-icon-doc::after {
  top: 13px;
  right: 13px;
  width: 6px;
  height: 6px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.operation-detail-page .operation-record-icon-agr::after {
  right: 12px;
  bottom: 14px;
  width: 14px;
  height: 2px;
  background: currentColor;
  box-shadow: 0 -6px 0 -1px currentColor;
  opacity: 0.82;
  transform: rotate(-32deg);
}

.operation-detail-page .operation-record-icon-evd::before {
  top: 11px;
  left: 18px;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-radius: 999px;
  box-shadow: -8px 13px 0 -2px currentColor, 8px 13px 0 -2px currentColor;
}

.operation-detail-page .operation-record-icon-evd::after {
  bottom: 12px;
  left: 10px;
  width: 24px;
  height: 14px;
  border: 2px solid currentColor;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  opacity: 0.88;
}

.operation-detail-page .operation-record-icon-req::before {
  top: 13px;
  left: 12px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent currentColor;
  border-style: solid;
  border-width: 10px 0 10px 22px;
  transform: rotate(-18deg);
}

.operation-detail-page .operation-record-icon-req::after {
  top: 22px;
  left: 16px;
  width: 14px;
  height: 2px;
  background: #f0f4f8;
  transform: rotate(-18deg);
}

.operation-detail-page .operation-record-icon-org::before {
  width: 20px;
  height: 22px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.operation-detail-page .operation-record-icon-org::after {
  top: 14px;
  left: 14px;
  width: 3px;
  height: 3px;
  background: currentColor;
  box-shadow: 6px 0 0 currentColor, 12px 0 0 currentColor, 0 6px 0 currentColor, 6px 6px 0 currentColor, 12px 6px 0 currentColor, 0 12px 0 currentColor, 6px 12px 0 currentColor;
}

.operation-detail-page .operation-record-icon-ppl::before {
  top: 10px;
  left: 18px;
  width: 9px;
  height: 9px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.operation-detail-page .operation-record-icon-ppl::after {
  bottom: 10px;
  left: 13px;
  width: 19px;
  height: 13px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
}

.operation-detail-page .operation-record-icon-pkg::before {
  width: 21px;
  height: 21px;
  border: 2px solid currentColor;
  border-radius: 5px;
  transform: rotate(45deg) scaleY(0.82);
}

.operation-detail-page .operation-record-icon-pkg::after {
  width: 10px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  opacity: 0.72;
  transform: rotate(45deg);
}

.operation-detail-page .operation-record-icon-on::before {
  width: 22px;
  height: 22px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.operation-detail-page .operation-record-icon-on::after {
  top: 15px;
  left: 17px;
  width: 8px;
  height: 13px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(38deg);
}

@media (max-width: 820px) {
  .operation-detail-page .operation-stage-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Operation detail tab refinements */

.operation-detail-page .operation-tab-panel {
  display: grid;
  gap: 24px;
  min-width: 0;
}

.operation-detail-page .operation-source-material-list,
.operation-detail-page .operation-decision-list {
  display: grid;
  min-width: 0;
}

.operation-detail-page .operation-source-material-list article,
.operation-detail-page .operation-decision-list article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 86px;
  padding: 18px 25px;
  border-bottom: 1px solid #d7e0ea;
}

.operation-detail-page .operation-source-material-list article:last-child,
.operation-detail-page .operation-decision-list article:last-child {
  border-bottom: 0;
}

.operation-detail-page .operation-source-material-title {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: baseline;
  min-width: 0;
}

.operation-detail-page .operation-source-material-title strong,
.operation-detail-page .operation-decision-list strong,
.operation-detail-page .operation-history-item strong {
  color: var(--neutral-950);
  font-size: 0.98rem;
  font-weight: 780;
  line-height: 1.25;
}

.operation-detail-page .operation-source-material-title em,
.operation-detail-page .operation-source-material-list p,
.operation-detail-page .operation-source-material-list dd,
.operation-detail-page .operation-decision-list p,
.operation-detail-page .operation-decision-list em,
.operation-detail-page .operation-decision-list time,
.operation-detail-page .operation-history-item em,
.operation-detail-page .operation-history-item time {
  margin: 0;
  color: #5d718e;
  font-size: 0.84rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.35;
}

.operation-detail-page .operation-source-material-title em,
.operation-detail-page .operation-history-item em {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.operation-detail-page .operation-source-material-list p {
  margin-top: 5px;
  font-size: 0.9rem;
}

.operation-detail-page .operation-source-material-list dl {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin: 10px 0 0;
}

.operation-detail-page .operation-source-material-list dl div {
  display: inline-flex;
  gap: 6px;
  align-items: baseline;
}

.operation-detail-page .operation-source-material-list dt {
  margin: 0;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 820;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.operation-detail-page .operation-check-table {
  display: grid;
  min-width: 0;
}

.operation-detail-page .operation-check-row {
  display: grid;
  grid-template-columns: 140px minmax(220px, 1.3fr) minmax(150px, 0.9fr) 92px minmax(130px, 0.8fr) minmax(130px, 0.8fr);
  gap: 16px;
  align-items: center;
  min-height: 58px;
  padding: 0 25px;
  border-bottom: 1px solid #d7e0ea;
}

.operation-detail-page .operation-check-row:last-child {
  border-bottom: 0;
}

.operation-detail-page .operation-check-head {
  min-height: 45px;
  background: #f8fafc;
}

.operation-detail-page .operation-check-head span {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 840;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-transform: uppercase;
}

.operation-detail-page .operation-check-row strong {
  color: var(--neutral-950);
  font-size: 0.92rem;
  font-weight: 760;
  line-height: 1.3;
}

.operation-detail-page .operation-check-row em,
.operation-detail-page .operation-check-row > span:not(.operation-check-status) {
  color: #5d718e;
  font-size: 0.84rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.3;
}

.operation-detail-page .operation-check-row em {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.operation-detail-page .operation-check-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 24px;
  padding: 0 10px;
  color: #526783;
  background: #edf2f8;
  border: 1px solid #d7e0ea;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 780;
  line-height: 1;
  white-space: nowrap;
}

.operation-detail-page .operation-check-status-verified,
.operation-detail-page .operation-check-status-matched,
.operation-detail-page .operation-check-status-reused,
.operation-detail-page .operation-check-status-accepted,
.operation-detail-page .operation-check-status-extracted,
.operation-detail-page .operation-check-status-referenced {
  color: #0f766e;
  background: #ccfbf1;
  border-color: #99f6e4;
}

.operation-detail-page .operation-check-status-missing,
.operation-detail-page .operation-check-status-needs-confirmation,
.operation-detail-page .operation-check-status-follow-up,
.operation-detail-page .operation-check-status-review {
  color: #9a6a0a;
  background: #fff7dc;
  border-color: #f0d38a;
}

.operation-detail-page .operation-check-status-blocked,
.operation-detail-page .operation-check-status-received {
  color: #526783;
  background: #edf2f8;
  border-color: #d7e0ea;
}

.operation-detail-page .operation-decision-list article {
  grid-template-columns: 118px minmax(0, 1fr) 86px;
  align-items: start;
}

.operation-detail-page .operation-decision-list p {
  margin-top: 5px;
}

.operation-detail-page .operation-decision-list em {
  display: block;
  margin-top: 7px;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.operation-detail-page .operation-decision-list time {
  justify-self: end;
  white-space: nowrap;
}

.operation-detail-page .operation-history-list {
  position: relative;
  display: grid;
  gap: 0;
  margin: 0;
  padding: 22px 25px 24px 44px;
  list-style: none;
}

.operation-detail-page .operation-history-list::before {
  position: absolute;
  top: 30px;
  bottom: 32px;
  left: 50px;
  width: 1px;
  content: "";
  background: #d7e0ea;
}

.operation-detail-page .operation-history-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  min-height: 62px;
  padding-left: 26px;
}

.operation-detail-page .operation-history-item > span {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: -1px;
  width: 12px;
  height: 12px;
  background: #cbd5e1;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(189, 202, 218, 0.72);
}

.operation-detail-page .operation-history-complete > span,
.operation-detail-page .operation-history-current > span {
  background: #14b8a6;
}

.operation-detail-page .operation-history-warning > span {
  background: var(--status-review-medium);
}

.operation-detail-page .operation-history-item em {
  display: block;
  margin-top: 6px;
}

.operation-detail-page .operation-rail-more {
  display: flex;
  justify-content: flex-end;
  padding: 0 22px 16px;
}

.operation-detail-page .operation-rail-more button {
  color: #0f766e;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 6px;
  font-family: inherit;
  font-size: 0.82rem;
  font-weight: 760;
  padding: 4px 0;
}

.operation-detail-page .operation-rail-more button:hover,
.operation-detail-page .operation-rail-more button:focus-visible {
  color: #0b5f5a;
  outline: none;
}

.operation-detail-page .operation-rail-group li {
  grid-template-columns: 34px minmax(0, 1fr) 30px;
}

.operation-detail-page .operation-rail-group li div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-detail-page .operation-rail-group li strong {
  color: var(--neutral-950);
  font-size: 0.88rem;
  font-weight: 720;
  line-height: 1.22;
}

.operation-detail-page .operation-rail-group li em {
  color: #5d718e;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.25;
}

.operation-detail-page .operation-participant-message {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #526783;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #d7e0ea;
  border-radius: 7px;
}

.operation-detail-page .operation-participant-message:hover,
.operation-detail-page .operation-participant-message:focus-visible {
  color: #0f766e;
  background: #ecfeff;
  border-color: #99f6e4;
  outline: none;
}

.operation-detail-page .operation-participant-message span::before {
  position: absolute;
  top: 8px;
  left: 7px;
  width: 13px;
  height: 9px;
  content: "";
  border: 2px solid currentColor;
  border-radius: 3px;
}

.operation-detail-page .operation-participant-message span::after {
  position: absolute;
  top: 16px;
  left: 12px;
  width: 6px;
  height: 6px;
  content: "";
  background: #ffffff;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}

@media (max-width: 980px) {
  .operation-detail-page .operation-check-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    padding: 14px 20px;
  }

  .operation-detail-page .operation-check-head {
    display: none;
  }

  .operation-detail-page .operation-source-material-list article,
  .operation-detail-page .operation-decision-list article {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Network and Vault approved landing refinements */

.network-v0-landing,
.vault-v0-landing {
  --vucoris-midnight: #1f2a3a;
  --vucoris-midnight-deep: #172336;
  --vucoris-teal: #16b8ad;
  --vucoris-gold: #d5a128;
  --vucoris-ink: #1f2937;
  --vucoris-muted: #61708a;
  --vucoris-line: #dbe3ec;
  --vucoris-soft: #eef3f8;
  background: #edf3f8;
  color: var(--vucoris-ink);
  min-height: calc(100vh - 72px);
}

.vucoris-landing-shell .network-v0-landing,
.vucoris-landing-shell .vault-v0-landing {
  padding: 0;
}

.network-v0-landing *,
.vault-v0-landing * {
  box-sizing: border-box;
}

.network-v0-main,
.vault-v0-main {
  width: 100%;
  margin: 0 auto;
  padding: 32px clamp(20px, 2.6vw, 42px) 48px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.network-v0-hero,
.vault-v0-hero {
  width: 100%;
  min-height: 316px;
  padding: 42px 40px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  border-radius: 14px;
  color: #f8fafc;
  background-color: var(--vucoris-midnight);
  background-image:
    linear-gradient(90deg, rgba(31, 42, 58, 0.98), rgba(31, 42, 58, 0.92), rgba(38, 45, 52, 0.96)),
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: auto, 52px 52px, 52px 52px;
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.14), 0 2px 5px rgba(15, 23, 42, 0.08);
}

.network-v0-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.vault-v0-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
}

.network-v0-eyebrow,
.vault-v0-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--vucoris-gold);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.network-v0-eyebrow::before,
.vault-v0-eyebrow::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 3px;
  box-shadow: 7px 0 0 -4px currentColor, 0 7px 0 -4px currentColor, 7px 7px 0 -4px currentColor;
}

.network-v0-hero h1,
.vault-v0-hero h1 {
  max-width: 760px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(32px, 3.1vw, 46px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: 0;
}

.network-v0-hero p,
.vault-v0-hero p {
  max-width: 860px;
  margin: 20px 0 0;
  color: rgba(248, 250, 252, 0.72);
  font-size: 18px;
  line-height: 1.55;
  font-weight: 550;
}

.network-v0-hero-actions,
.vault-v0-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.network-v0-primary-action,
.vault-v0-primary-action,
.network-v0-secondary-action,
.vault-v0-secondary-action {
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 750;
  letter-spacing: 0;
}

.network-v0-primary-action,
.vault-v0-primary-action {
  border: 1px solid var(--vucoris-gold);
  background: var(--vucoris-gold);
  color: #142033;
}

.network-v0-secondary-action,
.vault-v0-secondary-action {
  border: 1px solid rgba(226, 232, 240, 0.2);
  background: rgba(15, 23, 42, 0.16);
  color: #ffffff;
}

.network-v0-action-icon,
.vault-v0-action-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  color: currentColor;
  flex: 0 0 auto;
}

.network-v0-action-org::before,
.vault-v0-action-box::before {
  content: "";
  position: absolute;
  inset: 3px 4px 2px;
  border: 2px solid currentColor;
  border-radius: 2px;
}

.network-v0-action-org::after,
.vault-v0-action-box::after {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  bottom: 4px;
  height: 6px;
  border-left: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.network-v0-action-person::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 8px;
  width: 10px;
  height: 7px;
  border: 2px solid currentColor;
  border-radius: 8px 8px 2px 2px;
}

.network-v0-action-person::after {
  content: "+";
  position: absolute;
  right: 0;
  top: -1px;
  font-size: 17px;
  line-height: 1;
  font-weight: 800;
}

.vault-v0-action-upload::before {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 2px;
  height: 6px;
  border: 2px solid currentColor;
  border-top: 0;
  border-radius: 0 0 3px 3px;
}

.vault-v0-action-upload::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 2px;
  width: 7px;
  height: 7px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg);
}

.vault-v0-trust-mark {
  min-width: 190px;
  padding: 18px 20px;
  border: 1px solid rgba(226, 232, 240, 0.18);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.18);
  display: flex;
  justify-content: center;
}

.vault-v0-trust-mark p {
  margin: 0;
}

.network-v0-panel,
.vault-v0-panel,
.network-v0-sidebar-group,
.vault-v0-sidebar-group,
.vault-v0-memory-card,
.network-v0-intelligence {
  border: 1px solid var(--vucoris-line);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.network-v0-panel > header,
.vault-v0-panel > header,
.network-v0-sidebar-group > header,
.vault-v0-sidebar-group > header {
  min-height: 61px;
  padding: 0 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--vucoris-line);
}

.network-v0-panel h2,
.vault-v0-panel h2,
.network-v0-sidebar-group h2,
.vault-v0-sidebar-group h2,
.vault-v0-memory-card h2,
.network-v0-intelligence h2 {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0;
}

.network-v0-panel h2::before,
.vault-v0-panel h2::before,
.network-v0-sidebar-group h2::before,
.vault-v0-sidebar-group h2::before,
.vault-v0-memory-card h2::before,
.network-v0-intelligence h2::before {
  content: "";
  width: 4px;
  height: 18px;
  border-radius: 999px;
  background: var(--vucoris-teal);
  flex: 0 0 auto;
}

.network-v0-panel header span,
.vault-v0-panel header span,
.network-v0-sidebar-group header span,
.vault-v0-sidebar-group header span {
  color: var(--vucoris-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.network-v0-panel-body,
.vault-v0-panel-body {
  padding: 24px 26px 26px;
}

.network-v0-panel-body > p,
.vault-v0-panel-body > p {
  margin: 0 0 22px;
  color: #5f708b;
  font-size: 16px;
  line-height: 1.5;
}

.network-v0-searchbox,
.vault-v0-searchbox {
  position: relative;
  margin-bottom: 16px;
}

.network-v0-searchbox::before,
.vault-v0-searchbox::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid #64748b;
  border-radius: 50%;
  transform: translateY(-50%);
  opacity: 0.9;
}

.network-v0-searchbox::after,
.vault-v0-searchbox::after {
  content: "";
  position: absolute;
  left: 31px;
  top: 50%;
  width: 8px;
  height: 2px;
  border-radius: 999px;
  background: #64748b;
  transform: rotate(45deg) translateY(5px);
  transform-origin: left center;
}

.network-v0-searchbox input,
.vault-v0-searchbox input {
  width: 100%;
  height: 56px;
  border: 1px solid var(--vucoris-line);
  border-radius: 8px;
  background: #f3f7fb;
  padding: 0 18px 0 50px;
  color: #223047;
  font-size: 16px;
  line-height: 1;
  outline: none;
}

.network-v0-searchbox input:focus,
.vault-v0-searchbox input:focus {
  border-color: rgba(22, 184, 173, 0.72);
  box-shadow: 0 0 0 3px rgba(22, 184, 173, 0.12);
}

.network-v0-ref-chips,
.network-v0-category-chips,
.vault-v0-ref-chips,
.vault-v0-type-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.network-v0-ref-chips,
.vault-v0-ref-chips {
  margin-bottom: 24px;
}

.network-v0-ref-chips button,
.network-v0-category-chips button,
.vault-v0-ref-chips button,
.vault-v0-type-chips button {
  height: 34px;
  border: 1px solid var(--vucoris-line);
  border-radius: 8px;
  background: #ffffff;
  color: #526782;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0;
}

.network-v0-ref-chips button,
.vault-v0-ref-chips button {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0;
}

.network-v0-chip-active,
.vault-v0-chip-active {
  border-color: #172336 !important;
  background: #172336 !important;
  color: #ffffff !important;
}

.network-v0-snapshot {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--vucoris-line);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.network-v0-snapshot article {
  padding: 22px 26px;
  border-right: 1px solid var(--vucoris-line);
}

.network-v0-snapshot article:last-child {
  border-right: 0;
}

.network-v0-snapshot span {
  display: block;
  margin-bottom: 12px;
  color: #65748b;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.network-v0-snapshot strong {
  color: #0f172a;
  font-size: 30px;
  line-height: 1;
  font-weight: 850;
}

.network-v0-content-grid,
.vault-v0-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
  gap: 28px;
  align-items: start;
}

.network-v0-panel-compact,
.vault-v0-panel {
  min-width: 0;
}

.network-v0-directory,
.vault-v0-record-table {
  min-width: 0;
  overflow-x: auto;
}

.network-v0-directory-head,
.network-v0-directory-row {
  min-width: 1080px;
  display: grid;
  grid-template-columns: 2.05fr 0.95fr 1.15fr 1.35fr 0.72fr 0.8fr 0.95fr 1.15fr 1.1fr;
  align-items: center;
  column-gap: 18px;
}

.network-v0-directory-head,
.vault-v0-record-head {
  min-height: 46px;
  border-bottom: 1px solid var(--vucoris-line);
  color: #65748b;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.network-v0-directory-head {
  padding: 0 26px;
}

.network-v0-directory-row {
  min-height: 66px;
  padding: 0 26px;
  border-bottom: 1px solid var(--vucoris-line);
  color: #526782;
  font-size: 15px;
}

.network-v0-directory-row:last-child {
  border-bottom: 0;
}

.network-v0-directory-row strong {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #071326;
  font-size: 16px;
  font-weight: 800;
}

.network-v0-row-icon {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eff4f8;
  position: relative;
  flex: 0 0 auto;
}

.network-v0-row-icon::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #65748b;
  border-radius: 2px;
  box-shadow: inset 4px 0 0 transparent;
}

.network-v0-row-icon::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  left: 13px;
  bottom: 10px;
  border-left: 2px solid #65748b;
  border-right: 2px solid #65748b;
}

.network-v0-mono,
.vault-v0-mono,
.vault-v0-reference {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #405872;
  font-weight: 650;
  letter-spacing: 0;
}

.network-v0-count,
.vault-v0-reuse {
  color: #071326;
  font-weight: 800;
}

.network-v0-status,
.vault-v0-status {
  width: max-content;
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 11px;
  font-size: 13px;
  line-height: 1;
  font-weight: 750;
}

.network-v0-status-active,
.network-v0-status-verified,
.vault-v0-status-sealed,
.vault-v0-status-verified {
  border: 1px solid rgba(22, 184, 173, 0.28);
  background: rgba(22, 184, 173, 0.12);
  color: #00998f;
}

.network-v0-status-pending,
.vault-v0-status-in-review {
  border: 1px solid rgba(213, 161, 40, 0.34);
  background: rgba(213, 161, 40, 0.11);
  color: #b07b00;
}

.vault-v0-status-expired {
  border: 1px solid rgba(180, 35, 47, 0.25);
  background: rgba(180, 35, 47, 0.08);
  color: #b4232f;
}

.network-v0-rail,
.vault-v0-rail {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.network-v0-activity,
.vault-v0-sidebar-group ol,
.vault-v0-memory-card ol {
  list-style: none;
  margin: 0;
  padding: 22px 26px 22px;
}

.network-v0-activity li {
  position: relative;
  padding: 0 0 24px 28px;
}

.network-v0-activity li:last-child {
  padding-bottom: 0;
}

.network-v0-activity li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #c5ceda;
  z-index: 1;
}

.network-v0-activity li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 15px;
  bottom: -4px;
  width: 2px;
  background: #dbe3ec;
}

.network-v0-activity li:last-child::after {
  display: none;
}

.network-v0-activity-teal::before {
  background: var(--vucoris-teal) !important;
}

.network-v0-activity-gold::before {
  background: var(--vucoris-gold) !important;
}

.network-v0-activity-muted::before {
  background: #c5ceda !important;
}

.network-v0-activity strong,
.vault-v0-sidebar-group strong,
.vault-v0-memory-card strong {
  display: block;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
}

.network-v0-activity span,
.vault-v0-sidebar-group span,
.vault-v0-memory-card span {
  display: block;
  margin-top: 5px;
  color: #61708a;
  font-size: 14px;
  line-height: 1.4;
}

.network-v0-activity time,
.vault-v0-sidebar-group time {
  display: block;
  margin-top: 6px;
  color: #7a8aa1;
  font-size: 12px;
  font-weight: 700;
}

.network-v0-intelligence,
.vault-v0-memory-card {
  padding: 24px 26px;
  background: var(--vucoris-midnight);
  color: #ffffff;
  border-color: rgba(15, 23, 42, 0.08);
}

.network-v0-intelligence h2,
.vault-v0-memory-card h2 {
  color: #ffffff;
  margin-bottom: 18px;
}

.network-v0-intelligence h2::before,
.vault-v0-memory-card h2::before {
  background: var(--vucoris-gold);
}

.network-v0-intelligence p,
.vault-v0-memory-card p {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(248, 250, 252, 0.74);
  font-size: 14px;
  line-height: 1.45;
}

.network-v0-intelligence ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 13px;
}

.network-v0-intelligence li {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.42;
  font-weight: 650;
}

.network-v0-intelligence li::before,
.vault-v0-memory-card li::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 7px;
  background: rgba(213, 161, 40, 0.12);
  border: 1px solid rgba(213, 161, 40, 0.28);
}

.vault-v0-record-head,
.vault-v0-record-row {
  min-width: 1180px;
  display: grid;
  grid-template-columns: 1.08fr 1.55fr 1.1fr 1.35fr 1.55fr 0.9fr 0.8fr 1fr 1.05fr;
  align-items: center;
  column-gap: 18px;
}

.vault-v0-record-head {
  padding: 0 26px;
}

.vault-v0-record-row {
  min-height: 92px;
  padding: 0 26px;
  border-bottom: 1px solid var(--vucoris-line);
  color: #526782;
  font-size: 15px;
}

.vault-v0-record-row:last-child {
  border-bottom: 0;
}

.vault-v0-record-row strong {
  color: #071326;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 800;
}

.vault-v0-reference {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #071326;
}

.vault-v0-reference-mark {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #9adfd9;
  background: rgba(22, 184, 173, 0.12);
  position: relative;
  flex: 0 0 auto;
}

.vault-v0-reference-mark::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 3px;
  border: 2px solid currentColor;
  color: #16b8ad;
}

.vault-v0-reference-expired {
  border-color: #f3b6bd;
  background: rgba(180, 35, 47, 0.08);
}

.vault-v0-reference-in-review {
  border-color: #f0d79d;
  background: rgba(213, 161, 40, 0.12);
}

.vault-v0-reference-expired::before {
  color: #b4232f;
}

.vault-v0-reference-in-review::before {
  color: var(--vucoris-gold);
}

.vault-v0-sidebar-group ol {
  display: grid;
  gap: 0;
}

.vault-v0-sidebar-group li {
  padding: 16px 0;
  border-bottom: 1px solid var(--vucoris-line);
}

.vault-v0-sidebar-group li:last-child {
  border-bottom: 0;
}

.vault-v0-memory-card ol {
  padding: 0;
  display: grid;
  gap: 16px;
}

.vault-v0-memory-card li {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.42;
  font-weight: 650;
}

@media (max-width: 1180px) {
  .network-v0-content-grid,
  .vault-v0-content-grid {
    grid-template-columns: 1fr;
  }
  .network-v0-rail,
  .vault-v0-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }
}

@media (max-width: 900px) {
  .network-v0-main,
  .vault-v0-main {
    padding: 24px 16px 36px;
    gap: 22px;
  }
  .network-v0-hero,
  .vault-v0-hero {
    min-height: 280px;
    padding: 32px 24px;
  }
  .vault-v0-hero {
    grid-template-columns: 1fr;
  }
  .vault-v0-trust-mark {
    justify-content: flex-start;
    max-width: 260px;
  }
  .network-v0-snapshot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .network-v0-snapshot article:nth-child(2n) {
    border-right: 0;
  }
  .network-v0-snapshot article:last-child {
    grid-column: 1 / -1;
    border-top: 1px solid var(--vucoris-line);
  }
  .network-v0-rail,
  .vault-v0-rail {
    display: flex;
  }
}

@media (max-width: 620px) {
  .network-v0-hero h1,
  .vault-v0-hero h1 {
    font-size: 32px;
  }
  .network-v0-hero p,
  .vault-v0-hero p {
    font-size: 16px;
  }
  .network-v0-hero-actions,
  .vault-v0-hero-actions,
  .network-v0-primary-action,
  .vault-v0-primary-action,
  .network-v0-secondary-action,
  .vault-v0-secondary-action {
    width: 100%;
  }
  .network-v0-primary-action,
  .vault-v0-primary-action,
  .network-v0-secondary-action,
  .vault-v0-secondary-action {
    justify-content: center;
  }
  .network-v0-panel > header,
  .vault-v0-panel > header,
  .network-v0-sidebar-group > header,
  .vault-v0-sidebar-group > header {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 16px 20px;
  }
  .network-v0-panel-body,
  .vault-v0-panel-body,
  .network-v0-activity,
  .vault-v0-sidebar-group ol {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Network and Vault v0 finishing rules */

.network-v0-panel > header > div,
.vault-v0-panel > header > div,
.network-v0-sidebar-group > header > div,
.vault-v0-sidebar-group > header > div {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.network-v0-panel header strong,
.vault-v0-panel header strong,
.network-v0-sidebar-group header strong,
.vault-v0-sidebar-group header strong {
  color: #65748b;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.network-v0-panel header em,
.vault-v0-panel header em {
  min-width: 28px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eef3f8;
  color: #61708a;
  padding: 0 9px;
  font-size: 13px;
  font-style: normal;
  font-weight: 750;
}

.network-v0-directory,
.vault-v0-record-table {
  margin: -24px -26px -26px;
}

.network-v0-panel-compact .network-v0-panel-body {
  padding: 0;
}

.network-v0-snapshot article,
.network-v0-snapshot div {
  padding: 22px 26px;
  border-right: 1px solid var(--vucoris-line);
}

.network-v0-snapshot article:last-child,
.network-v0-snapshot div:last-child {
  border-right: 0;
}

.network-v0-activity > li > span[aria-hidden="true"] {
  display: none;
}

.network-v0-activity p {
  margin: 5px 0 0;
  color: #61708a;
  font-size: 14px;
  line-height: 1.4;
}

.vault-v0-sidebar-group p {
  margin: 5px 0 0;
  color: #61708a;
  font-size: 14px;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .network-v0-snapshot article:nth-child(2n),
  .network-v0-snapshot div:nth-child(2n) {
    border-right: 0;
  }
  .network-v0-snapshot article:last-child,
  .network-v0-snapshot div:last-child {
    grid-column: 1 / -1;
    border-top: 1px solid var(--vucoris-line);
  }
}

/* Vucoris operating model refinements */

.operation-detail-page .operation-flow-panel {
  overflow: visible;
}

.operation-detail-page .operation-flow-steps {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 18px 24px 22px;
  list-style: none;
}

.operation-detail-page .operation-flow-steps li {
  position: relative;
  min-height: 78px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  padding: 12px 12px;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
  background: #f8fafc;
}

.operation-detail-page .operation-flow-steps li::after {
  position: absolute;
  top: 25px;
  right: -9px;
  width: 9px;
  height: 2px;
  content: "";
  background: #dbe3ec;
}

.operation-detail-page .operation-flow-steps li:last-child::after {
  display: none;
}

.operation-detail-page .operation-flow-steps span {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #edf3f8;
  color: #61708a;
  font-size: 12px;
  font-weight: 800;
}

.operation-detail-page .operation-flow-steps strong {
  color: #1f2937;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 800;
}

.operation-detail-page .operation-flow-step-active {
  border-color: rgba(22, 184, 173, 0.26) !important;
  background: rgba(22, 184, 173, 0.07) !important;
}

.operation-detail-page .operation-flow-step-active span {
  background: #16b8ad;
  color: #ffffff;
}

.operation-detail-page .operation-vu-created-panel .operation-record-grid article {
  min-height: 88px;
}

.operation-detail-page .operation-current-package-panel {
  border-color: rgba(213, 161, 40, 0.38);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.operation-detail-page .operation-review-governance-body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid #dbe3ec;
}

.operation-detail-page .operation-review-governance-body article {
  min-height: 116px;
  padding: 22px 24px;
  border-right: 1px solid #dbe3ec;
  background: #ffffff;
}

.operation-detail-page .operation-review-governance-body article:last-child {
  border-right: 0;
}

.operation-detail-page .operation-review-governance-body strong {
  display: block;
  margin-bottom: 8px;
  color: #1f2937;
  font-size: 16px;
  font-weight: 850;
}

.operation-detail-page .operation-review-governance-body p {
  margin: 0;
  color: #61708a;
  font-size: 14px;
  line-height: 1.45;
}

.operation-detail-page .operation-record-icon-bud::before,
.operation-detail-page .operation-record-icon-auth::before,
.operation-detail-page .operation-record-icon-led::before {
  content: "";
  position: absolute;
  inset: 10px 11px;
  border: 2px solid #1f2a3a;
  border-radius: 3px;
}

.operation-detail-page .operation-record-icon-bud::after {
  content: "$";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f2a3a;
  font-size: 14px;
  font-weight: 900;
}

.operation-detail-page .operation-record-icon-auth::after {
  content: "";
  position: absolute;
  left: 14px;
  top: 12px;
  width: 10px;
  height: 6px;
  border-left: 2px solid #1f2a3a;
  border-bottom: 2px solid #1f2a3a;
  transform: rotate(-45deg);
}

.operation-detail-page .operation-record-icon-led::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 15px;
  height: 10px;
  border-top: 2px solid #1f2a3a;
  border-bottom: 2px solid #1f2a3a;
}

.vault-v0-knowledge-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #dbe3ec;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.vault-v0-knowledge-strip article {
  min-height: 116px;
  padding: 24px 26px;
  border-right: 1px solid #dbe3ec;
}

.vault-v0-knowledge-strip article:last-child {
  border-right: 0;
}

.vault-v0-knowledge-strip span {
  display: block;
  margin-bottom: 10px;
  color: #1f2937;
  font-size: 17px;
  font-weight: 850;
}

.vault-v0-knowledge-strip span::before {
  content: "";
  width: 4px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 999px;
  background: #16b8ad;
  vertical-align: -2px;
}

.vault-v0-knowledge-strip p {
  margin: 0;
  color: #61708a;
  font-size: 15px;
  line-height: 1.45;
}

.vault-v0-trust-mark {
  align-items: center;
  gap: 16px;
}

.vault-v0-trust-mark strong,
.vault-v0-trust-mark span {
  display: block;
}

.vault-v0-trust-mark strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 850;
}

.vault-v0-trust-mark span {
  margin-top: 5px;
  max-width: 260px;
  color: rgba(248, 250, 252, 0.72);
  font-size: 13px;
  line-height: 1.4;
}

.vault-v0-sidebar-group em {
  display: block;
  margin-top: 5px;
  color: #61708a;
  font-size: 13px;
  font-style: normal;
  line-height: 1.35;
}

@media (max-width: 1180px) {
  .operation-detail-page .operation-flow-steps,
  .vault-v0-knowledge-strip {
    grid-template-columns: 1fr;
  }
  .operation-detail-page .operation-flow-steps li::after,
  .vault-v0-knowledge-strip article {
    border-right: 0;
  }
  .vault-v0-knowledge-strip article:not(:last-child) {
    border-bottom: 1px solid #dbe3ec;
  }
}

@media (max-width: 760px) {
  .operation-detail-page .operation-review-governance-body {
    grid-template-columns: 1fr;
  }
  .operation-detail-page .operation-review-governance-body article {
    border-right: 0;
    border-bottom: 1px solid #dbe3ec;
  }
  .operation-detail-page .operation-review-governance-body article:last-child {
    border-bottom: 0;
  }
}

/* Intelligence landing page */

.intelligence-landing {
  --intelligence-midnight: #1f2a3a;
  --intelligence-teal: #16b8ad;
  --intelligence-gold: #d5a128;
  --intelligence-line: #dbe3ec;
  --intelligence-muted: #61708a;
  min-height: calc(100vh - 72px);
  background: #edf3f8;
  color: #1f2937;
}

.intelligence-landing *,
.intelligence-landing *::before,
.intelligence-landing *::after {
  box-sizing: border-box;
}

.intelligence-landing-main {
  width: 100%;
  margin: 0 auto;
  padding: 34px clamp(20px, 2.6vw, 42px) 52px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.intelligence-hero {
  min-height: 316px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  align-items: center;
  gap: 34px;
  padding: 42px 40px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  border-radius: 14px;
  color: #f8fafc;
  background-color: var(--intelligence-midnight);
  background-image:
    linear-gradient(90deg, rgba(31, 42, 58, 0.98), rgba(31, 42, 58, 0.92), rgba(38, 45, 52, 0.96)),
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: auto, 52px 52px, 52px 52px;
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.14), 0 2px 5px rgba(15, 23, 42, 0.08);
}

.intelligence-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--intelligence-gold);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.intelligence-eyebrow::before {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 50%;
  box-shadow: 8px 0 0 -5px currentColor, -5px 8px 0 -5px currentColor, 5px 8px 0 -5px currentColor;
}

.intelligence-hero h1 {
  max-width: 860px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(34px, 3.3vw, 50px);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: 0;
}

.intelligence-hero p {
  max-width: 900px;
  margin: 20px 0 0;
  color: rgba(248, 250, 252, 0.74);
  font-size: 18px;
  line-height: 1.55;
  font-weight: 550;
}

.intelligence-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.intelligence-primary-action,
.intelligence-secondary-action {
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0;
}

.intelligence-primary-action {
  border: 1px solid var(--intelligence-gold);
  background: var(--intelligence-gold);
  color: #142033;
}

.intelligence-secondary-action {
  border: 1px solid rgba(226, 232, 240, 0.22);
  background: rgba(15, 23, 42, 0.18);
  color: #ffffff;
}

.intelligence-trust-panel {
  min-height: 190px;
  padding: 26px 26px;
  border: 1px solid rgba(226, 232, 240, 0.2);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.22);
}

.intelligence-trust-panel::before {
  content: "";
  width: 4px;
  height: 34px;
  display: block;
  margin-bottom: 18px;
  border-radius: 999px;
  background: var(--intelligence-teal);
}

.intelligence-trust-panel strong {
  display: block;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 850;
}

.intelligence-trust-panel p {
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.5;
}

.intelligence-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 380px);
  gap: 28px;
  align-items: start;
}

.intelligence-primary-column,
.intelligence-sidebar {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.intelligence-panel,
.intelligence-knowledge-card,
.intelligence-sidebar-card {
  border: 1px solid var(--intelligence-line);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.intelligence-panel > header,
.intelligence-knowledge-card > header,
.intelligence-sidebar-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--intelligence-line);
}

.intelligence-panel > header > div,
.intelligence-knowledge-card > header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.intelligence-panel h2,
.intelligence-sidebar-card h2,
.intelligence-knowledge-card h3 {
  margin: 0;
  color: #1f2937;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: 0;
}

.intelligence-panel header p,
.intelligence-knowledge-card header p {
  margin: 7px 0 0;
  color: var(--intelligence-muted);
  font-size: 15px;
  line-height: 1.4;
}

.intelligence-panel-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eff4f8;
  position: relative;
  flex: 0 0 auto;
}

.intelligence-panel-icon::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #1f2a3a;
  border-radius: 3px;
}

.intelligence-panel-icon::after {
  content: "";
  position: absolute;
  left: 14px;
  top: 14px;
  width: 14px;
  height: 14px;
  border-right: 2px solid #1f2a3a;
  border-bottom: 2px solid #1f2a3a;
}

.intelligence-playbook-icon {
  background: #1f2a3a;
}

.intelligence-playbook-icon::before,
.intelligence-playbook-icon::after {
  border-color: #ffffff;
}

.intelligence-status-badge {
  width: max-content;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(22, 184, 173, 0.28);
  border-radius: 999px;
  background: rgba(22, 184, 173, 0.12);
  color: #00998f;
  padding: 0 12px;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
}

.intelligence-status-needs-review {
  border-color: rgba(213, 161, 40, 0.34);
  background: rgba(213, 161, 40, 0.11);
  color: #b07b00;
}

.intelligence-status-draft {
  border-color: #dbe3ec;
  background: #eef3f8;
  color: #61708a;
}

.intelligence-playbook-definition {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 18px 26px;
  border-bottom: 1px solid var(--intelligence-line);
  background: #f8fafc;
}

.intelligence-playbook-definition span,
.intelligence-card-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border-radius: 7px;
  background: #eef3f8;
  color: #61708a;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 750;
}

.intelligence-playbook-table {
  overflow-x: auto;
}

.intelligence-playbook-head,
.intelligence-playbook-row {
  min-width: 900px;
  display: grid;
  grid-template-columns: minmax(360px, 1.8fr) 0.55fr 0.95fr 0.7fr;
  align-items: center;
  column-gap: 24px;
  padding: 0 26px;
}

.intelligence-playbook-head {
  min-height: 43px;
  border-bottom: 1px solid var(--intelligence-line);
  color: #65748b;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.intelligence-playbook-row {
  min-height: 78px;
  border-bottom: 1px solid var(--intelligence-line);
}

.intelligence-playbook-row:last-child {
  border-bottom: 0;
}

.intelligence-playbook-row strong {
  display: block;
  color: #1f2937;
  font-size: 16px;
  font-weight: 850;
}

.intelligence-playbook-row p {
  margin: 6px 0 0;
  color: var(--intelligence-muted);
  font-size: 14px;
  line-height: 1.4;
}

.intelligence-playbook-row > span:not(.intelligence-status-badge) {
  color: #526782;
  font-size: 15px;
  font-weight: 650;
}

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

.intelligence-knowledge-card {
  min-height: 250px;
}

.intelligence-knowledge-card > header {
  border-bottom: 0;
  padding-bottom: 14px;
}

.intelligence-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 26px 20px;
}

.intelligence-knowledge-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 26px;
  padding: 16px 0 22px;
  border-top: 1px solid var(--intelligence-line);
}

.intelligence-knowledge-card footer strong {
  color: #1f2937;
  font-size: 15px;
  font-weight: 800;
}

.intelligence-sidebar-card header h2 {
  display: inline-flex;
  align-items: center;
  gap: 11px;
}

.intelligence-sidebar-card header h2::before {
  content: "";
  width: 4px;
  height: 18px;
  border-radius: 999px;
  background: var(--intelligence-teal);
}

.intelligence-sidebar-card header span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #00998f;
  font-size: 13px;
  font-weight: 800;
}

.intelligence-sidebar-card header em {
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  background: var(--intelligence-teal);
}

.intelligence-health-card dl {
  margin: 0;
}

.intelligence-health-card dl div {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 26px;
  border-bottom: 1px solid var(--intelligence-line);
}

.intelligence-health-card dl div:last-child {
  border-bottom: 0;
}

.intelligence-health-card dt {
  color: #1f2937;
  font-size: 15px;
  font-weight: 800;
}

.intelligence-health-card dd {
  margin: 0;
  color: #1f2937;
  font-size: 24px;
  font-weight: 850;
}

.intelligence-improvement-list {
  list-style: none;
  margin: 0;
  padding: 18px 26px 22px;
  display: grid;
  gap: 14px;
}

.intelligence-improvement-list li {
  position: relative;
  padding-left: 20px;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 750;
}

.intelligence-improvement-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--intelligence-teal);
}

.intelligence-learning-card {
  border-color: rgba(213, 161, 40, 0.38);
  background: #fffdf8;
}

.intelligence-learning-card p {
  margin: 0;
  padding: 20px 26px 18px;
  color: #61708a;
  font-size: 15px;
  line-height: 1.55;
}

.intelligence-learning-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 26px 24px;
}

.intelligence-learning-flow span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--intelligence-line);
  border-radius: 8px;
  background: #ffffff;
  color: #1f2937;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 800;
}

.intelligence-learning-flow span:not(:last-child)::after {
  content: ">";
  margin-left: 12px;
  color: var(--intelligence-gold);
}

@media (max-width: 1180px) {
  .intelligence-layout,
  .intelligence-hero {
    grid-template-columns: 1fr;
  }
  .intelligence-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .intelligence-learning-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 800px) {
  .intelligence-landing-main {
    padding: 24px 16px 36px;
  }
  .intelligence-hero {
    padding: 32px 24px;
  }
  .intelligence-card-grid,
  .intelligence-sidebar {
    grid-template-columns: 1fr;
  }
  .intelligence-panel > header,
  .intelligence-knowledge-card > header,
  .intelligence-sidebar-card > header {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 560px) {
  .intelligence-hero h1 {
    font-size: 32px;
  }
  .intelligence-hero p {
    font-size: 16px;
  }
  .intelligence-hero-actions,
  .intelligence-primary-action,
  .intelligence-secondary-action {
    width: 100%;
  }
}

/* Approved Workspace upload -> Operation Workspace flow */

.workspace-upload-flow {
  --operation-midnight: #1f2a3a;
  --operation-teal: #16b8ad;
  --operation-gold: #d5a128;
  --operation-page: #edf3f8;
  --operation-line: #dbe3ec;
  --operation-muted: #61708a;
  min-height: calc(100vh - 64px);
  padding: clamp(36px, 6vh, 64px) clamp(20px, 5vw, 72px) 64px;
  color: #1f2937;
  background: var(--operation-page);
}

.workspace-upload-main {
  width: min(960px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 30px;
}

.workspace-upload-intro {
  display: grid;
  justify-items: center;
  gap: 18px;
  text-align: center;
}

.workspace-upload-intro > span,
.operation-workspace-hero-copy > span,
.operation-stage-timeline > h2,
.operation-stage-drawer-header span {
  color: #0f9f98;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.workspace-upload-intro h1 {
  max-width: 820px;
  margin: 0;
  color: #182232;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.02;
  font-weight: 850;
  letter-spacing: 0;
}

.workspace-upload-intro p {
  max-width: 850px;
  margin: 0;
  color: #61708a;
  font-size: 18px;
  line-height: 1.58;
  font-weight: 540;
}

.workspace-upload-panel {
  display: grid;
  gap: 18px;
}

.workspace-upload-outcome {
  display: grid;
  gap: 8px;
  width: min(720px, 100%);
  margin: 0 auto;
}

.workspace-upload-outcome span {
  color: #52647d;
  font-size: 13px;
  font-weight: 820;
}

.workspace-upload-outcome input {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  color: #182232;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
  outline: none;
}

.workspace-upload-outcome input:focus {
  border-color: rgba(22, 184, 173, 0.64);
  box-shadow: 0 0 0 3px rgba(22, 184, 173, 0.12), 0 8px 20px rgba(15, 23, 42, 0.05);
}

.workspace-upload-outcome small {
  color: #7a899d;
  font-size: 13px;
  line-height: 1.35;
}

.workspace-upload-card {
  position: relative;
  min-height: 350px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  overflow: hidden;
  padding: 42px 24px;
  color: #1f2937;
  text-align: center;
  background: #ffffff;
  border: 1px dashed rgba(82, 100, 125, 0.42);
  border-radius: 8px;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
  cursor: pointer;
}

.workspace-upload-card:hover,
.workspace-upload-card:focus-visible {
  border-color: rgba(213, 161, 40, 0.7);
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.12);
  outline: none;
}

.workspace-upload-card > img {
  position: absolute;
  right: clamp(24px, 6vw, 68px);
  top: 50%;
  width: min(280px, 42vw);
  height: auto;
  opacity: 0.045;
  transform: translateY(-50%);
  pointer-events: none;
}

.workspace-upload-drop-icon {
  position: relative;
  width: 58px;
  height: 58px;
  color: #16b8ad;
  background: #f6fafc;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.workspace-upload-drop-icon::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 17px;
  width: 2px;
  height: 22px;
  background: currentColor;
  border-radius: 999px;
}

.workspace-upload-drop-icon::after {
  content: "";
  position: absolute;
  left: 21px;
  top: 17px;
  width: 14px;
  height: 14px;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  transform: rotate(45deg);
}

.workspace-upload-card strong {
  color: #182232;
  font-size: 25px;
  line-height: 1.18;
  font-weight: 850;
}

.workspace-upload-card em {
  color: #61708a;
  font-size: 16px;
  font-style: normal;
  font-weight: 560;
}

.workspace-upload-primary {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 0 24px;
  color: #182232;
  background: var(--operation-gold);
  border: 1px solid rgba(179, 127, 12, 0.55);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 820;
  box-shadow: 0 8px 18px rgba(213, 161, 40, 0.25);
}

.workspace-upload-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
}

.workspace-upload-chips span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  color: #52647d;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 760;
}

.operation-workspace-page {
  --operation-midnight: #1f2a3a;
  --operation-teal: #16b8ad;
  --operation-gold: #d5a128;
  --operation-page: #edf3f8;
  --operation-line: #dbe3ec;
  --operation-muted: #61708a;
  min-height: calc(100vh - 64px);
  color: #1f2937;
  background: var(--operation-page);
}

.operation-workspace-main {
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
  padding: 40px 0 72px;
}

.operation-workspace-back {
  min-height: 34px;
  margin-bottom: 16px;
  padding: 0;
  color: #61708a;
  background: transparent;
  border: 0;
  font-size: 14px;
  font-weight: 760;
  cursor: pointer;
}

.operation-workspace-back:hover,
.operation-workspace-back:focus-visible {
  color: #1f2937;
  outline: none;
}

.operation-workspace-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 30px;
  overflow: hidden;
  padding: 38px 40px 34px;
  color: #ffffff;
  background: var(--operation-midnight);
  border: 1px solid rgba(15, 23, 42, 0.16);
  border-radius: 8px;
  box-shadow: 0 16px 28px rgba(15, 23, 42, 0.22);
}

.operation-workspace-hero::after {
  content: "";
  position: absolute;
  left: 40px;
  right: 40px;
  top: 194px;
  height: 1px;
  background: rgba(219, 227, 236, 0.2);
}

.operation-workspace-hero-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.operation-workspace-hero-copy > span {
  color: var(--operation-gold);
}

.operation-workspace-hero-copy h1 {
  max-width: 620px;
  margin: 16px 0 10px;
  color: #ffffff;
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 850;
  letter-spacing: 0;
}

.operation-workspace-hero-copy p {
  margin: 0;
  color: rgba(248, 250, 252, 0.73);
  font-size: 17px;
  font-weight: 650;
}

.operation-workspace-new {
  position: relative;
  z-index: 1;
  align-self: start;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  color: #ffffff;
  background: rgba(15, 23, 42, 0.24);
  border: 1px solid rgba(226, 232, 240, 0.18);
  border-radius: 8px;
  font-size: 15px;
  font-weight: 760;
  cursor: pointer;
}

.operation-workspace-new span {
  position: relative;
  width: 16px;
  height: 16px;
}

.operation-workspace-new span::before,
.operation-workspace-new span::after {
  content: "";
  position: absolute;
  border: 2px solid currentColor;
}

.operation-workspace-new span::before {
  inset: 2px;
  border-right-color: transparent;
  border-radius: 999px;
}

.operation-workspace-new span::after {
  right: 0;
  top: 1px;
  width: 6px;
  height: 6px;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}

.operation-workspace-new:hover,
.operation-workspace-new:focus-visible {
  border-color: rgba(213, 161, 40, 0.58);
  outline: none;
}

.operation-workspace-meta {
  position: relative;
  z-index: 1;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin: 58px 0 0;
}

.operation-workspace-meta div {
  min-width: 0;
}

.operation-workspace-meta dt,
.operation-workspace-meta dd {
  margin: 0;
  min-width: 0;
}

.operation-workspace-meta dt {
  color: rgba(248, 250, 252, 0.46);
  font-size: 13px;
  font-weight: 820;
  text-transform: uppercase;
}

.operation-workspace-meta dd {
  margin-top: 8px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 850;
}

.operation-workspace-meta div:nth-child(3) dd {
  color: var(--operation-gold);
}

.operation-workspace-hero-seal {
  position: absolute;
  right: 42px;
  top: 20px;
  width: 210px;
  opacity: 0.045;
  pointer-events: none;
}

.operation-stage-timeline {
  position: relative;
  margin-top: 42px;
}

.operation-stage-timeline > h2 {
  margin: 0 0 18px;
  color: #7d8a9c;
}

.operation-stage-timeline ol {
  position: relative;
  display: grid;
  gap: 20px;
  margin: 0;
  padding: 0 0 0 36px;
  list-style: none;
}

.operation-stage-timeline ol::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 8px;
  bottom: 52px;
  width: 2px;
  background: rgba(22, 184, 173, 0.34);
}

.operation-stage-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.operation-stage-dot {
  position: absolute;
  left: -33px;
  top: 16px;
  z-index: 1;
  width: 18px;
  height: 18px;
  background: var(--operation-teal);
  border: 2px solid rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(22, 184, 173, 0.12);
}

.operation-stage-item-needs-you .operation-stage-dot {
  background: var(--operation-gold);
  box-shadow: 0 0 0 4px rgba(213, 161, 40, 0.16);
}

.operation-stage-item-waiting .operation-stage-dot {
  background: #ffffff;
  border-color: #dbe3ec;
  box-shadow: none;
}

.operation-stage-card {
  display: grid;
  gap: 14px;
  min-height: 172px;
  padding: 26px 28px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.operation-stage-card-active,
.operation-stage-item-needs-you .operation-stage-card {
  border-color: rgba(213, 161, 40, 0.36);
}

.operation-stage-item-waiting .operation-stage-card {
  color: #7f8da0;
  background: rgba(255, 255, 255, 0.46);
  border-style: dashed;
  box-shadow: none;
}

.operation-stage-card header > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.operation-stage-card h3 {
  margin: 0;
  color: #1f2937;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 850;
}

.operation-stage-status {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 820;
}

.operation-stage-status-complete {
  color: #0f9f98;
  background: rgba(22, 184, 173, 0.1);
}

.operation-stage-status-needs-you {
  color: #9a6a00;
  background: rgba(213, 161, 40, 0.13);
}

.operation-stage-status-waiting {
  color: #7f8da0;
  background: rgba(127, 141, 160, 0.1);
}

.operation-stage-card p {
  margin: 0;
  color: #61708a;
  font-size: 15px;
  line-height: 1.45;
}

.operation-stage-card > strong {
  color: #1f2937;
  font-size: 16px;
  font-weight: 850;
}

.operation-stage-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin: 0;
}

.operation-stage-metrics div {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
}

.operation-stage-metrics dt,
.operation-stage-metrics dd {
  margin: 0;
}

.operation-stage-metrics dt {
  color: #61708a;
  font-size: 14px;
  font-weight: 650;
}

.operation-stage-metrics dd {
  order: -1;
  color: #1f2937;
  font-size: 25px;
  line-height: 1;
  font-weight: 850;
}

.operation-stage-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 2px;
}

.operation-stage-link,
.operation-stage-review-button {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 820;
  cursor: pointer;
}

.operation-stage-link {
  padding: 0;
  color: #0f9f98;
  background: transparent;
  border: 0;
}

.operation-stage-link span {
  transition: transform 160ms ease;
}

.operation-stage-link:hover span,
.operation-stage-link:focus-visible span {
  transform: translateX(3px);
}

.operation-stage-link:focus-visible,
.operation-stage-review-button:focus-visible {
  outline: 2px solid rgba(22, 184, 173, 0.35);
  outline-offset: 3px;
}

.operation-stage-review-button {
  padding: 0 18px;
  color: #1f2937;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
}

.operation-stage-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: flex;
  justify-content: flex-end;
  background: rgba(15, 23, 42, 0.38);
  backdrop-filter: blur(6px);
}

.operation-stage-drawer {
  width: min(680px, calc(100vw - 20px));
  height: 100vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  color: #1f2937;
  background: #eef3f8;
  border-left: 1px solid #dbe3ec;
  box-shadow: -24px 0 54px rgba(15, 23, 42, 0.24);
  animation: operation-drawer-enter 180ms ease-out;
}

@keyframes operation-drawer-enter {
  from { transform: translateX(26px); opacity: 0.72; }
  to { transform: translateX(0); opacity: 1; }
}

.operation-stage-drawer-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  min-height: 140px;
  padding: 26px 30px;
  background: #ffffff;
  border-bottom: 1px solid #dbe3ec;
}

.operation-stage-drawer-header h2 {
  margin: 8px 0 8px;
  color: #1f2937;
  font-size: 27px;
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: 0;
}

.operation-stage-drawer-header p {
  max-width: 560px;
  margin: 0;
  color: #61708a;
  font-size: 16px;
  line-height: 1.55;
}

.operation-stage-drawer-header button {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  color: #61708a;
  background: transparent;
  border: 0;
  border-radius: 8px;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.operation-stage-drawer-header button:hover,
.operation-stage-drawer-header button:focus-visible {
  color: #1f2937;
  background: #eef3f8;
  outline: none;
}

.operation-stage-drawer-body {
  display: grid;
  align-content: start;
  gap: 26px;
  min-height: 0;
  padding: 28px 30px 44px;
  overflow-y: auto;
}

.operation-drawer-section {
  display: grid;
  gap: 14px;
}

.operation-drawer-section > header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 24px;
}

.operation-drawer-section h3 {
  margin: 0;
  color: #1f2937;
  font-size: 16px;
  font-weight: 850;
}

.operation-drawer-section header em {
  color: #61708a;
  font-size: 13px;
  font-style: normal;
  font-weight: 720;
}

.operation-drawer-icon {
  position: relative;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: #52647d;
}

.operation-drawer-icon::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.operation-drawer-icon-timeline::before {
  border-radius: 999px;
}

.operation-drawer-icon-timeline::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 6px;
  width: 5px;
  height: 7px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

.operation-drawer-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 44px;
  margin: 0;
}

.operation-drawer-overview div,
.operation-drawer-overview dt,
.operation-drawer-overview dd {
  min-width: 0;
  margin: 0;
}

.operation-drawer-overview dt {
  color: #8a97a8;
  font-size: 13px;
  font-weight: 820;
  text-transform: uppercase;
}

.operation-drawer-overview dd {
  margin-top: 7px;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 760;
}

.operation-drawer-timeline {
  position: relative;
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-drawer-timeline::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  bottom: 12px;
  width: 1px;
  background: #dbe3ec;
}

.operation-drawer-timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
}

.operation-drawer-timeline li > span {
  position: relative;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: 3px;
  background: var(--operation-teal);
  border-radius: 999px;
}

.operation-drawer-timeline strong,
.operation-drawer-timeline time {
  display: block;
}

.operation-drawer-timeline strong {
  color: #1f2937;
  font-size: 16px;
  font-weight: 690;
}

.operation-drawer-timeline time {
  margin-top: 5px;
  color: #61708a;
  font-size: 14px;
}

.operation-drawer-section-copy {
  margin: 0;
  color: #61708a;
  font-size: 15px;
  line-height: 1.48;
}

.operation-verification-groups,
.operation-grouped-rows {
  display: grid;
  gap: 18px;
}

.operation-verification-groups section,
.operation-grouped-rows section {
  display: grid;
  gap: 10px;
}

.operation-verification-groups h4,
.operation-grouped-rows h4 {
  margin: 0;
  color: #1f2937;
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
}

.operation-verification-groups ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 18px;
  list-style: none;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.operation-verification-check {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}

.operation-verification-check span {
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

.operation-verification-check-pass span::before {
  content: "\2713";
  color: #0f9f98;
  font-size: 17px;
  line-height: 18px;
}

.operation-verification-check-attention span::before {
  content: "!";
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  color: #a06f00;
  border: 1px solid #d5a128;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.operation-verification-check p {
  margin: 0;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.4;
}

.operation-verification-check em {
  color: #9a6a00;
  font-style: normal;
}

.operation-detail-rows {
  display: grid;
  gap: 10px;
}

.operation-detail-row {
  min-height: 52px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px 16px;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
}

.operation-detail-row strong,
.operation-detail-row p,
.operation-detail-row em,
.operation-detail-row span {
  min-width: 0;
}

.operation-detail-row strong {
  display: block;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 720;
}

.operation-detail-row p {
  margin: 5px 0 0;
  color: #61708a;
  font-size: 14px;
  line-height: 1.35;
}

.operation-detail-row em {
  justify-self: end;
  color: #61708a;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  font-style: normal;
  white-space: nowrap;
}

.operation-detail-row span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #61708a;
  font-size: 14px;
  font-weight: 820;
  white-space: nowrap;
}

.operation-detail-row-done span,
.operation-detail-row-active span {
  color: #0f9f98;
}

.operation-detail-row-done span::before {
  content: "\2713";
}

.operation-detail-row-active span::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #16b8ad;
  border-radius: 999px;
}

.operation-detail-row-waiting span::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.operation-detail-row-muted {
  color: #7f8da0;
  background: rgba(255, 255, 255, 0.46);
  border-style: dashed;
}

.operation-detail-row-muted strong,
.operation-detail-row-muted span {
  color: #7f8da0;
}

.operation-detail-rows-pill {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.operation-detail-rows-pill .operation-detail-row {
  min-height: 36px;
  display: inline-flex;
  gap: 9px;
  width: max-content;
  max-width: 100%;
  padding: 8px 13px;
  border-radius: 999px;
}

.operation-detail-rows-pill .operation-detail-row strong,
.operation-detail-rows-pill .operation-detail-row em {
  font-size: 14px;
}

.operation-detail-rows-spacious .operation-detail-row {
  min-height: 72px;
  align-items: start;
}

.operation-grouped-rows-compact .operation-detail-rows {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operation-grouped-rows-compact .operation-detail-row {
  min-height: 74px;
  background: #e8f6f6;
  border-color: rgba(22, 184, 173, 0.34);
}

.operation-grouped-rows-compact .operation-detail-row::before {
  content: "";
  width: 12px;
  height: 12px;
  align-self: center;
  background: var(--operation-teal);
  border: 3px solid rgba(22, 184, 173, 0.18);
  border-radius: 999px;
}

.operation-grouped-rows-compact .operation-detail-row {
  grid-template-columns: 16px minmax(0, 1fr);
}

.operation-grouped-rows-compact .operation-detail-row em {
  grid-column: 2;
  justify-self: start;
}

.operation-review-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.operation-review-actions button {
  min-height: 42px;
  padding: 0 16px;
  color: #1f2937;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 820;
  cursor: pointer;
}

.operation-review-actions .operation-review-action-primary {
  color: #182232;
  background: var(--operation-gold);
  border-color: rgba(179, 127, 12, 0.55);
}

.operation-vault-memory {
  display: grid;
  grid-template-columns: minmax(210px, 0.36fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.operation-vault-seal {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 22px 18px;
  text-align: center;
  background: #ffffff;
  border: 1px solid rgba(213, 161, 40, 0.38);
  border-radius: 8px;
}

.operation-vault-seal img {
  width: 104px;
  height: auto;
}

.operation-vault-seal strong {
  color: #1f2937;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 850;
}

.operation-vault-seal p {
  margin: 0;
  color: #61708a;
  font-size: 14px;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .operation-workspace-hero,
  .operation-workspace-meta,
  .operation-drawer-overview,
  .operation-grouped-rows-compact .operation-detail-rows,
  .operation-vault-memory {
    grid-template-columns: minmax(0, 1fr);
  }
  .operation-workspace-hero::after {
    top: auto;
    bottom: 164px;
  }
  .operation-workspace-new {
    justify-self: start;
  }
  .operation-workspace-meta {
    margin-top: 28px;
  }
}

@media (max-width: 640px) {
  .workspace-upload-flow {
    padding: 28px 16px 44px;
  }
  .workspace-upload-card {
    min-height: 300px;
  }
  .operation-workspace-main {
    width: calc(100% - 28px);
    padding-top: 24px;
  }
  .operation-workspace-hero {
    padding: 28px 22px;
  }
  .operation-stage-timeline ol {
    padding-left: 28px;
  }
  .operation-stage-timeline ol::before {
    left: 9px;
  }
  .operation-stage-dot {
    left: -27px;
  }
  .operation-stage-card {
    padding: 22px 20px;
  }
  .operation-stage-metrics {
    gap: 14px;
  }
  .operation-stage-drawer {
    width: 100vw;
  }
  .operation-stage-drawer-header,
  .operation-stage-drawer-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .operation-detail-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .operation-detail-row em,
  .operation-detail-row span {
    justify-self: start;
  }
}

/* Workspace polish pass: stage meaning, review emphasis, and drawer consistency */

.workspace-upload-flow .workspace-upload-card {
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.workspace-upload-flow .workspace-upload-card:hover,
.workspace-upload-flow .workspace-upload-card:focus-visible {
  transform: translateY(-2px);
}

.workspace-upload-flow .workspace-upload-primary {
  background: linear-gradient(180deg, #e0b348 0%, var(--operation-gold) 100%);
  box-shadow: 0 10px 22px rgba(213, 161, 40, 0.24);
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.workspace-upload-flow .workspace-upload-card:hover .workspace-upload-primary,
.workspace-upload-flow .workspace-upload-card:focus-visible .workspace-upload-primary {
  box-shadow: 0 12px 26px rgba(213, 161, 40, 0.32);
  transform: translateY(-1px);
}

.operation-workspace-page .operation-workspace-hero {
  gap: 28px;
  padding: 36px 40px 32px;
}

.operation-workspace-page .operation-workspace-hero-copy {
  display: grid;
  align-content: start;
  gap: 10px;
}

.operation-workspace-page .operation-workspace-hero-copy > span.operation-workspace-status-badge {
  width: max-content;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  color: #f7d786;
  background: rgba(213, 161, 40, 0.13);
  border: 1px solid rgba(213, 161, 40, 0.38);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.operation-workspace-page .operation-workspace-hero-copy h1 {
  margin: 0;
}

.operation-workspace-page .operation-workspace-hero-copy p {
  margin-top: 2px;
}

.operation-workspace-page .operation-workspace-meta {
  gap: 24px;
  margin-top: 48px;
}

.operation-workspace-page .operation-workspace-meta-badge dd,
.operation-workspace-page .operation-workspace-meta-status dd {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 999px;
}

.operation-workspace-page .operation-workspace-meta-badge dd {
  color: #f8fafc;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.2);
}

.operation-workspace-page .operation-workspace-meta-status dd {
  color: #f7d786;
  background: rgba(213, 161, 40, 0.1);
  border: 1px solid rgba(213, 161, 40, 0.32);
}

.operation-workspace-page .operation-stage-card {
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background 180ms ease;
}

.operation-workspace-page .operation-stage-card:hover,
.operation-workspace-page .operation-stage-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(22, 184, 173, 0.36);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.11);
}

.operation-workspace-page .operation-stage-card-active {
  border-color: rgba(31, 42, 58, 0.28);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
}

.operation-workspace-page .operation-stage-item-needs-you .operation-stage-card {
  border-color: rgba(213, 161, 40, 0.5);
  border-left: 4px solid var(--operation-gold);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1);
}

.operation-workspace-page .operation-stage-item-waiting .operation-stage-card:hover,
.operation-workspace-page .operation-stage-item-waiting .operation-stage-card:focus-within {
  transform: none;
  border-color: #dbe3ec;
  box-shadow: none;
}

.operation-workspace-page .operation-stage-status {
  border: 1px solid transparent;
}

.operation-workspace-page .operation-stage-status-complete {
  color: #0f827d;
  background: rgba(22, 184, 173, 0.1);
  border-color: rgba(22, 184, 173, 0.22);
}

.operation-workspace-page .operation-stage-status-needs-you {
  color: #765300;
  background: rgba(213, 161, 40, 0.12);
  border-color: rgba(213, 161, 40, 0.32);
}

.operation-workspace-page .operation-stage-status-waiting {
  color: #6f7f92;
  background: rgba(127, 141, 160, 0.09);
  border-color: rgba(127, 141, 160, 0.2);
}

.operation-workspace-page .operation-stage-highlights {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operation-workspace-page .operation-stage-highlight {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  color: #253044;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 720;
}

.operation-workspace-page .operation-stage-highlight span {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

.operation-workspace-page .operation-stage-highlight-pass span::before {
  content: "\2713";
  color: #0f827d;
  font-size: 16px;
  line-height: 18px;
}

.operation-workspace-page .operation-stage-highlight-attention span::before {
  content: "!";
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  color: #765300;
  border: 1px solid var(--operation-gold);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.operation-workspace-page .operation-stage-highlight-neutral span::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #9aa7b8;
  border-radius: 999px;
}

.operation-workspace-page .operation-stage-metrics {
  gap: 8px;
  padding-top: 2px;
}

.operation-workspace-page .operation-stage-metrics div {
  min-height: 28px;
  gap: 5px;
  padding: 4px 9px;
  background: #f8fafc;
  border: 1px solid #e5ebf2;
  border-radius: 999px;
}

.operation-workspace-page .operation-stage-metrics dt {
  color: #61708a;
  font-size: 12px;
  font-weight: 760;
}

.operation-workspace-page .operation-stage-metrics dd {
  color: #253044;
  font-size: 14px;
  font-weight: 850;
}

.operation-workspace-page .operation-stage-link {
  transition: color 160ms ease;
}

.operation-workspace-page .operation-stage-link:hover,
.operation-workspace-page .operation-stage-link:focus-visible {
  color: #0d827d;
}

.operation-workspace-page .operation-stage-review-button {
  color: #182232;
  background: linear-gradient(180deg, #e0b348 0%, var(--operation-gold) 100%);
  border-color: rgba(179, 127, 12, 0.55);
  box-shadow: 0 8px 18px rgba(213, 161, 40, 0.24);
  transition: box-shadow 160ms ease, transform 160ms ease;
}

.operation-workspace-page .operation-stage-review-button:hover,
.operation-workspace-page .operation-stage-review-button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(213, 161, 40, 0.3);
}

.operation-workspace-page .operation-stage-drawer-backdrop {
  animation: operation-drawer-backdrop 160ms ease-out;
}

@keyframes operation-drawer-backdrop {
  from { opacity: 0; }
  to { opacity: 1; }
}

.operation-workspace-page .operation-stage-drawer-header {
  min-height: unset;
  padding: 28px 30px;
}

.operation-workspace-page .operation-stage-drawer-header > div {
  display: grid;
  gap: 7px;
}

.operation-workspace-page .operation-stage-drawer-header h2,
.operation-workspace-page .operation-stage-drawer-header p {
  margin: 0;
}

.operation-workspace-page .operation-stage-drawer-header button {
  color: #52647d;
  background: #f8fafc;
  border: 1px solid #dbe3ec;
  font-size: 20px;
}

.operation-workspace-page .operation-stage-drawer-header button:hover,
.operation-workspace-page .operation-stage-drawer-header button:focus-visible {
  color: #182232;
  background: #edf3f8;
  border-color: rgba(31, 42, 58, 0.18);
}

.operation-workspace-page .operation-stage-drawer-body {
  gap: 22px;
}

.operation-workspace-page .operation-drawer-section {
  gap: 12px;
}

.operation-workspace-page .operation-drawer-section > header {
  gap: 9px;
}

.operation-workspace-page .operation-drawer-section h3 {
  color: var(--operation-midnight);
  font-size: 14px;
  text-transform: uppercase;
}

.operation-workspace-page .operation-drawer-section header em {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  color: #61708a;
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
}

.operation-workspace-page .operation-drawer-icon {
  color: #52647d;
}

.operation-workspace-page .operation-verification-check-pass span::before {
  color: #0f827d;
}

.operation-workspace-page .operation-verification-check-attention span::before {
  color: #765300;
  border-color: var(--operation-gold);
}

.operation-workspace-page .operation-verification-check em {
  color: #765300;
}

.operation-workspace-page .operation-detail-row {
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.operation-workspace-page .operation-detail-row-done span,
.operation-workspace-page .operation-detail-row-active span {
  color: #0f827d;
}

.operation-workspace-page .operation-detail-row-attention {
  border-color: rgba(213, 161, 40, 0.42);
  border-left: 4px solid var(--operation-gold);
}

.operation-workspace-page .operation-detail-row-attention span {
  color: #765300;
}

.operation-workspace-page .operation-detail-row-attention span::before {
  content: "!";
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  color: #765300;
  border: 1px solid var(--operation-gold);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.operation-workspace-page .operation-detail-row-waiting span {
  color: #6f7f92;
}

.operation-workspace-page .operation-review-actions button {
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.operation-workspace-page .operation-review-actions button:hover,
.operation-workspace-page .operation-review-actions button:focus-visible {
  border-color: rgba(22, 184, 173, 0.38);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
  outline: none;
}

.operation-workspace-page .operation-review-actions .operation-review-action-primary {
  color: #182232;
  background: linear-gradient(180deg, #e0b348 0%, var(--operation-gold) 100%);
  border-color: rgba(179, 127, 12, 0.55);
  box-shadow: 0 8px 18px rgba(213, 161, 40, 0.24);
}

.operation-workspace-page .operation-review-actions .operation-review-action-primary:hover,
.operation-workspace-page .operation-review-actions .operation-review-action-primary:focus-visible {
  border-color: rgba(179, 127, 12, 0.7);
  box-shadow: 0 10px 22px rgba(213, 161, 40, 0.3);
  transform: translateY(-1px);
}

.operation-workspace-page .operation-stage-drawer .operation-vault-seal {
  border-color: rgba(213, 161, 40, 0.46);
  box-shadow: inset 0 0 0 1px rgba(213, 161, 40, 0.08);
}

.operation-workspace-page .operation-stage-drawer .operation-vault-seal img {
  filter: drop-shadow(0 8px 16px rgba(213, 161, 40, 0.16));
}

@media (max-width: 640px) {
  .operation-workspace-page .operation-workspace-hero {
    padding: 28px 22px;
  }
  .operation-workspace-page .operation-stage-metrics div {
    width: max-content;
    max-width: 100%;
  }
}

.vucoris-review-mode-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 16px;
  color: #1f2d3d;
  background: #fff8e6;
  border-bottom: 1px solid rgba(212, 167, 44, 0.38);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.internal-vu-build-dashboard,
.internal-vu-build-app-grid {
  grid-column: 1 / -1;
}

.internal-vu-build-dashboard {
  border-color: #f1d18a;
  background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
}

.internal-vu-build-focus-list,
.internal-vu-build-app-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  background: #d7e0ea;
  border: 1px solid #d7e0ea;
  border-radius: 5px;
}

.internal-vu-build-focus-list div,
.internal-vu-build-app-card dl div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px;
  background: #f8fafc;
}

.internal-vu-build-focus-list div:first-child,
.internal-vu-build-app-card dl div:nth-child(2),
.internal-vu-build-app-card dl div:nth-child(4),
.internal-vu-build-app-card dl div:nth-child(5) {
  grid-column: 1 / -1;
}

.internal-vu-build-focus-list dd,
.internal-vu-build-app-card dd {
  white-space: normal;
}

.internal-vu-build-app-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.internal-vu-build-app-card {
  gap: 10px;
}

.internal-vu-build-app-card > header div {
  display: flex;
  width: 100%;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.internal-vu-build-app-card > header span {
  padding: 3px 6px;
  color: #713f12;
  background: #fff7e6;
  border: 1px solid #f1d18a;
  border-radius: 999px;
}

.internal-vu-build-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.internal-vu-build-card-details summary {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.internal-vu-build-card-details dl {
  margin-top: 8px;
}

@media (max-width: 1180px) {
  .internal-vu-build-app-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .internal-vu-build-focus-list,
  .internal-vu-build-app-card dl,
  .internal-vu-build-app-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Approved v0 Network landing chooser. */

.network-v0-chooser-grid {
  width: min(100%, 980px);
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.network-v0-chooser-grid button {
  min-height: 136px;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 18px;
  border: 1px solid rgba(226, 232, 240, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 14px 24px rgba(0, 0, 0, 0.14);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.network-v0-chooser-grid button:hover,
.network-v0-chooser-grid button:focus-visible,
.network-v0-chooser-active {
  border-color: rgba(73, 199, 186, 0.72);
  background: rgba(73, 199, 186, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 18px 30px rgba(0, 0, 0, 0.18), 0 0 0 3px rgba(73, 199, 186, 0.13);
  outline: none;
  transform: translateY(-1px);
}

.network-v0-chooser-grid button strong {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.15;
}

.network-v0-chooser-grid button em {
  color: rgba(248, 250, 252, 0.72);
  font-size: 0.84rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.35;
}

.network-v0-chooser-icon {
  width: 32px;
  height: 32px;
  position: relative;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(73, 199, 186, 0.48);
  border-radius: 8px;
  background: rgba(73, 199, 186, 0.14);
  color: #49c7ba;
}

.network-v0-chooser-icon::before,
.network-v0-chooser-icon::after {
  content: "";
  position: absolute;
  border-color: currentColor;
}

.network-v0-chooser-icon-organization::before {
  width: 14px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 3px;
  box-shadow: 7px 4px 0 -3px rgba(245, 196, 76, 0.96);
}

.network-v0-chooser-icon-operation::before {
  width: 16px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.network-v0-chooser-icon-operation::after {
  width: 7px;
  height: 2px;
  background: #f5c44c;
  box-shadow: 0 5px 0 #f5c44c;
}

.network-v0-chooser-icon-search::before {
  width: 13px;
  height: 13px;
  border: 2px solid currentColor;
  border-radius: 999px;
  transform: translate(-2px, -2px);
}

.network-v0-chooser-icon-search::after {
  width: 9px;
  height: 2px;
  border-radius: 999px;
  background: #f5c44c;
  transform: translate(7px, 7px) rotate(45deg);
}

.network-v0-chooser-icon-recent::before {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.network-v0-chooser-icon-recent::after {
  width: 7px;
  height: 6px;
  border-left: 2px solid #f5c44c;
  border-bottom: 2px solid #f5c44c;
  transform: translate(2px, -1px);
}

.network-v0-explorer {
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.network-v0-explorer > summary {
  min-height: 68px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 0 26px;
  background: linear-gradient(90deg, #f8fafc, #eef4f8);
  border-bottom: 1px solid var(--vucoris-line);
  cursor: pointer;
  list-style: none;
}

.network-v0-explorer > summary::-webkit-details-marker {
  display: none;
}

.network-v0-explorer > summary > span {
  width: 15px;
  height: 15px;
  border-right: 2px solid #007c86;
  border-bottom: 2px solid #007c86;
  transform: rotate(-45deg);
  transition: transform 160ms ease;
}

.network-v0-explorer[open] > summary > span {
  transform: rotate(45deg);
}

.network-v0-explorer > summary strong {
  display: block;
  color: #0d1b2a;
  font-size: 1rem;
  font-weight: 880;
  line-height: 1.1;
}

.network-v0-explorer > summary em {
  display: block;
  margin-top: 4px;
  color: #61708a;
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 720;
  line-height: 1.2;
}

.network-v0-explorer-body {
  display: grid;
  gap: 28px;
  padding: 28px;
  background: #f6f9fc;
}

@media (max-width: 980px) {
  .network-v0-chooser-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .network-v0-chooser-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .network-v0-chooser-grid button {
    min-height: 112px;
  }

  .network-v0-explorer > summary,
  .network-v0-explorer-body {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* Network page rebase onto the approved Operations workspace rhythm. */

.network-v0-landing .network-v0-main {
  width: min(980px, calc(100% - 40px));
  padding: 40px 0 72px;
  gap: 42px;
}

.network-v0-landing .network-v0-hero {
  min-height: unset;
  justify-content: flex-start;
  overflow: hidden;
  padding: 36px 40px 32px;
  border-radius: 8px;
  background-color: var(--vucoris-midnight);
  background-image: none;
  box-shadow: 0 16px 28px rgba(15, 23, 42, 0.22);
}

.network-v0-landing .network-v0-eyebrow {
  margin-bottom: 0;
  color: var(--vucoris-gold);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0;
}

.network-v0-landing .network-v0-hero h1 {
  max-width: 620px;
  margin-top: 16px;
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 850;
}

.network-v0-landing .network-v0-hero p {
  max-width: 620px;
  margin-top: 10px;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 650;
}

.network-v0-landing .network-v0-chooser-grid {
  width: 100%;
  margin-top: 48px;
  gap: 24px;
}

.network-v0-landing .network-v0-chooser-grid button {
  min-height: 122px;
  padding: 18px;
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.network-v0-landing .network-v0-explorer,
.network-v0-landing .network-v0-panel,
.network-v0-landing .network-v0-sidebar-group,
.network-v0-landing .network-v0-intelligence,
.network-v0-landing .network-v0-snapshot {
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.network-v0-landing .network-v0-explorer > summary {
  min-height: 64px;
  padding: 0 28px;
  border-radius: 8px 8px 0 0;
}

.network-v0-landing .network-v0-explorer-body {
  gap: 28px;
  padding: 28px;
  background: var(--vucoris-soft);
}

.network-v0-landing .network-v0-panel > header,
.network-v0-landing .network-v0-sidebar-group > header {
  padding-left: 28px;
  padding-right: 28px;
}

.network-v0-landing .network-v0-panel-body {
  padding: 24px 28px 28px;
}

@media (max-width: 900px) {
  .network-v0-landing .network-v0-main {
    width: min(980px, calc(100% - 32px));
    padding: 24px 0 44px;
    gap: 28px;
  }

  .network-v0-landing .network-v0-hero {
    padding: 28px 22px;
  }

  .network-v0-landing .network-v0-chooser-grid {
    gap: 14px;
    margin-top: 28px;
  }
}

@media (max-width: 640px) {
  .network-v0-landing .network-v0-main {
    width: calc(100% - 28px);
  }

  .network-v0-landing .network-v0-chooser-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .network-v0-landing .network-v0-explorer-body,
  .network-v0-landing .network-v0-panel-body {
    padding: 22px 20px;
  }
}

/* Approved v0 Network source port: screenshot-matched explorer and drawers. */

.network-approved-page {
  --network-approved-bg: #f1f5f9;
  --network-approved-surface: #ffffff;
  --network-approved-foreground: #1e293b;
  --network-approved-muted: #64748b;
  --network-approved-border: #dce4ee;
  --network-approved-border-soft: #e2e8f0;
  --network-approved-primary: #1e293b;
  --network-approved-teal: #14b8a6;
  --network-approved-gold: #c89b2d;
  min-height: calc(100vh - 64px);
  color: var(--network-approved-foreground);
  background: var(--network-approved-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.network-approved-page *,
.network-approved-page *::before,
.network-approved-page *::after {
  box-sizing: border-box;
}

.network-approved-page button,
.network-approved-page input {
  font: inherit;
}

.network-approved-page-landing {
  padding: 72px 24px 68px;
}

.network-approved-landing-shell {
  width: min(960px, 100%);
  margin: 0 auto;
}

.network-approved-landing-heading {
  display: grid;
  justify-items: center;
  text-align: center;
}

.network-approved-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #4f6681;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.32em;
  text-transform: uppercase;
}

.network-approved-landing-heading h1 {
  margin: 24px 0 0;
  color: #192435;
  font-size: clamp(40px, 5.1vw, 48px);
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -0.01em;
}

.network-approved-landing-heading p {
  max-width: 810px;
  margin: 22px 0 0;
  color: #64748b;
  font-size: 19px;
  line-height: 1.6;
  font-weight: 450;
}

.network-approved-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 52px;
}

.network-approved-scope-grid button {
  min-height: 165px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding: 24px 26px;
  text-align: left;
  color: var(--network-approved-foreground);
  background: var(--network-approved-surface);
  border: 1px solid var(--network-approved-border);
  border-radius: 14px;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.network-approved-scope-grid button:hover,
.network-approved-scope-grid button:focus-visible {
  border-color: rgba(20, 184, 166, 0.44);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11);
  outline: none;
  transform: translateY(-1px);
}

.network-approved-scope-grid strong {
  display: block;
  color: #1f2937;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
}

.network-approved-scope-grid em {
  display: block;
  margin-top: 10px;
  color: #64748b;
  font-size: 16px;
  font-style: normal;
  line-height: 1.55;
  font-weight: 460;
}

.network-approved-grid-page {
  background-color: var(--network-approved-bg);
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.22) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.22) 1px, transparent 1px);
  background-size: 34px 34px;
}

.network-approved-explorer-shell {
  width: 100%;
  padding: 44px 30px 70px;
}

.network-approved-scope-bar {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 28px;
  color: #5c6b7f;
  font-size: 16px;
  font-weight: 500;
}

.network-approved-scope-bar button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  color: #52647d;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.network-approved-scope-bar button:hover,
.network-approved-scope-bar button:focus-visible {
  color: #1e293b;
  outline: none;
}

.network-approved-scope-bar strong {
  color: #1e293b;
  font-weight: 750;
}

.network-approved-hero {
  min-height: 376px;
  display: grid;
  align-content: start;
  margin-top: 24px;
  padding: 36px 30px 34px;
  overflow: hidden;
  color: #ffffff;
  background-color: #1e293b;
  background-image:
    linear-gradient(90deg, rgba(30, 41, 59, 0.98), rgba(30, 41, 59, 0.92), rgba(32, 38, 45, 0.96)),
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: auto, 40px 40px, 40px 40px;
  border: 1px solid rgba(15, 23, 42, 0.18);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
}

.network-approved-hero .network-approved-eyebrow {
  color: #d0a64a;
  font-size: 14px;
  letter-spacing: 0.28em;
}

.network-approved-hero h1 {
  margin: 20px 0 0;
  color: #ffffff;
  font-size: clamp(34px, 4.2vw, 38px);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -0.01em;
}

.network-approved-hero p {
  max-width: 790px;
  margin: 20px 0 0;
  color: rgba(248, 250, 252, 0.78);
  font-size: 18px;
  line-height: 1.55;
  font-weight: 520;
}

.network-approved-hero-callout {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
  padding: 0 18px;
  color: rgba(248, 250, 252, 0.86);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(226, 232, 240, 0.16);
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.35;
}

.network-approved-hero-callout strong {
  color: #ffffff;
  font-weight: 850;
}

.network-approved-search {
  position: relative;
  width: min(720px, 100%);
  margin-top: 20px;
  display: block;
}

.network-approved-search > span {
  position: absolute;
  left: 20px;
  top: 50%;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(203, 213, 225, 0.82);
  border-radius: 999px;
  transform: translateY(-50%);
}

.network-approved-search > span::after {
  content: "";
  position: absolute;
  right: -7px;
  bottom: -4px;
  width: 8px;
  height: 2px;
  background: rgba(203, 213, 225, 0.82);
  border-radius: 999px;
  transform: rotate(45deg);
}

.network-approved-search input {
  width: 100%;
  height: 56px;
  padding: 0 20px 0 52px;
  color: #ffffff;
  background: rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(226, 232, 240, 0.22);
  border-radius: 8px;
  outline: none;
}

.network-approved-search input::placeholder {
  color: rgba(203, 213, 225, 0.8);
}

.network-approved-search input:focus {
  border-color: rgba(20, 184, 166, 0.65);
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.14);
}

.network-approved-stats {
  min-height: 91px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 32px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--network-approved-border);
  border-radius: 12px;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
}

.network-approved-stats article {
  display: grid;
  place-items: center;
  align-content: center;
  min-width: 0;
  padding: 16px 10px;
  text-align: center;
  border-right: 1px solid var(--network-approved-border);
}

.network-approved-stats article:last-child {
  border-right: 0;
}

.network-approved-stats strong {
  color: #111827;
  font-size: 24px;
  line-height: 1;
  font-weight: 850;
}

.network-approved-stats span {
  margin-top: 8px;
  color: #55677f;
  font-size: 14px;
  font-weight: 500;
}

.network-approved-section-list {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.network-approved-section-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.network-approved-section-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  margin-top: 16px;
  color: var(--network-approved-gold);
  background: rgba(200, 155, 45, 0.1);
  border: 1px solid rgba(200, 155, 45, 0.25);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.network-approved-section-row:nth-child(3n) .network-approved-section-icon,
.network-approved-section-row:nth-child(5n) .network-approved-section-icon {
  color: var(--network-approved-teal);
  background: rgba(20, 184, 166, 0.1);
  border-color: rgba(20, 184, 166, 0.26);
}

.network-approved-section-row:nth-child(4n) .network-approved-section-icon {
  color: #52647d;
  background: rgba(82, 100, 125, 0.08);
  border-color: rgba(82, 100, 125, 0.22);
}

.network-approved-accordion {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--network-approved-border);
  border-radius: 13px;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
}

.network-approved-accordion-head {
  width: 100%;
  min-height: 96px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 12px;
  padding: 16px 28px;
  color: var(--network-approved-foreground);
  text-align: left;
  background: #ffffff;
  border: 0;
  cursor: pointer;
}

.network-approved-index {
  align-self: start;
  margin-top: 10px;
  color: #8d9aab;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.18em;
}

.network-approved-section-title {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.network-approved-section-title > span {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.network-approved-section-title strong {
  color: #1f2937;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 850;
}

.network-approved-section-title em {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  color: var(--network-approved-gold);
  background: rgba(200, 155, 45, 0.1);
  border-radius: 999px;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
}

.network-approved-section-title small {
  color: #607087;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 450;
}

.network-approved-chevron,
.network-approved-row-arrow,
.network-approved-drawer-card i {
  width: 10px;
  height: 10px;
  border-right: 1.8px solid #64748b;
  border-bottom: 1.8px solid #64748b;
  transform: rotate(45deg);
}

.network-approved-accordion-open .network-approved-chevron {
  transform: rotate(225deg);
}

.network-approved-rows {
  border-top: 1px solid var(--network-approved-border-soft);
}

.network-approved-row {
  width: 100%;
  min-height: 86px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto 22px;
  align-items: center;
  column-gap: 16px;
  padding: 0 30px 0 26px;
  color: var(--network-approved-foreground);
  text-align: left;
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid var(--network-approved-border-soft);
  cursor: pointer;
}

.network-approved-row:last-child {
  border-bottom: 0;
}

.network-approved-row:hover,
.network-approved-row:focus-visible {
  background: #f8fafc;
  outline: none;
}

.network-approved-row-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 6px;
  align-items: baseline;
}

.network-approved-net-id {
  color: var(--network-approved-gold);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.02em;
}

.network-approved-row-copy strong {
  min-width: 0;
  overflow: hidden;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 820;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.network-approved-row-copy small {
  grid-column: 1 / -1;
  color: #64748b;
  font-size: 14px;
  line-height: 1.3;
}

.network-approved-status {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
}

.network-approved-status::before {
  font-size: 12px;
  line-height: 1;
}

.network-approved-status-teal {
  color: #159c91;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.24);
}

.network-approved-status-teal::before {
  content: "\2713";
}

.network-approved-status-warning,
.network-approved-status-gold {
  color: #9a741d;
  background: rgba(200, 155, 45, 0.1);
  border: 1px solid rgba(200, 155, 45, 0.25);
}

.network-approved-status-warning::before,
.network-approved-status-gold::before {
  content: "\26A0";
}

.network-approved-status-muted {
  color: #52647d;
  background: #f1f5f9;
  border: 1px solid #dce4ee;
}

.network-approved-metric {
  color: #52647d;
  font-size: 16px;
  font-weight: 850;
  white-space: nowrap;
}

.network-approved-metric-teal {
  color: #14b8a6;
}

.network-approved-metric-gold,
.network-approved-metric-warning {
  color: #c89b2d;
}

.network-approved-row-arrow {
  justify-self: end;
  transform: rotate(-45deg);
}

.network-approved-drawer-shell {
  position: fixed;
  inset: 0;
  z-index: 220;
  display: flex;
  justify-content: flex-end;
}

.network-approved-drawer-scrim {
  position: absolute;
  inset: 0;
  background: rgba(30, 41, 59, 0.45);
  border: 0;
  cursor: pointer;
  backdrop-filter: blur(4px);
}

.network-approved-drawer {
  position: relative;
  z-index: 1;
  width: min(530px, 43vw);
  min-width: 500px;
  height: 100vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  color: var(--network-approved-foreground);
  background: #eef2f7;
  box-shadow: -18px 0 34px rgba(15, 23, 42, 0.18);
}

.network-approved-drawer header {
  position: relative;
  min-height: 224px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 72px 30px 26px;
  background: #ffffff;
  border-bottom: 1px solid var(--network-approved-border);
}

.network-approved-drawer-title-row {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  min-width: 0;
}

.network-approved-drawer-seal {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  color: var(--network-approved-teal);
  background: #17233a;
  border-radius: 10px;
}

.network-approved-drawer h2 {
  margin: 10px 0 0;
  color: #111827;
  font-size: 20px;
  line-height: 1.12;
  font-weight: 850;
}

.network-approved-drawer p {
  margin: 8px 0 10px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.35;
}

.network-approved-drawer-close {
  position: absolute;
  right: 18px;
  top: 28px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #64748b;
  background: transparent;
  border: 0;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.network-approved-drawer-close:hover,
.network-approved-drawer-close:focus-visible {
  color: #1e293b;
  outline: none;
}

.network-approved-drawer-body {
  overflow-y: auto;
  padding: 28px 30px 80px;
}

.network-approved-drawer-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 42px;
  margin: 0;
}

.network-approved-drawer-fields div {
  min-width: 0;
}

.network-approved-drawer-fields dt,
.network-approved-drawer-fields dd {
  margin: 0;
}

.network-approved-drawer-fields dt,
.network-approved-drawer-group h3 {
  color: #7a8798;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.network-approved-drawer-fields dd {
  margin-top: 8px;
  color: #172033;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 820;
}

.network-approved-drawer-group {
  margin-top: 34px;
}

.network-approved-drawer-group h3 {
  margin: 0 0 16px;
}

.network-approved-drawer-group > div {
  display: grid;
  gap: 10px;
}

.network-approved-drawer-card {
  min-height: 70px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  background: #ffffff;
  border: 1px solid var(--network-approved-border);
  border-radius: 8px;
}

.network-approved-drawer-card-warning {
  background: rgba(200, 155, 45, 0.08);
  border-color: rgba(200, 155, 45, 0.14);
}

.network-approved-drawer-card-teal {
  border-color: rgba(20, 184, 166, 0.18);
}

.network-approved-drawer-card em {
  display: block;
  color: #64748b;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.network-approved-drawer-card strong {
  display: block;
  margin-top: 4px;
  color: #172033;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 720;
}

.network-approved-drawer-card b {
  color: #c89b2d;
  font-size: 15px;
  font-weight: 850;
}

.network-approved-drawer-card i {
  transform: rotate(-45deg);
}

.network-approved-icon {
  position: relative;
  width: 28px;
  height: 28px;
  display: inline-block;
  flex: 0 0 auto;
  color: currentColor;
}

.network-approved-scope-grid .network-approved-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  color: #48627e;
  background: #f1f5f9;
  border: 1px solid #ccd6e2;
  border-radius: 12px;
}

.network-approved-icon::before,
.network-approved-icon::after {
  content: "";
  position: absolute;
  border-color: currentColor;
}

.network-approved-icon-organization::before {
  left: 8px;
  top: 6px;
  width: 13px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 2px;
  box-shadow: 5px 5px 0 -2px currentColor;
}

.network-approved-icon-participant::before {
  left: 7px;
  top: 6px;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-radius: 50%;
  box-shadow: 10px 3px 0 -2px currentColor;
}

.network-approved-icon-participant::after {
  left: 4px;
  top: 17px;
  width: 19px;
  height: 8px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

.network-approved-icon-agent::before {
  left: 6px;
  top: 8px;
  width: 16px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.network-approved-icon-agent::after {
  left: 12px;
  top: 4px;
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 50%;
  box-shadow: -6px 11px 0 -1px currentColor, 6px 11px 0 -1px currentColor;
}

.network-approved-icon-system::before {
  left: 5px;
  top: 7px;
  width: 18px;
  height: 7px;
  border: 2px solid currentColor;
  border-radius: 3px;
  box-shadow: 0 10px 0 -2px transparent, 0 10px 0 0 currentColor;
}

.network-approved-icon-source::before {
  left: 6px;
  top: 5px;
  width: 16px;
  height: 20px;
  border: 2px solid currentColor;
  border-radius: 2px 8px 8px 2px;
}

.network-approved-icon-verification::before {
  left: 6px;
  top: 4px;
  width: 16px;
  height: 19px;
  border: 2px solid currentColor;
  border-radius: 8px 8px 10px 10px;
}

.network-approved-icon-verification::after {
  left: 10px;
  top: 11px;
  width: 8px;
  height: 5px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.network-approved-icon-discovery::before {
  left: 12px;
  top: 2px;
  width: 4px;
  height: 24px;
  background: currentColor;
  border-radius: 999px;
  transform: rotate(45deg);
}

.network-approved-icon-discovery::after {
  left: 4px;
  top: 10px;
  width: 20px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-20deg);
}

.network-approved-icon-operation::before {
  left: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  border: 2px solid currentColor;
  border-radius: 3px;
  box-shadow: 11px 11px 0 -2px transparent, 11px 11px 0 0 currentColor;
}

.network-approved-icon-operation::after {
  left: 11px;
  top: 12px;
  width: 8px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
}

.network-approved-icon-search::before {
  left: 8px;
  top: 7px;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.network-approved-icon-search::after {
  left: 19px;
  top: 20px;
  width: 8px;
  height: 2px;
  background: currentColor;
  border-radius: 999px;
  transform: rotate(45deg);
}

.network-approved-icon-recent::before {
  left: 6px;
  top: 6px;
  width: 17px;
  height: 17px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.network-approved-icon-recent::after {
  left: 14px;
  top: 9px;
  width: 6px;
  height: 8px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

@media (max-width: 980px) {
  .network-approved-scope-grid,
  .network-approved-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .network-approved-stats article:nth-child(2n) {
    border-right: 0;
  }

  .network-approved-stats article {
    border-bottom: 1px solid var(--network-approved-border);
  }

  .network-approved-drawer {
    width: min(520px, 58vw);
    min-width: 420px;
  }
}

@media (max-width: 720px) {
  .network-approved-page-landing,
  .network-approved-explorer-shell {
    padding-left: 16px;
    padding-right: 16px;
  }

  .network-approved-scope-grid,
  .network-approved-stats,
  .network-approved-drawer-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .network-approved-section-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .network-approved-section-icon {
    display: none;
  }

  .network-approved-row {
    grid-template-columns: minmax(0, 1fr) auto 18px;
    row-gap: 10px;
    padding: 16px 18px;
  }

  .network-approved-row-copy {
    grid-column: 1 / -1;
  }

  .network-approved-row-arrow {
    grid-column: 3;
  }

  .network-approved-drawer {
    width: 100vw;
    min-width: 0;
  }
}