/* ═══ Filter Bar ═══ */
.filter-bar {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 10px 20px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}
.filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-muted);
  background: var(--surface-raised);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 80ms;
  white-space: nowrap;
}
.filter-chip:hover { background: var(--border); color: var(--ink); }
.filter-chip.active {
  background: var(--primary-light);
  color: var(--primary);
  border-color: #BFDBFE;
}
.chip-count {
  font-size: 9px;
  padding: 1px 5px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  font-weight: 600;
}
.filter-chip.active .chip-count {
  background: rgba(26,86,219,.12);
}

/* ═══ Summary Cards ═══ */
.summary-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  overflow: hidden;
  margin: 12px 20px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.summary-card {
  padding: 12px 16px;
  border-right: 1px solid var(--border);
}
.summary-card:last-child { border-right: none; }
.sc-label {
  font-size: 10px;
  color: var(--ink-muted);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 4px;
}
.sc-value {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

/* ═══ Worklist Table ═══ */
.wl-table-wrap {
  padding: 0 20px 24px;
}
.wl-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.wl-table thead th {
  font-size: 10px;
  font-weight: 600;
  color: var(--ink-subtle);
  text-transform: uppercase;
  letter-spacing: .06em;
  text-align: left;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border);
  background: var(--surface-raised);
  position: sticky; top: 0; z-index: 1;
}
.wl-table tbody tr {
  cursor: pointer;
  border-bottom: 1px solid var(--border);
  transition: background 60ms;
}
.wl-table tbody tr:last-child { border-bottom: none; }
.wl-table tbody tr:hover { background: var(--primary-light); }
.wl-table tbody tr.new-row { animation: flash-in 1.5s ease-out; }
.wl-table td {
  padding: 10px 12px;
  vertical-align: middle;
}
.td-main { font-weight: 500; font-size: 12px; }
.td-sub  { font-size: 10px; color: var(--ink-muted); margin-top: 2px; }
.td-mono { font-family: var(--mono); font-size: 11px; color: var(--ink-muted); }
.sla-ok   { color: var(--success-text); }
.sla-warn { color: var(--warning-text); font-weight: 600; }
.sla-late { color: var(--error-text);   font-weight: 600; }
.chevron { color: var(--ink-subtle); }

/* ═══ Executing pulse row ═══ */
.wl-table tbody tr[data-status="executing"] .status-dot { animation: pulse-dot 1.5s ease-in-out infinite; }

/* ═══ Empty state ═══ */
.empty-state {
  text-align: center;
  padding: 48px 24px;
  color: var(--ink-muted);
}
.empty-state p { font-size: 13px; }
.empty-state .empty-icon { font-size: 32px; margin-bottom: 8px; }