.status-badge{display:inline-block}.status-badge,.status-indicator{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;line-height:1.4;white-space:nowrap}.status-indicator{display:inline-flex;align-items:center;gap:4px}.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-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:8px;white-space:nowrap}.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:.75rem;border-radius:8px}.status-indicator--compact{gap:2px}.status-badge--large,.status-indicator--large{padding:6px 16px;font-size:1rem;border-radius:16px}.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{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px}