/* ───── BADGES ───── */
    .badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 3px 10px;
      border-radius: 20px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .03em;
      white-space: nowrap;
    }

    .badge-pending {
      background: rgba(148, 163, 184, .1);
      color: #94a3b8;
      border: 1px solid rgba(148, 163, 184, .15);
    }

    .badge-logistic {
      background: rgba(6, 182, 212, .1);
      color: #22d3ee;
      border: 1px solid rgba(6, 182, 212, .2);
    }

    .badge-financial {
      background: rgba(139, 92, 246, .1);
      color: #a78bfa;
      border: 1px solid rgba(139, 92, 246, .2);
    }

    .badge-approved {
      background: rgba(16, 185, 129, .1);
      color: #34d399;
      border: 1px solid rgba(16, 185, 129, .2);
    }

    .badge-rejected {
      background: rgba(239, 68, 68, .1);
      color: #f87171;
      border: 1px solid rgba(239, 68, 68, .2);
    }

    .badge-budget-capex {
      background: #064e3b;
      color: #ffffff !important;
      border: 1px solid rgba(52, 211, 153, .3);
      font-weight: 700;
    }

    .badge-budget-additional {
      background: #7f1d1d;
      color: #ffffff !important;
      border: 1px solid rgba(248, 113, 113, .3);
      font-weight: 700;
    }

    .badge-postponed {
      background: rgba(245, 158, 11, .1);
      color: #fbbf24;
      border: 1px solid rgba(245, 158, 11, .2);
    }

    .badge-partial {
      background: rgba(249, 115, 22, .12);
      color: #fb923c;
      border: 1px solid rgba(249, 115, 22, .25);
    }

    .badge-completed {
      background: rgba(99, 102, 241, .1);
      color: #818cf8;
      border: 1px solid rgba(99, 102, 241, .2);
    }

    .badge-saq {
      background: rgba(239, 68, 68, .1);
      color: #f87171;
      border: 1px solid rgba(239, 68, 68, .2);
    }

    .badge-accounting {
      background: rgba(245, 158, 11, .1);
      color: #fbbf24;
      border: 1px solid rgba(245, 158, 11, .2);
    }

    .badge-auth {
      background: rgba(245, 158, 11, .12);
      color: #fbbf24;
      border: 1px solid rgba(245, 158, 11, .2);
    }

    .badge-advance {
      background: rgba(234, 88, 12, .15);
      color: #fb923c;
      border: 1px solid rgba(234, 88, 12, .3);
      font-weight: 700;
    }

    .badge-dept {
      background: rgba(59, 130, 246, .1);
      color: #60a5fa;
      border: 1px solid rgba(59, 130, 246, .2);
    }

    .badge-low {
      background: rgba(16, 185, 129, .1);
      color: #34d399;
      border: 1px solid rgba(16, 185, 129, .2);
    }

    .badge-medium {
      background: rgba(245, 158, 11, .1);
      color: #fbbf24;
      border: 1px solid rgba(245, 158, 11, .2);
    }

    .badge-high {
      background: rgba(249, 115, 22, .12);
      color: #fb923c;
      border: 1px solid rgba(249, 115, 22, .2);
    }

    .badge-urgent {
      background: rgba(239, 68, 68, .15);
      color: #f87171;
      border: 1px solid rgba(239, 68, 68, .25);
      animation: pulse 1.5s infinite;
    }

    /* Advance Highlighting */
    .row-saq-highlight {
      background: rgba(251, 146, 60, 0.08) !important;
      box-shadow: inset 4px 0 0 #fb923c;
    }
    .row-advance-highlight {
      background: rgba(6, 182, 212, 0.08) !important;
      box-shadow: inset 4px 0 0 #06b6d4;
    }
    .row-cons-highlight {
      background: rgba(139, 92, 246, 0.08) !important;
      box-shadow: inset 4px 0 0 #8b5cf6;
    }
    .row-online-highlight {
      background: rgba(52, 211, 153, 0.08) !important;
      box-shadow: inset 4px 0 0 #34d399;
    }

    .advance-tag {
      background: #fb923c;
      color: #fff !important;
      font-size: 10px;
      font-weight: 800;
      padding: 2px 6px;
      border-radius: 3px;
      text-transform: uppercase;
      vertical-align: middle;
      box-shadow: 0 0 5px rgba(251, 146, 60, 0.3);
    }