/* ============================================================
   Equipment Cart - Minimal theme using CC design tokens
   ============================================================ */

body {
    background-color: var(--cc-bg-page);
    color: var(--cc-text-primary);
    margin: 0;
    padding: 0;
    font-family: var(--cc-font);
}

.card {
    background-color: var(--cc-bg-card);
    border-radius: var(--cc-radius-card);
    padding: var(--cc-space-6);
    border: 1px solid var(--cc-border);
}

/* Status badges */
.badge-pending-approval {
    --cc-bg: #f59e0b;
    --cc-text: #ffffff;
    background-color: rgba(var(--cc-bg), 0.1);
    color: var(--cc-bg);
    border: 1px solid var(--cc-bg);
}

.badge-approved {
    --cc-bg: #22c55e;
    --cc-text: #ffffff;
    background-color: rgba(var(--cc-bg), 0.1);
    color: var(--cc-bg);
    border: 1px solid var(--cc-bg);
}

.badge-de clined {
    --cc-bg: #ef4444;
    --cc-text: #ffffff;
    background-color: rgba(var(--cc-bg), 0.1);
    color: var(--cc-bg);
    border: 1px solid var(--cc-bg);
}

.badge-ordered {
    --cc-bg: #3b82f6;
    --cc-text: #ffffff;
    background-color: rgba(var(--cc-bg), 0.1);
    color: var(--cc-bg);
    border: 1px solid var(--cc-bg);
}