.badge-green { background:#dcfce7; color:#166534; padding:4px 10px; border-radius:18px; font-size:12px; font-weight:600; display:inline-block; } .badge-blue { background:#dbeafe; color:#1e40af; padding:4px 10px; border-radius:18px; font-size:12px; font-weight:600; display:inline-block; } .badge-yellow { background:#fef3c7; color:#92400e; padding:4px 10px; border-radius:18px; font-size:12px; font-weight:600; display:inline-block; } .badge-red { background:#fee2e2; color:#991b1b; padding:4px 10px; border-radius:18px; font-size:12px; font-weight:600; display:inline-block; } .badge-gray { background:#eef2f7; color:#374151; padding:4px 10px; border-radius:18px; font-size:12px; font-weight:600; display:inline-block; } .status-small { font-size:12px; }