/* Status chip — used in every grid that shows a workflow / work-item / project status.
   Each variant pairs colour with a leading symbol AND a text label so the chip
   communicates state to users with red-green colour blindness (~8% of men). */

.cams-chip {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    color: #ffffff;
    white-space: nowrap;
    vertical-align: middle;
}

.cams-chip::before {
    margin-right: 6px;
    font-size: 10px;
    font-weight: 700;
    display: inline-block;
}

/* Neutral / starting state: Draft, Not Started.
   Slate grey — a "nothing happened yet" tone. */
.cams-chip--neutral { background-color: #6b7280; }
.cams-chip--neutral::before { content: "○"; }

/* Info / paused: On Hold, Deferred, (Workflow) Cancelled.
   Calm blue — paused but not failed. */
.cams-chip--info { background-color: #2563eb; }
.cams-chip--info::before { content: "⏸"; }

/* Progress / active work: In Review, In Progress, Active.
   Amber — work happening now, attention warranted. */
.cams-chip--progress { background-color: #d97706; }
.cams-chip--progress::before { content: "●"; }

/* Success / terminal good: Approved, Completed.
   Green — done, all clear. */
.cams-chip--success { background-color: #059669; }
.cams-chip--success::before { content: "✓"; }

/* Danger / terminal bad: Rejected, Cancelled (work item / project).
   Red — failed or aborted. */
.cams-chip--danger { background-color: #dc2626; }
.cams-chip--danger::before { content: "✗"; }

/* Warning / needs action: Revision Needed, Pending approval.
   Orange — distinct from amber progress, asks for the user's input. */
.cams-chip--warning { background-color: #ea580c; }
.cams-chip--warning::before { content: "↻"; }