:root {
      --bg: #f6f7f4;
      --panel: #ffffff;
      --ink: #17201b;
      --muted: #667064;
      --line: #dfe5dc;
      --soft: #edf2e9;
      --green: #2d7d57;
      --green-soft: #dff1e7;
      --amber: #a96716;
      --amber-soft: #f8ead2;
      --red: #b83d3d;
      --red-soft: #f5dede;
      --blue: #316b9f;
      --blue-soft: #dcebf7;
      --shadow: 0 18px 45px rgba(23, 32, 27, 0.08);
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      background: var(--bg);
      color: var(--ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      transition: background 0.2s, color 0.2s;
    }

    html.dashboard-prehydrate .main {
      opacity: 0;
      pointer-events: none;
    }

    a { color: var(--blue); }
    a:hover { opacity: 0.8; }

    /* --- Panels & surfaces --- */
    .panel { background: var(--panel); border-color: var(--line); box-shadow: var(--shadow); }
    .panel-header { background: var(--soft); border-color: var(--line); }
    .panel-header h3 { color: var(--ink); }
    .side-section { border-color: var(--line); }
    .section-label { color: var(--muted); }
    .agent-card { background: var(--panel); border-color: var(--line); }
    .bot-task-list li { background: var(--panel); border-color: var(--line); color: var(--ink); }

    /* --- Toolbar --- */
    .toolbar { background: var(--panel); border-bottom: 1px solid var(--line); }
    .toolbar h2 { color: var(--ink); }
    .toolbar .subtitle { color: var(--muted); }
    .toolbar-actions .live-source { background: var(--soft); color: var(--muted); border-color: var(--line); }

    /* --- Buttons --- */
    .button { background: var(--panel); border: 1px solid var(--line); color: var(--ink); }
    .button:hover { background: var(--soft); }
    .button.primary { border-color: var(--green); background: var(--green); color: #fff; }

    /* --- Stats --- */
    .stat { background: var(--panel); border-color: var(--line); }
    .stat-label { color: var(--muted); }
    .stat-value { color: var(--ink); }
    .stat-note { color: var(--muted); }
    .stat.warning .stat-value { color: var(--amber); }
    .stat.danger .stat-value { color: var(--red); }

    /* --- Filters & Tabs --- */
    .filters { background: var(--soft); border-color: var(--line); }
    .engagement-tabs { background: var(--soft); border-color: var(--line); }
    .tab-btn { background: var(--panel); border-color: var(--line); color: var(--muted); }
    .tab-btn:hover { background: var(--soft); color: var(--ink); }
    .tab-btn.active { background: var(--ink); border-color: var(--ink); color: var(--panel); }
    .tab-btn.active .tab-count { background: rgba(255,255,255,0.15); color: var(--panel); }
    .tab-count { background: var(--soft); color: var(--muted); }
    .search, .select { background: var(--panel); border-color: var(--line); color: var(--ink); }

    /* --- Table --- */
    table { background: var(--panel); }
    th { background: var(--soft); color: var(--muted); border-color: var(--line); }
    td { border-color: var(--line); }
    tbody tr:hover { background: var(--soft); }
    .project-name { color: var(--ink); }
    .status.neutral { color: var(--muted); }
    .status.green { color: var(--green); }
    .status.amber { color: var(--amber); }
    .status.red { color: var(--red); }
    .status.blue { color: var(--blue); }
    .phase-days { background: var(--soft); color: var(--ink); }
    .phase-days.current { background: var(--blue-soft); color: var(--blue); outline-color: var(--blue); }
    .phase-days.good { background: var(--green-soft); color: var(--green); }
    .phase-days.late { background: var(--red-soft); color: var(--red); }
    .health-top { color: var(--ink); }
    .bar { background: var(--line); }
    .bar span { background: var(--green); }
    .bar.warn span { background: var(--amber); }
    .bar.danger span { background: var(--red); }

    /* --- Workers & Agents --- */
    .worker-list { background: var(--soft); }
    .worker-badge { background: var(--panel); border-color: var(--line); }
    .worker-badge.stopped { border-color: var(--red); }
    .worker-badge.running { border-color: var(--green); }
    .agent-map { background: var(--soft); }

    /* --- Events & Timeline --- */
    .event { border-color: var(--line); }
    .event-title { color: var(--ink); }
    .event-meta { color: var(--muted); }
    .dot { background: var(--green); }
    .dot.warn { background: var(--amber); }
    .dot.danger { background: var(--red); }

    /* --- Health rows --- */
    .health-row { background: var(--soft); border-color: var(--line); }
    .health-row-title { color: var(--ink); }
    .health-row-note { color: var(--muted); }

    /* --- Misc --- */
    .empty { color: var(--muted); }
    .small { color: var(--muted); }
    .ops-grid { background: var(--bg); }
    .qa-toast { background: var(--ink); color: var(--panel); }
    #health-bar-section .panel { background: var(--panel); }
    #quick-actions-section { background: var(--panel); border-color: var(--line); }
    #system-health .panel-header { background: var(--soft); }

    /* --- Scrollbars & selection --- */
    ::-webkit-scrollbar { background: var(--bg); }
    ::-webkit-scrollbar-thumb { background: var(--line); }
    ::selection { background: var(--blue-soft); color: var(--blue); }

    button,
    input,
    select {
      font: inherit;
    }

    .shell {
      min-height: 100vh;
      display: block;
    }

    .sidebar {
      display: none;
      position: sticky;
      top: 0;
      height: 100vh;
      overflow: auto;
      padding: 24px;
      border-right: 1px solid var(--line);
      background: #fbfcfa;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 22px;
    }

    .side-nav {
      display: grid;
      gap: 6px;
      padding: 10px;
      margin-bottom: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
    }

    .side-nav a {
      display: flex;
      align-items: center;
      min-height: 34px;
      padding: 0 10px;
      border-radius: 7px;
      color: #3e4a42;
      font-size: 13px;
      font-weight: 800;
      text-decoration: none;
    }

    .side-nav a:hover {
      background: var(--soft);
      color: var(--ink);
    }

    .mark {
      display: block;
      width: 190px;
      max-width: 100%;
      height: auto;
      mix-blend-mode: screen;
    }

    h1,
    h2,
    h3,
    p {
      margin: 0;
    }

    h1 {
      font-size: 20px;
      line-height: 1.15;
    }

    .subtitle {
      margin-top: 4px;
      color: var(--muted);
      font-size: 13px;
    }

    .side-section {
      padding-top: 18px;
      margin-top: 18px;
      border-top: 1px solid var(--line);
    }

    .section-label {
      margin-bottom: 10px;
      color: #465047;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .agent-card,
    .worker-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      padding: 14px;
      box-shadow: 0 8px 22px rgba(23, 32, 27, 0.04);
    }

    .agent-card {
      border-color: #b8cbbd;
      background: #f3f8f0;
    }

    .node-title {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 8px;
    }

    .node-title strong {
      font-size: 15px;
    }

    .node-meta {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }

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

    .script-list li {
      padding: 7px 8px;
      border: 1px solid #e6ebe3;
      border-radius: 7px;
      background: #fbfcfa;
    }

    .script-path {
      display: block;
      color: #2d4636;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
      font-size: 11px;
      font-weight: 800;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    .script-note {
      display: block;
      margin-top: 2px;
      color: var(--muted);
      font-size: 11px;
      line-height: 1.35;
    }

    .worker-list {
      display: grid;
      gap: 10px;
      margin-top: 10px;
    }

    .status {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 3px 8px;
      border-radius: 999px;
      color: #1f5139;
      background: var(--green-soft);
      font-size: 11px;
      font-weight: 800;
      white-space: nowrap;
    }

    .status.warn {
      color: #71430c;
      background: var(--amber-soft);
    }

    .status.danger {
      color: #7a2323;
      background: var(--red-soft);
    }

    .status.neutral {
      color: #405168;
      background: var(--blue-soft);
    }

    .main {
      min-height: 100vh;
      padding: 18px;
      overflow: visible;
    }

    .toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      margin: -18px -18px 16px;
      padding: 16px 18px;
      border-bottom: 1px solid rgba(255, 91, 38, 0.5);
      background: #050606;
      color: #ffffff;
      box-shadow: 0 16px 35px rgba(5, 6, 6, 0.14);
    }

    .toolbar-brand {
      display: flex;
      align-items: center;
      gap: 18px;
      min-width: 0;
    }

    .toolbar-logo {
      display: block;
      width: clamp(172px, 17vw, 250px);
      height: auto;
      flex: 0 0 auto;
      border-radius: 3px;
    }

    .toolbar-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }

    .toolbar-title-line {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      min-width: 0;
    }

    .toolbar h2 {
      color: var(--ink);
      font-size: 18px;
      font-weight: 850;
      line-height: 1.1;
      letter-spacing: 0;
    }

    .toolbar .subtitle {
      color: var(--muted);
    }

    .toolbar .small {
      color: var(--muted);
      margin: 0;
    }

    .toolbar .live-source {
      border-color: var(--line);
      background: var(--soft);
      color: var(--muted);
    }

    .toolbar .button {
      border-color: rgba(255, 255, 255, 0.18);
      background: #ffffff;
      color: #111614;
    }

    .toolbar .button:hover {
      background: #fff2ec;
      color: #050606;
    }

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

    .file-input {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
    }

    .button {
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border: 1px solid #c7d0c4;
      border-radius: 8px;
      background: var(--panel);
      color: var(--ink);
      padding: 0 12px;
      cursor: pointer;
      font-weight: 800;
    }

    .button.primary {
      border-color: var(--green);
      background: var(--green);
      color: #fff;
    }

    .button:disabled {
      cursor: not-allowed;
      opacity: 0.55;
    }

    .button svg {
      flex: 0 0 auto;
    }

    .live-source {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 38px;
      padding: 0 11px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfcfa;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .grid {
      display: grid;
      gap: 16px;
    }

    .stats {
      grid-template-columns: repeat(5, minmax(160px, 1fr));
      margin-bottom: 16px;
    }

    .stats,
    #health-bar-section,
    #quick-actions-section,
    #agent-map,
    .aside-stack {
      display: none;
    }

    .stat {
      min-height: 112px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      padding: 16px;
      box-shadow: var(--shadow);
    }

    .stat-label {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.07em;
    }

    .stat-value {
      margin-top: 10px;
      font-size: 34px;
      font-weight: 850;
      line-height: 1;
    }

    .stat-note {
      margin-top: 8px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
    }

    .stat.warning .stat-value {
      color: var(--amber);
    }

    .stat.danger .stat-value {
      color: var(--red);
    }

    .home-command {
      display: grid;
      gap: 16px;
      align-items: start;
    }

    .home-focus {
      display: grid;
      gap: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      padding: 16px;
      box-shadow: var(--shadow);
    }

    .home-section-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }

    .home-section-head h3 {
      font-size: 17px;
      line-height: 1.2;
    }

    .home-section-head .small {
      margin-top: 4px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

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

    .home-signal {
      display: grid;
      gap: 8px;
      min-height: 118px;
      padding: 12px;
      border: 1px solid #dfe6dc;
      border-radius: 8px;
      background: #fbfcfa;
      color: var(--ink);
      text-decoration: none;
    }

    .home-signal:hover,
    .home-signal:focus-visible {
      border-color: #bdcabb;
      background: #f4f8f1;
      opacity: 1;
      outline: none;
    }

    .home-signal-label {
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .home-signal-value {
      font-size: 30px;
      font-weight: 850;
      line-height: 1;
    }

    .home-signal-note {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .home-signal.danger {
      border-color: #e8c4c4;
      background: #fff8f8;
    }

    .home-signal.danger .home-signal-value {
      color: var(--red);
    }

    .home-signal.warn {
      border-color: #e8d5af;
      background: #fffaf0;
    }

    .home-signal.warn .home-signal-value {
      color: var(--amber);
    }

    .home-body-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(310px, 0.75fr);
      gap: 16px;
      align-items: start;
    }

    .home-panel {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .home-panel-body {
      display: grid;
      gap: 9px;
      padding: 12px;
    }

    .home-exception-row,
    .home-system-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      padding: 11px 12px;
      border: 1px solid #e1e8de;
      border-radius: 8px;
      background: #fbfcfa;
      color: var(--ink);
      text-decoration: none;
    }

    .home-exception-row:hover,
    .home-exception-row:focus-visible {
      border-color: #bdcabb;
      background: #f4f8f1;
      opacity: 1;
      outline: none;
    }

    .home-exception-main {
      min-width: 0;
    }

    .home-exception-title {
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }

    .home-exception-note {
      margin-top: 3px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    .home-exception-meta {
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 6px;
    }

    .home-lifecycle {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 8px;
    }

    .home-stage {
      min-width: 0;
      padding: 10px;
      border: 1px solid #e1e8de;
      border-radius: 8px;
      background: #fbfcfa;
    }

    .home-stage-name {
      color: #405168;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .home-stage-count {
      margin-top: 8px;
      font-size: 24px;
      font-weight: 850;
      line-height: 1;
    }

    .home-stage-note {
      margin-top: 6px;
      color: var(--muted);
      font-size: 11px;
      line-height: 1.3;
    }

    .home-stage.warn {
      border-color: #e8d5af;
      background: #fffaf0;
    }

    .home-stage.danger {
      border-color: #e8c4c4;
      background: #fff8f8;
    }

    .health-dist-bar-seg {
      height: 100%;
      border-radius: 4px;
      transition: width 0.4s ease;
    }

    .qa-toast {
      position: fixed;
      bottom: 24px;
      right: 24px;
      background: var(--ink);
      color: var(--panel);
      padding: 10px 18px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 700;
      z-index: 9999;
      opacity: 0;
      transform: translateY(12px);
      transition: opacity 0.2s, transform 0.2s;
      pointer-events: none;
    }
    .qa-toast.show { opacity: 1; transform: none; }

    .ops-grid {
      grid-template-columns: minmax(0, 1fr);
      align-items: stretch;
      margin-bottom: 16px;
    }

    .agent-map {
      display: grid;
      gap: 16px;
      padding: 16px;
    }

    .agent-lead {
      position: relative;
      border: 1px solid #b8cbbd;
      border-radius: 8px;
      background: #f3f8f0;
      padding: 16px;
    }

    .agent-lead::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -17px;
      width: 1px;
      height: 17px;
      background: var(--line);
    }

    .agent-branches {
      display: grid;
      grid-template-columns: repeat(3, minmax(220px, 1fr));
      gap: 18px;
    }

    .branch-card {
      position: relative;
      min-height: 178px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfcfa;
      padding: 14px;
    }

    .branch-card::before {
      content: "";
      position: absolute;
      left: 50%;
      top: -13px;
      width: 1px;
      height: 13px;
      background: var(--line);
    }

    .branch-kicker {
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .branch-title {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 8px;
      margin-top: 6px;
      font-size: 14px;
      font-weight: 850;
      line-height: 1.25;
    }

    .branch-desc {
      margin-top: 8px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .branch-meta {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
      color: #465047;
      font-size: 12px;
      font-weight: 800;
    }

    .branch-meta span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    #system-health .health-list {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .bot-task-list {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin: 12px 0 0;
      padding: 0;
      list-style: none;
    }

    .bot-task-list li {
      max-width: 100%;
      padding: 6px 8px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #fbfcfa;
      color: #31423a;
      font-size: 11px;
      font-weight: 850;
      line-height: 1.25;
    }

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

    .health-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 11px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfcfa;
    }

    .health-row-title {
      font-size: 13px;
      font-weight: 850;
      line-height: 1.3;
    }

    .health-row-note {
      margin-top: 3px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .content-grid {
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
      margin-bottom: 0;
    }

    #delivery-tracker .panel,
    #project-tracker .panel {
      min-height: calc(100vh - 108px);
      border-radius: 8px;
      box-shadow: none;
    }

    #delivery-tracker .panel-header,
    #project-tracker .panel-header {
      padding: 14px 16px;
    }

    .aside-stack {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
    }

    .panel {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .panel-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 16px;
      border-bottom: 1px solid var(--line);
      background: #fbfcfa;
    }

    .panel-header h3 {
      font-size: 16px;
    }

    .panel-header .small {
      color: var(--muted);
      font-size: 12px;
    }

    .panel-action-row {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 10px;
      padding: 10px 16px;
      border-bottom: 1px solid var(--line);
      background: #fbfcfa;
    }

    .panel-action-row:empty {
      display: none;
    }

    .panel-action-row.status-only {
      display: none;
    }

    .toolbar-mirror {
      display: none !important;
    }

    .toolbar-route-action[hidden] {
      display: none !important;
    }

    .engagement-tabs {
      display: flex;
      gap: 4px;
      padding: 8px 16px;
      border-bottom: 1px solid var(--line);
      background: #fcfdfb;
    }

    .tab-btn {
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 0 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      cursor: pointer;
      transition: all 0.15s;
    }

    .tab-btn:hover {
      background: var(--soft);
      color: var(--ink);
    }

    .tab-btn.active {
      background: var(--ink);
      border-color: var(--ink);
      color: #fff;
    }

    .tab-btn .tab-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 20px;
      height: 20px;
      border-radius: 999px;
      background: rgba(255,255,255,0.2);
      font-size: 11px;
    }

    .tab-btn:not(.active) .tab-count {
      background: var(--soft);
      color: var(--muted);
    }

    .filters {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      padding: 14px 16px;
      border-bottom: 1px solid var(--line);
      background: #fcfdfb;
    }

    .search {
      min-width: 240px;
      flex: 1 1 240px;
      height: 38px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      padding: 0 12px;
      color: var(--ink);
    }

	    .select {
	      height: 38px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	      padding: 0 10px;
	      color: var(--ink);
	    }

	    .ab-delivery-summary {
	      display: grid;
	      gap: 10px;
	      padding: 12px 16px;
	      border-top: 1px solid var(--line);
	      border-bottom: 1px solid var(--line);
	      background: #fbfcfa;
	    }

	    .ab-delivery-summary[hidden],
	    .ab-dashboard-roadmap[hidden] {
	      display: none !important;
	    }

	    #delivery-filters[hidden],
	    #delivery-table-wrap[hidden] {
	      display: none !important;
	    }

	    .delivery-section-tabs {
	      display: flex;
	      flex-wrap: wrap;
	      gap: 8px;
	      align-items: center;
	    }

	    .delivery-section-tab {
	      display: inline-flex;
	      align-items: center;
	      min-height: 34px;
	      padding: 7px 11px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	      color: var(--muted);
	      font-size: 12px;
	      font-weight: 900;
	      text-decoration: none;
	    }

	    .delivery-section-tab:hover {
	      color: var(--ink);
	      background: var(--soft);
	    }

	    .delivery-section-tab.active {
	      color: #fff;
	      border-color: var(--ink);
	      background: var(--ink);
	    }

	    .delivery-section-note {
	      padding: 10px 11px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	      color: var(--muted);
	      font-size: 12px;
	      line-height: 1.5;
	    }

	    .ab-kpi-row {
	      display: grid;
	      grid-template-columns: repeat(6, minmax(0, 1fr));
	      gap: 8px;
	    }

	    .redesign-requested-cards {
	      grid-template-columns: repeat(5, minmax(0, 1fr));
	    }

	    .redesign-requested-details {
	      display: grid;
	      gap: 6px;
	    }

	    .redesign-requested-detail {
	      display: none;
	      min-width: 0;
	      padding: 10px 11px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	    }

	    .redesign-requested-detail.active {
	      display: grid;
	      gap: 8px;
	    }

	    .redesign-source-chip {
	      display: inline-flex;
	      align-items: center;
	      min-height: 20px;
	      padding: 2px 7px;
	      border: 1px solid #e4eadf;
	      border-radius: 999px;
	      background: #fbfcfa;
	      color: var(--muted);
	      font-size: 10px;
	      font-weight: 900;
	      line-height: 1;
	    }

	    .delivery-signal-chip {
	      display: inline-flex;
	      align-items: center;
	      min-height: 20px;
	      padding: 2px 7px;
	      border: 1px solid #dfe7d8;
	      border-radius: 999px;
	      background: #fff;
	      color: var(--muted);
	      font-size: 10px;
	      font-weight: 950;
	      letter-spacing: 0.02em;
	      line-height: 1;
	      text-transform: uppercase;
	      white-space: nowrap;
	    }

	    .delivery-signal-chip.reactive {
	      border-color: #f0c9ba;
	      background: #fff2ed;
	      color: #9b3d23;
	    }

	    .delivery-signal-chip.proactive {
	      border-color: #c8dcf6;
	      background: #f0f7ff;
	      color: #245c9a;
	    }

	    .home-exception-flags {
	      display: flex;
	      flex-wrap: wrap;
	      justify-content: flex-end;
	      gap: 5px;
	    }

	    .redesign-requested-cards .ab-kpi-note {
	      display: inline;
	    }

	    .redesign-task-groups {
	      display: grid;
	      gap: 6px;
	    }

	    .redesign-task-group {
	      overflow: hidden;
	      border: 1px solid #e8ede3;
	      border-radius: 7px;
	      background: #fbfcfa;
	    }

	    .redesign-task-toggle {
	      display: grid;
	      grid-template-columns: 28px minmax(0, 1fr) auto;
	      gap: 8px;
	      align-items: center;
	      width: 100%;
	      min-height: 44px;
	      padding: 8px 10px;
	      border: 0;
	      background: transparent;
	      color: inherit;
	      font: inherit;
	      text-align: left;
	      cursor: pointer;
	    }

	    .redesign-task-plus {
	      display: inline-flex;
	      align-items: center;
	      justify-content: center;
	      width: 22px;
	      height: 22px;
	      border: 1px solid #dfe7d8;
	      border-radius: 999px;
	      background: #fff;
	      color: var(--ink);
	      font-size: 15px;
	      font-weight: 950;
	      line-height: 1;
	    }

	    .redesign-task-client {
	      min-width: 0;
	      overflow: hidden;
	      color: var(--ink);
	      font-size: 13px;
	      font-weight: 950;
	      line-height: 1.2;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .redesign-task-meta {
	      overflow: hidden;
	      color: var(--muted);
	      font-size: 11px;
	      font-weight: 800;
	      line-height: 1.25;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .redesign-task-counts {
	      display: flex;
	      flex-wrap: wrap;
	      justify-content: flex-end;
	      gap: 5px;
	    }

	    .redesign-task-list {
	      display: none;
	      gap: 5px;
	      padding: 0 10px 9px 46px;
	    }

	    .redesign-task-group.open .redesign-task-list {
	      display: grid;
	    }

	    .redesign-message-group {
	      background: #fff;
	    }

	    .redesign-message-toggle {
	      grid-template-columns: 28px minmax(0, 1fr) minmax(140px, auto);
	    }

	    .redesign-message-list {
	      gap: 7px;
	    }

	    .redesign-message-body {
	      display: grid;
	      gap: 7px;
	      min-width: 0;
	      padding: 8px 0 0;
	      border-top: 1px solid #e8ede3;
	    }

	    .redesign-message-label {
	      color: var(--muted);
	      font-size: 11px;
	      font-weight: 900;
	      line-height: 1.3;
	    }

	    .redesign-message-text {
	      min-width: 0;
	      padding: 8px 9px;
	      border-left: 3px solid #dfe7d8;
	      background: #fbfcfa;
	      color: var(--ink);
	      font-size: 12px;
	      font-weight: 750;
	      line-height: 1.45;
	    }

	    .redesign-message-actions {
	      display: flex;
	      flex-wrap: wrap;
	      align-items: center;
	      gap: 7px;
	    }

	    .redesign-message-link,
	    .redesign-message-button {
	      display: inline-flex;
	      align-items: center;
	      min-height: 28px;
	      padding: 0 10px;
	      border: 1px solid #dfe7d8;
	      border-radius: 8px;
	      background: #fff;
	      color: var(--ink);
	      font-size: 11px;
	      font-weight: 900;
	      text-decoration: none;
	      cursor: pointer;
	    }

	    .redesign-message-button.primary {
	      border-color: #c7d5bf;
	      background: #eef5ea;
	    }

	    .redesign-message-button:disabled {
	      cursor: wait;
	      opacity: 0.62;
	    }

	    .redesign-acknowledged-list {
	      display: grid;
	      gap: 6px;
	      margin-top: 4px;
	      padding-top: 8px;
	      border-top: 1px dashed #dfe7d8;
	    }

	    .redesign-task-row {
	      display: grid;
	      grid-template-columns: minmax(0, 1fr) minmax(110px, 0.35fr) auto;
	      gap: 8px;
	      align-items: center;
	      min-width: 0;
	      padding: 6px 0;
	      border-top: 1px solid #e8ede3;
	    }

	    .redesign-task-name {
	      min-width: 0;
	      overflow: hidden;
	      color: var(--ink);
	      font-size: 12px;
	      font-weight: 850;
	      line-height: 1.25;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .redesign-task-due {
	      color: var(--muted);
	      font-size: 11px;
	      font-weight: 800;
	      white-space: nowrap;
	    }

	    .redesign-task-owner {
	      overflow: hidden;
	      color: var(--muted);
	      font-size: 11px;
	      font-weight: 850;
	      text-align: right;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .ab-kpi-card,
	    .ab-insight-panel,
	    .ab-command-panel,
	    .ab-roadmap-card {
	      min-width: 0;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	    }

	    .ab-kpi-card {
	      display: grid;
	      gap: 4px;
	      min-height: 58px;
	      padding: 9px 10px;
	    }

	    button.ab-kpi-card {
	      width: 100%;
	      color: inherit;
	      font: inherit;
	      text-align: left;
	      cursor: pointer;
	      appearance: none;
	      transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
	    }

	    button.ab-kpi-card:hover,
	    button.ab-kpi-card:focus-visible,
	    button.ab-kpi-card.active {
	      border-color: rgba(67, 94, 72, 0.42);
	      box-shadow: 0 8px 18px rgba(52, 70, 55, 0.08);
	      outline: none;
	      transform: translateY(-1px);
	    }

	    .ab-kpi-note-row {
	      display: flex;
	      align-items: center;
	      justify-content: space-between;
	      gap: 8px;
	      min-width: 0;
	    }

	    .ab-kpi-drill-label {
	      flex: 0 0 auto;
	      color: var(--accent);
	      font-size: 10px;
	      font-weight: 950;
	      letter-spacing: 0.04em;
	      text-transform: uppercase;
	    }

	    .ab-kpi-card.warn {
	      border-color: rgba(169, 103, 22, 0.32);
	      border-left: 3px solid var(--amber);
	      background: #fff;
	    }

	    .ab-kpi-card.danger {
	      border-color: rgba(184, 61, 61, 0.34);
	      border-left: 3px solid var(--red);
	      background: #fff;
	    }

	    .ab-kpi-label,
	    .ab-insight-title,
	    .ab-roadmap-label {
	      color: var(--muted);
	      font-size: 10px;
	      font-weight: 900;
	      letter-spacing: 0.04em;
	      text-transform: uppercase;
	    }

	    .ab-kpi-value {
	      color: var(--ink);
	      font-size: 21px;
	      font-weight: 950;
	      line-height: 1;
	    }

	    .ab-kpi-note,
	    .ab-insight-meta,
	    .ab-roadmap-card p,
	    .ab-action-note {
	      color: var(--muted);
	      font-size: 12px;
	      line-height: 1.35;
	    }

	    .ab-insight-row {
	      display: grid;
	      grid-template-columns: minmax(230px, 0.8fr) minmax(0, 1.2fr);
	      gap: 8px;
	    }

	    .ab-command-grid {
	      display: grid;
	      grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
	      gap: 8px;
	      align-items: start;
	    }

	    .redesign-v3-grid {
	      display: grid;
	      grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
	      gap: 8px;
	      align-items: start;
	    }

	    .redesign-lane-grid {
	      display: grid;
	      grid-template-columns: repeat(5, minmax(150px, 1fr));
	      gap: 7px;
	    }

	    .redesign-lane {
	      display: grid;
	      align-content: start;
	      gap: 6px;
	      min-width: 0;
	      padding: 8px;
	      border: 1px solid #e8ede3;
	      border-radius: 8px;
	      background: #fbfcfa;
	    }

	    .redesign-lane-heading {
	      display: flex;
	      align-items: center;
	      justify-content: space-between;
	      gap: 8px;
	      min-width: 0;
	    }

	    .redesign-lane-title {
	      min-width: 0;
	      overflow: hidden;
	      color: var(--ink);
	      font-size: 12px;
	      font-weight: 950;
	      line-height: 1.2;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .redesign-lane-count {
	      flex: 0 0 auto;
	      color: var(--muted);
	      font-size: 11px;
	      font-weight: 900;
	    }

	    .redesign-lane-item {
	      display: grid;
	      gap: 4px;
	      min-width: 0;
	      padding: 7px;
	      border: 1px solid var(--line);
	      border-radius: 7px;
	      background: #fff;
	    }

	    .redesign-lane-item strong {
	      min-width: 0;
	      overflow: hidden;
	      color: var(--ink);
	      font-size: 12px;
	      font-weight: 950;
	      line-height: 1.2;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .redesign-phase-grid {
	      display: grid;
	      grid-template-columns: repeat(3, minmax(0, 1fr));
	      gap: 7px;
	    }

	    .redesign-phase-card {
	      display: grid;
	      gap: 5px;
	      min-width: 0;
	      padding: 8px;
	      border: 1px solid #e8ede3;
	      border-radius: 8px;
	      background: #fbfcfa;
	    }

	    .redesign-phase-title {
	      color: var(--ink);
	      font-size: 12px;
	      font-weight: 950;
	      line-height: 1.2;
	    }

	    .redesign-phase-stats {
	      display: flex;
	      flex-wrap: wrap;
	      gap: 5px;
	    }

	    .ab-command-panel {
	      display: grid;
	      gap: 8px;
	      padding: 10px 11px;
	    }

	    .ab-panel-heading {
	      display: flex;
	      align-items: center;
	      justify-content: space-between;
	      gap: 10px;
	      min-width: 0;
	    }

	    .ab-action-list,
	    .ab-portfolio-list {
	      display: grid;
	      gap: 6px;
	    }

	    .ab-action-item,
	    .ab-portfolio-row {
	      min-width: 0;
	      border: 1px solid #e8ede3;
	      border-radius: 7px;
	      background: #fbfcfa;
	    }

	    .ab-action-item {
	      display: grid;
	      grid-template-columns: minmax(96px, 0.55fr) minmax(140px, 0.9fr) minmax(170px, 1fr);
	      gap: 8px;
	      align-items: center;
	      padding: 7px 8px;
	    }

	    .ab-action-main,
	    .ab-action-meta,
	    .ab-portfolio-main,
	    .ab-portfolio-metrics {
	      display: flex;
	      flex-wrap: wrap;
	      align-items: center;
	      gap: 6px;
	      min-width: 0;
	    }

	    .ab-action-main {
	      justify-content: flex-start;
	    }

	    .ab-action-main strong,
	    .ab-portfolio-main strong {
	      min-width: 0;
	      overflow: hidden;
	      color: var(--ink);
	      font-size: 13px;
	      font-weight: 950;
	      line-height: 1.2;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .ab-action-item .ab-action-note {
	      overflow: hidden;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .pm-signal-table {
	      display: grid;
	      gap: 6px;
	      min-width: 0;
	    }

	    .pm-signal-head,
	    .pm-signal-row {
	      display: grid;
	      grid-template-columns: minmax(170px, 0.9fr) minmax(260px, 1.35fr) minmax(110px, 0.55fr) minmax(150px, 0.8fr);
	      gap: 7px;
	      align-items: center;
	      min-width: 0;
	    }

	    .pm-signal-head {
	      padding: 0 8px;
	      color: var(--muted);
	      font-size: 10px;
	      font-weight: 950;
	      letter-spacing: 0.04em;
	      text-transform: uppercase;
	    }

	    .pm-signal-row {
	      min-height: 42px;
	      padding: 7px 8px;
	      border: 1px solid #e8ede3;
	      border-radius: 7px;
	      background: #fbfcfa;
	    }

	    .pm-signal-project,
	    .pm-signal-cell,
	    .pm-signal-action {
	      min-width: 0;
	    }

	    .pm-signal-main,
	    .pm-signal-action,
	    .pm-signal-issue {
	      overflow: hidden;
	      color: var(--ink);
	      font-size: 12px;
	      font-weight: 950;
	      line-height: 1.2;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .pm-signal-issue {
	      display: flex;
	      flex-wrap: wrap;
	      gap: 5px;
	    }

	    .pm-signal-sub {
	      overflow: hidden;
	      color: var(--muted);
	      font-size: 11px;
	      font-weight: 750;
	      line-height: 1.25;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .pm-signal-pill {
	      display: inline-flex;
	      align-items: center;
	      justify-content: center;
	      max-width: 100%;
	      min-height: 22px;
	      padding: 2px 7px;
	      border: 1px solid #e4eadf;
	      border-radius: 999px;
	      background: #fff;
	      color: var(--ink);
	      font-size: 11px;
	      font-weight: 900;
	      line-height: 1;
	      white-space: nowrap;
	    }

	    .pm-signal-pill.neutral {
	      color: var(--muted);
	    }

	    .pm-signal-pill.warn {
	      border-color: rgba(169, 103, 22, 0.26);
	      background: var(--amber-soft);
	      color: #81550f;
	    }

	    .pm-signal-pill.danger {
	      border-color: rgba(184, 61, 61, 0.28);
	      background: var(--red-soft);
	      color: #993b32;
	    }

	    .ab-portfolio-row {
	      display: grid;
	      grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr);
	      gap: 8px;
	      align-items: center;
	      padding: 8px 9px;
	    }

	    .ab-readiness-grid {
	      display: grid;
	      grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
	      gap: 8px;
	    }

	    .ab-strategist-grid {
	      display: grid;
	      grid-template-columns: repeat(4, minmax(180px, 1fr));
	      gap: 8px;
	    }

	    .ab-strategist-card {
	      display: grid;
	      gap: 8px;
	      min-width: 0;
	      padding: 10px 11px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	    }

	    .ab-strategist-card.warn {
	      border-color: rgba(169, 103, 22, 0.32);
	      background: var(--amber-soft);
	    }

	    .ab-strategist-card.danger {
	      border-color: rgba(184, 61, 61, 0.34);
	      background: var(--red-soft);
	    }

	    .ab-strategist-top,
	    .ab-strategist-stats,
	    .ab-cadence-ladder {
	      display: flex;
	      flex-wrap: wrap;
	      align-items: center;
	      gap: 6px;
	    }

	    .ab-strategist-top {
	      justify-content: space-between;
	    }

	    .ab-strategist-name {
	      min-width: 0;
	      overflow: hidden;
	      color: var(--ink);
	      font-size: 13px;
	      font-weight: 950;
	      line-height: 1.2;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .ab-strategist-stat,
	    .ab-cadence-chip,
	    .ab-owner-chip {
	      display: inline-flex;
	      align-items: center;
	      min-height: 22px;
	      padding: 3px 7px;
	      border: 1px solid var(--line);
	      border-radius: 999px;
	      background: #f9faf7;
	      color: var(--muted);
	      font-size: 11px;
	      font-weight: 850;
	      line-height: 1.2;
	    }

	    .ab-strategist-card .ab-kpi-note {
	      min-height: 32px;
	    }

	    .ab-insight-panel {
	      display: grid;
	      gap: 8px;
	      padding: 10px 11px;
	    }

	    .redesign-kpi-detail {
	      display: grid;
	      gap: 8px;
	      padding: 10px 11px;
	      border: 1px solid var(--line);
	      border-radius: 8px;
	      background: #fff;
	    }

	    .redesign-kpi-detail-list {
	      display: grid;
	      gap: 6px;
	    }

	    .ab-insight-list {
	      display: grid;
	      gap: 6px;
	    }

	    .ab-insight-item {
	      display: flex;
	      align-items: center;
	      justify-content: space-between;
	      gap: 10px;
	      min-width: 0;
	    }

	    .ab-insight-item span:last-child {
	      flex: 0 0 auto;
	    }

	    .ab-insight-item strong,
	    .ab-roadmap-card strong {
	      min-width: 0;
	      overflow: hidden;
	      color: var(--ink);
	      font-size: 13px;
	      font-weight: 900;
	      line-height: 1.2;
	      text-overflow: ellipsis;
	      white-space: nowrap;
	    }

	    .ab-next-action {
	      min-width: 210px;
	      max-width: 300px;
	    }

	    .ab-strategist-cell {
	      min-width: 150px;
	      max-width: 190px;
	    }

	    .ab-action-title {
	      color: var(--ink);
	      font-size: 13px;
	      font-weight: 900;
	      line-height: 1.25;
	    }

	    .ab-owner-line {
	      display: flex;
	      flex-wrap: wrap;
	      gap: 5px;
	      margin-top: 6px;
	    }

	    .ab-readiness-checklist {
	      display: flex;
	      flex-wrap: wrap;
	      gap: 6px;
	    }

	    .ab-readiness-chip {
	      display: inline-flex;
	      align-items: center;
	      min-height: 24px;
	      padding: 4px 8px;
	      border: 1px solid var(--line);
	      border-radius: 999px;
	      background: #f9faf7;
	      color: var(--muted);
	      font-size: 11px;
	      font-weight: 800;
	      line-height: 1.25;
	    }

	    .ab-dashboard-roadmap {
	      display: grid;
	      grid-template-columns: repeat(5, minmax(180px, 1fr));
	      gap: 8px;
	      padding: 12px 16px 16px;
	      border-top: 1px solid var(--line);
	      background: #f4f6f2;
	    }

	    .ab-roadmap-card {
	      display: grid;
	      gap: 6px;
	      padding: 10px 11px;
	    }

	    .table-wrap {
	      overflow: auto;
	      max-height: calc(100vh - 240px);
	    }

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

    th,
    td {
      padding: 12px 10px;
      border-bottom: 1px solid var(--line);
      text-align: left;
      vertical-align: middle;
      font-size: 13px;
    }

    th {
      position: sticky;
      top: 0;
      z-index: 1;
      background: #f7f9f5;
      color: #4d584f;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    tbody tr:hover {
      background: #fbfcfa;
    }

    .project-name {
      min-width: 180px;
      font-weight: 850;
    }

    .phase-cell {
      min-width: 106px;
    }

    .phase-cell-stack {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
    }

    .phase-days {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 42px;
      min-height: 30px;
      border-radius: 7px;
      background: var(--soft);
      color: #435044;
      font-weight: 850;
    }

    .phase-days.late {
      background: var(--red-soft);
      color: var(--red);
    }

    .phase-days.current {
      outline: 2px solid var(--blue);
      background: var(--blue-soft);
      color: #214f78;
    }

    .phase-days.good {
      background: var(--green-soft);
      color: var(--green);
    }

    .phase-days.not-started {
      background: transparent;
      color: var(--muted);
      border: 1px dashed var(--line);
    }

    .phase-days.live-done {
      background: var(--green-soft);
      color: var(--green);
    }

    .phase-days.live-done::before {
      content: "";
      width: 11px;
      height: 6px;
      border-left: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(-45deg) translate(1px, -1px);
    }

    .phase-task-toggle {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      min-height: 28px;
      padding: 0 8px;
      border: 1px solid #cdd8d0;
      border-radius: 7px;
      background: #fff;
      color: #334036;
      font-size: 11px;
      font-weight: 850;
      cursor: pointer;
      white-space: nowrap;
    }

    .phase-task-toggle:hover,
    .phase-task-toggle:focus-visible {
      border-color: #92a595;
      background: #f7faf6;
      outline: 2px solid rgba(53, 98, 72, 0.18);
      outline-offset: 1px;
    }

    .phase-task-toggle[aria-expanded="true"] {
      background: #eaf4ed;
      border-color: #88aa8f;
      color: #255a34;
    }

    .project-task-toggle {
      margin-top: 7px;
    }

    .phase-task-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 18px;
      height: 18px;
      border-radius: 999px;
      background: #26352a;
      color: #fff;
      font-size: 10px;
      line-height: 1;
    }

    .canonical-task-detail-row td {
      padding: 0;
      background: #f8faf7;
      border-bottom: 1px solid #dce5dc;
    }

    .canonical-task-panel {
      display: grid;
      gap: 8px;
      padding: 10px 12px 12px;
      background: #fbfcfa;
      min-width: 0;
    }

    .canonical-task-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }

    .canonical-task-title strong {
      color: #223126;
      font-size: 13px;
    }

    .clickup-parent-task {
      display: grid;
      grid-template-columns: 18px minmax(300px, 1fr) auto auto;
      align-items: center;
      gap: 10px;
      min-width: 0;
      padding: 8px 10px;
      border: 1px solid #dce6db;
      border-radius: 7px;
      background: #fff;
      color: #253227;
    }

    .clickup-parent-caret {
      width: 14px;
      height: 14px;
      border-radius: 5px;
      background: #eef5ec;
      position: relative;
    }

    .clickup-parent-caret::before {
      content: "";
      position: absolute;
      left: 4px;
      top: 5px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #435044;
    }

    .clickup-parent-name {
      min-width: 0;
      font-size: 14px;
      font-weight: 880;
      overflow-wrap: anywhere;
    }

    .clickup-parent-name a {
      color: #24372b;
    }

    .clickup-subtask-table {
      display: grid;
      min-width: 0;
      border: 1px solid #dce6db;
      border-radius: 7px;
      background: #fff;
      overflow: hidden;
    }

    .clickup-subtask-header,
    .clickup-subtask-row {
      display: grid;
      grid-template-columns: minmax(280px, 1fr) 150px 178px 96px 124px 78px;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }

    .clickup-subtask-header {
      padding: 7px 12px;
      background: #f1f5ef;
      color: #6b746d;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .clickup-subtask-row {
      min-height: 42px;
      padding: 8px 12px;
      border-top: 1px solid #edf1ec;
      color: #334036;
    }

    .clickup-subtask-row:nth-child(odd) {
      background: #fbfcfa;
    }

    .clickup-task-cell {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }

    .clickup-task-dot {
      flex: none;
      width: 14px;
      height: 14px;
      border: 2px dashed #8b958d;
      border-radius: 999px;
    }

    .clickup-task-cell a,
    .clickup-task-cell strong {
      min-width: 0;
      color: #24372b;
      font-size: 13px;
      font-weight: 830;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }

    .clickup-phase-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 24px;
      width: fit-content;
      max-width: 100%;
      padding: 0 10px;
      border-radius: 999px;
      background: #e8f2fb;
      color: #2a4b6c;
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }

    .clickup-status-text {
      color: #5c675f;
      font-size: 12px;
      font-weight: 760;
      text-transform: lowercase;
    }

    .clickup-muted-cell {
      color: #5f6c61;
      font-size: 12px;
      font-weight: 720;
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .clickup-muted-cell.overdue {
      color: #a03c3c;
    }

    .canonical-task-group {
      display: grid;
      gap: 8px;
      padding: 10px;
      border: 1px solid #dbe5db;
      border-radius: 8px;
      background: #fff;
      min-width: 0;
    }

    .canonical-task-group-head {
      display: grid;
      grid-template-columns: minmax(220px, 1fr) auto auto;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }

    .canonical-task-name {
      display: grid;
      gap: 3px;
      min-width: 0;
    }

    .canonical-task-name a {
      color: #23362a;
      font-weight: 850;
      overflow-wrap: anywhere;
    }

    .owner-chip {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 8px;
      border-radius: 999px;
      background: #eef5ec;
      color: #275b36;
      border: 1px solid #d5e4d3;
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }

    .canonical-subtask-list {
      display: grid;
      gap: 6px;
      min-width: 0;
    }

    .canonical-subtask-row {
      display: grid;
      grid-template-columns: minmax(220px, 1fr) 150px 118px 96px 86px;
      align-items: center;
      gap: 8px;
      padding: 8px 9px;
      border-radius: 7px;
      background: #f8faf7;
      color: #334036;
      min-width: 0;
    }

    .canonical-subtask-row a {
      color: #24372b;
      font-weight: 780;
      overflow-wrap: anywhere;
    }

    .subtask-meta {
      color: #5f6c61;
      font-size: 12px;
      font-weight: 720;
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .subtask-meta.overdue {
      color: #a03c3c;
    }

    .health {
      display: grid;
      gap: 5px;
      min-width: 86px;
    }

    .health-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      font-weight: 850;
      font-size: 13px;
    }

    .unreliable-badge {
      font-size: 14px;
      cursor: default;
    }

    .unreliable-row td { opacity: 0.75; }

    .total-days-cell .unreliable-days {
      color: var(--muted, #7a8a7c);
      font-size: 18px;
      font-weight:  300;
    }

    .bar {
      height: 8px;
      overflow: hidden;
      border-radius: 999px;
      background: #e7ece4;
    }

    .bar span {
      display: block;
      height: 100%;
      width: var(--value);
      border-radius: inherit;
      background: var(--green);
    }

    .bar.warn span {
      background: var(--amber);
    }

    .bar.danger span {
      background: var(--red);
    }

    .aside-stack {
      display: grid;
      gap: 16px;
    }

    .timeline {
      display: grid;
      gap: 12px;
      padding: 16px;
    }

    .event {
      display: grid;
      grid-template-columns: 11px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
    }

    .dot {
      width: 11px;
      height: 11px;
      margin-top: 4px;
      border-radius: 50%;
      background: var(--green);
    }

    .dot.warn {
      background: var(--amber);
    }

    .dot.danger {
      background: var(--red);
    }

    .event-title {
      font-size: 13px;
      font-weight: 850;
      line-height: 1.3;
    }

    .event-meta {
      margin-top: 3px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .empty {
      padding: 24px 16px;
      color: var(--muted);
      font-size: 14px;
      text-align: center;
    }

    .monitoring-view .panel {
      border-radius: 12px;
      box-shadow: none;
    }

    .monitoring-summary-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      padding: 16px;
      border-top: 1px solid #d7ddd3;
      background: #f4f6f2;
    }

    .monitor-card {
      display: grid;
      gap: 7px;
      width: 100%;
      min-height: 124px;
      padding: 14px;
      border: 1px solid #d6dfd2;
      border-radius: 10px;
      background: #ffffff;
      color: #17201b;
      cursor: pointer;
      font: inherit;
      text-align: left;
      box-shadow: 0 12px 28px rgba(23, 32, 27, 0.05);
    }

    .monitor-card.warn,
    .monitor-card.warning {
      border-color: #eccf9a;
      background: #fff9ef;
    }

    .monitor-card.danger,
    .monitor-card.critical,
    .monitor-card.error {
      border-color: #efb8b8;
      background: #fff5f4;
    }

    .monitor-card-label {
      color: #667064;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .monitor-card-value {
      color: #121a15;
      font-size: 24px;
      font-weight: 900;
      line-height: 1.05;
    }

    .monitor-card-note,
    .monitor-card-hint {
      color: #687266;
      font-size: 12px;
      line-height: 1.35;
    }

    .monitor-card-hint {
      font-weight: 850;
    }

    .monitor-card-detail {
      display: none;
      gap: 6px;
      padding-top: 10px;
      margin-top: 4px;
      border-top: 1px solid #e1e7dd;
    }

    .monitor-card[data-expanded="true"] .monitor-card-detail {
      display: grid;
    }

    .monitor-card-detail-row {
      display: grid;
      grid-template-columns: minmax(90px, 0.42fr) minmax(0, 1fr);
      gap: 8px;
      color: #536058;
      font-size: 11px;
      line-height: 1.35;
    }

    .monitor-card-detail-row span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .monitoring-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      padding: 12px 16px;
      border-top: 1px solid #d7ddd3;
      border-bottom: 1px solid #d7ddd3;
      background: #fbfcfa;
    }

    .monitoring-tab {
      min-height: 32px;
      padding: 0 12px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #ffffff;
      color: #4f5a52;
      cursor: pointer;
      font: inherit;
      font-size: 12px;
      font-weight: 850;
    }

    .monitoring-tab.active {
      border-color: #111c17;
      background: #111c17;
      color: #ffffff;
    }

    .monitoring-grid-two {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin-top: 16px;
    }

    .monitoring-tab-panel[hidden] {
      display: none !important;
    }

    .monitoring-panel-body {
      padding: 14px 16px 16px;
    }

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

    .monitoring-alert {
      border: 1px solid #d7ddd3;
      border-radius: 10px;
      background: #ffffff;
      overflow: hidden;
    }

    .monitoring-alert-summary {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 8px 10px;
      align-items: start;
      padding: 12px;
      cursor: pointer;
      list-style: none;
    }

    .monitoring-alert-summary::-webkit-details-marker {
      display: none;
    }

    .monitoring-alert-title {
      color: #17201b;
      font-size: 13px;
      font-weight: 900;
      line-height: 1.25;
    }

    .monitoring-alert-detail,
    .monitoring-alert-hint {
      grid-column: 2;
      color: #687266;
      font-size: 12px;
      line-height: 1.35;
    }

    .monitoring-alert-hint {
      font-weight: 850;
    }

    .monitoring-runbook {
      display: grid;
      gap: 5px;
      padding: 12px;
      border-top: 1px solid #e1e7dd;
      color: #536058;
      font-size: 12px;
      line-height: 1.35;
    }

    .monitoring-table-wrap {
      overflow: auto;
    }

    .monitoring-table {
      min-width: 900px;
    }

    .monitoring-table td,
    .monitoring-table th {
      font-size: 12px;
    }

    .monitoring-kv-row {
      display: grid;
      grid-template-columns: minmax(180px, 0.34fr) minmax(0, 1fr);
      gap: 14px;
      align-items: start;
      padding: 11px 0;
      border-bottom: 1px solid #e1e7dd;
    }

    .monitoring-kv-row:last-child {
      border-bottom: 0;
    }

    .monitoring-kv-key {
      color: #17201b;
      font-size: 12px;
      font-weight: 900;
      line-height: 1.35;
    }

    .monitoring-kv-value {
      min-width: 0;
      color: #5d685f;
      font-size: 12px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }

    .codex-usage-bar {
      display: grid;
      gap: 9px;
      padding: 12px 0;
      border-bottom: 1px solid #e1e7dd;
    }

    .codex-usage-bar:last-child {
      border-bottom: 0;
    }

    .codex-bar-top,
    .codex-bar-meta {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }

    .codex-bar-title,
    .codex-bar-number {
      color: #17201b;
      font-size: 12px;
      font-weight: 900;
    }

    .codex-bar-track {
      height: 9px;
      border-radius: 999px;
      background: #e4ebe0;
      overflow: hidden;
    }

    .codex-bar-fill {
      height: 100%;
      border-radius: inherit;
      background: #2d7d57;
    }

    .codex-bar-fill.warning {
      background: #a96716;
    }

    .codex-bar-fill.critical {
      background: #b83d3d;
    }

    .codex-bar-meta,
    .codex-live-note {
      color: #687266;
      font-size: 11px;
      line-height: 1.35;
    }

    .monitoring-log-line {
      padding: 9px 0;
      border-bottom: 1px solid #e1e7dd;
      color: #536058;
      font-size: 12px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }

    .wireframe-studio {
      display: grid;
      gap: 16px;
    }

    .wireframe-studio[hidden] {
      display: none !important;
    }

    .wireframe-hero,
    .wireframe-preview,
    .wireframe-run-panel,
    .wireframe-version-panel,
    .wireframe-gate-panel,
    .wireframe-feedback-panel {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: var(--shadow);
    }

    .wireframe-hero {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 16px;
    }

    .wireframe-hero h3,
    .wireframe-panel-title h3 {
      margin: 0;
      font-size: 18px;
      line-height: 1.25;
    }

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

    .wireframe-studio .button {
      min-height: 38px;
    }

    .wireframe-studio .button.primary {
      border-color: #173c2d;
      background: #173c2d;
      color: #fff;
    }

    .wireframe-studio .button[disabled],
    .wireframe-studio button[disabled] {
      cursor: not-allowed;
      opacity: 0.58;
      box-shadow: none;
    }

    .wireframe-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--line);
    }

    .wireframe-metrics article {
      display: grid;
      gap: 6px;
      min-width: 0;
      padding: 14px;
      background: var(--panel);
    }

    .wireframe-metrics span,
    .wireframe-metrics small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .wireframe-metrics strong {
      color: var(--ink);
      font-size: 18px;
      line-height: 1.25;
    }

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

    .wireframe-lower-grid {
      display: grid;
      grid-template-columns: 0.95fr 1fr 1.1fr;
      gap: 16px;
      align-items: start;
    }

    .wireframe-preview,
    .wireframe-run-panel,
    .wireframe-version-panel,
    .wireframe-gate-panel,
    .wireframe-feedback-panel {
      padding: 16px;
    }

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

    .wireframe-segmented {
      display: inline-flex;
      padding: 3px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--soft);
    }

    .wireframe-segmented button {
      min-height: 32px;
      border: 0;
      border-radius: 6px;
      padding: 0 10px;
      background: transparent;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .wireframe-segmented button.active {
      background: #fff;
      color: var(--ink);
      box-shadow: 0 1px 3px rgba(24, 35, 31, 0.12);
    }

    .wireframe-frame {
      display: grid;
      place-items: start center;
      height: min(68vh, 700px);
      min-height: 430px;
      overflow: auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #eef2f0;
    }

    .wireframe-frame img {
      display: block;
      width: 100%;
      max-width: 1180px;
      height: auto;
    }

    .wireframe-frame.mobile img,
    .wireframe-frame.floor img {
      width: min(390px, 100%);
    }

    .wireframe-node-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .wireframe-node-row span,
    .wireframe-chip {
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--soft);
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
    }

    .wireframe-node-row span {
      padding: 8px 10px;
    }

    .wireframe-chip {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 9px;
    }

    .wireframe-chip.pass,
    .wireframe-chip.active,
    .wireframe-chip.floor,
    .wireframe-chip.resolved,
    .wireframe-status.resolved,
    .wireframe-gate.pass .wireframe-chip {
      background: #e7f5ee;
      color: #1f7a4d;
      border-color: #b9dec9;
    }

    .wireframe-chip.watch,
    .wireframe-chip.high,
    .wireframe-chip.medium,
    .wireframe-chip.paused,
    .wireframe-chip.queued,
    .wireframe-status.queued,
    .wireframe-gate.watch .wireframe-chip {
      background: #eef2ef;
      color: #4f6258;
      border-color: #d4dfd8;
    }

    .wireframe-chip.fail,
    .wireframe-chip.open,
    .wireframe-status.open,
    .wireframe-gate.fail .wireframe-chip {
      background: #fdecea;
      color: #a83226;
      border-color: #f1b6af;
    }

    .wireframe-run-panel {
      display: grid;
      gap: 12px;
    }

    .wireframe-run-panel label {
      display: grid;
      gap: 7px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .wireframe-run-panel select,
    .wireframe-run-panel textarea,
    .wireframe-feedback-panel select {
      width: 100%;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      padding: 10px 11px;
    }

    .wireframe-run-panel textarea {
      min-height: 96px;
      resize: vertical;
      line-height: 1.45;
    }

    .wireframe-version-list,
    .wireframe-gate-list,
    .wireframe-feedback-list {
      display: grid;
      gap: 10px;
    }

    .wireframe-version-card {
      display: grid;
      grid-template-columns: 12px minmax(0, 1fr);
      gap: 10px;
      width: 100%;
      min-height: 58px;
      align-items: center;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      padding: 11px;
      text-align: left;
    }

    .wireframe-version-card.active,
    .wireframe-version-card:hover {
      border-color: #9db5ab;
      background: #f4f8f6;
    }

    .wireframe-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #6f8178;
    }

    .wireframe-dot.passed-floor-gate {
      background: #1f7a4d;
    }

    .wireframe-dot.rejected {
      background: #a83226;
    }

    .wireframe-version-card strong,
    .wireframe-version-card small {
      display: block;
    }

    .wireframe-version-card small {
      margin-top: 3px;
      color: var(--muted);
      font-size: 12px;
    }

    .wireframe-learning {
      display: grid;
      gap: 9px;
      margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid var(--line);
    }

    .wireframe-learning p,
    .wireframe-gate p,
    .wireframe-feedback-item p {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .wireframe-gate,
    .wireframe-feedback-item {
      display: grid;
      gap: 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      padding: 12px;
    }

    .wireframe-gate {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
    }

    .wireframe-feedback-meta,
    .wireframe-feedback-footer {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px;
    }

    .wireframe-feedback-footer {
      justify-content: space-between;
    }

    .wireframe-feedback-footer button {
      min-height: 34px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #f9fbfa;
      color: var(--ink);
      font-size: 12px;
      font-weight: 800;
    }

    .wireframe-project-list {
      display: grid;
      gap: 8px;
    }

    .wireframe-project-button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      width: 100%;
      min-height: 56px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      padding: 10px 12px;
      text-align: left;
    }

    .wireframe-project-button.active,
    .wireframe-project-button:hover {
      border-color: #9db5ab;
      background: #f4f8f6;
    }

    .wireframe-project-button strong,
    .wireframe-project-button small {
      display: block;
    }

    .wireframe-project-button small {
      margin-top: 3px;
      color: var(--muted);
      font-size: 12px;
    }

    .wireframe-side-note {
      display: grid;
      gap: 8px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #f7f9f7;
    }

    .wireframe-side-note ul {
      display: grid;
      gap: 6px;
      margin: 0;
      padding-left: 18px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .wireframe-panel-title.compact {
      margin-top: 4px;
      margin-bottom: 0;
    }

    .wireframe-empty {
      padding: 18px;
      border: 1px dashed var(--line);
      border-radius: 8px;
      color: var(--muted);
      text-align: center;
      font-size: 13px;
    }

    .wireframe-app {
      display: grid;
      gap: 16px;
    }

    .wireframe-studio .button.dark {
      border-color: #22312b;
      background: #22312b;
      color: #fff;
    }

    .wireframe-studio .button.full {
      width: 100%;
    }

    .wireframe-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: var(--shadow);
    }

    .wireframe-toolbar label,
    .wireframe-feedback-controls {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .wireframe-toolbar select,
    .wireframe-feedback-controls select {
      width: auto;
      min-width: 180px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      padding: 9px 11px;
    }

    .wireframe-project-gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 16px;
    }

    .wireframe-project-gallery.wireframe-project-list {
      grid-template-columns: 1fr;
      gap: 10px;
    }

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

    .wireframe-v6-card {
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .wireframe-v6-card.priority {
      border-color: #b8cfc4;
      box-shadow: 0 18px 34px rgba(22, 43, 33, 0.08);
    }

    .wireframe-v6-card-head {
      display: grid;
      grid-template-columns: 38px minmax(0, 1fr) auto;
      gap: 11px;
      align-items: start;
      min-width: 0;
    }

    .wireframe-v6-avatar {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border: 1px solid #cbd8cf;
      border-radius: 8px;
      background: #e7eee7;
      color: #244032;
      font-size: 12px;
      font-weight: 900;
    }

    .wireframe-v6-card h3 {
      margin: 0;
      color: var(--ink);
      font-size: 15px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }

    .wireframe-v6-card p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }

    .wireframe-v6-domain {
      margin-top: 4px !important;
    }

    .wireframe-v6-meta,
    .wireframe-v6-chip-row {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
      min-width: 0;
    }

    .wireframe-v6-meta {
      padding-top: 2px;
    }

    .wireframe-v6-chip,
    .wireframe-v6-readiness {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      max-width: 100%;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #f2f5f0;
      color: #445047;
      padding: 0 8px;
      font-size: 10px;
      font-weight: 900;
      line-height: 1.15;
      white-space: nowrap;
    }

    .wireframe-v6-chip.status {
      border-color: #cbd8cf;
      background: #eaf0ea;
      color: #314138;
    }

    .wireframe-v6-readiness.pass {
      border-color: #b9dec9;
      background: #eef8f2;
      color: #1f7a4d;
    }

    .wireframe-v6-readiness.watch {
      border-color: #d4dfd8;
      background: #f7faf8;
      color: #4f6258;
    }

    .wireframe-v6-readiness.fail {
      border-color: #f1b6af;
      background: #fff1ef;
      color: #a83226;
    }

    .wireframe-v6-next {
      display: grid;
      gap: 3px;
      padding-top: 2px;
    }

    .wireframe-v6-next span {
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .wireframe-v6-next strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.35;
    }

    .wireframe-v6-card .button {
      align-self: start;
      min-height: 34px;
      padding: 0 12px;
      white-space: nowrap;
    }

    .wireframe-project-table-panel.v6 {
      display: grid;
      gap: 0;
    }

    .wireframe-project-table-panel.v6 > * {
      min-width: 0;
    }

    .wireframe-project-table-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      padding: 14px;
      border-bottom: 1px solid var(--line);
      background: #fbfcfa;
    }

    .wireframe-project-table-head h3 {
      margin: 0;
      color: var(--ink);
      font-size: 17px;
      line-height: 1.2;
    }

    .wireframe-project-table-head p {
      margin: 4px 0 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .wireframe-project-table-panel {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: var(--shadow);
    }

    .wireframe-project-table {
      width: 100%;
      min-width: 0;
      max-width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }

    .wireframe-project-table th,
    .wireframe-project-table td {
      padding: 12px 10px;
      border-bottom: 1px solid var(--line);
      text-align: left;
      vertical-align: top;
    }

    .wireframe-project-table th:nth-child(6),
    .wireframe-project-table td:nth-child(6) {
      width: 145px;
    }

    .wireframe-project-table th {
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      background: #f7faf8;
    }

    .wireframe-project-table tr:last-child td {
      border-bottom: 0;
    }

    .wireframe-project-table tr.priority td:first-child {
      box-shadow: inset 3px 0 0 #2d704f;
    }

    .wireframe-table-project,
    .wireframe-table-stack,
    .wireframe-table-next,
    .wireframe-table-review {
      display: grid;
      gap: 5px;
      min-width: 0;
    }

    .wireframe-table-project strong,
    .wireframe-table-next strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.25;
    }

    .wireframe-table-project small,
    .wireframe-table-stack small,
    .wireframe-table-next small,
    .wireframe-table-review small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .wireframe-table-signal {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      max-width: 100%;
      min-height: 26px;
      padding: 0 9px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #f8faf9;
      color: #4f6258;
      font-size: 11px;
      font-weight: 850;
      line-height: 1.2;
    }

    .wireframe-table-signal.pass {
      border-color: #b9dec9;
      background: #eef8f2;
      color: #1f7a4d;
    }

    .wireframe-table-signal.watch {
      border-color: #d4dfd8;
      background: #f7faf8;
      color: #4f6258;
    }

    .wireframe-table-signal.fail {
      border-color: #f1b6af;
      background: #fff1ef;
      color: #a83226;
    }

    .wireframe-table-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: stretch;
      gap: 7px;
    }

    .wireframe-table-actions .button {
      flex: 1 1 100%;
      min-width: 0;
      width: 100%;
      padding: 0 9px;
      text-align: center;
      white-space: normal;
      line-height: 1.18;
    }

    .wireframe-project-card.v6 {
      gap: 12px;
      padding: 14px;
      box-shadow: none;
    }

    .wireframe-project-card.v6 .wireframe-readiness-grid {
      grid-template-columns: 1fr;
      gap: 6px;
    }

    .wireframe-project-card.v6 .wireframe-next-action {
      background: #f7faf8;
    }

    .wireframe-project-list .wireframe-project-card {
      grid-template-columns: minmax(220px, 0.8fr) minmax(300px, 1fr) minmax(260px, 0.85fr);
      grid-template-areas:
        "main readiness next"
        "actions readiness next";
      align-items: center;
    }

    .wireframe-project-list .wireframe-project-card-main {
      grid-area: main;
      align-items: center;
    }

    .wireframe-project-list .wireframe-readiness-grid {
      grid-area: readiness;
    }

    .wireframe-project-list .wireframe-next-action {
      grid-area: next;
      align-self: stretch;
    }

    .wireframe-project-list .wireframe-card-actions {
      grid-area: actions;
    }

    .wireframe-project-card,
    .wireframe-studio-header,
    .wireframe-context-panel,
    .wireframe-source-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: var(--shadow);
    }

    .wireframe-project-card {
      display: grid;
      gap: 14px;
      min-width: 0;
      padding: 16px;
    }

    .wireframe-project-card.status-needs-action,
    .wireframe-project-card.status-needs-edits,
    .wireframe-project-card.status-ready-to-run,
    .wireframe-project-card.status-in-review {
      border-color: #b8cfc4;
      box-shadow: 0 18px 34px rgba(22, 43, 33, 0.08);
    }

    .wireframe-project-card-main {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: start;
    }

    .wireframe-project-card h3,
    .wireframe-studio-header h3,
    .wireframe-context-panel h3,
    .wireframe-source-card h3 {
      margin: 0;
      font-size: 18px;
      line-height: 1.25;
    }

    .wireframe-project-card p,
    .wireframe-project-card dd,
    .wireframe-next-action strong,
    .wireframe-context-panel p,
    .wireframe-source-card p,
    .wireframe-version-row p,
    .wireframe-feedback-card p {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    .wireframe-project-icon {
      display: grid;
      place-items: center;
      width: 48px;
      height: 48px;
      border-radius: 8px;
      background: #e9f3ef;
      color: #1f7a4d;
      font-size: 12px;
      font-weight: 900;
    }

    .wireframe-project-facts {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--line);
    }

    .wireframe-project-facts div {
      display: grid;
      gap: 5px;
      min-width: 0;
      padding: 10px;
      background: #fbfcfb;
    }

    .wireframe-project-facts dt {
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .wireframe-project-facts dd {
      font-size: 13px;
      font-weight: 900;
      overflow-wrap: anywhere;
    }

    .wireframe-next-action {
      display: grid;
      gap: 5px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #f8faf9;
    }

    .wireframe-project-card.status-needs-edits .wireframe-next-action,
    .wireframe-project-card.status-ready-to-run .wireframe-next-action,
    .wireframe-project-card.status-in-review .wireframe-next-action {
      border-color: #c9e1d5;
      background: #eff7f2;
    }

    .wireframe-next-action span {
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .wireframe-next-action strong {
      color: #142019;
      font-size: 14px;
      line-height: 1.35;
    }

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

    .wireframe-readiness-item {
      display: grid;
      gap: 4px;
      min-width: 0;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfcfb;
    }

    .wireframe-readiness-item span {
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .wireframe-readiness-item strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }

    .wireframe-readiness-item.pass {
      border-color: #b9dec9;
      background: #eef8f2;
    }

    .wireframe-readiness-item.watch {
      border-color: #d4dfd8;
      background: #f7faf8;
    }

    .wireframe-readiness-item.fail {
      border-color: #f1b6af;
      background: #fff1ef;
    }

    .wireframe-card-actions,
    .wireframe-version-actions,
    .wireframe-feedback-footer {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .wireframe-studio-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 16px;
    }

    .wireframe-project-switcher {
      display: grid;
      gap: 6px;
      min-width: min(260px, 100%);
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
    }

    .wireframe-project-switcher select {
      width: 100%;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      padding: 9px 11px;
    }

    .wireframe-studio-grid {
      display: grid;
      grid-template-columns: 280px minmax(0, 1fr);
      gap: 16px;
      align-items: start;
    }

    .wireframe-context-panel {
      display: grid;
      gap: 1px;
      overflow: hidden;
    }

    .wireframe-panel-block {
      display: grid;
      gap: 7px;
      padding: 16px;
      background: #fff;
    }

    .wireframe-main {
      display: grid;
      gap: 16px;
      min-width: 0;
    }

    .wireframe-tabbar {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .wireframe-tabbar button,
    .wireframe-small-button,
    .wireframe-version-actions button,
    .wireframe-feedback-footer button {
      min-height: 34px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font-size: 12px;
      font-weight: 800;
      text-transform: capitalize;
    }

    .wireframe-tabbar button {
      padding: 0 14px;
    }

    .wireframe-tabbar button,
    .wireframe-small-button {
      text-transform: none;
    }

    .wireframe-tabbar button.active {
      border-color: #173c2d;
      background: #173c2d;
      color: #fff;
    }

    .wireframe-small-button {
      justify-self: start;
      padding: 0 10px;
    }

    .wireframe-studio-header.workspace-hero {
      align-items: flex-start;
    }

    .wireframe-studio-grid.workspace-layout {
      grid-template-columns: 300px minmax(0, 1fr);
    }

    .wireframe-context-panel.workspace-brief {
      position: sticky;
      top: 16px;
    }

    .wireframe-stacked-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }

    .wireframe-research-hero {
      align-items: flex-end;
    }

    .wireframe-sync-copy {
      margin-top: 10px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .wireframe-live-pill,
    .wireframe-row-count {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      width: fit-content;
      border-radius: 999px;
      padding: 0 10px;
      background: #e7f5ee;
      color: #1f7a4d;
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }

    .wireframe-row-count {
      background: #e7f1fb;
      color: #1f5e9a;
    }

    .wireframe-sync-card,
    .wireframe-next-action-card,
    .wireframe-controls-panel,
    .wireframe-scope-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: var(--shadow);
    }

    .wireframe-sync-card {
      display: grid;
      grid-template-columns: minmax(180px, auto) 1px minmax(0, 1fr);
      gap: 18px;
      align-items: center;
      padding: 16px 18px;
    }

    .wireframe-sync-card h3 {
      margin: 0;
      color: var(--ink);
      font-size: 20px;
      line-height: 1.15;
    }

    .wireframe-sync-card p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.45;
    }

    .wireframe-sync-rule {
      align-self: stretch;
      background: var(--line);
    }

    .wireframe-decision-strip,
    .wireframe-workspace-steps,
    .wireframe-quiet-status-grid {
      display: grid;
      gap: 12px;
    }

    .wireframe-decision-strip {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wireframe-workspace-steps,
    .wireframe-quiet-status-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .wireframe-decision-strip article,
    .wireframe-workspace-steps article,
    .wireframe-quiet-status-grid article {
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      padding: 14px;
      box-shadow: var(--shadow);
    }

    .wireframe-workspace-steps article {
      box-shadow: none;
    }

    .wireframe-decision-strip span,
    .wireframe-workspace-steps span,
    .wireframe-quiet-status-grid span {
      display: inline-flex;
      margin-bottom: 8px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .wireframe-workspace-steps span {
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 999px;
      background: #eef3f0;
      color: var(--muted);
    }

    .wireframe-workspace-steps article.complete span,
    .wireframe-workspace-steps article.active span {
      background: #e7f5ee;
      color: #1f7a4d;
    }

    .wireframe-workspace-steps article.active {
      border-color: #93c9ab;
    }

    .wireframe-decision-strip strong,
    .wireframe-quiet-status-grid strong {
      display: block;
      margin-bottom: 6px;
      color: var(--ink);
      font-size: 16px;
      line-height: 1.2;
    }

    .wireframe-decision-strip p,
    .wireframe-workspace-steps p,
    .wireframe-quiet-status-grid p {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    .wireframe-draft-f-panel {
      display: grid;
      gap: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      padding: 16px;
      box-shadow: var(--shadow);
    }

    .wireframe-draft-f-panel > header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
    }

    .wireframe-draft-f-panel h3 {
      margin: 0;
      color: var(--ink);
      font-size: 18px;
      line-height: 1.15;
    }

    .wireframe-draft-f-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
    }

    .wireframe-draft-f-step {
      display: grid;
      gap: 8px;
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #f8faf8;
      padding: 12px;
    }

    .wireframe-draft-f-step.pass {
      border-color: #b9dec9;
      background: #eef8f2;
    }

    .wireframe-draft-f-step.watch {
      border-color: #d4dfd8;
      background: #f7faf8;
    }

    .wireframe-draft-f-step.fail {
      border-color: #f1b6af;
      background: #fff1ef;
    }

    .wireframe-draft-f-step span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 26px;
      height: 26px;
      border-radius: 999px;
      background: #173c2d;
      color: #fff;
      font-size: 11px;
      font-weight: 900;
    }

    .wireframe-draft-f-step strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.2;
    }

    .wireframe-draft-f-step em {
      color: #4f6258;
      font-size: 12px;
      font-style: normal;
      font-weight: 900;
      text-transform: uppercase;
    }

    .wireframe-draft-f-step p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .wireframe-v8-workbench {
      align-items: stretch;
    }

    .wireframe-action-panel {
      align-self: stretch;
    }

    .wireframe-v8-executor-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 340px;
      gap: 18px;
      align-items: start;
    }

    .wireframe-v8-executor-main {
      display: grid;
      gap: 18px;
      min-width: 0;
    }

    .wireframe-next-action-card,
    .wireframe-controls-panel,
    .wireframe-scope-card {
      padding: 18px;
    }

    .wireframe-next-action-card {
      display: grid;
      gap: 14px;
    }

    .wireframe-action-hero {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      border: 1px solid #93c9ab;
      border-radius: 8px;
      padding: 20px;
      background: linear-gradient(180deg, #fff, #f2faf5);
    }

    .wireframe-action-hero h3 {
      margin: 0;
      color: var(--ink);
      font-size: 26px;
      line-height: 1.12;
    }

    .wireframe-action-hero p {
      max-width: 720px;
      margin: 8px 0 0;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.45;
    }

    .wireframe-action-hero .button {
      min-width: 220px;
      min-height: 52px;
    }

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

    .wireframe-step-strip article {
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 14px;
      background: #fbfdfc;
    }

    .wireframe-step-strip article.active {
      border-color: #93c9ab;
      background: #e7f5ee;
    }

    .wireframe-step-strip article.complete {
      border-color: #c9ded3;
      background: #fbfdfc;
    }

    .wireframe-step-strip strong {
      display: block;
      margin-bottom: 5px;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.2;
    }

    .wireframe-step-strip span {
      display: block;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
    }

    .wireframe-output-panel {
      min-width: 0;
    }

    .wireframe-controls-panel {
      position: sticky;
      top: 18px;
      display: grid;
      gap: 13px;
    }

    .wireframe-controls-panel h3,
    .wireframe-scope-card h3 {
      margin: 0;
      color: var(--ink);
      font-size: 18px;
      line-height: 1.2;
    }

    .wireframe-controls-panel label {
      display: grid;
      gap: 7px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 900;
    }

    .wireframe-controls-panel select {
      width: 100%;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      padding: 10px 11px;
    }

    .wireframe-control-note {
      display: grid;
      gap: 6px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 12px;
      background: #fbfdfc;
    }

    .wireframe-control-note strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.2;
    }

    .wireframe-control-note span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    .wireframe-scope-list {
      display: grid;
      gap: 10px;
      margin-top: 14px;
    }

    .wireframe-scope-list article {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 12px;
      background: #fff;
    }

    .wireframe-scope-list article.active {
      border-color: #93c9ab;
      background: #e7f5ee;
    }

    .wireframe-scope-list span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 900;
      line-height: 1.3;
    }

    .wireframe-form-rule {
      height: 1px;
      background: var(--line);
    }

    .wireframe-operator-grid {
      display: grid;
      gap: 16px;
    }

    .wireframe-history-grid {
      align-items: start;
    }

    .wireframe-workbench-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 330px;
      gap: 16px;
      align-items: start;
    }

    .wireframe-segmented.wrap {
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .wireframe-empty-preview {
      display: grid;
      place-items: center;
      gap: 10px;
      width: 100%;
      min-height: 360px;
      padding: 30px;
      color: var(--muted);
      text-align: center;
    }

    .wireframe-empty-preview strong {
      color: var(--ink);
      font-size: 20px;
    }

    .wireframe-two-up {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .wireframe-version-row,
    .wireframe-feedback-card {
      display: grid;
      gap: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      padding: 12px;
    }

    .wireframe-version-row {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
    }

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

    .wireframe-source-card {
      display: grid;
      gap: 9px;
      padding: 16px;
    }

    .wireframe-source-card > span,
    .wireframe-feedback-meta span,
    .wireframe-feedback-meta strong,
    .wireframe-feedback-meta em {
      justify-self: start;
      border-radius: 999px;
      padding: 5px 8px;
      background: #e7f1fb;
      color: #1f5e9a;
      font-size: 11px;
      font-style: normal;
      font-weight: 900;
    }

    .wireframe-source-card.required > span {
      background: #e7f5ee;
      color: #1f7a4d;
    }

    .wireframe-source-card.warning > span,
    .wireframe-feedback-card.status-open .wireframe-feedback-meta em,
    .wireframe-feedback-card.status-queued .wireframe-feedback-meta em {
      background: #eef2ef;
      color: #4f6258;
    }

    .wireframe-feedback-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      align-items: center;
    }

    .wireframe-feedback-meta strong {
      background: #eef3f0;
      color: var(--ink);
    }

    @media (max-width: 1180px) {
      .wireframe-main-grid,
      .wireframe-lower-grid,
      .wireframe-studio-grid,
      .wireframe-studio-grid.workspace-layout,
      .wireframe-workbench-grid,
      .wireframe-workbench-grid.wireframe-v8-workbench,
      .wireframe-v8-executor-grid,
      .wireframe-decision-strip,
      .wireframe-workspace-steps,
      .wireframe-draft-f-grid,
      .wireframe-step-strip,
      .wireframe-quiet-status-grid,
      .wireframe-sync-card,
      .research-lower-grid {
        grid-template-columns: 1fr;
      }

      .wireframe-context-panel.workspace-brief {
        position: static;
      }

      .research-project-grid,
      .research-process-grid,
      .research-metrics-grid,
      .research-section-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .research-workflow-grid {
        grid-template-columns: 1fr;
      }

      .research-module-nav {
        position: static;
        display: flex;
        flex-wrap: wrap;
      }

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

      .wireframe-project-gallery {
        grid-template-columns: repeat(2, minmax(260px, 1fr));
      }

      .wireframe-project-list .wireframe-project-card {
        grid-template-columns: 1fr;
        grid-template-areas:
          "main"
          "readiness"
          "next"
          "actions";
      }
    }

    @media (max-width: 720px) {
      .wireframe-hero,
      .wireframe-studio-header,
      .wireframe-panel-title,
      .wireframe-toolbar,
      .research-gallery-head,
      .research-detail-head {
        align-items: flex-start;
        flex-direction: column;
      }

      .wireframe-hero-actions,
      .wireframe-segmented,
      .wireframe-card-actions,
      .wireframe-feedback-controls,
      .research-actions {
        width: 100%;
      }

      .wireframe-segmented button {
        flex: 1;
      }

      .wireframe-metrics,
      .wireframe-project-gallery,
      .wireframe-project-facts,
      .wireframe-readiness-grid,
      .wireframe-source-grid,
      .wireframe-studio-grid.workspace-layout,
      .wireframe-workbench-grid.wireframe-v8-workbench,
      .wireframe-v8-executor-grid,
      .wireframe-decision-strip,
      .wireframe-workspace-steps,
      .wireframe-draft-f-grid,
      .wireframe-step-strip,
      .wireframe-quiet-status-grid,
      .wireframe-sync-card,
      .research-project-grid,
      .research-process-grid,
      .research-metrics-grid,
      .research-section-grid,
      .research-intake-grid {
        grid-template-columns: 1fr;
      }

      .research-card-footer,
      .research-queue-row,
      .research-check-row,
      .research-section-card {
        grid-template-columns: 1fr;
      }

      .wireframe-action-hero,
      .wireframe-scope-list article {
        grid-template-columns: 1fr;
      }

      .wireframe-action-hero {
        align-items: stretch;
      }

      .wireframe-action-hero .button,
      .wireframe-controls-panel .button {
        width: 100%;
        min-width: 0;
      }

      .wireframe-controls-panel {
        position: static;
      }

      .research-actions,
      .research-status-stack {
        align-items: stretch;
        justify-content: flex-start;
      }

      .research-banner {
        flex-direction: column;
      }

      .research-module-nav a {
        flex: 1 1 128px;
      }

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

      .wireframe-v6-card-grid {
        grid-template-columns: 1fr;
      }

      .wireframe-gallery-grid {
        grid-template-columns: 1fr;
      }

      .wireframe-v6-card-head {
        grid-template-columns: 38px minmax(0, 1fr);
      }

      .wireframe-v6-card .button {
        grid-column: 1 / -1;
        width: 100%;
      }

      .wireframe-project-table-head {
        display: grid;
      }

      .wireframe-toolbar select,
      .wireframe-project-switcher,
      .wireframe-feedback-controls select,
      .wireframe-card-actions .button,
      .wireframe-hero-actions .button,
      .wireframe-hero-actions a {
        width: 100%;
      }

      .wireframe-frame {
        height: 62vh;
        min-height: 320px;
      }

      .wireframe-project-table,
      .wireframe-project-table thead,
      .wireframe-project-table tbody,
      .wireframe-project-table tr,
      .wireframe-project-table th,
      .wireframe-project-table td {
        display: block;
      }

      .wireframe-project-table thead {
        display: none;
      }

      .wireframe-project-table tr {
        border-bottom: 1px solid var(--line);
      }

      .wireframe-project-table tr:last-child {
        border-bottom: 0;
      }

      .wireframe-project-table td {
        display: grid;
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 10px;
        border-bottom: 0;
        padding: 10px 12px;
      }

      .wireframe-project-table td::before {
        content: attr(data-label);
        color: var(--muted);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .wireframe-project-table td > * {
        min-width: 0;
      }

      .wireframe-project-table td[data-label="Actions"] {
        grid-template-columns: 1fr;
      }

      .wireframe-table-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        width: 100%;
      }

      .wireframe-table-actions .button {
        min-height: 38px;
        overflow-wrap: anywhere;
      }

      .wireframe-version-row {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 1180px) {
      .shell {
        grid-template-columns: 1fr;
      }

      .sidebar {
        position: static;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }

      .worker-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .agent-branches,
      .aside-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #system-health .health-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .content-grid,
      .ops-grid,
      .stats {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 720px) {
      .main,
      .sidebar {
        padding: 18px;
      }

      .toolbar {
        align-items: stretch;
        flex-direction: column;
      }

      .toolbar-brand {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
      }

      .toolbar-logo {
        display: none;
        width: 188px;
      }


      .toolbar-actions {
        justify-content: flex-start;
      }

      .toolbar-title-line {
        align-items: flex-start;
      }

      .worker-list {
        grid-template-columns: 1fr;
      }

      .sidebar .side-section {
        display: none;
      }

      .side-nav {
        margin-bottom: 0;
      }

      .agent-branches,
      .aside-stack {
        grid-template-columns: 1fr;
      }

      #system-health .health-list {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 520px) {
      .toolbar-title-line {
        flex-direction: column;
        gap: 6px;
      }

      .toolbar-title-line .status {
        align-self: flex-start;
      }
    }

    body[data-active-view="projectTracker"] {
      background:
        radial-gradient(circle at 12% 10%, rgba(214, 100, 69, 0.06), transparent 30%),
        radial-gradient(circle at 86% 18%, rgba(117, 182, 187, 0.08), transparent 28%),
        #f2f3ee;
    }

    body[data-active-view="projectTracker"] .toolbar {
      position: relative;
      align-items: center;
      gap: 18px;
      min-height: 82px;
      margin-bottom: 0;
      padding: 16px 18px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-bottom: 0;
      border-radius: 12px 12px 0 0;
      background:
        linear-gradient(116deg, rgba(117, 182, 187, 0.10), transparent 32%),
        linear-gradient(252deg, rgba(214, 100, 69, 0.18), transparent 48%),
        linear-gradient(90deg, #070808 0%, #0d0e0e 58%, #1c100f 100%);
      box-shadow: 0 22px 62px rgba(0, 0, 0, 0.16);
      color: #ffffff;
      overflow: hidden;
    }

    body[data-active-view="projectTracker"] .toolbar::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 2px;
      background: linear-gradient(90deg, rgba(214, 100, 69, 0.88), rgba(117, 182, 187, 0.70), rgba(214, 100, 69, 0.12));
    }

    body[data-active-view="projectTracker"] .toolbar > * {
      position: relative;
      z-index: 1;
    }

    body[data-active-view="projectTracker"] .toolbar-title-line {
      gap: 10px;
    }

    body[data-active-view="projectTracker"] .toolbar h2 {
      color: #ffffff;
      font-size: 20px;
      font-weight: 860;
      line-height: 1.15;
    }

    body[data-active-view="projectTracker"] .toolbar .small,
    body[data-active-view="projectTracker"] .toolbar .subtitle {
      color: rgba(255, 255, 255, 0.72);
    }

    body[data-active-view="projectTracker"] .toolbar .small {
      max-width: none;
      margin-top: 0;
      font-size: 13px;
      line-height: normal;
    }

    body[data-active-view="projectTracker"] .toolbar .subtitle {
      margin-top: 4px;
      font-size: 12px;
    }

    body[data-active-view="projectTracker"] .toolbar .status,
    body[data-active-view="projectTracker"] .toolbar .live-source {
      border-color: rgba(255, 255, 255, 0.18);
      background: rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.78);
    }

    body[data-active-view="projectTracker"] .toolbar .status {
      min-height: 22px;
      padding: 3px 8px;
      font-size: 11px;
      font-weight: 800;
    }

    body[data-active-view="projectTracker"] .toolbar .queue-action,
    body[data-active-view="projectTracker"] .toolbar .button,
    body[data-active-view="projectTracker"] .toolbar .live-source {
      min-height: 36px;
      border-radius: 8px;
      color: #ffffff;
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.16);
      font-weight: 760;
    }

    body[data-active-view="projectTracker"] .toolbar .toolbar-route-action:not([hidden]) {
      border: 1px solid transparent;
      background:
        linear-gradient(#151a18, #151a18) padding-box,
        linear-gradient(135deg, rgba(214, 100, 69, 0.82), rgba(117, 182, 187, 0.72)) border-box;
      box-shadow: 0 10px 24px rgba(9, 11, 11, 0.20);
    }

    body[data-active-view="projectTracker"] .toolbar .queue-action:hover,
    body[data-active-view="projectTracker"] .toolbar .button:hover,
    body[data-active-view="projectTracker"] .toolbar .live-source:hover {
      background: rgba(255, 255, 255, 0.12);
      color: #ffffff;
    }

    body[data-active-view="projectTracker"] #project-tracker .panel {
      border-color: #dfded8;
      border-top: 0;
      border-radius: 0 0 12px 12px;
      background: #fffefa;
      box-shadow: 0 20px 55px rgba(6, 10, 8, 0.11);
    }

    @media (max-width: 1180px) {
      body[data-active-view="projectTracker"] .toolbar {
        gap: 14px;
      }

      body[data-active-view="projectTracker"] .toolbar .mobile-brand-row {
        color: rgba(255, 255, 255, 0.92);
      }
    }

    @media (max-width: 720px) {
      body[data-active-view="projectTracker"] .toolbar {
        display: block;
        min-height: 140px;
        padding: 17px 17px 16px 22px;
      }

      body[data-active-view="projectTracker"] .mobile-brand-row {
        margin-bottom: 15px;
      }

      body[data-active-view="projectTracker"] .toolbar-title-line {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
      }

      body[data-active-view="projectTracker"] .toolbar h2 {
        font-size: 18px;
      }

      body[data-active-view="projectTracker"] .toolbar .small {
        font-size: 13px;
      }

      body[data-active-view="projectTracker"] .toolbar-actions {
        margin-top: 12px;
        justify-content: flex-start;
      }

      body[data-active-view="projectTracker"] .toolbar .queue-action,
      body[data-active-view="projectTracker"] .toolbar .button,
      body[data-active-view="projectTracker"] .toolbar .live-source {
        min-height: 34px;
      }

      .project-tracker-table-tools {
        align-items: flex-start;
        flex-direction: column;
      }

      .project-tracker-gradient {
        top: var(--project-tracker-gradient-top, 143px);
        width: 640px;
      }
    }

    /* Fuelerate app-shell pass inspired by the cleaner reference dashboard. */
    body {
      background: #eef1ea;
      color: #161b18;
    }

    .shell {
      display: block;
      min-height: 100vh;
      background: #eef1ea;
    }

    .sidebar {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      display: flex;
      flex-direction: column;
      width: 232px;
      height: 100vh;
      height: 100dvh;
      padding: 22px 16px;
      border-right: 1px solid #2a2f2b;
      background: #111412;
      color: #ffffff;
      overflow-x: hidden;
      overflow-y: auto;
      overscroll-behavior: contain;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .sidebar::-webkit-scrollbar {
      width: 0;
      height: 0;
      display: none;
    }

    .sidebar .side-section {
      display: none;
    }

    .brand {
      margin-bottom: 24px;
      padding: 0 2px;
    }

    .mark {
      width: 190px;
      mix-blend-mode: normal;
    }

    .side-nav {
      display: grid;
      gap: 5px;
      padding: 0;
      margin: 0;
      border: 0;
      background: transparent;
      overflow-x: hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .side-nav::-webkit-scrollbar {
      width: 0;
      height: 0;
      display: none;
    }

    .side-nav-group {
      display: grid;
      gap: 4px;
      padding: 0 0 10px;
      margin: 0 0 9px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .side-nav-group:last-child {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: 0;
    }

    .side-nav-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-height: 24px;
      padding: 0 8px 3px;
      border: 0;
      background: transparent;
      color: rgba(255, 255, 255, 0.42);
      cursor: pointer;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.075em;
      line-height: 1.1;
      text-align: left;
      text-transform: uppercase;
    }

    .side-nav-label:hover {
      color: rgba(255, 255, 255, 0.68);
    }

    .side-nav-chevron {
      position: relative;
      width: 10px;
      height: 10px;
      color: currentColor;
      opacity: 0.7;
    }

    .side-nav-chevron::before {
      content: "";
      position: absolute;
      left: 2px;
      top: 1px;
      width: 5px;
      height: 5px;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: rotate(45deg);
      transition: transform 0.16s ease, top 0.16s ease;
    }

    .side-nav-group.is-collapsed .side-nav-chevron::before {
      top: 3px;
      transform: rotate(-45deg);
    }

    .side-nav-group-items {
      display: grid;
      gap: 4px;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .side-nav-group-items::-webkit-scrollbar {
      width: 0;
      height: 0;
      display: none;
    }

    .side-nav-group.is-collapsed .side-nav-group-items {
      display: none;
    }

    .side-nav a {
      position: relative;
      display: flex;
      align-items: center;
      gap: 8px;
      min-height: 36px;
      padding: 0 10px;
      border: 1px solid transparent;
      border-radius: 7px;
      color: rgba(255, 255, 255, 0.56);
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0;
    }

    .side-nav a.side-nav-child {
      min-height: 32px;
      margin-left: 28px;
      padding-left: 9px;
      font-size: 11.5px;
      font-weight: 500;
    }

    .side-nav a.side-nav-child::before {
      content: "";
      position: absolute;
      left: -13px;
      top: -7px;
      width: 12px;
      height: 22px;
      border-left: 1px solid rgba(255, 255, 255, 0.12);
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      border-bottom-left-radius: 5px;
    }

    .side-nav a span:last-child {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .nav-kicker {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 22px;
      width: 22px;
      height: 20px;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.045);
      color: rgba(255, 255, 255, 0.42);
      font-size: 8px;
      font-weight: 600;
      letter-spacing: 0;
    }

    .side-nav a.side-nav-child .nav-kicker {
      flex-basis: 20px;
      width: 20px;
      height: 18px;
      font-size: 7.5px;
    }

    .side-nav a:hover {
      border-color: transparent;
      background: rgba(255, 255, 255, 0.055);
      color: rgba(255, 255, 255, 0.82);
    }

    .side-nav a.active {
      border-color: rgba(255, 255, 255, 0.075);
      background: rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.96);
      box-shadow: inset 2px 0 0 rgba(235, 238, 232, 0.68);
    }

    .side-nav a.active .nav-kicker {
      background: rgba(255, 255, 255, 0.12);
      color: rgba(255, 255, 255, 0.82);
    }

    .main {
      min-width: 0;
      margin-left: 232px;
      padding: 18px 22px 22px;
      overflow: hidden;
    }

    .toolbar {
      margin: 0 0 16px;
      padding: 0 0 10px;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .toolbar-logo {
      display: none;
    }

    .toolbar h2 {
      font-size: 20px;
      line-height: 1.15;
    }

    .toolbar .subtitle {
      color: var(--muted);
      font-size: 12px;
    }

    .toolbar .small {
      font-size: 13px;
    }

    .toolbar-actions {
      gap: 8px;
    }

    .toolbar .button,
    .toolbar .live-source {
      min-height: 36px;
      border-radius: 8px;
      font-size: 13px;
    }

    .toolbar .live-source {
      border-color: var(--line);
      background: var(--soft);
      color: var(--muted);
    }

    .content-grid {
      gap: 0;
    }

    #delivery-tracker .panel,
    #project-tracker .panel,
    #wireframe-studio .panel {
      min-height: calc(100vh - 90px);
      border-radius: 12px;
      border-color: #d7ddd3;
      background: #fbfcfa;
      box-shadow: none;
    }

    .panel-header {
      min-height: 68px;
      padding: 14px 16px;
      background: #fbfcfa;
    }

    .panel-header h3 {
      font-size: 17px;
      line-height: 1.15;
    }

    .panel-header .small {
      margin-top: 5px;
      color: #687266;
      font-size: 12px;
    }

    .engagement-tabs {
      gap: 6px;
      padding: 8px 16px;
      background: #fbfcfa;
    }

    .tab-btn {
      min-height: 34px;
      padding: 0 13px;
      border-radius: 8px;
      background: #ffffff;
    }

    .tab-btn.active {
      background: #111c17;
      border-color: #111c17;
    }

    .filters {
      display: grid;
      grid-template-columns: minmax(280px, 1fr) minmax(190px, auto) minmax(140px, auto);
      gap: 10px;
      padding: 14px 16px;
      background: #f4f6f2;
    }

    .search,
    .select {
      height: 40px;
      border-radius: 8px;
      border-color: #d7ddd3;
      background: #ffffff;
    }

    .table-wrap {
      max-height: calc(100vh - 254px);
      border-top: 0;
      background: #fbfcfa;
    }

    table {
      min-width: 1180px;
      background: #fbfcfa;
    }

    th {
      top: 0;
      background: #f4f6f2;
      color: #505950;
      font-size: 10px;
      letter-spacing: 0.04em;
    }

    th,
    td {
      padding: 12px 10px;
      border-bottom-color: #dbe1d7;
    }

    tbody tr {
      background: #fbfcfa;
    }

    tbody tr:hover {
      background: #f3f6f0;
    }

    .phase-days {
      min-width: 44px;
      min-height: 29px;
      border-radius: 7px;
    }

    .status.neutral {
      background: #e7f1fb;
      color: #38506a;
    }

    .main-view[hidden] {
      display: none !important;
    }

    .intelligems-shell {
      display: grid;
      gap: 16px;
      padding: 16px;
      border-top: 1px solid #d7ddd3;
      background: #eef2ea;
    }

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

    .intelligems-metric {
      min-width: 0;
      padding: 13px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
    }

    .intelligems-metric span {
      display: block;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .intelligems-metric strong {
      display: block;
      margin-top: 5px;
      color: var(--ink);
      font-size: 24px;
      line-height: 1.05;
    }

    .intelligems-metric small {
      display: block;
      margin-top: 6px;
      color: var(--muted);
      line-height: 1.35;
    }

    .intelligems-test-title {
      display: block;
      overflow: hidden;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.35;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .intelligems-meta {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .intelligems-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      justify-content: flex-end;
    }

    .intelligems-badge {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 8px;
      border-radius: 999px;
      background: var(--soft);
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }

    .intelligems-badge[data-tone="healthy"] {
      background: var(--green-soft);
      color: var(--green);
    }

    .intelligems-badge[data-tone="warning"] {
      background: var(--amber-soft);
      color: var(--amber);
    }

    .intelligems-badge[data-tone="critical"] {
      background: var(--red-soft);
      color: var(--red);
    }

    .intelligems-badge[data-tone="neutral"] {
      background: var(--blue-soft);
      color: var(--blue);
    }

    .intelligems-table-wrap {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      overflow: auto;
    }

    .intelligems-table-wrap table {
      min-width: 1120px;
    }

    .intelligems-client-group-row td {
      padding: 0;
      border-bottom: 0;
      background: var(--soft);
    }

    .intelligems-client-group {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 14px;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }

    .intelligems-client-group strong {
      display: block;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.25;
    }

    .intelligems-client-group span {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      font-size: 12px;
    }

    .intelligems-client-spacer {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .intelligems-empty {
      padding: 18px;
      color: var(--muted);
      font-size: 13px;
    }

    .case-studies-shell {
      display: grid;
      gap: 16px;
      padding: 16px;
      border-top: 1px solid #d7ddd3;
      background:
        radial-gradient(circle at 12% 0%, rgba(41, 125, 83, 0.10), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(244, 95, 62, 0.10), transparent 30%),
        #eef2ea;
    }

    .case-studies-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.7fr);
      gap: 14px;
      align-items: stretch;
      padding: 18px;
      border: 1px solid rgba(14, 17, 17, 0.10);
      border-radius: 14px;
      background: linear-gradient(135deg, #111514 0%, #18241e 58%, #311b16 100%);
      color: #fff;
      box-shadow: 0 18px 50px rgba(14, 17, 17, 0.15);
      overflow: hidden;
    }

    .case-studies-hero h3 {
      margin: 0 0 8px;
      color: #fff;
      font-size: 22px;
      letter-spacing: -0.025em;
    }

    .case-studies-hero p {
      margin: 0;
      max-width: 820px;
      color: rgba(255, 255, 255, 0.72);
      line-height: 1.5;
    }

    .case-studies-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-content: start;
      justify-content: flex-end;
    }

    .case-studies-hero-actions .button,
    .case-studies-hero-actions .queue-action {
      border-color: rgba(255, 255, 255, 0.22);
      background: rgba(255, 255, 255, 0.10);
      color: #fff;
    }

    .case-studies-summary-grid,
    .case-studies-top-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(130px, 1fr));
      gap: 10px;
    }

    .case-study-metric,
    .case-study-card {
      min-width: 0;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--panel);
      box-shadow: 0 12px 34px rgba(14, 17, 17, 0.06);
    }

    .case-study-metric span,
    .case-study-card span {
      display: block;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .case-study-metric strong {
      display: block;
      margin-top: 6px;
      color: var(--ink);
      font-size: 25px;
      line-height: 1.05;
    }

    .case-study-metric small,
    .case-study-card small {
      display: block;
      margin-top: 7px;
      color: var(--muted);
      line-height: 1.4;
    }

    .case-studies-top-grid {
      grid-template-columns: repeat(3, minmax(220px, 1fr));
    }

    .case-study-card {
      position: relative;
      display: grid;
      gap: 9px;
      border-top: 4px solid var(--green);
    }

    .case-study-card.warning { border-top-color: var(--amber); }
    .case-study-card.critical { border-top-color: var(--red); }
    .case-study-card.neutral { border-top-color: var(--blue); }

    .case-study-card h4 {
      margin: 0;
      color: var(--ink);
      font-size: 16px;
      line-height: 1.2;
    }

    .case-study-headline {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.45;
    }

    .case-studies-controls {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.74);
    }

    .case-studies-controls select,
    .case-studies-controls input {
      min-height: 36px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      color: var(--ink);
      font: inherit;
    }

    .case-studies-controls input {
      min-width: 220px;
      padding: 0 10px;
    }

    .case-studies-table-wrap {
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--panel);
      overflow: auto;
      box-shadow: 0 12px 34px rgba(14, 17, 17, 0.06);
    }

    .case-studies-table-wrap table {
      min-width: 1280px;
    }

    .case-study-client strong,
    .case-study-proof strong {
      display: block;
      color: var(--ink);
      line-height: 1.3;
    }

    .case-study-client small,
    .case-study-proof small {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      line-height: 1.35;
    }

    .case-study-chip-row {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      align-items: center;
    }

    .case-study-copy {
      margin-top: 8px;
      padding: 5px 8px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--soft);
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      cursor: pointer;
    }

    .case-study-copy:hover {
      color: var(--ink);
      background: #f7f8f4;
    }

    .case-studies-empty {
      padding: 28px;
      color: var(--muted);
      text-align: center;
    }

    .onboarding-workspace {
      display: grid;
      grid-template-columns: minmax(310px, 380px) minmax(0, 1fr);
      gap: 16px;
      padding: 16px;
      border-top: 1px solid #d7ddd3;
      background: #eef2ea;
    }

    .onboarding-shell,
    .onboarding-queue-panel {
      min-width: 0;
      border: 1px solid #d7ddd3;
      border-radius: 12px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
      overflow: hidden;
    }

    .onboarding-shell {
      padding: 16px;
      align-self: start;
    }

    .onboarding-queue-panel {
      align-self: start;
    }

    .intake-heading {
      display: grid;
      gap: 5px;
      margin-bottom: 14px;
    }

    .intake-heading strong {
      color: #121a15;
      font-size: 16px;
      font-weight: 900;
      line-height: 1.15;
    }

    .intake-heading span {
      color: #687266;
      font-size: 12px;
      line-height: 1.35;
    }

    .onboarding-form {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
      align-items: end;
    }

    .form-field {
      display: grid;
      gap: 6px;
    }

    .form-field.span-2 {
      grid-column: 1 / -1;
    }

    .form-field.span-3 {
      grid-column: 1 / -1;
    }

    .form-field label {
      color: #4f5a52;
      font-size: 12px;
      font-weight: 850;
    }

    .form-field.full {
      grid-column: 1 / -1;
    }

    .onboarding-input,
    .onboarding-select,
    .onboarding-textarea {
      width: 100%;
      min-height: 40px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #ffffff;
      color: #161b18;
      padding: 0 11px;
      font: inherit;
    }

    .onboarding-textarea {
      min-height: 72px;
      padding: 10px 11px;
      resize: vertical;
    }

    .onboarding-textarea.short {
      min-height: 40px;
    }

    .onboarding-submit {
      justify-self: stretch;
      min-height: 40px;
    }

    .queue-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 9px 12px;
      border-bottom: 1px solid #d7ddd3;
      background: #fbfcfa;
    }

    .queue-toolbar h3 {
      margin: 0 0 2px;
      color: #121a15;
      font-size: 16px;
      font-weight: 900;
      line-height: 1.1;
    }

    .queue-toolbar .small {
      max-width: 360px;
      color: #879184;
      font-size: 11px;
      line-height: 1.25;
    }

    #onboarding-storage-status {
      min-height: auto;
      border-color: transparent;
      background: transparent;
      color: #879184;
      padding: 0;
      font-size: 10px;
      opacity: 0.8;
    }

    .queue-table-wrap {
      max-height: calc(100vh - 274px);
      overflow: auto;
      background: #f7f9f5;
    }

    .onboarding-board {
      display: grid;
      gap: 8px;
      padding: 10px;
    }

    .onboarding-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas:
        "main actions"
        "meta meta"
        "info info";
      gap: 7px 14px;
      align-items: center;
      padding: 10px 12px;
      border: 1px solid #e2e8df;
      border-radius: 8px;
      background: #ffffff;
      box-shadow: none;
    }

    .onboarding-card-main,
    .onboarding-card-section {
      display: grid;
      gap: 6px;
    }

    .onboarding-card-main {
      grid-area: main;
      grid-row: auto;
      min-width: 0;
    }

    .queue-channels,
    .queue-checklist {
      min-width: 0;
    }

    .queue-channels {
      grid-area: channels;
    }

    .queue-checklist {
      grid-area: checklist;
    }

    .onboarding-card-actions {
      grid-area: actions;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      align-self: center;
      padding-top: 0;
      border-top: 0;
    }

    .onboarding-card-meta {
      grid-area: meta;
    }

    .onboarding-card-meta-line {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 4px 0;
      min-width: 0;
      color: #2b362e;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.35;
    }

    .onboarding-card-meta-line span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .onboarding-card-meta-line span + span::before {
      content: "·";
      margin: 0 8px;
      color: #a1aaa0;
      font-weight: 700;
    }

    .onboarding-card-info {
      grid-area: info;
      display: grid;
      gap: 4px;
      min-width: 0;
      padding-top: 2px;
    }

    .onboarding-info-line {
      display: grid;
      grid-template-columns: 68px minmax(0, 1fr);
      align-items: baseline;
      gap: 10px;
      min-width: 0;
    }

    .onboarding-info-label {
      color: #737d74;
      font-size: 12px;
      font-weight: 650;
      letter-spacing: 0;
      line-height: 1.2;
      text-transform: none;
    }

    .onboarding-info-value {
      min-width: 0;
      color: #3f4a42;
      font-size: 13px;
      font-weight: 650;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    .onboarding-info-value.channel-stack {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px;
    }

    .onboarding-info-value .channel-pill {
      min-height: auto;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #4d5a51;
      font-size: 13px;
      font-weight: 600;
    }

    .onboarding-card-main .status {
      justify-self: start;
    }

    .queue-overline {
      color: #8a958b;
      font-size: 9px;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .queue-meta-grid {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px 10px;
      min-width: 0;
    }

    .queue-meta {
      flex: 0 1 auto;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      min-width: 0;
      min-height: auto;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .queue-meta strong {
      display: inline;
      margin-bottom: 0;
      color: #687268;
      font-size: 9px;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .queue-meta span {
      color: #26322b;
      font-size: 10px;
      font-weight: 800;
    }

    .queue-section-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
    }

    .queue-section-title {
      color: #4f5a52;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .queue-progress {
      color: #687266;
      font-size: 10px;
      font-weight: 850;
      white-space: nowrap;
    }

    .channel-stack {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }

    .channel-pill {
      display: inline-flex;
      align-items: center;
      min-height: 20px;
      width: auto;
      max-width: 100%;
      padding: 1px 4px;
      border: 1px solid transparent;
      border-radius: 5px;
      background: transparent;
      color: #687266;
      font-size: 10px;
      font-weight: 850;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }

    .project-ledger-table {
      min-width: 1140px;
      table-layout: fixed;
    }

    #project-tracker .panel {
      border-color: rgba(31, 39, 34, 0.14);
      background: rgba(251, 252, 248, 0.94);
      box-shadow: 0 18px 54px rgba(20, 26, 22, 0.10);
    }

    #project-tracker .queue-table-wrap {
      position: relative;
      background: #f5f6f2;
    }

    .project-tracker-gradient {
      position: absolute;
      top: var(--project-tracker-gradient-top, 90px);
      left: 0;
      width: min(660px, 58vw);
      height: var(--project-tracker-gradient-height, 160px);
      pointer-events: none;
      z-index: 3;
      background:
        radial-gradient(ellipse at 6% 22%, rgba(214, 100, 69, 0.18), rgba(214, 100, 69, 0.075) 34%, transparent 68%),
        linear-gradient(112deg, rgba(117, 182, 187, 0.11) 0%, rgba(117, 182, 187, 0.06) 42%, rgba(255, 255, 255, 0) 92%);
    }

    .project-tracker-gradient::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 5px;
      height: 100%;
      background: linear-gradient(180deg, #d66445 0%, #75b6bb 74%, rgba(117, 182, 187, 0) 100%);
    }

    .project-tracker-table-tools {
      position: relative;
      z-index: 5;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      min-height: 54px;
      padding: 11px 14px;
      border-bottom: 1px solid rgba(31, 39, 34, 0.10);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(247, 248, 243, 0.92));
    }

    .project-tracker-tool-summary {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      color: #61685f;
      font-size: 13px;
      font-weight: 680;
    }

    .project-tracker-tool-pill {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 11px;
      border: 1px solid rgba(31, 39, 34, 0.08);
      border-radius: 999px;
      background: #e7ece5;
      color: #4d584f;
      font-size: 12px;
      font-weight: 780;
      white-space: nowrap;
    }

    #project-tracker .project-ledger-table thead {
      position: relative;
      z-index: 5;
    }

    .project-ledger-table td {
      vertical-align: top;
    }

    .project-ledger-table th:nth-child(1),
    .project-ledger-table td:nth-child(1) {
      width: 18%;
    }

    .project-ledger-table th:nth-child(2),
    .project-ledger-table td:nth-child(2) {
      width: 27%;
      white-space: pre-line;
    }

    .project-ledger-table th:nth-child(3),
    .project-ledger-table td:nth-child(3) {
      width: 8%;
      white-space: nowrap;
    }

    .project-ledger-table th:nth-child(4),
    .project-ledger-table td:nth-child(4) {
      width: 16%;
      white-space: pre-line;
      overflow-wrap: anywhere;
    }

    .project-ledger-table th:nth-child(5),
    .project-ledger-table td:nth-child(5) {
      width: 10%;
    }

    .project-ledger-table th:nth-child(6),
    .project-ledger-table td:nth-child(6) {
      width: 9%;
      min-width: 110px;
      white-space: nowrap;
    }

    .project-ledger-table th:nth-child(7),
    .project-ledger-table td:nth-child(7) {
      width: 12%;
      min-width: 170px;
    }

    .project-ledger-table td {
      vertical-align: top;
    }

    .project-ledger-pages {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      max-width: 420px;
    }

    .page-chip {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      max-width: 100%;
      padding: 0 8px;
      border: 1px solid #d9e2d6;
      border-radius: 999px;
      background: #f6f9f4;
      color: #465149;
      font-size: 11px;
      font-weight: 900;
      line-height: 1;
      white-space: nowrap;
    }

    .page-chip.hp {
      border-color: #cfe2d4;
      background: #e8f4eb;
      color: #2f7148;
    }

    .page-chip.pdp {
      border-color: #cbdff0;
      background: #e7f1fa;
      color: #315f8c;
    }

    .page-chip.bundle {
      border-color: #d7e4c5;
      background: #edf6df;
      color: #56712f;
    }

    .page-chip.build-bundle {
      border-color: #c4e1df;
      background: #e4f4f2;
      color: #27716b;
    }

    .page-chip.collection {
      border-color: #ddd8ef;
      background: #f0edf8;
      color: #5d518e;
    }

    .page-chip.menu {
      border-color: #ead9bd;
      background: #f7eedf;
      color: #8a5a18;
    }

    .page-chip.navigation {
      border-color: #d7ded3;
      background: #eef3eb;
      color: #4e5e50;
    }

    .page-chip.ab {
      border-color: #ecd0ce;
      background: #f9e9e7;
      color: #9b4139;
    }

    .page-chip.other {
      border-color: #dce2d8;
      background: #f8faf6;
      color: #5b665d;
    }

    .project-ledger-contact {
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      white-space: pre-line;
      overflow-wrap: anywhere;
    }

    .project-readiness-details,
    .project-readiness-row {
      display: none !important;
    }

    .project-ledger-table,
    .project-ledger-table tbody,
    .project-ledger-table tr,
    .project-ledger-table td {
      height: auto;
    }

    .project-ledger-table td {
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .project-ledger-table td:nth-child(7) > div:first-child {
      white-space: nowrap;
    }

    .project-ledger-company-link {
      color: inherit;
      text-decoration: none;
      text-underline-offset: 3px;
    }

    .project-ledger-company-link:hover,
    .project-ledger-company-link:focus-visible {
      color: #006cc8;
      text-decoration: underline;
    }

    .project-ledger-table .queue-company,
    .project-ledger-table td:first-child .queue-sub {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .project-ledger-table td:nth-child(7) .queue-sub {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      margin-top: 4px;
      line-height: 1;
    }

    .project-ledger-table td:nth-child(7) .status {
      min-height: 18px;
      padding: 1px 6px;
      font-size: 10px;
    }

    .project-ledger-table tr.project-ledger-row-in-queue td {
      background: rgba(255, 255, 255, 0.76);
      border-top-color: rgba(117, 182, 187, 0.16);
      border-bottom-color: rgba(117, 182, 187, 0.18);
    }

    .project-ledger-table tr.project-ledger-row-in-queue td:first-child {
      position: relative;
      background: rgba(255, 255, 255, 0.72);
      box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.76);
    }

    .project-ledger-table tr.project-ledger-row-in-queue:hover td {
      background: rgba(255, 255, 255, 0.86);
    }

    .project-ledger-table tr.project-ledger-row-in-queue:hover td:first-child {
      background: rgba(255, 255, 255, 0.82);
    }

    .project-ledger-queue-context {
      display: inline-flex;
      align-items: center;
      min-height: 18px;
      padding: 1px 6px;
      border: 1px solid #d4e0e7;
      border-radius: 999px;
      background: #ffffff;
      color: #566b7a;
      font-size: 10px;
      font-weight: 800;
      line-height: 1;
      white-space: nowrap;
    }

    @media (max-width: 720px) {
      body[data-active-view="projectTracker"] .project-tracker-table-tools {
        align-items: flex-start;
        flex-direction: column;
      }

      body[data-active-view="projectTracker"] .project-tracker-gradient {
        width: 640px;
      }
    }

    .capacity-shell {
      display: grid;
      gap: 14px;
      padding: 14px;
      border-top: 1px solid #d7ddd3;
      background: #eef2ea;
    }

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

    .capacity-action-grid {
      display: grid;
      grid-template-columns: minmax(330px, 1.2fr) repeat(4, minmax(185px, 1fr));
      gap: 10px;
      align-items: stretch;
    }

    .capacity-card,
    .capacity-role-card,
    .capacity-side-panel,
    .capacity-main-panel {
      min-width: 0;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .capacity-card {
      display: grid;
      align-content: space-between;
      min-height: 108px;
      gap: 10px;
      padding: 13px;
    }

    .capacity-card.warning .capacity-card-value { color: var(--amber); }
    .capacity-card.danger .capacity-card-value { color: var(--red); }

    .capacity-card-button {
      width: 100%;
      text-align: left;
      cursor: pointer;
      appearance: none;
      font: inherit;
    }

    .capacity-card-button:hover,
    .capacity-card-button:focus-visible,
    .capacity-card-button.active {
      border-color: #aebba9;
      outline: 2px solid rgba(49, 107, 159, 0.25);
      outline-offset: 2px;
    }

    .capacity-card-button.active {
      background: #f6faf3;
    }

    .capacity-card-meta {
      color: #6c766d;
      font-size: 10px;
      font-weight: 850;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .capacity-card-value {
      color: #121a15;
      font-size: 28px;
      line-height: 1;
      font-weight: 950;
    }

    .capacity-card-caption {
      color: #5f6b62;
      font-size: 12px;
      line-height: 1.35;
    }

    .capacity-focus-panel,
    .capacity-action-panel {
      display: grid;
      gap: 10px;
      min-width: 0;
      padding: 12px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .capacity-focus-panel.warning {
      border-color: #e7c98f;
      background: #fff8e8;
    }

    .capacity-focus-head,
    .capacity-action-head {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: flex-start;
    }

    .capacity-focus-head strong,
    .capacity-action-head strong {
      display: block;
      color: #17201b;
      font-size: 14px;
      font-weight: 950;
      line-height: 1.2;
    }

    .capacity-focus-head span,
    .capacity-action-head span {
      display: block;
      margin-top: 3px;
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

    .capacity-focus-value {
      color: #9a6115;
      font-size: 30px;
      font-weight: 950;
      line-height: 1;
      white-space: nowrap;
    }

    .capacity-panel-list {
      display: grid;
      gap: 7px;
      min-width: 0;
      max-height: 260px;
      overflow: auto;
    }

    .capacity-action-panel .capacity-panel-list {
      max-height: 210px;
    }

    .capacity-focus-detail {
      display: none;
      gap: 10px;
      min-width: 0;
      padding: 12px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .capacity-focus-detail.active {
      display: grid;
    }

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

    .capacity-task-line {
      display: grid;
      gap: 4px;
      min-width: 0;
      padding: 8px;
      border: 1px solid #dfe7dc;
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.72);
    }

    .capacity-task-line strong {
      overflow: hidden;
      color: #17201b;
      font-size: 12px;
      line-height: 1.25;
      font-weight: 950;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .capacity-task-line span,
    .capacity-task-line a {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .capacity-task-group {
      display: grid;
      gap: 7px;
      min-width: 0;
      padding: 8px 0;
      border-top: 1px solid #e1e8dc;
    }

    .capacity-task-group:first-child {
      border-top: 0;
      padding-top: 0;
    }

    .capacity-task-group > strong {
      color: #17201b;
      font-size: 12px;
      font-weight: 950;
      line-height: 1.2;
    }

    .capacity-task-group > span {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .capacity-mini-metric {
      display: grid;
      gap: 3px;
      padding: 8px;
      border: 1px solid #dfe7dc;
      border-radius: 8px;
      background: #f8faf6;
    }

    .capacity-mini-metric strong {
      color: #17201b;
      font-size: 13px;
      font-weight: 950;
    }

    .capacity-mini-metric span {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .capacity-filter-chip {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid #d0d9cb;
      border-radius: 999px;
      background: #f7faf5;
      color: #445048;
      font-size: 11px;
      font-weight: 850;
      line-height: 1;
      white-space: nowrap;
    }

    .capacity-controls {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 11px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #f8faf6;
    }

    .capacity-note {
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
      text-align: right;
    }

    .capacity-layout {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      align-items: start;
    }

    .capacity-main-panel {
      overflow: hidden;
      width: 100%;
    }

    .capacity-section-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 12px 14px;
      border-bottom: 1px solid #d7ddd3;
      background: #fbfcfa;
    }

    .capacity-section-head strong {
      display: block;
      color: #17201b;
      font-size: 14px;
      font-weight: 950;
    }

    .capacity-section-head span {
      display: block;
      margin-top: 3px;
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

    .capacity-heatmap-wrap {
      width: 100%;
      overflow: auto;
      max-height: calc(100vh - 335px);
      background: #f7f9f5;
    }

    .capacity-table {
      width: 100%;
      min-width: 1114px;
      table-layout: fixed;
    }

    .capacity-table col.capacity-person-col {
      width: 184px;
    }

    .capacity-table col.capacity-day-col {
      width: 62px;
    }

    .capacity-table th,
    .capacity-table td {
      width: 62px;
      padding: 8px;
      text-align: center;
      vertical-align: middle;
    }

    .capacity-table .capacity-week-row th {
      padding-top: 9px;
      padding-bottom: 6px;
      border-bottom: 1px solid #d7ddd3;
      background: #eef3eb;
      color: #4f5c53;
      font-size: 11px;
      font-weight: 950;
      text-align: center;
    }

    .capacity-table th:first-child,
    .capacity-table td:first-child {
      position: sticky;
      left: 0;
      z-index: 2;
      width: 184px;
      text-align: left;
      background: #fbfcfa;
      box-shadow: 1px 0 0 #d7ddd3;
    }

    .capacity-table .capacity-week-row th:first-child {
      z-index: 3;
      text-align: left;
    }

    .capacity-table .capacity-week-alt {
      background-color: #f0f5ed;
    }

    .capacity-table .capacity-week-end {
      border-right: 2px solid #b7c4b2;
    }

    .capacity-table .capacity-week-start:not(:first-child) {
      border-left: 2px solid #cbd7c7;
    }

    .capacity-day-label {
      display: grid;
      gap: 2px;
      color: #667064;
      font-size: 11px;
      line-height: 1.15;
      font-weight: 900;
    }

    .capacity-person {
      display: grid;
      gap: 3px;
      min-width: 0;
    }

    .capacity-person strong {
      overflow: hidden;
      color: #17201b;
      font-size: 13px;
      font-weight: 950;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .capacity-person span {
      color: #667064;
      font-size: 11px;
      font-weight: 800;
    }

    .capacity-cell-button {
      width: 100%;
      min-height: 46px;
      border: 1px solid #d9e2d6;
      border-radius: 8px;
      background: #eef3eb;
      color: #4f5a52;
      cursor: pointer;
      font-size: 12px;
      font-weight: 950;
      line-height: 1.15;
    }

    .capacity-cell-button:hover,
    .capacity-cell-button.active {
      outline: 2px solid rgba(49, 107, 159, 0.32);
      outline-offset: 1px;
    }

    .capacity-cell-button.empty {
      color: #9aa39a;
      background: #f6f8f4;
    }

    .capacity-cell-button.ok {
      border-color: #cfe2d4;
      background: #e3f1e7;
      color: #2d6d49;
    }

    .capacity-cell-button.at_risk {
      border-color: #efd5ad;
      background: #f9ebd3;
      color: #9a6115;
    }

    .capacity-cell-button.over {
      border-color: #edc3c3;
      background: #f7dfdf;
      color: #ac3535;
    }

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

    .capacity-side-panel {
      display: grid;
      gap: 10px;
      padding: 12px;
    }

    .capacity-side-list {
      display: grid;
      gap: 8px;
      max-height: 280px;
      overflow: auto;
    }

    .ab-exec-shell {
      display: grid;
      gap: 14px;
      padding: 14px;
      border-top: 1px solid #d7ddd3;
      background: #eef2ea;
    }

    .ab-exec-summary-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px;
    }

    .ab-exec-card,
    .ab-focus-lane,
    .ab-exec-main-panel,
    .ab-exec-side-panel {
      min-width: 0;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .ab-exec-card {
      display: grid;
      align-content: space-between;
      min-height: 104px;
      gap: 10px;
      padding: 13px;
    }

    .ab-exec-card.warning .ab-exec-card-value { color: var(--amber); }
    .ab-exec-card.danger .ab-exec-card-value { color: var(--red); }
    .ab-exec-card.good .ab-exec-card-value { color: var(--green); }

    .ab-exec-card-meta {
      color: #6c766d;
      font-size: 10px;
      font-weight: 850;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .ab-exec-card-value {
      color: #121a15;
      font-size: 28px;
      line-height: 1;
      font-weight: 950;
    }

    .ab-exec-card-caption {
      color: #5f6b62;
      font-size: 12px;
      line-height: 1.35;
    }

    .ab-exec-controls {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 9px;
      padding: 11px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #f8faf6;
    }

    .ab-exec-note {
      margin-left: auto;
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

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

    .ab-mode-panel {
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 14px;
      border: 1px solid #d7ddd3;
      border-top: 4px solid #aeb8ad;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .ab-mode-panel.reactive {
      border-top-color: var(--red);
    }

    .ab-mode-panel.proactive {
      border-top-color: var(--green);
    }

    .ab-mode-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
    }

    .ab-mode-title {
      display: grid;
      gap: 4px;
      min-width: 0;
    }

    .ab-mode-eyebrow {
      color: #667064;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .ab-mode-title strong {
      color: #17201b;
      font-size: 18px;
      line-height: 1.15;
      font-weight: 950;
    }

    .ab-mode-title span {
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

    .ab-mode-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 36px;
      min-height: 32px;
      padding: 4px 10px;
      border-radius: 999px;
      background: #eef3eb;
      color: #17201b;
      font-size: 15px;
      font-weight: 950;
    }

    .ab-mode-list {
      display: grid;
      gap: 8px;
    }

    .ab-mode-item {
      display: grid;
      gap: 6px;
      padding: 10px;
      border: 1px solid #e0e7dc;
      border-radius: 8px;
      background: #f8faf6;
    }

    .ab-mode-panel.reactive .ab-mode-item {
      border-color: #edc3c3;
      background: #fff7f7;
    }

    .ab-mode-panel.proactive .ab-mode-item {
      border-color: #cfe2d4;
      background: #f5fbf2;
    }

    .ab-mode-item.danger {
      border-color: #edc3c3;
      background: #fff7f7;
    }

    .ab-mode-item.warning {
      border-color: #efd5ad;
      background: #fffaf2;
    }

    .ab-mode-item.good {
      border-color: #cfe2d4;
      background: #f5fbf2;
    }

    .ab-mode-item-top {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
    }

    .ab-mode-item-top strong {
      min-width: 0;
      color: #17201b;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 950;
      overflow-wrap: anywhere;
    }

    .ab-mode-item-top span,
    .ab-mode-item-meta {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .ab-mode-action {
      color: #17201b;
      font-size: 12px;
      line-height: 1.3;
      font-weight: 900;
    }

    .ab-client-snapshot {
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 14px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .ab-client-snapshot-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
    }

    .ab-client-snapshot-title {
      display: grid;
      gap: 3px;
      min-width: 0;
    }

    .ab-client-snapshot-title strong {
      color: #17201b;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 950;
    }

    .ab-client-snapshot-title span {
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

    .ab-client-snapshot-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 34px;
      min-height: 30px;
      padding: 3px 9px;
      border-radius: 999px;
      background: #eef3eb;
      color: #17201b;
      font-size: 13px;
      font-weight: 950;
    }

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

    .ab-client-snapshot-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 7px 10px;
      min-width: 0;
      padding: 10px;
      border: 1px solid #e0e7dc;
      border-left: 4px solid #aeb8ad;
      border-radius: 8px;
      background: #f8faf6;
    }

    .ab-client-snapshot-row.danger {
      border-color: #edc3c3;
      border-left-color: var(--red);
      background: #fff7f7;
    }

    .ab-client-snapshot-row.warning {
      border-color: #efd5ad;
      border-left-color: var(--amber);
      background: #fffaf2;
    }

    .ab-client-snapshot-row.blue {
      border-color: #bdd6eb;
      border-left-color: var(--blue);
      background: #f4f9fd;
    }

    .ab-client-snapshot-row.good {
      border-color: #cfe2d4;
      border-left-color: var(--green);
      background: #f5fbf2;
    }

    .ab-client-snapshot-main {
      display: grid;
      gap: 3px;
      min-width: 0;
    }

    .ab-client-snapshot-main strong {
      min-width: 0;
      color: #17201b;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 950;
      overflow-wrap: anywhere;
    }

    .ab-client-snapshot-main span,
    .ab-client-snapshot-action {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .ab-client-snapshot-badges {
      display: flex;
      align-items: flex-start;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 5px;
    }

    .ab-client-snapshot-badge {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 3px 7px;
      border-radius: 999px;
      background: #eef3eb;
      color: #405041;
      font-size: 10px;
      line-height: 1.1;
      font-weight: 900;
      white-space: nowrap;
    }

    .ab-client-snapshot-action {
      grid-column: 1 / -1;
      color: #17201b;
      font-weight: 850;
    }

    .ab-client-phase-badges {
      grid-column: 1 / -1;
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }

    .ab-client-phase-badge {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 3px 7px;
      border: 1px solid #d7ddd3;
      border-radius: 6px;
      background: #ffffff;
      color: #405041;
      font-size: 10px;
      line-height: 1.1;
      font-weight: 850;
      white-space: nowrap;
    }

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

    .ab-focus-lane {
      display: grid;
      align-content: start;
      gap: 10px;
      min-height: 248px;
      padding: 12px;
      border-top: 4px solid #aeb8ad;
    }

    .ab-focus-lane.danger { border-top-color: var(--red); }
    .ab-focus-lane.warning { border-top-color: var(--amber); }
    .ab-focus-lane.blue { border-top-color: var(--blue); }
    .ab-focus-lane.good { border-top-color: var(--green); }

    .ab-focus-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
    }

    .ab-focus-title {
      display: grid;
      gap: 3px;
      min-width: 0;
    }

    .ab-focus-title strong {
      color: #17201b;
      font-size: 14px;
      line-height: 1.2;
      font-weight: 950;
    }

    .ab-focus-title span {
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

    .ab-focus-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 28px;
      min-height: 26px;
      padding: 2px 8px;
      border-radius: 999px;
      background: #eef3eb;
      color: #17201b;
      font-size: 12px;
      font-weight: 950;
    }

    .ab-focus-list {
      display: grid;
      gap: 8px;
    }

    .ab-focus-list.is-scrollable {
      max-height: min(520px, 58vh);
      overflow-y: auto;
      overscroll-behavior: contain;
      padding-right: 4px;
      scrollbar-gutter: stable;
    }

    .ab-focus-item {
      display: grid;
      gap: 6px;
      padding: 10px;
      border: 1px solid #e0e7dc;
      border-radius: 8px;
      background: #f8faf6;
    }

    .ab-focus-item.danger {
      border-color: #edc3c3;
      background: #fff7f7;
    }

    .ab-focus-item.warning {
      border-color: #efd5ad;
      background: #fffaf2;
    }

    .ab-focus-item.blue {
      border-color: #bdd6eb;
      background: #f4f9fd;
    }

    .ab-focus-item.good {
      border-color: #cfe2d4;
      background: #f5fbf2;
    }

    .ab-focus-item-top {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
    }

    .ab-focus-item-top strong {
      min-width: 0;
      color: #17201b;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 950;
      overflow-wrap: anywhere;
    }

    .ab-focus-item-top span,
    .ab-focus-item-meta {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .ab-focus-action {
      color: #17201b;
      font-size: 12px;
      line-height: 1.3;
      font-weight: 900;
    }

    .ab-focus-more {
      color: #667064;
      font-size: 12px;
      font-weight: 850;
    }

    .ab-exec-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.58fr) minmax(300px, 0.72fr);
      gap: 14px;
      align-items: start;
    }

    .ab-exec-main-panel {
      overflow: hidden;
      width: 100%;
    }

    .ab-exec-section-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 12px 14px;
      border-bottom: 1px solid #d7ddd3;
      background: #fbfcfa;
    }

    .ab-exec-section-head.compact {
      align-items: flex-start;
      padding: 0 0 10px;
      border-bottom: 0;
    }

    .ab-exec-section-head strong {
      display: block;
      color: #17201b;
      font-size: 14px;
      font-weight: 950;
    }

    .ab-exec-section-head span {
      display: block;
      margin-top: 3px;
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

    .ab-exec-table-wrap {
      width: 100%;
      overflow: auto;
      background: #f7f9f5;
    }

    .ab-exec-table {
      width: 100%;
      min-width: 990px;
    }

    .ab-exec-table th,
    .ab-exec-table td {
      vertical-align: top;
    }

    .ab-exec-client,
    .ab-exec-stack {
      display: grid;
      gap: 5px;
      min-width: 0;
    }

    .ab-exec-client strong,
    .ab-exec-stack strong {
      color: #17201b;
      font-size: 12px;
      line-height: 1.3;
      font-weight: 950;
    }

    .ab-exec-client span,
    .ab-exec-stack span,
    .ab-exec-muted {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .ab-exec-meter {
      display: grid;
      gap: 6px;
      min-width: 150px;
    }

    .ab-exec-meter-top {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      color: #17201b;
      font-size: 11px;
      font-weight: 900;
    }

    .ab-exec-meter-track {
      height: 8px;
      overflow: hidden;
      border-radius: 999px;
      background: #dfe7dc;
    }

    .ab-exec-meter-track span {
      display: block;
      width: var(--value, 0%);
      height: 100%;
      border-radius: inherit;
      background: var(--green);
    }

    .ab-exec-meter-track.warning span { background: var(--amber); }
    .ab-exec-meter-track.danger span { background: var(--red); }

    .ab-exec-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }

    .ab-exec-pill {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 0 7px;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #f7faf5;
      color: #445048;
      font-size: 10px;
      font-weight: 850;
      line-height: 1;
      white-space: nowrap;
    }

    .ab-exec-pill.green { border-color: #cfe2d4; background: var(--green-soft); color: var(--green); }
    .ab-exec-pill.amber { border-color: #efd5ad; background: var(--amber-soft); color: var(--amber); }
    .ab-exec-pill.red { border-color: #edc3c3; background: var(--red-soft); color: var(--red); }
    .ab-exec-pill.blue { border-color: #bdd6eb; background: var(--blue-soft); color: var(--blue); }

    .ab-exec-side-stack {
      display: grid;
      gap: 10px;
    }

    .ab-exec-side-panel {
      display: grid;
      gap: 10px;
      padding: 12px;
    }

    .ab-exec-action-list,
    .ab-exec-source-gaps {
      display: grid;
      gap: 8px;
      max-height: 336px;
      overflow: auto;
    }

    .ab-exec-action,
    .ab-exec-source-gaps div {
      display: grid;
      gap: 5px;
      padding: 10px;
      border: 1px solid #dfe7dc;
      border-radius: 8px;
      background: #f8faf6;
    }

    .ab-exec-action.danger {
      border-color: #edc3c3;
      background: #fff7f7;
    }

    .ab-exec-action.warning {
      border-color: #efd5ad;
      background: #fff8e8;
    }

    .ab-exec-action strong,
    .ab-exec-source-gaps strong {
      color: #17201b;
      font-size: 12px;
      line-height: 1.25;
      font-weight: 950;
    }

    .ab-exec-action span,
    .ab-exec-action a,
    .ab-exec-source-gaps span {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

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

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

      .ab-exec-layout {
        grid-template-columns: 1fr;
      }

      .ab-exec-note {
        flex-basis: 100%;
        margin-left: 0;
      }
    }

    @media (max-width: 720px) {
      .ab-exec-shell {
        padding: 10px;
      }

      .ab-exec-summary-grid,
      .ab-mode-grid,
      .ab-client-snapshot-grid,
      .ab-focus-grid,
      .ab-exec-controls {
        grid-template-columns: 1fr;
      }

      .ab-exec-summary-grid {
        display: grid;
      }

      .ab-exec-controls {
        display: grid;
      }

      .ab-exec-table-wrap {
        max-width: calc(100vw - 40px);
      }
    }

    .capacity-list-item {
      display: grid;
      gap: 5px;
      padding: 10px;
      border: 1px solid #dfe7dc;
      border-radius: 8px;
      background: #f8faf6;
    }

    .capacity-list-item strong {
      color: #17201b;
      font-size: 12px;
      line-height: 1.25;
      font-weight: 950;
    }

    .capacity-list-item span,
    .capacity-list-item a {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .capacity-role-card {
      display: grid;
      gap: 8px;
      padding: 12px;
      appearance: none;
      cursor: pointer;
      font: inherit;
      text-align: left;
    }

    .capacity-role-card:hover,
    .capacity-role-card:focus-visible,
    .capacity-role-card.active {
      border-color: #aebba9;
      outline: 2px solid rgba(49, 107, 159, 0.22);
      outline-offset: 2px;
    }

    .capacity-role-card.active {
      background: #f6faf3;
    }

    .capacity-role-card strong {
      color: #17201b;
      font-size: 13px;
      font-weight: 950;
    }

    .capacity-role-card span {
      color: #667064;
      font-size: 12px;
    }

    .capacity-role-meter {
      height: 9px;
      overflow: hidden;
      border-radius: 999px;
      background: #e1e8dc;
    }

    .capacity-role-meter span {
      display: block;
      height: 100%;
      max-width: 100%;
      background: var(--green);
    }

    .capacity-role-meter.warning span {
      background: var(--amber);
    }

    .capacity-role-meter.danger span {
      background: var(--red);
    }

    /* Capacity executive command refresh */
    .capacity-page-panel {
      overflow: hidden;
      border-color: rgba(33, 43, 36, 0.14);
      background: #f4f6f1;
    }

    .capacity-command-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
      gap: 18px;
      padding: 18px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.14);
      background:
        radial-gradient(circle at top left, rgba(214, 100, 69, 0.42), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(117, 182, 187, 0.35), transparent 32%),
        linear-gradient(135deg, #17201b 0%, #25352d 56%, #2b3c33 100%);
      color: #fffdf8;
    }

    .capacity-command-copy {
      display: grid;
      align-content: center;
      gap: 10px;
      min-width: 0;
    }

    .capacity-kicker {
      width: fit-content;
      padding: 5px 9px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.10);
      color: #f7dfc4;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .capacity-command-copy h3 {
      margin: 0;
      max-width: 720px;
      color: #fffdf8;
      font-size: clamp(26px, 3vw, 42px);
      font-weight: 950;
      letter-spacing: -0.04em;
      line-height: 0.98;
    }

    .capacity-command-copy p {
      max-width: 680px;
      margin: 0;
      color: rgba(255, 253, 248, 0.74);
      font-size: 14px;
      line-height: 1.45;
    }

    .capacity-command-pills,
    .capacity-pill-row {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 7px;
    }

    .capacity-command-pills span,
    .capacity-pill {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 9px;
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.10);
      color: rgba(255, 253, 248, 0.86);
      font-size: 11px;
      font-weight: 850;
      line-height: 1;
      white-space: nowrap;
    }

    .capacity-command-control-card {
      display: grid;
      gap: 10px;
      align-content: start;
      padding: 12px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.10);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 18px 44px rgba(0,0,0,0.18);
      backdrop-filter: blur(8px);
    }

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

    .capacity-command-control-card .select {
      width: 100%;
      border-color: rgba(255, 255, 255, 0.18);
      background: rgba(255, 255, 255, 0.92);
      color: #17201b;
      font-weight: 800;
    }

    .capacity-command-control-card .capacity-note {
      padding: 9px 10px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.12);
      color: rgba(255, 253, 248, 0.72);
      text-align: left;
    }

    .capacity-summary-grid {
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 12px;
    }

    .capacity-card,
    .capacity-focus-panel,
    .capacity-action-panel,
    .capacity-focus-detail,
    .capacity-role-card,
    .capacity-side-panel,
    .capacity-main-panel {
      border-radius: 14px;
      border-color: rgba(33, 43, 36, 0.11);
      background: rgba(255, 255, 255, 0.86);
      box-shadow: 0 18px 46px rgba(23, 32, 27, 0.07);
    }

    .capacity-card {
      min-height: 124px;
      padding: 14px;
      transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    }

    .capacity-card-button:hover,
    .capacity-card-button:focus-visible,
    .capacity-card-button.active {
      transform: translateY(-1px);
      border-color: rgba(214, 100, 69, 0.42);
      box-shadow: 0 20px 48px rgba(23, 32, 27, 0.10);
      outline: 2px solid rgba(214, 100, 69, 0.15);
    }

    .capacity-card-button.active {
      background: linear-gradient(180deg, #fffaf2 0%, #ffffff 100%);
    }

    .capacity-card-meta {
      color: #768174;
    }

    .capacity-card-value {
      font-size: 32px;
      letter-spacing: -0.04em;
    }

    .capacity-action-grid {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
    }

    .capacity-action-grid > .capacity-focus-panel:first-child {
      grid-column: span 7;
      min-height: 430px;
      border-color: rgba(214, 100, 69, 0.28);
      background: linear-gradient(180deg, #fffaf0 0%, #ffffff 72%);
    }

    .capacity-action-grid > .capacity-action-panel:nth-child(2) {
      grid-column: span 5;
      min-height: 430px;
      border-color: rgba(117, 182, 187, 0.34);
      background: linear-gradient(180deg, #f3fbfb 0%, #ffffff 76%);
    }

    .capacity-action-grid > .capacity-action-panel,
    .capacity-action-grid > .capacity-focus-panel {
      grid-column: span 4;
    }

    .capacity-action-grid > .capacity-focus-panel:first-child .capacity-panel-list,
    .capacity-action-grid > .capacity-action-panel:nth-child(2) .capacity-panel-list {
      max-height: 350px;
    }

    .capacity-focus-head,
    .capacity-action-head,
    .capacity-section-head {
      align-items: flex-start;
    }

    .capacity-focus-value,
    .capacity-score-badge strong {
      color: #d66445;
      letter-spacing: -0.04em;
    }

    .capacity-focus-item,
    .capacity-suggestion-item {
      display: grid;
      gap: 9px;
      padding: 12px;
      border: 1px solid rgba(33, 43, 36, 0.09);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.82);
      box-shadow: 0 8px 22px rgba(23, 32, 27, 0.04);
    }

    .capacity-focus-item.high,
    .capacity-focus-item.critical {
      border-color: rgba(214, 100, 69, 0.22);
      background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);
    }

    .capacity-focus-item-head,
    .capacity-suggestion-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }

    .capacity-focus-item-head strong,
    .capacity-suggestion-head strong {
      display: block;
      margin-top: 3px;
      overflow: hidden;
      color: #17201b;
      font-size: 13px;
      font-weight: 950;
      line-height: 1.25;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .capacity-person-line,
    .capacity-focus-context,
    .capacity-focus-reasons,
    .capacity-move-line {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .capacity-score-badge {
      display: grid;
      justify-items: center;
      min-width: 58px;
      padding: 7px 8px;
      border: 1px solid rgba(214, 100, 69, 0.22);
      border-radius: 12px;
      background: #fff4e6;
    }

    .capacity-score-badge span {
      color: #8b7358;
      font-size: 9px;
      font-weight: 900;
      letter-spacing: 0.08em;
      line-height: 1;
      text-transform: uppercase;
    }

    .capacity-score-badge strong {
      font-size: 24px;
      font-weight: 950;
      line-height: 1;
    }

    .capacity-pill {
      border-color: rgba(33, 43, 36, 0.09);
      background: #edf2ea;
      color: #4f5c53;
    }

    .capacity-pill.warning {
      border-color: rgba(224, 161, 64, 0.24);
      background: #fff2d8;
      color: #9a6115;
    }

    .capacity-pill.danger {
      border-color: rgba(172, 53, 53, 0.20);
      background: #ffe9e7;
      color: #ac3535;
    }

    .capacity-pill.info {
      border-color: rgba(117, 182, 187, 0.24);
      background: #eaf8f8;
      color: #2c6c73;
    }

    .capacity-item-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding-top: 2px;
    }

    .capacity-item-footer a,
    .capacity-suggestion-item a {
      color: #2d6f84;
      font-size: 11px;
      font-weight: 850;
      text-decoration: none;
    }

    .capacity-item-footer a:hover,
    .capacity-suggestion-item a:hover {
      text-decoration: underline;
    }

    @media (max-width: 1180px) {
      .capacity-command-hero {
        grid-template-columns: 1fr;
      }

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

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

      .capacity-action-grid > .capacity-focus-panel:first-child,
      .capacity-action-grid > .capacity-action-panel:nth-child(2),
      .capacity-action-grid > .capacity-action-panel,
      .capacity-action-grid > .capacity-focus-panel {
        grid-column: auto;
        min-height: auto;
      }
    }

    @media (max-width: 720px) {
      .capacity-command-hero {
        padding: 14px;
      }

      .capacity-command-control-row,
      .capacity-summary-grid,
      .capacity-action-grid {
        grid-template-columns: 1fr;
      }

      .capacity-focus-item-head,
      .capacity-suggestion-head,
      .capacity-item-footer {
        align-items: stretch;
        flex-direction: column;
      }

      .capacity-score-badge {
        justify-items: start;
        width: fit-content;
      }
    }

    .setup-progress-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 30px;
      min-width: 62px;
      padding: 0 10px;
      border: 1px solid #cfdcd0;
      border-radius: 999px;
      background: #eef4ec;
      color: #2f6844;
      cursor: pointer;
      font-size: 12px;
      font-weight: 950;
      white-space: nowrap;
    }

    .setup-progress-button:hover,
    .setup-progress-button[aria-expanded="true"] {
      border-color: #a8c2ad;
      background: #dfeee2;
    }

    .setup-detail-row td {
      padding: 0 14px 14px;
      background: #f4f6f2;
    }

    .setup-detail-panel {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      padding: 12px;
      border: 1px solid #d9e1d6;
      border-radius: 8px;
      background: #ffffff;
    }

    .setup-checklist {
      display: grid;
      gap: 8px;
      min-width: 0;
    }

    .setup-checklist h4 {
      margin: 0;
      color: #151d18;
      font-size: 13px;
      font-weight: 950;
    }

    .setup-check-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      min-height: 30px;
      padding: 7px 9px;
      border: 1px solid #e0e7dc;
      border-radius: 7px;
      background: #fbfcfa;
      color: #4f5c54;
      font-size: 12px;
      line-height: 1.3;
    }

    .setup-check-item strong {
      color: #17201b;
      font-weight: 850;
    }

    .setup-check-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      min-width: 0;
    }

    .setup-na-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #fff;
      color: #5f6b63;
      font-size: 11px;
      font-weight: 900;
      line-height: 1;
      cursor: pointer;
      white-space: nowrap;
    }

    .setup-na-button:hover {
      border-color: #9fb19f;
      color: #1d3b2a;
    }

    .setup-na-button.is-active {
      border-color: rgba(37, 113, 65, 0.22);
      background: var(--green-soft);
      color: var(--green);
    }

    .readiness-shell {
      display: grid;
      gap: 16px;
      padding: 16px;
      border-top: 1px solid #d7ddd3;
      background: #eef2ea;
    }

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

    .readiness-summary-card,
    .readiness-client-card {
      min-width: 0;
      border: 1px solid #d7ddd3;
      border-radius: 10px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .readiness-summary-card {
      display: grid;
      gap: 10px;
      padding: 16px;
    }

    .readiness-summary-card strong {
      color: #121a15;
      font-size: 26px;
      font-weight: 950;
      line-height: 1;
    }

    .readiness-summary-card span {
      color: #667064;
      font-size: 12px;
      font-weight: 750;
      line-height: 1.35;
    }

    .readiness-board {
      display: grid;
      gap: 12px;
    }

    .readiness-client-card {
      overflow: hidden;
    }

    .readiness-client-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: start;
      padding: 16px;
      border-bottom: 1px solid #dfe6db;
      background: #fbfcfa;
    }

    .readiness-client-title {
      display: grid;
      gap: 5px;
    }

    .readiness-client-title strong {
      color: #121a15;
      font-size: 18px;
      font-weight: 950;
      line-height: 1.2;
    }

    .readiness-client-title span {
      color: #667064;
      font-size: 12px;
      font-weight: 750;
      line-height: 1.35;
    }

    .readiness-progress {
      display: grid;
      gap: 7px;
      min-width: 160px;
      text-align: right;
    }

    .readiness-progress b {
      color: #121a15;
      font-size: 22px;
      font-weight: 950;
      line-height: 1;
    }

    .readiness-progress span {
      color: #667064;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .readiness-items {
      display: grid;
      gap: 8px;
      padding: 12px;
      background: #f7f9f5;
    }

    .readiness-section {
      border: 1px solid #dfe6db;
      border-radius: 8px;
      background: #ffffff;
      overflow: hidden;
    }

    .readiness-section summary {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 12px;
      cursor: pointer;
      list-style: none;
    }

    .readiness-section summary::-webkit-details-marker {
      display: none;
    }

    .readiness-section-title {
      display: grid;
      gap: 4px;
      min-width: 0;
    }

    .readiness-section-title strong {
      color: #121a15;
      font-size: 14px;
      font-weight: 950;
      line-height: 1.2;
    }

    .readiness-section-title span {
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

    .readiness-section-body {
      display: grid;
      gap: 8px;
      padding: 0 12px 12px;
      background: #ffffff;
    }

    .readiness-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 12px;
      border: 1px solid #e0e7dc;
      border-radius: 9px;
      background: #ffffff;
    }

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

    .readiness-item-main strong {
      color: #121a15;
      font-size: 13px;
      font-weight: 900;
      line-height: 1.25;
    }

    .readiness-item-main span {
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

    .readiness-item-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      justify-content: flex-end;
    }

    .readiness-badge {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid #dce5d8;
      border-radius: 999px;
      background: #f6f9f4;
      color: #52605a;
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }

    .research-workbench {
      display: grid;
      gap: 14px;
      min-width: 0;
    }

    .research-shell {
      display: grid;
      gap: 14px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    body[data-active-view="research"] .toolbar,
    body[data-active-view="wireframes"] .toolbar {
      position: relative;
      min-height: 118px;
      margin-bottom: 18px;
      padding: 19px 20px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 10px;
      background:
        radial-gradient(circle at 82% -18%, rgba(240, 110, 49, 0.28), transparent 32%),
        radial-gradient(circle at 40% 120%, rgba(39, 157, 170, 0.18), transparent 30%),
        linear-gradient(112deg, #0b0f0d 0%, #15130f 48%, #381611 100%);
      box-shadow: 0 18px 42px rgba(18, 24, 21, 0.11);
      color: #ffffff;
      overflow: hidden;
    }

    body[data-active-view="research"] .toolbar::after,
    body[data-active-view="wireframes"] .toolbar::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 2px;
      background: linear-gradient(90deg, #f06e31, rgba(34, 164, 177, 0.86), rgba(255, 255, 255, 0));
    }

    body[data-active-view="research"] .toolbar > *,
    body[data-active-view="wireframes"] .toolbar > * {
      position: relative;
      z-index: 1;
    }

    body[data-active-view="research"] .toolbar h2,
    body[data-active-view="wireframes"] .toolbar h2 {
      color: #ffffff;
      font-size: 22px;
      font-weight: 850;
      line-height: 1.1;
    }

    body[data-active-view="research"] .toolbar .small,
    body[data-active-view="wireframes"] .toolbar .small {
      max-width: 740px;
      margin-top: 8px;
      color: rgba(255, 255, 255, 0.73);
      font-size: 13px;
      line-height: 1.45;
    }

    body[data-active-view="research"] .toolbar .subtitle,
    body[data-active-view="wireframes"] .toolbar .subtitle {
      display: none;
    }

    body[data-active-view="research"] .toolbar .status,
    body[data-active-view="wireframes"] .toolbar .status {
      min-height: 22px;
      padding: 4px 8px;
      border-color: #ffffff;
      background: #ffffff;
      color: #17201b;
      font-size: 12px;
      font-weight: 800;
    }

    body[data-active-view="research"] .toolbar .live-source,
    body[data-active-view="wireframes"] .toolbar .live-source {
      min-height: 38px;
      border-color: rgba(255, 255, 255, 0.22);
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff;
    }

    body[data-active-view="research"] .toolbar .button,
    body[data-active-view="wireframes"] .toolbar .button {
      min-height: 38px;
      border-color: #ffffff;
      background: #ffffff;
      color: #111614;
    }

    body[data-active-view="research"] .toolbar .live-source:hover,
    body[data-active-view="wireframes"] .toolbar .live-source:hover {
      background: rgba(255, 255, 255, 0.12);
      color: #ffffff;
    }

    body[data-active-view="research"] .toolbar .button:hover,
    body[data-active-view="wireframes"] .toolbar .button:hover {
      background: #fff7ee;
      color: #050606;
    }

    .research-gallery-head,
    .research-detail-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      min-width: 0;
    }

    .research-gallery-head.gallery-reference {
      align-items: center;
      min-height: 34px;
      padding: 0 2px 4px;
    }

    .research-gallery-brand {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }

    .research-gallery-sync {
      display: grid;
      gap: 3px;
      min-width: 0;
      color: #667167;
      font-size: 12px;
      font-weight: 750;
      line-height: 1.25;
    }

    .research-gallery-sync strong {
      color: #17201b;
      font-size: 15px;
      font-weight: 900;
    }

    .research-brand-mark {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      border-radius: 8px;
      background: #172019;
      color: #ffffff;
      font-size: 20px;
      font-weight: 900;
      line-height: 1;
    }

    .research-gallery-brand-copy {
      display: grid;
      gap: 2px;
      min-width: 0;
    }

    .research-gallery-brand-copy strong {
      color: #172019;
      font-size: 19px;
      font-weight: 850;
      line-height: 1.12;
    }

    .research-gallery-brand-copy span {
      color: #667167;
      font-size: 13px;
      font-weight: 750;
    }

    .research-gallery-head h3,
    .research-detail-head h3 {
      margin: 0;
      color: #172019;
      font-size: 22px;
      line-height: 1.12;
    }

    .research-gallery-head p,
    .research-detail-head p {
      margin: 5px 0 0;
      max-width: 760px;
      color: #667167;
      font-size: 13px;
      line-height: 1.5;
    }

    .research-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 7px;
    }

    .research-gallery-toolbar {
      align-items: center;
      gap: 10px;
    }

    .research-toolbar-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      min-height: 34px;
      padding: 0 10px;
      border: 1px solid transparent;
      border-radius: 7px;
      background: transparent;
      color: #445047;
      cursor: pointer;
      font-size: 12px;
      font-weight: 850;
    }

    .research-toolbar-button.primary {
      border-color: #254b35;
      background: #254b35;
      color: #ffffff;
      padding: 0 12px;
    }

    .research-toolbar-button:hover,
    .research-toolbar-button:focus-visible {
      border-color: #b9c4ba;
      outline: none;
    }

    .research-toolbar-button.primary:hover,
    .research-toolbar-button.primary:focus-visible {
      border-color: #1f3f2d;
      background: #1f3f2d;
    }

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

    .research-project-card,
    .research-process-card,
    .research-queue-panel {
      min-width: 0;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .research-project-card {
      display: flex;
      align-items: center;
      position: relative;
      min-height: 128px;
      padding: 18px 58px 18px 18px;
      border-color: rgba(28, 42, 34, 0.11);
      background: rgba(255, 255, 255, 0.87);
      box-shadow: 0 10px 26px rgba(21, 32, 26, 0.07);
      cursor: pointer;
      transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background 180ms ease;
    }

    .research-project-card.needs-intake {
      border-color: rgba(240, 110, 49, 0.24);
      background: linear-gradient(95deg, rgba(255, 247, 238, 0.96), rgba(255, 255, 255, 0.92));
      box-shadow: 0 14px 32px rgba(54, 22, 17, 0.12);
    }

    .research-project-card:hover,
    .research-project-card:focus-visible,
    .research-project-card:focus-within {
      border-color: rgba(240, 110, 49, 0.28);
      box-shadow: 0 14px 28px rgba(54, 22, 17, 0.12);
      outline: none;
      transform: translateY(-1px);
    }

    .research-project-main {
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr);
      align-items: center;
      gap: 16px;
      width: 100%;
      min-width: 0;
    }

    .research-logo {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      width: 54px;
      height: 54px;
      position: relative;
      overflow: hidden;
      border: 1px solid var(--research-logo-border, rgba(14, 36, 46, 0.12));
      border-radius: 14px;
      background: var(--research-logo-bg, #f4f7f6);
      color: var(--research-logo-color, #14323d);
      box-shadow: inset 0 -14px 26px rgba(255, 255, 255, 0.3), 0 10px 18px rgba(21, 36, 41, 0.08);
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 0;
      line-height: 1;
      text-transform: uppercase;
    }

    .research-logo.has-image {
      background: var(--research-logo-image-bg, #ffffff);
    }

    .research-logo.fill-tile.has-image {
      background: var(--research-logo-bg, #ffffff);
      box-shadow: 0 10px 18px rgba(21, 36, 41, 0.08);
    }

    .research-logo::after {
      content: "";
      position: absolute;
      left: 10px;
      right: 10px;
      bottom: 9px;
      height: 3px;
      border-radius: 999px;
      background: currentColor;
      opacity: 0.22;
    }

    .research-logo.has-image::after {
      display: none;
    }

    .research-logo.fill-tile::after {
      display: none;
    }

    .research-logo.has-image.logo-failed::after {
      display: block;
    }

    .research-logo-img {
      position: absolute;
      z-index: 2;
      inset: 7px;
      width: calc(100% - 14px);
      height: calc(100% - 14px);
      object-fit: contain;
    }

    .research-logo-text {
      position: relative;
      z-index: 1;
    }

    .research-logo.has-image .research-logo-text {
      opacity: 0;
    }

    .research-logo.has-image.logo-failed .research-logo-text {
      opacity: 1;
    }

    .research-screen-mark,
    .research-plus-mark {
      display: inline-block;
      position: relative;
    }

    .research-screen-mark {
      width: 25px;
      height: 20px;
      border-radius: 4px 4px 2px 2px;
      background: currentColor;
    }

    .research-screen-mark::after {
      content: "";
      position: absolute;
      left: -4px;
      bottom: -7px;
      width: 33px;
      height: 3px;
      border-radius: 999px;
      background: currentColor;
    }

    .research-plus-mark {
      width: 26px;
      height: 26px;
    }

    .research-plus-mark::before,
    .research-plus-mark::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      background: currentColor;
      transform: translate(-50%, -50%);
    }

    .research-plus-mark::before {
      width: 26px;
      height: 3px;
    }

    .research-plus-mark::after {
      width: 3px;
      height: 26px;
    }

    .research-project-main h4 {
      margin: 0;
      color: #0872c7;
      font-size: 18px;
      font-weight: 800;
      line-height: 1.18;
      overflow-wrap: anywhere;
    }

    .research-title-row {
      display: flex;
      align-items: center;
      column-gap: 8px;
      row-gap: 5px;
      min-width: 0;
      flex-wrap: wrap;
    }

    .research-title-row h4 {
      flex: 0 1 auto;
      min-width: 0;
      max-width: 100%;
    }

    .research-stage-badge {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      min-height: 20px;
      padding: 0 7px;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #f2f5f0;
      color: #445047;
      font-size: 9px;
      font-weight: 900;
      letter-spacing: 0;
      line-height: 1;
      white-space: nowrap;
    }

    .research-stage-badge.queue {
      border-color: #b8d7f2;
      background: #eaf4ff;
      color: #235f92;
    }

    .research-stage-badge.needs-intake {
      border-color: #eccf9a;
      background: #f8ead2;
      color: #7a4a0b;
    }

    .research-stage-badge.ready {
      border-color: #a9d5c9;
      background: #e4f4ef;
      color: #1f684f;
    }

    .research-stage-badge.researching {
      border-color: #b8d7f2;
      background: #eaf4ff;
      color: #235f92;
    }

    .research-stage-badge.finished {
      border-color: #bcd9c8;
      background: #e7f2ea;
      color: #285f3b;
    }

    .research-stage-badge.complete {
      border-color: #bcd9c8;
      background: #e7f2ea;
      color: #285f3b;
    }

    .research-stage-badge.floor,
    .research-stage-badge.review {
      border-color: #eccf9a;
      background: #f8ead2;
      color: #7a4a0b;
    }

    .research-stage-badge.repair {
      border-color: #efc0b8;
      background: #fff0ed;
      color: #8a2f21;
    }

    .research-project-main p {
      margin: 4px 0 0;
      color: #5f696f;
      font-size: 13px;
      font-weight: 550;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }

    .research-evidence-row {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-top: 7px;
    }

    .research-evidence-badge {
      display: inline-flex;
      align-items: center;
      min-height: 19px;
      padding: 0 7px;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #f7f8f5;
      color: #445047;
      font-size: 9px;
      font-weight: 900;
      line-height: 1;
      white-space: nowrap;
    }

    .research-evidence-badge.ready {
      border-color: #a9d5c9;
      background: #e4f4ef;
      color: #1f684f;
    }

    .research-evidence-badge.warn {
      border-color: #eccf9a;
      background: #f8ead2;
      color: #7a4a0b;
    }

    .research-card-footer {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      position: absolute;
      top: 50%;
      right: 18px;
      transform: translateY(-50%);
      min-width: 0;
      padding: 0;
      border: 0;
    }

    .research-card-status {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      min-height: 23px;
      margin-top: 8px;
      padding: 0 8px;
      border: 1px solid #c9dff2;
      border-radius: 999px;
      background: #eaf4ff;
      color: #2b6394;
      font-size: 11px;
      font-weight: 900;
      line-height: 1;
      white-space: nowrap;
    }

    .research-pill {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      padding: 0 7px;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #f2f5f0;
      color: #445047;
      font-size: 10px;
      font-weight: 900;
      line-height: 1;
      white-space: nowrap;
    }

    .research-pill.pass {
      border-color: #bcd9c8;
      background: #e7f2ea;
      color: #285f3b;
    }

    .research-pill.warn,
    .research-pill.floor {
      border-color: #eccf9a;
      background: #f8ead2;
      color: #7a4a0b;
    }

    .research-context {
      color: #667167;
      font-size: 13px;
      font-weight: 700;
      overflow-wrap: anywhere;
    }

    .research-open {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      min-height: 34px;
      padding: 0;
      border: 2px solid transparent;
      border-radius: 999px;
      background:
        linear-gradient(#fffdf9, #fffdf9) padding-box,
        linear-gradient(135deg, #f06e31 0%, #ff8a42 38%, #22a4b1 100%) border-box;
      color: #351611;
      font-weight: 850;
      box-shadow: 0 7px 15px rgba(54, 22, 17, 0.1);
      pointer-events: none;
      transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
    }

    .research-open::before {
      content: "";
      width: 8px;
      height: 8px;
      border-top: 2px solid currentColor;
      border-right: 2px solid currentColor;
      transform: rotate(45deg);
    }

    .research-project-card:hover .research-open,
    .research-project-card:focus-visible .research-open,
    .research-project-card:focus-within .research-open {
      background:
        linear-gradient(#fff7ee, #fff7ee) padding-box,
        linear-gradient(135deg, #f06e31 0%, #ff8a42 36%, #22a4b1 100%) border-box;
      box-shadow: 0 11px 20px rgba(54, 22, 17, 0.14);
    }

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

    .wireframe-gallery-card.wireframe-unfinished,
    .wireframe-gallery-card.need-research {
      border-color: rgba(240, 110, 49, 0.24);
      background: linear-gradient(95deg, rgba(255, 247, 238, 0.96), rgba(255, 255, 255, 0.92));
      box-shadow: 0 14px 32px rgba(54, 22, 17, 0.12);
    }

    .wireframe-stage-badge.need-research {
      border-color: #eccf9a;
      background: #f8ead2;
      color: #7a4a0b;
    }

    .wireframe-stage-badge.ready,
    .wireframe-stage-badge.ready-to-run {
      border-color: #a9d5c9;
      background: #e4f4ef;
      color: #1f684f;
    }

    .wireframe-stage-badge.in-review,
    .wireframe-stage-badge.needs-action,
    .wireframe-stage-badge.needs-edits {
      border-color: #b8d7f2;
      background: #eaf4ff;
      color: #235f92;
    }

    .wireframe-stage-badge.finished,
    .wireframe-stage-badge.approved,
    .wireframe-stage-badge.complete {
      border-color: #bcd9c8;
      background: #e7f2ea;
      color: #285f3b;
    }

    .wireframe-stage-badge.upcoming,
    .wireframe-stage-badge.paused,
    .wireframe-stage-badge.floor {
      border-color: #d7ddd3;
      background: #f2f5f0;
      color: #445047;
    }

    @media (max-width: 900px) {
      .wireframe-gallery-grid {
        grid-template-columns: 1fr;
      }
    }

    .research-detail {
      display: grid;
      gap: 14px;
    }

    .research-process-card {
      display: grid;
      gap: 9px;
      padding: 14px;
    }

    .research-step {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 25px;
      height: 25px;
      border-radius: 999px;
      background: #254b35;
      color: #ffffff;
      font-size: 11px;
      font-weight: 900;
    }

    .research-process-card h4 {
      margin: 0;
      color: #172019;
      font-size: 14px;
      line-height: 1.25;
    }

    .research-process-card p {
      margin: 0;
      color: #667167;
      font-size: 12px;
      line-height: 1.45;
    }

    .research-lower-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 10px;
    }

    .research-queue-panel {
      padding: 14px;
    }

    .research-queue-list {
      display: grid;
      gap: 8px;
      margin-top: 10px;
    }

    .research-queue-row {
      display: grid;
      grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) auto;
      gap: 9px;
      align-items: center;
      min-width: 0;
      padding: 9px 0;
      border-top: 1px solid #e2e8de;
      color: #667167;
      font-size: 12px;
    }

    .research-queue-row:first-child {
      border-top: 0;
    }

    .research-queue-row strong,
    .research-queue-row span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .research-queue-row strong {
      color: #172019;
    }

    .research-banner {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      min-width: 0;
      padding: 16px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .research-banner h3 {
      margin: 0;
      color: #172019;
      font-size: 20px;
      line-height: 1.2;
    }

    .research-banner p {
      margin: 6px 0 0;
      color: #667167;
      font-size: 13px;
      line-height: 1.45;
    }

    .research-status-stack {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 7px;
      flex: 0 0 auto;
    }

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

    .research-metric-card {
      display: grid;
      gap: 7px;
      min-width: 0;
      padding: 14px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .research-metric-card strong {
      color: #172019;
      font-size: 24px;
      line-height: 1;
      overflow-wrap: anywhere;
    }

    .research-metric-card span {
      color: #667167;
      font-size: 12px;
      font-weight: 800;
    }

    .research-workflow-grid {
      display: grid;
      grid-template-columns: 168px minmax(0, 1fr);
      gap: 10px;
      min-width: 0;
    }

    .research-module-nav {
      position: sticky;
      top: 16px;
      display: grid;
      align-content: start;
      gap: 6px;
      min-width: 0;
      padding: 10px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .research-module-nav a {
      display: flex;
      align-items: center;
      min-height: 32px;
      padding: 0 9px;
      border-radius: 7px;
      color: #56635b;
      font-size: 12px;
      font-weight: 850;
      text-decoration: none;
    }

    .research-module-nav a:hover,
    .research-module-nav a:focus-visible {
      background: #edf2e9;
      color: #172019;
      outline: none;
    }

    .research-workspace {
      display: grid;
      gap: 10px;
      min-width: 0;
    }

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

    .research-intake-grid div {
      display: grid;
      gap: 4px;
      min-width: 0;
      padding: 10px;
      border: 1px solid #e0e7dc;
      border-radius: 7px;
      background: #f7f9f5;
    }

    .research-intake-grid strong {
      color: #172019;
      font-size: 12px;
    }

    .research-intake-grid span {
      color: #667167;
      font-size: 12px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    .research-chip-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 10px;
    }

    .research-source-chip {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #f2f5f0;
      color: #56635b;
      font-size: 11px;
      font-weight: 850;
    }

    .research-source-chip.ready {
      border-color: #bcd9c8;
      background: #e7f2ea;
      color: #285f3b;
    }

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

    .research-section-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: start;
      min-width: 0;
      padding: 12px;
      border: 1px solid #e0e7dc;
      border-radius: 8px;
      background: #ffffff;
    }

    .research-section-card h4 {
      margin: 8px 0 5px;
      color: #172019;
      font-size: 14px;
      line-height: 1.25;
    }

    .research-section-card p {
      margin: 0;
      color: #667167;
      font-size: 12px;
      line-height: 1.4;
    }

    .research-checklist,
    .research-export-grid {
      display: grid;
      gap: 7px;
    }

    .research-check-row {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      gap: 9px;
      min-width: 0;
      padding: 9px;
      border: 1px solid #e0e7dc;
      border-radius: 7px;
      background: #f7f9f5;
      color: #667167;
      font-size: 12px;
      line-height: 1.35;
    }

    .research-check-row.pass {
      border-color: #cfe3d4;
      background: #eef7ef;
    }

    .research-check-row.warn {
      border-color: #ecd6ab;
      background: #fff6e6;
    }

    .research-check-row strong {
      color: #172019;
      overflow-wrap: anywhere;
    }

    .research-check-row span {
      overflow-wrap: anywhere;
    }

    .research-builder-shell {
      display: grid;
      grid-template-columns: minmax(190px, 0.74fr) minmax(0, 1.46fr) minmax(230px, 0.9fr);
      gap: 10px;
      align-items: start;
      min-width: 0;
    }

    .research-exec-panel {
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 14px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .research-exec-panel.flush {
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .research-section-stack {
      display: grid;
      gap: 7px;
    }

    .research-section-button {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 9px;
      align-items: center;
      width: 100%;
      min-height: 50px;
      padding: 9px;
      border: 1px solid #e0e7dc;
      border-radius: 8px;
      background: #ffffff;
      color: #172019;
      text-align: left;
      cursor: pointer;
    }

    .research-section-button.active,
    .research-section-button:focus-visible {
      border-color: #8fbda0;
      background: #eef7ef;
      outline: none;
    }

    .research-section-button.approved {
      border-color: #77ad85;
      background: linear-gradient(90deg, rgba(37, 94, 57, 0.16) 0, rgba(37, 94, 57, 0.16) 5px, #f2fbf3 5px, #f8fdf8 100%);
      box-shadow: 0 8px 22px rgba(37, 94, 57, 0.1);
    }

    .research-section-button.approved.active {
      border-color: #245e39;
      background: linear-gradient(90deg, #245e39 0, #245e39 5px, #eaf8ed 5px, #f4fbf5 100%);
    }

    .research-section-button span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border-radius: 999px;
      background: #254b35;
      color: #ffffff;
      font-size: 11px;
      font-weight: 900;
    }

    .research-section-button.approved span {
      background: #1f6b3a;
      box-shadow: 0 0 0 3px rgba(31, 107, 58, 0.13);
    }

    .research-section-button strong,
    .research-section-button small {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .research-section-button strong {
      display: block;
      font-size: 12px;
      line-height: 1.25;
    }

    .research-section-button small {
      color: #667167;
      font-size: 11px;
      font-weight: 800;
    }

    .research-section-button.approved small {
      color: #1f6b3a;
      text-transform: uppercase;
      letter-spacing: 0.02em;
    }

    .research-builder-main {
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 16px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #ffffff;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
    }

    .research-builder-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }

    .research-builder-head h3 {
      margin: 0;
      color: #172019;
      font-size: 20px;
      line-height: 1.2;
    }

    .research-builder-head p {
      margin: 6px 0 0;
      color: #667167;
      font-size: 13px;
      line-height: 1.45;
    }

    .research-draft-box {
      display: grid;
      gap: 8px;
      min-width: 0;
    }

    .research-draft-box label {
      color: #56635b;
      font-size: 12px;
      font-weight: 900;
    }

    .research-draft-box textarea {
      width: 100%;
      min-height: 168px;
      resize: vertical;
      padding: 12px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #f7f9f5;
      color: #172019;
      font: inherit;
      font-size: 13px;
      line-height: 1.5;
    }

    .research-edit-source {
      min-width: 0;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
    }

    .research-edit-source summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      min-height: 40px;
      padding: 10px 12px;
      color: #172019;
      cursor: pointer;
      font-size: 12px;
      font-weight: 900;
      list-style: none;
    }

    .research-edit-source summary::-webkit-details-marker {
      display: none;
    }

    .research-edit-source summary::after {
      content: "Open";
      color: #667167;
      font-size: 10px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .research-edit-source[open] summary::after {
      content: "Close";
    }

    .research-edit-source .research-draft-box {
      padding: 0 12px 12px;
    }

    .research-output-preview-box,
    .research-start-section-box {
      display: grid;
      gap: 10px;
      min-width: 0;
      padding: 13px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #fbfcfa;
    }

    .research-output-preview-box h4,
    .research-start-section-box h4 {
      margin: 0;
      color: #172019;
      font-size: 15px;
      line-height: 1.25;
    }

    .research-output-preview-box p,
    .research-start-section-box p {
      margin: 0;
      color: #56635b;
      font-size: 13px;
      line-height: 1.5;
    }

    .research-pdf-preview-shell,
    .research-start-section-shell {
      display: grid;
      gap: 8px;
      min-width: 0;
      justify-items: center;
    }

    .research-pdf-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      width: 100%;
      min-width: 0;
      color: #667167;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .research-pdf-page-render,
    .research-pdf-locked {
      display: grid;
      gap: 12px;
      min-height: 330px;
      padding: 28px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #ffffff;
      box-shadow: inset 0 0 0 1px #f2f4ef;
      color: #172019;
    }

    .research-pdf-page-render {
      width: 100%;
      overflow-x: auto;
      overflow-y: auto;
      place-items: start center;
      justify-content: center;
      max-height: 760px;
    }

    .research-pdf-locked {
      align-content: center;
      border-style: dashed;
      background: #fffaf1;
    }

    .research-pdf-page-render h5,
    .research-pdf-locked h5 {
      margin: 0;
      color: #172019;
      font-size: 18px;
      line-height: 1.25;
    }

    .research-pdf-page-render p,
    .research-pdf-locked p {
      margin: 0;
      color: #45524a;
      font-size: 12px;
      line-height: 1.5;
    }

    .research-doc-page {
      align-content: start;
      width: min(100%, 7.3in);
      margin: 0 auto;
      min-height: 11in;
      padding: 0.62in 0.7in;
      border: 1px solid #e3e6df;
      border-radius: 0;
      background: #ffffff;
      box-shadow: 0 18px 40px rgba(23, 32, 25, 0.08);
      font-family: Arial, Helvetica, sans-serif;
      color: #111;
      font-size: 11.5pt;
      line-height: 1.42;
    }

    .research-pdf-page-render .research-doc-page {
      width: 7.3in;
      max-width: none;
      zoom: 0.74;
      margin-inline: auto;
      justify-self: center;
      align-self: start;
    }

    .research-doc-page + .research-doc-page {
      margin-top: 24px;
    }

    @media (max-width: 900px) {
      .research-pdf-page-render .research-doc-page {
        zoom: 0.48;
      }
    }

    .research-doc-page h1,
    .research-doc-page h2,
    .research-doc-page h3,
    .research-doc-page p {
      margin: 0;
    }

    .research-doc-page h1 {
      color: #111111;
      font-size: 21pt;
      line-height: 1.2;
      text-align: center;
      margin: 12px 0 20px;
    }

    .research-doc-page h2 {
      color: #111111;
      font-size: 17pt;
      line-height: 1.25;
      font-weight: 700;
    }

    .research-doc-page h3 {
      color: #111111;
      font-size: 14pt;
      line-height: 1.35;
    }

    .research-doc-page p,
    .research-doc-page li {
      color: #111111;
      font-size: 11.5pt;
      line-height: 1.42;
    }

    .research-doc-page a {
      color: #0563c1;
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    .research-doc-page ul {
      margin: 0 0 9px 22px;
      padding: 0;
    }

    .research-doc-kicker {
      color: #111111;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .research-doc-section {
      margin: 0 0 8px;
    }

    .research-doc-head {
      text-align: center;
      margin: 0 0 18px;
    }

    .research-doc-section-logo {
      display: grid;
      justify-items: center;
      margin-bottom: -6px;
    }

    .research-doc-logo-lockup {
      display: inline-flex;
      align-items: center;
      justify-self: center;
      gap: 10px;
      color: #111111;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 30px;
      font-weight: 900;
      letter-spacing: 0;
      line-height: 1;
    }

    .research-doc-logo-symbol {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      color: #ffffff;
      background: #111111;
      border-radius: 3px;
      font-size: 30px;
      font-style: italic;
      font-weight: 900;
    }

    .research-doc-logo {
      width: 180px;
      max-width: 42%;
      height: auto;
      justify-self: center;
      object-fit: contain;
      filter: none;
    }

    .research-doc-index {
      margin: 0 0 22px;
    }

    .research-doc-index p strong {
      font-weight: 900;
    }

    .research-doc-section-title {
      margin: 0 0 7px;
      text-align: center;
      font-size: 21pt;
    }

    .research-doc-divider {
      width: 100%;
      border-bottom: 2px solid #bdbdbd;
      height: 0;
      margin: 0 0 22px;
    }

    .research-doc-arrow-heading {
      width: fit-content;
      text-decoration: underline;
      text-underline-offset: 4px;
      text-decoration-thickness: 1px;
      margin: 22px 0 8px;
    }

    .research-doc-figure {
      margin: 8px 0 13px;
      text-align: center;
      break-inside: avoid;
    }

    .research-doc-figure img {
      max-width: 100%;
      max-height: 4.25in;
      object-fit: contain;
      border: 1px solid #ddd;
    }

    .research-doc-figure figcaption {
      font-size: 9.2pt;
      color: #666;
      font-style: italic;
      margin-top: 4px;
    }

    .research-pdf-locked .queue-action {
      margin-top: 2px;
      width: fit-content;
    }

    .research-lock-actions {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-top: 4px;
    }

    .research-generation-panel {
      display: grid;
      gap: 12px;
      align-content: center;
      min-height: 330px;
      padding: 28px;
      border: 1px solid #b8d4c2;
      border-radius: 8px;
      background: #f4fbf5;
      color: #172019;
    }

    .research-generation-row {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }

    .research-spinner {
      width: 18px;
      height: 18px;
      border: 2px solid #c7d8cc;
      border-top-color: #24543b;
      border-radius: 999px;
      animation: research-spin 900ms linear infinite;
      flex: 0 0 auto;
    }

    .research-progress-track {
      overflow: hidden;
      height: 8px;
      border-radius: 999px;
      background: #dce8df;
    }

    .research-progress-bar {
      width: var(--research-progress, 10%);
      height: 100%;
      border-radius: inherit;
      background: #24543b;
      transition: width 180ms ease;
    }

    .research-progress-meta {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
    }

    .research-progress-value {
      color: #172019;
      font-size: 26px;
      line-height: 1;
      font-weight: 800;
    }

    .research-progress-label {
      color: #45524a;
      font-size: 11px;
      line-height: 1.3;
      text-align: right;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .research-generation-panel h5,
    .research-qa-resolution h4 {
      margin: 0;
      color: #172019;
      font-size: 18px;
      line-height: 1.25;
    }

    .research-generation-panel p,
    .research-qa-resolution p {
      margin: 0;
      color: #45524a;
      font-size: 12px;
      line-height: 1.5;
    }

    .research-qa-resolution {
      display: grid;
      gap: 10px;
      padding: 14px;
      border: 1px solid #f1c37c;
      border-radius: 10px;
      background: #fff7e8;
    }

    .research-qa-row button.research-pill {
      border: 1px solid #efc67f;
      cursor: pointer;
      font-family: inherit;
    }

    @keyframes research-spin {
      to { transform: rotate(360deg); }
    }

    .research-pdf-page-render ul {
      margin: 0;
      padding-left: 18px;
      color: #45524a;
      font-size: 12px;
      line-height: 1.45;
    }

    .research-approval-chat {
      display: grid;
      gap: 8px;
      min-width: 0;
    }

    .research-chat-thread {
      display: grid;
      gap: 7px;
      min-width: 0;
      max-height: 210px;
      overflow: auto;
      padding: 10px;
      border: 1px solid #e0e7dc;
      border-radius: 8px;
      background: #fbfcfa;
    }

    .research-chat-message {
      display: grid;
      gap: 3px;
      min-width: 0;
      padding: 8px;
      border-radius: 8px;
      background: #ffffff;
      color: #56635b;
      font-size: 12px;
      line-height: 1.4;
    }

    .research-chat-message.user {
      background: #eef7ef;
    }

    .research-chat-message strong {
      color: #172019;
      font-size: 11px;
      text-transform: uppercase;
    }

    .research-review-status {
      display: grid;
      gap: 4px;
      padding: 12px;
      border: 1px solid #dce6d9;
      border-radius: 8px;
      background: #fbfcfa;
      color: #56635b;
      font-size: 12px;
      line-height: 1.45;
    }

    .research-review-status.pass {
      border-color: #b8d4c2;
      background: #f1faf2;
    }

    .research-review-status.warn {
      border-color: #f2c879;
      background: #fff8ec;
    }

    .research-review-status strong {
      color: #172019;
      font-size: 13px;
    }

    .research-builder-actions,
    .research-feedback-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }

    .research-builder-actions .queue-action,
    .research-feedback-actions .queue-action {
      min-height: 34px;
    }

    .research-feedback-note {
      margin: 0;
      color: #667167;
      font-size: 12px;
      line-height: 1.45;
    }

    .research-feedback-thread {
      display: grid;
      gap: 5px;
      border: 1px solid #dfe6db;
      border-radius: 8px;
      background: #f8faf6;
      color: #172019;
      font-size: 12px;
      line-height: 1.45;
      overflow: hidden;
    }

    .research-feedback-thread summary {
      display: list-item;
      padding: 10px;
      cursor: pointer;
      list-style: disclosure-closed inside;
    }

    .research-feedback-thread[open] summary {
      list-style-type: disclosure-open;
    }

    .research-feedback-thread strong {
      font-size: 12px;
    }

    .research-feedback-thread-body {
      display: grid;
      gap: 8px;
      padding: 0 10px 10px;
    }

    .research-feedback-thread-head {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 8px;
      align-items: center;
    }

    .research-feedback-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }

    .research-feedback-badge {
      display: inline-flex;
      align-items: center;
      min-height: 20px;
      padding: 2px 7px;
      border: 1px solid #cfd9ca;
      border-radius: 999px;
      background: #ffffff;
      color: #56635b;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }

    .research-feedback-badge.format {
      border-color: #b8d8c1;
      background: #eef8f0;
      color: #25613d;
    }

    .research-feedback-badge.content {
      border-color: #e2d2aa;
      background: #fff8e8;
      color: #7a5812;
    }

    .research-feedback-thread p {
      margin: 0;
      color: #3f4b42;
      white-space: pre-wrap;
    }

    .research-feedback-thread small {
      color: #667167;
      font-size: 11px;
    }

    .research-feedback-understanding {
      display: grid;
      gap: 4px;
      padding: 8px;
      border: 1px solid #e6ece2;
      border-radius: 7px;
      background: #ffffff;
    }

    .research-feedback-understanding span {
      color: #172019;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .research-feedback-understanding p {
      margin: 0;
      color: #3f4b42;
      font-size: 12px;
      line-height: 1.4;
    }

    .research-drop-zone {
      display: grid;
      gap: 3px;
      padding: 12px;
      border: 1px dashed #b9c8bd;
      border-radius: 8px;
      background: #f8faf6;
      color: #56635b;
      font-size: 12px;
      line-height: 1.4;
      text-align: center;
    }

    .research-drop-zone strong {
      color: #172019;
      font-size: 13px;
    }

    .research-feedback-box.drag-over .research-drop-zone,
    .research-drop-zone.drag-over {
      border-color: #2d7d57;
      background: #eef7ef;
      box-shadow: inset 0 0 0 1px rgba(45, 125, 87, 0.18);
    }

    .research-attachment-preview {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      gap: 8px;
    }

    .research-attachment-chip {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
      padding: 7px;
      border: 1px solid #dfe6db;
      border-radius: 8px;
      background: #f8faf6;
      color: #172019;
      font-size: 12px;
    }

    a.research-attachment-chip {
      grid-template-columns: 48px minmax(0, 1fr);
      color: inherit;
      text-decoration: none;
    }

    .research-attachment-chip img {
      width: 48px;
      height: 48px;
      object-fit: cover;
      border-radius: 6px;
      background: #edf2e9;
    }

    .research-attachment-chip span {
      display: grid;
      gap: 2px;
      min-width: 0;
    }

    .research-attachment-chip strong,
    .research-attachment-chip small {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .research-attachment-chip small {
      color: #667167;
      font-size: 11px;
    }

    .research-attachment-chip button {
      width: 26px;
      height: 26px;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #ffffff;
      color: #667167;
      cursor: pointer;
      font-weight: 900;
    }

    .research-reference-intake {
      display: grid;
      gap: 12px;
      padding: 12px;
      border: 1px solid #dfe6db;
      border-radius: 9px;
      background: #fbfcf8;
    }

    .research-reference-intake-head {
      display: grid;
      gap: 4px;
    }

    .research-reference-intake-head strong {
      color: #172019;
      font-size: 14px;
    }

    .research-reference-intake-head span {
      color: #667167;
      font-size: 12px;
      line-height: 1.4;
    }

    .research-section3-url-intake {
      display: grid;
      gap: 6px;
      padding: 10px;
      border: 1px solid #dfe6db;
      border-radius: 9px;
      background: #ffffff;
    }

    .research-section3-url-intake label {
      color: #172019;
      font-size: 12px;
      font-weight: 900;
    }

    .research-section3-url-intake textarea {
      width: 100%;
      min-height: 84px;
      border: 1px solid #d7ddd3;
      border-radius: 7px;
      background: #f9fbf7;
      color: #172019;
      font: inherit;
      font-size: 12px;
      line-height: 1.35;
      padding: 8px;
      resize: vertical;
    }

    .research-section3-url-intake small {
      color: #667167;
      font-size: 11px;
      line-height: 1.35;
    }

    .research-section3-url-candidates {
      display: grid;
      gap: 6px;
      max-height: 180px;
      overflow: auto;
      padding-top: 4px;
    }

    .research-section3-url-candidate {
      display: grid;
      grid-template-columns: minmax(120px, 0.8fr) minmax(160px, 1fr) auto;
      gap: 8px;
      align-items: center;
      padding: 7px 8px;
      border: 1px solid #eef2ea;
      border-radius: 7px;
      background: #fbfcf8;
      font-size: 11px;
    }

    .research-section3-url-candidate span {
      color: #172019;
      font-weight: 900;
    }

    .research-section3-url-candidate a {
      color: #326f42;
      overflow-wrap: anywhere;
    }

    .research-section3-url-candidate small {
      text-align: right;
    }

    .research-reference-list {
      display: grid;
      gap: 10px;
    }

    .research-reference-card {
      display: grid;
      grid-template-columns: minmax(86px, 112px) minmax(0, 1fr) auto;
      gap: 10px;
      align-items: start;
      padding: 10px;
      border: 1px solid #dfe6db;
      border-radius: 9px;
      background: #ffffff;
    }

    .research-reference-card img {
      width: 100%;
      aspect-ratio: 1 / 0.82;
      object-fit: cover;
      border-radius: 7px;
      border: 1px solid #e2e8df;
      background: #edf2e9;
    }

    .research-reference-card h5 {
      margin: 0 0 8px;
      color: #172019;
      font-size: 13px;
      line-height: 1.25;
    }

    .research-reference-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .research-reference-field {
      display: grid;
      gap: 3px;
    }

    .research-reference-field.full {
      grid-column: 1 / -1;
    }

    .research-reference-field label {
      color: #667167;
      font-size: 10px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .research-reference-field input,
    .research-reference-field select,
    .research-reference-field textarea {
      width: 100%;
      min-height: 34px;
      border: 1px solid #d7ddd3;
      border-radius: 7px;
      background: #f9fbf7;
      color: #172019;
      font: inherit;
      font-size: 12px;
      line-height: 1.3;
      padding: 8px;
    }

    .research-reference-field textarea {
      min-height: 58px;
      resize: vertical;
    }

    .research-reference-card .remove-reference {
      width: 28px;
      height: 28px;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #ffffff;
      color: #667167;
      cursor: pointer;
      font-weight: 900;
    }

    .research-detail.reference-intake-mode {
      gap: 20px;
    }

    .research-detail.reference-intake-mode .research-intake-notice {
      padding: 18px 20px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.82);
      color: #657164;
      font-size: 18px;
      line-height: 1.45;
      box-shadow: 0 12px 34px rgba(21, 35, 26, 0.06);
    }

    .research-detail.reference-intake-mode .research-builder-shell {
      grid-template-columns: minmax(240px, 300px) minmax(560px, 1fr) minmax(260px, 320px);
      align-items: start;
    }

    .research-detail.reference-intake-mode .research-builder-main,
    .research-detail.reference-intake-mode .research-exec-panel {
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.88);
      box-shadow: 0 16px 36px rgba(21, 35, 26, 0.08);
    }

    .research-detail.reference-intake-mode .research-builder-head {
      align-items: start;
    }

    .research-detail.reference-intake-mode .research-builder-head h3 {
      font-size: 24px;
      line-height: 1.05;
    }

    .research-detail.reference-intake-mode .research-reference-intake {
      gap: 18px;
      padding: 20px;
      border-color: #d8ded1;
      border-radius: 8px;
      background: #fbfaf5;
    }

    .research-detail.reference-intake-mode .research-reference-intake-head strong {
      font-size: 20px;
      line-height: 1.18;
    }

    .research-detail.reference-intake-mode .research-reference-intake-head span {
      font-size: 15px;
    }

    .research-detail.reference-intake-mode .research-drop-zone {
      min-height: 150px;
      justify-content: center;
      background: #fffef9;
    }

    .research-detail.reference-intake-mode .research-drop-zone strong {
      font-size: 22px;
    }

    .research-detail.reference-intake-mode .research-reference-list {
      gap: 14px;
    }

    .research-detail.reference-intake-mode .research-reference-card {
      grid-template-columns: minmax(138px, 166px) minmax(0, 1fr) auto;
      gap: 16px;
      padding: 14px;
      border-radius: 8px;
    }

    .research-detail.reference-intake-mode .research-reference-card img {
      aspect-ratio: 1 / 1.12;
      border-radius: 6px;
    }

    .research-detail.reference-intake-mode .research-reference-card h5 {
      font-size: 18px;
      line-height: 1.2;
    }

    .research-detail.reference-intake-mode .research-reference-fields {
      gap: 10px;
    }

    .research-detail.reference-intake-mode .research-reference-field.source-field {
      display: none;
    }

    .research-detail.reference-intake-mode .research-reference-field label {
      font-size: 11px;
    }

    .research-detail.reference-intake-mode .research-reference-field input,
    .research-detail.reference-intake-mode .research-reference-field select,
    .research-detail.reference-intake-mode .research-reference-field textarea {
      min-height: 52px;
      font-size: 14px;
      background: #fdfef9;
    }

    .research-detail.reference-intake-mode .research-reference-field textarea {
      min-height: 72px;
      font-weight: 700;
    }

    .research-detail.reference-intake-mode .research-intake-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
      padding-top: 2px;
    }

    .research-detail.reference-intake-mode .research-qa-accordion {
      border: 0;
      background: transparent;
    }

    .research-detail.reference-intake-mode .research-qa-accordion summary {
      display: none;
    }

    .research-detail.reference-intake-mode .research-qa-accordion .research-qa-stack {
      padding: 0;
    }

    .research-detail.reference-intake-mode .research-qa-row {
      background: #fff6e4;
    }

    .research-attachment-history {
      border: 1px solid #dfe6db;
      border-radius: 8px;
      background: #fbfcfa;
    }

    .research-attachment-history summary {
      display: list-item;
      padding: 10px;
      color: #172019;
      cursor: pointer;
      font-size: 12px;
      font-weight: 900;
      list-style: disclosure-closed inside;
    }

    .research-attachment-history[open] summary {
      list-style-type: disclosure-open;
    }

    .research-attachment-history-list {
      display: grid;
      gap: 8px;
      padding: 0 10px 10px;
    }

    .research-attachment-history-row {
      display: grid;
      gap: 7px;
      padding: 9px;
      border: 1px solid #edf2e9;
      border-radius: 8px;
      background: #ffffff;
    }

    .research-attachment-history-row > div:first-child {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      align-items: baseline;
    }

    .research-attachment-history-row small {
      color: #667167;
      font-size: 11px;
    }

    .research-attachment-history-row p {
      margin: 0;
      color: #3f4b42;
      font-size: 12px;
      line-height: 1.4;
    }

    .research-change-summary {
      display: grid;
      gap: 8px;
      border: 1px solid #cfe3d4;
      border-radius: 8px;
      background: #f1faf2;
      color: #3f4b42;
      font-size: 12px;
      line-height: 1.45;
      overflow: hidden;
    }

    .research-change-summary summary {
      display: list-item;
      padding: 11px;
      cursor: pointer;
      list-style: disclosure-closed inside;
    }

    .research-change-summary[open] summary {
      list-style-type: disclosure-open;
    }

    .research-change-summary-body {
      display: grid;
      gap: 8px;
      padding: 0 11px 11px;
    }

    .research-change-summary-head {
      display: list-item;
      justify-content: space-between;
      gap: 10px;
      align-items: baseline;
      list-style: disclosure-closed inside;
    }

    .research-change-summary[open] .research-change-summary-head {
      list-style-type: disclosure-open;
    }

    .research-change-summary-head strong {
      color: #172019;
      font-size: 13px;
    }

    .research-change-summary-head small {
      color: #667167;
      font-size: 11px;
    }

    .research-change-summary p {
      margin: 0;
    }

    .research-change-group {
      display: grid;
      gap: 4px;
    }

    .research-change-group span {
      color: #172019;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .research-change-group ul {
      margin: 0;
      padding-left: 18px;
    }

    .research-qa-stack {
      display: grid;
      gap: 8px;
    }

    .research-qa-accordion {
      border: 1px solid #dfe8dc;
      border-radius: 8px;
      background: #ffffff;
    }

    .research-qa-accordion summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      min-width: 0;
      padding: 11px;
      cursor: pointer;
      list-style: none;
    }

    .research-qa-accordion summary::-webkit-details-marker {
      display: none;
    }

    .research-qa-accordion summary div {
      display: grid;
      gap: 2px;
      min-width: 0;
    }

    .research-qa-accordion summary strong {
      color: #172019;
      font-size: 13px;
      line-height: 1.25;
    }

    .research-qa-accordion summary span:not(.research-pill) {
      color: #667167;
      font-size: 12px;
      line-height: 1.35;
    }

    .research-qa-accordion[open] summary {
      border-bottom: 1px solid #dfe8dc;
    }

    .research-qa-accordion .research-qa-stack {
      padding: 8px;
    }

    .research-qa-group {
      display: grid;
      gap: 8px;
      min-width: 0;
    }

    .research-qa-group + .research-qa-group {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #dfe8dc;
    }

    .research-qa-group-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      color: #172019;
      font-size: 12px;
      line-height: 1.35;
      font-weight: 800;
    }

    .research-qa-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
      min-width: 0;
      padding: 9px;
      border: 1px solid #e0e7dc;
      border-radius: 8px;
      background: #ffffff;
      color: #667167;
      font-size: 12px;
      line-height: 1.35;
    }

    .research-qa-row.pass {
      border-color: #cfe3d4;
      background: #eef7ef;
    }

    .research-qa-row.warn {
      border-color: #ecd6ab;
      background: #fff6e6;
    }

    .research-qa-row strong,
    .research-qa-row span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .research-floor-panel {
      display: grid;
      gap: 8px;
      padding: 12px;
      border: 1px solid #cfe3d4;
      border-radius: 8px;
      background: #eef7ef;
    }

    .research-floor-panel h4 {
      margin: 0;
      color: #172019;
      font-size: 14px;
      line-height: 1.25;
    }

    .research-floor-panel p {
      margin: 0;
      color: #56635b;
      font-size: 12px;
      line-height: 1.45;
    }

    .research-feedback-box {
      display: grid;
      gap: 8px;
    }

    .research-feedback-box textarea {
      width: 100%;
      min-height: 112px;
      resize: vertical;
      padding: 10px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #ffffff;
      color: #172019;
      font: inherit;
      font-size: 13px;
      line-height: 1.45;
    }

    .research-table-wrap {
      overflow: auto;
      border: 1px solid #dfe6db;
      border-radius: 8px;
      background: #ffffff;
    }

    .research-table {
      min-width: 900px;
      width: 100%;
      border-collapse: collapse;
      font-size: 12px;
    }

    .research-table th,
    .research-table td {
      padding: 9px 10px;
      border-bottom: 1px solid #e0e7dc;
      text-align: left;
      vertical-align: top;
    }

    .research-table th {
      color: #667167;
      font-size: 10px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .research-table td strong {
      display: block;
      color: #172019;
      font-size: 12px;
    }

    .research-table td span {
      display: block;
      margin-top: 3px;
      color: #667167;
      overflow-wrap: anywhere;
    }

    .kpi-tracker-shell {
      display: grid;
      gap: 16px;
      padding: 16px;
      border-top: 1px solid #d7ddd3;
      background: #eef2ea;
    }

    .kpi-report-hero {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 16px;
      align-items: end;
      padding: 18px;
      border: 1px solid #d7ddd3;
      border-radius: 14px;
      background: linear-gradient(135deg, #fbfcfa 0%, #f1f6ec 100%);
      box-shadow: 0 16px 42px rgba(23, 32, 27, 0.06);
    }

    .kpi-report-hero h3 {
      margin: 0 0 6px;
      color: #121a15;
      font-size: 22px;
      letter-spacing: -0.03em;
    }

    .kpi-report-hero p {
      margin: 0;
      max-width: 760px;
      color: #5f6b62;
      font-size: 13px;
      line-height: 1.45;
    }

    .kpi-context-grid {
      display: grid;
      grid-template-columns: repeat(4, max-content);
      gap: 8px;
      justify-content: end;
    }

    .kpi-context-pill {
      display: inline-grid;
      gap: 2px;
      min-width: 112px;
      padding: 10px 12px;
      border: 1px solid #d7ddd3;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.82);
      color: #121a15;
      font-size: 12px;
      font-weight: 850;
    }

    .kpi-context-pill span {
      color: #6c766d;
      font-size: 10px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .kpi-command-row {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap: 10px;
    }

    .kpi-command-card {
      min-width: 0;
      min-height: 112px;
      display: grid;
      align-content: space-between;
      gap: 10px;
      padding: 13px;
      border: 1px solid #d7ddd3;
      border-radius: 10px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
      cursor: pointer;
      text-align: left;
      transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    }

    .kpi-command-card:hover,
    .kpi-command-card.active {
      transform: translateY(-2px);
      border-color: #94a885;
      box-shadow: 0 18px 42px rgba(23, 32, 27, 0.10);
    }

    .kpi-command-card.active {
      outline: 2px solid rgba(92, 118, 73, 0.22);
    }

    .kpi-command-meta {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      color: #6c766d;
      font-size: 11px;
      font-weight: 850;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .kpi-command-value {
      color: #121a15;
      font-size: 24px;
      line-height: 1;
      font-weight: 950;
    }

    .kpi-command-caption {
      color: #5f6b62;
      font-size: 12px;
      line-height: 1.35;
    }

    .kpi-command-support {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
      font-weight: 750;
    }

    .kpi-report-panel {
      display: grid;
      grid-template-columns: 260px minmax(0, 1fr) 220px;
      gap: 14px;
      padding: 16px;
      border: 1px solid #d7ddd3;
      border-radius: 14px;
      background: #fbfcfa;
      box-shadow: 0 12px 32px rgba(23, 32, 27, 0.045);
    }

    .kpi-report-identity,
    .kpi-report-focus,
    .kpi-report-actions {
      display: grid;
      gap: 8px;
      align-content: start;
    }

    .kpi-report-label {
      color: #6c766d;
      font-size: 10px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .kpi-report-title {
      color: #121a15;
      font-size: 18px;
      line-height: 1.1;
      font-weight: 950;
    }

    .kpi-report-note {
      color: #5f6b62;
      font-size: 12px;
      line-height: 1.4;
    }

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

    .kpi-filter-bar {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding: 14px 16px;
      border-bottom: 1px solid #d7ddd3;
      background: #fbfcfa;
    }

    .kpi-filter-bar select,
    .kpi-filter-bar input {
      min-height: 38px;
      min-width: 160px;
      border: 1px solid #d7ddd3;
      border-radius: 8px;
      background: #ffffff;
      color: #17201b;
      padding: 0 11px;
      font: inherit;
      font-size: 13px;
      font-weight: 750;
    }

    .kpi-table {
      min-width: 1120px;
    }

    .kpi-table td {
      vertical-align: top;
    }

    .kpi-name {
      min-width: 220px;
      display: grid;
      gap: 5px;
    }

    .kpi-name strong {
      color: #121a15;
      font-size: 14px;
      line-height: 1.25;
    }

    .kpi-name span,
    .kpi-source-note {
      color: #667064;
      font-size: 12px;
      line-height: 1.35;
    }

    .kpi-chip {
      display: inline-flex;
      align-items: center;
      min-height: 25px;
      width: fit-content;
      max-width: 100%;
      padding: 0 9px;
      border: 1px solid #d7ddd3;
      border-radius: 999px;
      background: #ffffff;
      color: #4d584f;
      font-size: 11px;
      font-weight: 900;
      white-space: nowrap;
    }

    .kpi-chip.green {
      border-color: #b9d9c4;
      background: #e1f2e6;
      color: #23543a;
    }

    .kpi-chip.amber {
      border-color: #eccf9a;
      background: #f8ead2;
      color: #7a4a0b;
    }

    .kpi-chip.red {
      border-color: #efb8b8;
      background: #f5dede;
      color: #8a2c2c;
    }

    .kpi-chip.blue {
      border-color: #bcd4eb;
      background: #e3effa;
      color: #244e75;
    }

    .kpi-current-value {
      display: grid;
      gap: 4px;
      min-width: 120px;
    }

    .kpi-current-value strong {
      color: #121a15;
      font-size: 17px;
      line-height: 1.1;
      font-weight: 950;
    }

    .kpi-current-value span {
      color: #667064;
      font-size: 11px;
      line-height: 1.3;
      font-weight: 750;
    }

    .kpi-definition details {
      max-width: 320px;
      color: #39433c;
      font-size: 12px;
      line-height: 1.45;
    }

    .kpi-definition summary {
      cursor: pointer;
      color: #244e75;
      font-weight: 900;
    }

    .kpi-side-stack {
      display: grid;
      gap: 16px;
    }

    .kpi-side-panel {
      border: 1px solid #d7ddd3;
      border-radius: 10px;
      background: #fbfcfa;
      box-shadow: 0 14px 34px rgba(23, 32, 27, 0.05);
      overflow: hidden;
    }

    .kpi-side-head {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      padding: 13px 14px;
      border-bottom: 1px solid #d7ddd3;
      background: #ffffff;
    }

    .kpi-side-head strong {
      color: #121a15;
      font-size: 13px;
      font-weight: 950;
    }

    .kpi-side-list {
      display: grid;
      gap: 8px;
      padding: 12px;
    }

    .kpi-side-item {
      display: grid;
      gap: 5px;
      padding: 10px;
      border: 1px solid #e0e7dc;
      border-radius: 8px;
      background: #f8faf6;
    }

    .kpi-side-item strong {
      color: #17201b;
      font-size: 12px;
      line-height: 1.3;
    }

    .kpi-side-item span {
      color: #667064;
      font-size: 11px;
      line-height: 1.35;
    }

    .kpi-empty {
      padding: 28px 18px;
      color: #687266;
      text-align: center;
      font-size: 14px;
    }

    .queue-company {
      min-width: 0;
      font-weight: 900;
      color: #121a15;
      font-size: 15px;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }

    .queue-sub {
      margin-top: 2px;
      color: #687266;
      font-size: 11px;
      font-weight: 700;
      overflow-wrap: anywhere;
    }

    .artifact-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 4px;
      max-width: 100%;
    }

    .artifact-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 4px;
      min-width: 0;
    }

    .artifact-chip {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      min-height: 23px;
      padding: 2px 7px;
      border: 1px solid #e2e8df;
      border-radius: 6px;
      background: #fbfcfa;
      color: #4f5a52;
      font-size: 10px;
      font-weight: 800;
      line-height: 1.15;
      text-align: left;
      cursor: pointer;
    }

    .artifact-chip::before {
      content: "";
      flex: none;
      width: 6px;
      height: 6px;
      margin-right: 6px;
      border-radius: 999px;
      background: #9aa59b;
    }

    .artifact-chip.required {
      border-color: #dfe7db;
      background: #fbfcfa;
      color: #39433c;
    }

    .artifact-chip.optional {
      border-style: dashed;
    }

    .artifact-chip.complete {
      border-color: #b9d9c4;
      background: #e1f2e6;
      color: #23543a;
    }

    .artifact-chip.complete::before {
      background: #2d7d57;
    }

    .artifact-chip.running {
      border-color: #bcd4eb;
      background: #e3effa;
      color: #244e75;
    }

    .artifact-chip.running::before {
      background: #316b9f;
    }

    .artifact-chip.needs_manual_step {
      border-color: #eccf9a;
      background: #f8ead2;
      color: #7a4a0b;
    }

    .artifact-chip.needs_manual_step::before {
      background: #a96716;
    }

    .artifact-chip.failed {
      border-color: #efb8b8;
      background: #f5dede;
      color: #8a2c2c;
    }

    .artifact-chip.failed::before {
      background: #b83d3d;
    }

    .artifact-permalink {
      display: inline-flex;
      align-items: center;
      min-height: 23px;
      padding: 0 7px;
      border: 1px solid #c7d8e2;
      border-radius: 6px;
      background: #eef7fb;
      color: #25596d;
      font-size: 10px;
      font-weight: 900;
      text-decoration: none;
      white-space: nowrap;
    }

    .artifact-permalink:hover,
    .artifact-permalink:focus-visible {
      border-color: #83b4ca;
      color: #133d4f;
      outline: none;
    }

    .queue-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      min-width: 0;
    }

    .onboarding-card .queue-actions {
      justify-content: flex-end;
      align-self: stretch;
      align-items: stretch;
      max-width: none;
    }

    .onboarding-card-actions .queue-actions {
      flex-wrap: nowrap;
      max-width: none;
    }

    .queue-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 28px;
      padding: 0 9px;
      border: 1px solid #d7ddd3;
      border-radius: 7px;
      background: #ffffff;
      color: #39433c;
      cursor: pointer;
      font-size: 10px;
      font-weight: 850;
      text-decoration: none;
      white-space: nowrap;
    }

    .queue-action.primary {
      border-color: #254b35;
      background: #254b35;
      color: #ffffff;
    }

    .queue-action.secondary {
      border-color: #e0e7dc;
      background: #fbfcfa;
      color: #59645c;
    }

    .queue-action:disabled,
    .queue-action[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.48;
      background: #eef2ec;
      color: #6f7a72;
    }

    .queue-action:disabled:hover,
    .queue-action[aria-disabled="true"]:hover {
      background: #eef2ec;
    }

    .queue-action.danger {
      border-color: #efd0d0;
      background: #fff8f8;
      color: #8a2c2c;
    }

    .queue-action:hover {
      background: #edf2e9;
    }

    .queue-action.primary:hover {
      background: #1f3f2d;
    }

    .queue-action.danger:hover {
      background: #f7e6e6;
    }

    .queue-empty {
      padding: 34px 18px;
      color: #687266;
      text-align: center;
      font-size: 14px;
    }

    @media (max-width: 1180px) {
      .shell {
        grid-template-columns: 1fr;
      }

      .sidebar {
        display: none;
      }

      .main {
        margin-left: 0;
        padding: 16px;
      }

      .toolbar-logo {
        display: none;
      }

      .onboarding-workspace {
        grid-template-columns: 1fr;
      }

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

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

      .capacity-summary-grid,
      .capacity-action-grid,
      .capacity-role-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .capacity-focus-grid,
      .capacity-side-stack {
        grid-template-columns: 1fr;
      }

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

      .home-body-grid {
        grid-template-columns: 1fr;
      }

      .home-lifecycle {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .research-lower-grid,
      .research-workflow-grid {
        grid-template-columns: 1fr;
      }

      .research-project-grid,
      .research-process-grid,
      .research-metrics-grid,
      .research-section-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .research-module-nav {
        position: static;
        display: flex;
        flex-wrap: wrap;
      }

      .capacity-layout {
        grid-template-columns: 1fr;
      }

      .setup-detail-panel {
        grid-template-columns: 1fr;
      }

      .kpi-command-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .kpi-report-hero,
      .kpi-report-panel {
        grid-template-columns: 1fr;
      }

      .kpi-context-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
      }

      .kpi-layout {
        grid-template-columns: 1fr;
      }

      .queue-table-wrap {
        max-height: none;
      }

      .onboarding-card {
        grid-template-columns: 1fr;
        grid-template-areas:
          "main"
          "actions"
          "meta"
          "info";
      }

      .onboarding-card-main {
        grid-row: auto;
      }

      .queue-channels,
      .queue-checklist {
        grid-column: auto;
      }

      .channel-stack {
        display: flex;
      }

	      .monitoring-summary-grid,
	      .monitoring-grid-two {
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	      }

	      .ab-kpi-row {
	        grid-template-columns: repeat(3, minmax(0, 1fr));
	      }

	      .redesign-requested-cards {
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	      }

	      .ab-command-grid {
	        grid-template-columns: 1fr;
	      }

	      .redesign-v3-grid {
	        grid-template-columns: 1fr;
	      }

	      .redesign-lane-grid,
	      .redesign-phase-grid {
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	      }

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

	      .ab-insight-row,
	      .ab-readiness-grid,
	      .ab-dashboard-roadmap {
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	      }

      .onboarding-card .queue-actions {
        justify-content: flex-start;
        max-width: none;
      }
    }

    @media (max-width: 720px) {
      .main {
        padding: 12px;
      }

      .toolbar {
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 12px;
        padding: 0 0 10px;
      }

      .toolbar-logo {
        display: none;
        width: 184px;
      }

      .toolbar-actions {
        width: 100%;
        justify-content: flex-start;
      }

      .toolbar .button,
      .toolbar .live-source {
        min-height: 38px;
      }

      .home-focus,
      .home-panel-body {
        padding: 10px;
      }

      .home-section-head {
        flex-direction: column;
      }

      .home-signal-grid,
      .home-lifecycle {
        grid-template-columns: 1fr;
      }

      .research-gallery-head,
      .research-detail-head,
      .research-banner {
        align-items: flex-start;
        flex-direction: column;
      }

      .research-actions,
      .research-status-stack {
        align-items: stretch;
        justify-content: flex-start;
      }

      .research-actions {
        width: 100%;
      }

      .research-project-grid,
      .research-process-grid,
      .research-metrics-grid,
      .research-builder-shell,
      .research-section-grid,
      .research-intake-grid,
      .research-card-footer,
      .research-queue-row,
      .research-check-row,
      .research-qa-row,
      .research-section-card {
        grid-template-columns: 1fr;
      }

      .research-builder-head,
      .research-builder-actions,
      .research-feedback-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .research-module-nav a {
        flex: 1 1 128px;
      }

      .home-signal {
        min-height: 96px;
      }

      .home-exception-row,
      .home-system-row {
        grid-template-columns: 1fr;
      }

      .home-exception-meta {
        justify-content: flex-start;
      }

      .panel-header {
        align-items: flex-start;
        flex-direction: column;
        min-height: auto;
      }

      .engagement-tabs {
        overflow-x: auto;
        padding: 8px 12px;
      }

	      .filters {
	        grid-template-columns: 1fr;
	      }

	      .ab-delivery-summary,
	      .ab-dashboard-roadmap {
	        padding: 10px;
	      }

	      .ab-command-grid,
	      .redesign-v3-grid,
	      .ab-strategist-grid,
	      .ab-insight-row,
	      .ab-readiness-grid,
	      .ab-dashboard-roadmap {
	        grid-template-columns: 1fr;
	      }

	      .redesign-lane-grid,
	      .redesign-phase-grid {
	        grid-template-columns: 1fr;
	      }

	      .ab-kpi-row {
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	      }

	      .redesign-requested-cards {
	        grid-template-columns: 1fr;
	      }

	      .ab-kpi-card {
	        min-height: 58px;
	      }

	      .ab-kpi-card .ab-kpi-note {
	        display: none;
	      }

	      .redesign-requested-cards .ab-kpi-note {
	        display: inline;
	      }

	      .redesign-message-toggle,
	      .redesign-task-toggle {
	        grid-template-columns: 28px minmax(0, 1fr);
	      }

	      .redesign-task-counts {
	        grid-column: 2;
	        justify-content: flex-start;
	      }

	      .redesign-message-list,
	      .redesign-task-list {
	        padding-left: 10px;
	      }

	      .ab-portfolio-row {
	        grid-template-columns: 1fr;
	      }

	      .ab-action-item {
	        grid-template-columns: 1fr;
	      }

	      .ab-action-item .ab-action-note {
	        white-space: normal;
	      }

	      .pm-signal-head {
	        display: none;
	      }

	      .pm-signal-row {
	        grid-template-columns: 1fr;
	        gap: 6px;
	      }

	      .pm-signal-cell,
	      .pm-signal-issue {
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	        gap: 10px;
	      }

	      .pm-signal-cell::before,
	      .pm-signal-issue::before {
	        content: attr(data-label);
	        color: var(--muted);
	        font-size: 10px;
	        font-weight: 950;
	        letter-spacing: 0.04em;
	        text-transform: uppercase;
	      }

	      .pm-signal-action {
	        white-space: normal;
	      }

	      .redesign-task-row {
	        grid-template-columns: 1fr;
	        gap: 3px;
	      }

	      .redesign-task-owner,
	      .redesign-task-due {
	        text-align: left;
	      }

	      .ab-next-action {
	        max-width: none;
	      }

	      .search,
	      .select {
	        width: 100%;
      }

      #delivery-tracker .panel,
      #project-tracker .panel {
        min-height: calc(100vh - 178px);
      }

      .table-wrap {
        max-height: calc(100vh - 350px);
      }

      .phase-cell-stack {
        flex-wrap: wrap;
      }

      .canonical-task-group-head,
      .canonical-subtask-row {
        grid-template-columns: 1fr;
        align-items: stretch;
      }

      .canonical-task-title {
        align-items: flex-start;
        flex-direction: column;
      }

      .clickup-parent-task {
        grid-template-columns: 18px minmax(0, 1fr);
      }

      .clickup-parent-task > .owner-chip,
      .clickup-parent-task > .status {
        grid-column: 2;
        width: fit-content;
      }

      .clickup-subtask-header {
        display: grid;
        grid-template-columns: minmax(240px, 1fr) 96px 130px 80px 110px 70px;
        min-width: 760px;
        gap: 8px;
        padding: 6px 10px;
      }

      .clickup-subtask-row {
        grid-template-columns: minmax(240px, 1fr) 96px 130px 80px 110px 70px;
        min-width: 760px;
        min-height: 38px;
        gap: 8px;
        padding: 7px 10px;
      }

      .clickup-subtask-table {
        overflow-x: auto;
      }

      .clickup-phase-pill,
      .clickup-subtask-row .owner-chip,
      .clickup-status-text,
      .clickup-muted-cell {
        width: fit-content;
      }

      .capacity-shell {
        padding: 10px;
      }

      .capacity-summary-grid,
      .capacity-action-grid,
      .capacity-role-grid {
        grid-template-columns: 1fr;
      }

      .capacity-focus-grid,
      .capacity-side-stack {
        grid-template-columns: 1fr;
      }

      .capacity-controls {
        align-items: stretch;
        flex-direction: column;
      }

      .capacity-note {
        text-align: left;
      }

      .capacity-heatmap-wrap {
        max-height: none;
      }

      .capacity-table {
        min-width: 900px;
      }

      .capacity-table col.capacity-person-col {
        width: 150px;
      }

      .capacity-table col.capacity-day-col {
        width: 58px;
      }

      .capacity-table th,
      .capacity-table td {
        width: 58px;
        padding: 6px;
      }

      .capacity-table th:first-child,
      .capacity-table td:first-child {
        width: 150px;
      }

      .capacity-cell-button {
        min-height: 38px;
        border-radius: 7px;
        font-size: 11px;
      }

      .onboarding-workspace {
        padding: 10px;
	      }

      .intelligems-shell {
        padding: 10px;
      }

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

      .intelligems-item {
        grid-template-columns: 1fr;
      }

      .intelligems-badges {
        justify-content: flex-start;
      }

      .intelligems-client-group {
        align-items: flex-start;
        flex-direction: column;
      }

      .kpi-tracker-shell {
        padding: 10px;
      }

      .readiness-summary-grid {
        grid-template-columns: 1fr;
      }

      .readiness-shell {
        padding: 10px;
      }

      .readiness-client-head,
      .readiness-item {
        grid-template-columns: 1fr;
      }

      .readiness-progress {
        min-width: 0;
        text-align: left;
      }

      .readiness-item-meta {
        justify-content: flex-start;
      }

      .kpi-command-row {
        grid-template-columns: 1fr;
      }

      .kpi-command-card {
        min-height: 126px;
      }

      .kpi-filter-bar select,
      .kpi-filter-bar input {
        width: 100%;
      }

      .kpi-context-grid {
        grid-template-columns: 1fr;
      }

      .form-field.span-2,
      .form-field.span-3,
      .form-field.full {
        grid-column: 1 / -1;
      }

      .queue-table-wrap {
        max-height: none;
      }

      .queue-toolbar {
        align-items: flex-start;
        flex-direction: column;
      }

      .onboarding-board {
        padding: 10px;
      }

      .onboarding-card {
        grid-template-columns: 1fr;
        grid-template-areas:
          "main"
          "actions"
          "meta"
          "info";
        padding: 11px;
      }

      .queue-checklist {
        grid-column: auto;
      }

      .queue-meta-grid {
        grid-template-columns: 1fr;
      }

      .artifact-list {
        grid-template-columns: 1fr;
      }

      .monitoring-summary-grid,
      .monitoring-grid-two {
        grid-template-columns: 1fr;
      }

      .monitoring-kv-row {
        grid-template-columns: 1fr;
        gap: 5px;
      }
    }

    @media (min-width: 1181px) {
      #project-tracker .panel {
        min-height: 0;
        height: auto;
      }

      #project-tracker .queue-table-wrap {
        height: calc(100vh - 126px);
        max-height: none;
      }
    }

    @media (max-width: 1180px) {
      #project-tracker .panel {
        min-height: 0;
      }

      #project-tracker .queue-table-wrap {
        height: auto;
        max-height: none;
      }
    }

    .mobile-brand-row {
      display: none;
    }

    .mobile-menu-button {
      display: none;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 34px;
      height: 34px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: transparent;
      color: currentColor;
      cursor: pointer;
      overflow: visible;
      transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    .hamburger-line {
      display: block;
      width: 18px;
      height: 2px;
      border-radius: 999px;
      background: currentColor;
    }

    .hamburger-line + .hamburger-line {
      margin-top: 4px;
    }

    .mobile-logo {
      display: block;
      width: 90px;
      height: auto;
      opacity: 0.96;
    }

    .sidebar-backdrop {
      display: none;
    }

    @keyframes onboardingHeaderDrift {
      0% { transform: translate3d(-3%, 0, 0) scale(1.03); opacity: 0.74; }
      100% { transform: translate3d(3%, 0, 0) scale(1.08); opacity: 0.9; }
    }

    @keyframes onboardingEdgeDrift {
      0% { background-position: 0% 50%; }
      100% { background-position: 55% 50%; }
    }

    body[data-active-view="onboarding"] {
      background:
        radial-gradient(circle at 10% 4%, rgba(67, 200, 255, 0.045), transparent 34%),
        radial-gradient(circle at 96% 0%, rgba(244, 95, 62, 0.055), transparent 36%),
        #f4f4ef;
    }

    body[data-active-view="onboarding"] .toolbar {
      position: relative;
      min-height: 82px;
      margin-bottom: 0;
      padding: 16px 18px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-bottom: 0;
      border-radius: 12px 12px 0 0;
      background: linear-gradient(90deg, #070808 0%, #0d0e0e 58%, #1c100f 100%);
      color: #ffffff;
      overflow: hidden;
      box-shadow: 0 22px 62px rgba(0, 0, 0, 0.16);
    }

    body[data-active-view="onboarding"] .toolbar::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 12% 80%, rgba(67, 200, 255, 0.18), transparent 28%),
        radial-gradient(circle at 92% 12%, rgba(244, 95, 62, 0.30), transparent 30%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02), transparent 42%, rgba(255, 255, 255, 0.018));
      opacity: 0.82;
      transform-origin: center;
      animation: onboardingHeaderDrift 8s ease-in-out infinite alternate;
      pointer-events: none;
    }

    body[data-active-view="onboarding"] .toolbar > * {
      position: relative;
      z-index: 1;
    }

    body[data-active-view="onboarding"] .toolbar h2 {
      color: #ffffff;
      font-weight: 860;
    }

    body[data-active-view="onboarding"] .toolbar .small,
    body[data-active-view="onboarding"] .toolbar .subtitle {
      color: rgba(255, 255, 255, 0.66);
    }

    body[data-active-view="onboarding"] .toolbar .status {
      border-color: rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.11);
      color: #ffffff;
    }

    body[data-active-view="onboarding"] .toolbar .button,
    body[data-active-view="onboarding"] .toolbar .live-source {
      border-color: rgba(255, 255, 255, 0.18);
      background: rgba(255, 255, 255, 0.075);
      color: #ffffff;
    }

    body[data-active-view="onboarding"] .toolbar .button:hover,
    body[data-active-view="onboarding"] .toolbar .live-source:hover {
      background: rgba(255, 255, 255, 0.12);
      color: #ffffff;
    }

    body[data-active-view="onboarding"] #onboarding > .panel {
      border-color: #dfded8;
      border-radius: 0 0 12px 12px;
      background: #fffefa;
      box-shadow: 0 20px 55px rgba(6, 10, 8, 0.11);
    }

    body[data-active-view="onboarding"] .onboarding-workspace {
      position: relative;
      border-top: 0;
      background: #f4f4ef;
      overflow: hidden;
    }

    body[data-active-view="onboarding"] .onboarding-workspace::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 10% 4%, rgba(67, 200, 255, 0.045), transparent 34%),
        radial-gradient(circle at 96% 0%, rgba(244, 95, 62, 0.055), transparent 36%);
      pointer-events: none;
    }

    body[data-active-view="onboarding"] .onboarding-workspace > * {
      position: relative;
      z-index: 1;
    }

    body[data-active-view="onboarding"] .onboarding-shell,
    body[data-active-view="onboarding"] .onboarding-queue-panel {
      border-color: #dfded8;
      border-radius: 9px;
      background: #fffefa;
      box-shadow: 0 20px 55px rgba(6, 10, 8, 0.11);
    }

    body[data-active-view="onboarding"] .queue-toolbar {
      border-bottom-color: #dfded8;
      background: #fffefa;
    }

    body[data-active-view="onboarding"] .queue-table-wrap {
      max-height: none;
      overflow: visible;
      background: #f7f6f1;
    }

    body[data-active-view="onboarding"] .onboarding-card {
      border-color: #dfded9;
      background: #ffffff;
      box-shadow: 0 1px 0 rgba(16, 17, 16, 0.04);
      transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }

    body[data-active-view="onboarding"] .onboarding-card:hover {
      border-color: rgba(244, 95, 62, 0.24);
      box-shadow: 0 10px 28px rgba(14, 15, 15, 0.07);
      transform: translateY(-1px);
    }

    body[data-active-view="onboarding"] .onboarding-card.onboarding-brand-card {
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas:
        "main actions"
        "info info";
      gap: 12px 18px;
      align-items: start;
      min-height: 128px;
      padding: 18px;
      border-color: rgba(240, 110, 49, 0.24);
      background: linear-gradient(95deg, rgba(255, 247, 238, 0.95), rgba(255, 255, 255, 0.92));
      box-shadow: 0 14px 32px rgba(54, 22, 17, 0.10);
    }

    body[data-active-view="onboarding"] .onboarding-card.onboarding-brand-card .onboarding-card-main {
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr);
      align-items: center;
      gap: 16px;
      width: 100%;
      min-width: 0;
    }

    body[data-active-view="onboarding"] .onboarding-card-title-block {
      min-width: 0;
    }

    body[data-active-view="onboarding"] .onboarding-title-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px 9px;
      min-width: 0;
    }

    body[data-active-view="onboarding"] .onboarding-title-row .queue-company {
      color: #0872c7;
      font-size: 18px;
      font-weight: 800;
      line-height: 1.18;
      overflow-wrap: anywhere;
    }

    body[data-active-view="onboarding"] .onboarding-card-domain {
      display: inline-flex;
      max-width: 100%;
      margin-top: 4px;
      color: #5f696f;
      font-size: 13px;
      font-weight: 650;
      line-height: 1.3;
      text-decoration: none;
      overflow-wrap: anywhere;
    }

    body[data-active-view="onboarding"] a.onboarding-card-domain:hover,
    body[data-active-view="onboarding"] a.onboarding-card-domain:focus-visible {
      color: #0872c7;
      outline: none;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    body[data-active-view="onboarding"] .onboarding-brand-card .onboarding-card-meta-line {
      margin-top: 9px;
      color: #364239;
      font-size: 11px;
      font-weight: 850;
    }

    body[data-active-view="onboarding"] .onboarding-brand-card .onboarding-card-info {
      grid-template-columns: minmax(0, 1fr);
      gap: 8px;
      padding-top: 12px;
      border-top: 1px solid rgba(14, 36, 46, 0.08);
    }

    body[data-active-view="onboarding"] .onboarding-brand-card .onboarding-info-line {
      grid-template-columns: 62px minmax(0, 1fr);
      gap: 8px;
    }

    body[data-active-view="onboarding"] .onboarding-brand-card .onboarding-card-actions {
      align-self: start;
      flex-direction: column;
      align-items: flex-end;
      gap: 8px;
      padding-top: 4px;
    }

    body[data-active-view="onboarding"] .onboarding-brand-card .onboarding-card-actions .queue-actions {
      align-items: center;
    }

    body[data-active-view="onboarding"] .onboarding-run-options {
      display: grid;
      gap: 4px;
      justify-items: end;
      color: #52626a;
      font-size: 0.76rem;
      line-height: 1.2;
    }

    body[data-active-view="onboarding"] .onboarding-run-options label {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      white-space: nowrap;
    }

    body[data-active-view="onboarding"] .onboarding-preflight {
      display: grid;
      gap: 6px;
      grid-column: 1 / -1;
      margin-top: 2px;
      padding: 8px;
      border: 1px solid rgba(14, 36, 46, 0.08);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.62);
      color: #52626a;
      font-size: 0.78rem;
    }

    body[data-active-view="onboarding"] .onboarding-preflight-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }

    body[data-active-view="onboarding"] .onboarding-preflight-items {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }

    body[data-active-view="onboarding"] .onboarding-preflight-chip {
      border-radius: 999px;
      padding: 3px 7px;
      background: rgba(82, 98, 106, 0.09);
    }

    body[data-active-view="onboarding"] .onboarding-preflight-chip.pass {
      background: rgba(18, 135, 84, 0.12);
      color: #0f7650;
    }

    body[data-active-view="onboarding"] .onboarding-preflight-chip.warn {
      background: rgba(181, 119, 0, 0.13);
      color: #8a5a00;
    }

    body[data-active-view="onboarding"] .onboarding-preflight-chip.block {
      background: rgba(190, 55, 45, 0.12);
      color: #9b2d25;
    }

    body[data-active-view="onboarding"] .onboarding-brand-card .onboarding-info-line.onboarding-channels-line {
      grid-template-columns: 62px minmax(0, 1fr);
    }

    body[data-active-view="onboarding"] .onboarding-brand-card .onboarding-info-line.onboarding-notes-line {
      grid-column: 1 / -1;
      align-items: start;
      grid-template-columns: minmax(0, 1fr);
      gap: 5px;
      margin-top: 2px;
      padding: 9px 11px 10px;
      border: 1px solid rgba(14, 36, 46, 0.08);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.62);
    }

    body[data-active-view="onboarding"] .onboarding-brand-card .onboarding-info-line.onboarding-notes-line .onboarding-info-label {
      color: #7b827a;
      font-size: 10px;
      font-weight: 850;
      line-height: 1;
      text-transform: uppercase;
    }

    body[data-active-view="onboarding"] .onboarding-info-value.onboarding-notes-value {
      max-width: 74ch;
      color: #48534b;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.45;
      white-space: pre-line;
    }

    body[data-active-view="onboarding"] .onboarding-card.onboarding-coverage-card {
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas:
        "main"
        "info";
      align-items: stretch;
      gap: 12px;
      min-height: 0;
      padding: 16px 18px;
      border-color: rgba(240, 110, 49, 0.24);
      background: linear-gradient(95deg, rgba(255, 247, 238, 0.92), rgba(255, 255, 255, 0.96));
      box-shadow: 0 8px 22px rgba(54, 22, 17, 0.06);
    }

    body[data-active-view="onboarding"] .onboarding-card.onboarding-coverage-card .onboarding-card-main {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
      width: 100%;
      min-width: 0;
    }

    body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-title-row {
      justify-content: space-between;
      gap: 10px 14px;
    }

    body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-title-row .queue-company {
      font-size: 17px;
      overflow-wrap: normal;
      word-break: normal;
    }

    body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-card-domain {
      color: #606962;
      font-size: 13px;
      font-weight: 700;
      overflow-wrap: normal;
      word-break: normal;
    }

    body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-card-meta-line {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
      gap: 8px;
      margin-top: 12px;
      font-size: 12px;
      line-height: 1.2;
    }

    body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-card-meta-line span {
      display: flex;
      align-items: center;
      min-height: 36px;
      padding: 8px 10px;
      border: 1px solid rgba(14, 36, 46, 0.08);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.78);
      color: #334139;
      overflow-wrap: normal;
      word-break: normal;
    }

    body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-card-meta-line span + span::before {
      content: none;
    }

    body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-card-info {
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 8px 14px;
      padding-top: 12px;
      border-top: 1px solid rgba(14, 36, 46, 0.08);
    }

    body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-info-line {
      grid-template-columns: 98px minmax(0, 1fr);
      gap: 10px;
    }

    body[data-active-view="onboarding"] .onboarding-submit,
    body[data-active-view="onboarding"] .queue-action.primary {
      border: 2px solid transparent;
      background:
        linear-gradient(#090b0b, #090b0b) padding-box,
        linear-gradient(115deg, #f45f3e 0%, #f08a5c 38%, #43c8ff 100%) border-box;
      background-size: 100% 100%, 145% 100%;
      color: #ffffff;
      box-shadow: 0 10px 24px rgba(9, 11, 11, 0.20), 0 0 16px rgba(67, 200, 255, 0.10);
      animation: onboardingEdgeDrift 5.8s ease-in-out infinite alternate;
      transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    }

    body[data-active-view="onboarding"] .onboarding-submit:hover,
    body[data-active-view="onboarding"] .queue-action.primary:hover {
      background:
        linear-gradient(#090b0b, #090b0b) padding-box,
        linear-gradient(115deg, #f45f3e 0%, #f08a5c 38%, #43c8ff 100%) border-box;
      transform: translateY(-1px);
      filter: saturate(1.08);
      box-shadow: 0 12px 28px rgba(7, 8, 8, 0.28), 0 0 21px rgba(67, 200, 255, 0.16), 0 0 18px rgba(244, 95, 62, 0.12);
    }

    body[data-active-view="onboarding"] .queue-action.secondary {
      min-width: 42px;
      border-color: #d9d7d1;
      background: #ffffff;
      color: #111514;
      box-shadow: 0 1px 0 rgba(16, 17, 16, 0.04);
    }

    body[data-active-view="onboarding"] .queue-action.secondary:hover {
      border-color: #cac8c1;
      background: #f7f7f2;
      color: #111514;
    }

    @media (max-width: 1180px) {
      .mobile-brand-row {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 34px;
      }

      .mobile-menu-button {
        display: inline-flex;
        flex: 0 0 auto;
      }

      .mobile-menu-button:hover,
      .mobile-menu-button:focus-visible {
        border-color: rgba(67, 200, 255, 0.34);
        background: rgba(255, 255, 255, 0.12);
        outline: none;
        transform: translateY(-1px);
      }

      .sidebar-backdrop {
        position: fixed;
        inset: 0;
        z-index: 900;
        background: rgba(5, 6, 6, 0.48);
        backdrop-filter: blur(2px);
      }

      body.mobile-nav-open {
        overflow: hidden;
      }

      body.mobile-nav-open .sidebar {
        position: fixed;
        z-index: 910;
        display: flex;
        width: min(282px, 88vw);
        height: 100vh;
        height: 100dvh;
        box-shadow: 24px 0 60px rgba(0, 0, 0, 0.30);
      }

      body.mobile-nav-open .sidebar-backdrop {
        display: block;
      }

      body[data-active-view="onboarding"] .toolbar {
        gap: 14px;
      }

      body[data-active-view="research"] .toolbar,
      body[data-active-view="wireframes"] .toolbar {
        gap: 14px;
      }

      body[data-active-view="onboarding"] .toolbar .mobile-brand-row {
        color: rgba(255, 255, 255, 0.92);
      }

      body[data-active-view="research"] .toolbar .mobile-brand-row,
      body[data-active-view="wireframes"] .toolbar .mobile-brand-row {
        color: rgba(255, 255, 255, 0.92);
      }
    }

    @media (max-width: 720px) {
      body[data-active-view="research"] .toolbar,
      body[data-active-view="wireframes"] .toolbar {
        display: block;
        min-height: 0;
        padding: 17px 17px 16px;
      }

      body[data-active-view="research"] .mobile-brand-row,
      body[data-active-view="wireframes"] .mobile-brand-row {
        margin-bottom: 15px;
      }

      body[data-active-view="research"] .toolbar-title-line,
      body[data-active-view="wireframes"] .toolbar-title-line {
        align-items: flex-start;
        gap: 7px;
      }

      body[data-active-view="research"] .toolbar h2,
      body[data-active-view="wireframes"] .toolbar h2 {
        font-size: 22px;
      }

      body[data-active-view="research"] .toolbar-actions,
      body[data-active-view="wireframes"] .toolbar-actions {
        margin-top: 12px;
        justify-content: flex-start;
      }

      body[data-active-view="onboarding"] .toolbar {
        display: block;
        min-height: 140px;
        padding: 17px 17px 16px 22px;
      }

      body[data-active-view="onboarding"] .toolbar::before {
        background:
          radial-gradient(circle at 108% -8%, rgba(244, 95, 62, 0.42) 0%, rgba(244, 95, 62, 0.20) 32%, rgba(244, 95, 62, 0.07) 52%, transparent 72%),
          radial-gradient(circle at 4% 82%, rgba(67, 200, 255, 0.13), transparent 40%),
          linear-gradient(112deg, rgba(255, 255, 255, 0.012), transparent 55%, rgba(244, 95, 62, 0.055));
      }

      body[data-active-view="onboarding"] .mobile-brand-row {
        margin-bottom: 15px;
      }

      body[data-active-view="onboarding"] .toolbar-title-line {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
      }

      body[data-active-view="onboarding"] .toolbar h2 {
        font-size: 18px;
      }

      body[data-active-view="onboarding"] .toolbar-actions {
        margin-top: 12px;
        justify-content: flex-start;
      }

      body[data-active-view="onboarding"] .onboarding-workspace {
        padding: 11px;
      }

      body[data-active-view="onboarding"] .onboarding-card.onboarding-brand-card {
        grid-template-columns: 1fr;
        grid-template-areas:
          "main"
          "actions"
          "info";
        min-height: 0;
        padding: 15px;
      }

      body[data-active-view="onboarding"] .onboarding-card.onboarding-brand-card .onboarding-card-main {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
      }

      body[data-active-view="onboarding"] .onboarding-brand-card .research-logo {
        width: 48px;
        height: 48px;
        border-radius: 13px;
      }

      body[data-active-view="onboarding"] .onboarding-brand-card .onboarding-card-info {
        grid-template-columns: 1fr;
      }

      body[data-active-view="onboarding"] .onboarding-card.onboarding-coverage-card {
        padding: 14px;
      }

      body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-title-row {
        align-items: flex-start;
        flex-direction: column;
      }

      body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-card-meta-line,
      body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-card-info {
        grid-template-columns: 1fr;
      }

      body[data-active-view="onboarding"] .onboarding-coverage-card .onboarding-info-line {
        grid-template-columns: 1fr;
        gap: 3px;
      }

      body[data-active-view="onboarding"] .onboarding-card-actions .queue-actions {
        flex-wrap: wrap;
        width: 100%;
      }

      body[data-active-view="onboarding"] .queue-action {
        flex: 1 1 120px;
        min-height: 34px;
      }
    }