/* Inventory (list, drawer, view/add/edit good) — UI parity with Leads / Invoices.
 * Reference: cosurgcore-page-leads.css, _new-app/Pages/Inventories/InventoryList.razor.
 * Scope: every rule lives under .csc-page-inventory. Theme tokens only — no literal hex. */

.csc-page-inventory .csc-page-container {
    min-height: 0;
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--mud-palette-background) 88%, var(--mud-palette-primary) 4%) 0%,
        var(--mud-palette-background) 100%
    );
}

/* === SKU badge — slate (neutral, monospace) === */
.csc-page-inventory .sku-badge {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 80%, var(--mud-palette-surface));
    color: var(--mud-palette-surface);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    font-family: 'Roboto Mono', 'Consolas', 'Monaco', monospace;
    letter-spacing: 0.5px;
}

/* === Price — semantic success === */
.csc-page-inventory .price-badge {
    background: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
}

/* === Stock state badges === */
.csc-page-inventory .stock-badge {
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.csc-page-inventory .stock-good {
    background: color-mix(in srgb, var(--mud-palette-success) 16%, var(--mud-palette-surface));
    color: var(--mud-palette-success);
}

.csc-page-inventory .stock-low {
    background: color-mix(in srgb, var(--mud-palette-warning) 18%, var(--mud-palette-surface));
    color: var(--mud-palette-warning);
}

.csc-page-inventory .stock-critical {
    background: color-mix(in srgb, var(--mud-palette-error) 14%, var(--mud-palette-surface));
    color: var(--mud-palette-error);
}

.csc-page-inventory .stock-out {
    background: var(--mud-palette-background-gray, var(--mud-palette-background));
    color: var(--mud-palette-text-secondary);
}

.csc-page-inventory .uom-chip {
    background: var(--mud-palette-background-gray, var(--mud-palette-background));
    color: var(--mud-palette-text-secondary);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* === Drawer chrome lives in cosurgcore-app-additions.css under .csc-entity-detail === */

/* === Quick-stat card (drawer) — primary tint === */
.csc-page-inventory .quick-stat-card {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    border-radius: 12px;
    padding: 12px 16px;
    border-left: 4px solid var(--mud-palette-primary);
}