
      /* PROJECT HEADER · status pill + round count + related projects */
      .project-header {
        display: flex; align-items: center; justify-content: space-between;
        gap: 14px; flex-wrap: wrap;
        padding: 10px 16px;
        margin-bottom: 10px;
        background: var(--bg-card);
        border: 1px solid var(--border-2);
        border-radius: 8px;
      }
      .ph-left { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
      .ph-right { display: flex; align-items: center; gap: 12px; font-size: 11px;
                  color: var(--ink-3); font-family: 'JetBrains Mono', monospace;
                  letter-spacing: 0.04em; }
      .ph-status-pill {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 4px 10px; border-radius: 999px;
        font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em;
        text-transform: uppercase; font-family: 'JetBrains Mono', monospace;
      }
      .ph-status-pill.active { background: rgba(184,92,62,0.12); color: var(--clay); }
      .ph-status-pill.won    { background: rgba(135,158,107,0.22); color: var(--sage-ink); }
      .ph-status-pill.lost   { background: rgba(31,30,29,0.10); color: var(--ink-3); }
      .ph-status-pill.dead   { background: rgba(31,30,29,0.06); color: var(--ink-4); }
      .ph-status-pill.stale  { background: rgba(31,30,29,0.04); color: var(--ink-4); font-style: italic; }
      .ph-jobnum {
        font-family: 'JetBrains Mono', monospace; font-size: 11px;
        color: var(--ink-4); letter-spacing: 0.06em;
      }
      .ph-projname { font-size: 14px; font-weight: 600; color: var(--ink); }
      .ph-related {
        display: inline-flex; gap: 4px; align-items: center;
        font-size: 10px; color: var(--ink-4);
      }
      .ph-related-chip {
        padding: 1px 6px; border-radius: 3px;
        background: var(--cream-soft, #FAF7F1); border: 1px solid var(--border-2);
        font-family: 'JetBrains Mono', monospace; color: var(--ink-3);
        cursor: pointer; text-decoration: none;
      }
      .ph-related-chip:hover { border-color: var(--clay); color: var(--clay); }

      .round-strip {
        display: flex; align-items: center; gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 16px;
        padding: 8px 12px;
        background: var(--cream);
        border: 1px solid var(--border);
        border-radius: 10px;
      }
      .round-strip-label {
        font-family: 'JetBrains Mono', monospace; font-size: 10px;
        color: var(--ink-4); letter-spacing: 0.12em; text-transform: uppercase;
        margin-right: 4px;
      }
      .round-pill {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 7px 12px; border-radius: 999px;
        background: var(--bg-card); border: 1px solid var(--border-2);
        font-size: 12px; color: var(--ink); cursor: pointer;
        font-family: inherit; transition: all 0.12s;
        white-space: nowrap;
      }
      .round-pill:hover { border-color: var(--ink-3); background: var(--cream-soft, #FAF7F1); }
      .round-pill.active {
        background: var(--ink); color: white; border-color: var(--ink);
        cursor: default;
      }
      .round-pill.active:hover { background: var(--ink); }
      .round-pill .round-id {
        font-family: 'JetBrains Mono', monospace; font-weight: 600;
        letter-spacing: 0.04em; font-size: 11.5px;
      }
      .round-pill .round-outcome {
        font-size: 10.5px; padding: 2px 8px; border-radius: 999px;
        font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;
      }
      .round-pill .round-outcome.in-flight  { background: rgba(184,92,62,0.12); color: var(--clay); }
      .round-pill .round-outcome.submitted  { background: rgba(184,92,62,0.12); color: var(--clay); }
      .round-pill .round-outcome.lost       { background: rgba(31,30,29,0.08); color: var(--ink-3); }
      .round-pill .round-outcome.superseded { background: rgba(31,30,29,0.08); color: var(--ink-3); }
      .round-pill .round-outcome.won        { background: rgba(135,158,107,0.22); color: var(--sage-ink); }
      .round-pill .round-outcome.declined   { background: rgba(31,30,29,0.05); color: var(--ink-4); }
      .round-pill.active .round-outcome { background: rgba(255,255,255,0.18); color: white; }
      .round-pill .round-amount {
        font-family: 'JetBrains Mono', monospace; font-size: 11px;
        color: var(--ink-3);
      }
      .round-pill.active .round-amount { color: rgba(255,255,255,0.85); }
      .round-new-btn {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 7px 12px; border-radius: 999px;
        background: transparent; border: 1.5px dashed var(--border-2);
        font-size: 12px; color: var(--ink-3); cursor: pointer;
        font-family: inherit; transition: all 0.12s;
      }
      .round-new-btn:hover { border-color: var(--clay); color: var(--clay); }

      /* Inline detail panel for historical rounds */
      .round-detail {
        margin-bottom: 16px;
        padding: 16px 18px;
        background: var(--bg-card);
        border: 1px solid var(--border-2);
        border-left: 3px solid var(--clay);
        border-radius: 8px;
        font-size: 13px;
        line-height: 1.55;
        color: var(--ink);
      }
      .round-detail-head {
        display: flex; align-items: center; justify-content: space-between;
        margin-bottom: 10px;
      }
      .round-detail-title {
        font-family: 'Instrument Serif', Georgia, serif;
        font-size: 18px; font-weight: 500; color: var(--ink);
      }
      .round-detail-close {
        background: transparent; border: none; color: var(--ink-3);
        font-size: 18px; cursor: pointer; padding: 4px 8px; line-height: 1;
        border-radius: 4px;
      }
      .round-detail-close:hover { background: rgba(0,0,0,0.05); color: var(--ink); }
      .round-detail-grid {
        display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px;
      }
      .round-detail-field { font-size: 12px; }
      .round-detail-field-lbl {
        font-family: 'JetBrains Mono', monospace; font-size: 10px;
        color: var(--ink-4); letter-spacing: 0.08em; text-transform: uppercase;
        margin-bottom: 3px;
      }
      .round-detail-field-val { color: var(--ink); }
      .round-detail-field-val em { font-style: italic; color: var(--ink-3); }
      .round-detail-note {
        margin-top: 12px; padding-top: 10px;
        border-top: 1px dashed var(--border-2);
        font-size: 11px; color: var(--ink-4); font-style: italic;
      }
