/* ============ SUMMARY CARDS ============ */
  .card-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-bottom:24px;
  }
  .summary-card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius-md);
    padding:18px 18px 16px;
    box-shadow:var(--shadow-sm);
  }
  .summary-card .sc-top{display:flex;align-items:flex-start;justify-content:space-between;}
  .sc-icon{
    width:32px;height:32px;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .sc-icon svg{width:16px;height:16px;}
  .sc-label{
    font-size:12px;color:var(--text-secondary);font-weight:600;
    margin-top:14px;
  }
  .sc-value{
    font-family:'Manrope',sans-serif;
    font-size:26px;font-weight:800;margin-top:4px;letter-spacing:-0.02em;
  }
  .sc-delta{
    font-size:11.5px;font-weight:600;margin-top:6px;
    display:flex;align-items:center;gap:4px;
  }
  .sc-delta.up{color:var(--green);}
  .sc-delta.flat{color:var(--text-tertiary);}
  .sc-delta.watch{color:var(--amber);}

  .dash-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:16px;
    align-items:start;
  }

  /* pipeline stage bar - signature element */
  .pipeline-viz{padding:18px 20px 20px;}
  .pipeline-track{
    display:flex;
    width:100%;
    height:34px;
    border-radius:8px;
    overflow:hidden;
    border:1px solid var(--border);
  }
  .pipeline-seg{
    display:flex;align-items:center;justify-content:center;
    font-size:12px;font-weight:700;color:#fff;
    position:relative;
    transition:filter 0.12s ease;
    min-width:8px;
  }
  .pipeline-seg:hover{filter:brightness(1.08);}
  .pipeline-legend{
    display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;
  }
  .pl-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary);}
  .pl-dot{width:9px;height:9px;border-radius:2.5px;flex-shrink:0;}
  .pl-count{font-weight:700;color:var(--text);}

  /* activity feed */
  .activity-list{padding:6px 10px 12px;}
  .activity-item{
    display:flex;gap:12px;
    padding:11px 10px;
    border-radius:8px;
  }
  .activity-item:hover{background:var(--bg);}
  .act-dot{
    width:8px;height:8px;border-radius:50%;
    margin-top:5px;flex-shrink:0;
  }
  .act-text{font-size:13px;color:var(--text);}
  .act-text b{font-weight:600;}
  .act-time{font-size:11.5px;color:var(--text-tertiary);margin-top:2px;}