.badge-base,.status-badge,.status-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap;text-transform:capitalize}.status-passed,.status-passing{background-color:var(--green-600);color:#fff}.status-failed,.status-failing{background-color:var(--red-600);color:#fff}.status-pending{background-color:#ffc107;color:#000}.status-in-progress{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.status-skipped{background-color:var(--gray-500);color:#fff}.status-blocked{background-color:var(--gray-700);color:#fff}.status-not-started{background-color:#ffc107;color:#000}.status-partial{background-color:#06b6d4;color:#fff}.status-active{background-color:var(--green-600);color:#fff}.status-draft{background-color:#ffc107;color:#000}.status-archived{background-color:var(--gray-600);color:#fff}.status-completed{background-color:#06b6d4;color:#fff}.status-approved{background-color:rgba(16,185,129,.125);color:#10b981}.status-rejected{background-color:rgba(239,68,68,.125);color:var(--red-500)}.status-needs-approval{background-color:rgba(107,114,128,.125);color:var(--gray-600)}.status-approval-pending{background-color:rgba(245,158,11,.125);color:#f59e0b}.status-default{background-color:var(--gray-200);color:var(--gray-700)}.approval-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin-left:8px;white-space:nowrap;text-transform:capitalize}.approval-badge--approved{background-color:rgba(16,185,129,.125);color:#10b981}.approval-badge--pending{background-color:rgba(245,158,11,.125);color:#f59e0b}.approval-badge--rejected{background-color:rgba(239,68,68,.125);color:var(--red-500)}.approval-badge--needs-approval{background-color:rgba(107,114,128,.125);color:var(--gray-600)}.status-badge--compact,.status-indicator--compact{padding:2px 8px;font-size:.7rem}.status-indicator--compact{gap:2px}.status-badge--large,.status-indicator--large{padding:6px 16px;font-size:1rem}.status-indicator--large{gap:6px}.status-badge--interactive{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.status-badge--interactive:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.15)}.status-badge--interactive:active{transform:translateY(0)}.status-icon{justify-content:center;width:16px;height:16px;font-size:12px}.role-badge,.status-icon{display:inline-flex;align-items:center}.role-badge{gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap;text-transform:capitalize}.role-owner{background-color:var(--purple-100);color:var(--purple-700)}.role-admin{background-color:var(--blue-100);color:var(--blue-700)}.role-lead{background-color:var(--indigo-100);color:var(--indigo-700)}.role-member{background-color:var(--gray-100);color:var(--gray-700)}.role-viewer{background-color:var(--gray-50);color:var(--gray-600)}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap;text-transform:capitalize}.tier-badge.free{background-color:var(--gray-100);color:var(--gray-700)}.tier-badge.professional{background-color:var(--blue-100);color:var(--blue-700)}.tier-badge.enterprise{background-color:var(--green-100);color:var(--green-700)}.tier-badge.staff{background-color:var(--purple-100);color:var(--purple-700)}