:root{
  --soft:#f6f7fb;
}

.bg-soft{ background: var(--soft); }

.rounded-4{ border-radius: 1rem !important; }

.stat-card{
  background: linear-gradient(180deg, #ffffff 0%, #fbfbff 100%);
}

.table td, .table th { vertical-align: middle; }

.badge-dot{
  display:inline-flex; align-items:center; gap:.4rem;
}
.badge-dot::before{
  content:""; width:.55rem; height:.55rem; border-radius:999px; background:#999;
  display:inline-block;
}
.dot-green::before{ background:#198754; }
.dot-yellow::before{ background:#ffc107; }
.dot-red::before{ background:#dc3545; }
.dot-blue::before{ background:#0d6efd; }

.mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
/* ---------- Table column sizing (Control Center) ---------- */

/* Let the table respect explicit widths */
.table {
  table-layout: fixed;
}

/* Keep numbers tight */
.table .mono { white-space: nowrap; }

/* Header + body widths (matches your columns order) */
.table thead th:nth-child(1),
.table tbody td:nth-child(1) { width: 52px; }   /* expand/caret */

.table thead th:nth-child(2),
.table tbody td:nth-child(2) { width: 160px; }  /* Project */

.table thead th:nth-child(3),
.table tbody td:nth-child(3) { width: 190px; }  /* Activity */

/* ✅ Make Sub-Project column wider */
.table thead th:nth-child(4),
.table tbody td:nth-child(4) { width: 520px; }  /* Sub-Project (details + pills) */

/* Weight */
.table thead th:nth-child(5),
.table tbody td:nth-child(5) { width: 110px; }

/* Data */
.table thead th:nth-child(6),
.table tbody td:nth-child(6) { width: 140px; }

/* Approval */
.table thead th:nth-child(7),
.table tbody td:nth-child(7) { width: 160px; }

/* Assignee */
.table thead th:nth-child(8),
.table tbody td:nth-child(8) { width: 180px; }

/* ✅ Make Actions column less wide */
.table thead th:nth-child(9),
.table tbody td:nth-child(9) { width: 180px; }  /* Actions */

/* Keep action buttons in one line but compact */
.actions-wrap {
  display: inline-flex;
  gap: 8px;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

/* Sub-project details should wrap nicely */
td .details {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* If pills are stacked, make them breathe horizontally */
.pill {
  max-width: 100%;
}