/* ── Inventory counts (STAS-3920): the shared ic-* vocabulary ──

   These classes are used by BOTH /inventorycounts/index and /inventorycounts/{id}. They live here
   rather than in a .razor.css because scoped stylesheets apply to exactly one component — the same
   class defined in Index.razor.css matches nothing on Detail.razor, which is how the detail screen
   ended up rendering unstyled pills, chips and buttons.

   Page-specific layout (ic-page, ic-head, ic-toolbar, ic-prog…, icd-*) stays scoped, where it belongs.

   Tokens from UIDesignAndGuidelines.md: teal #003951, orange #ED880E, page #eef1f5, border #e6eaf0,
   text #14202c / #5b6b7c / #8a98a8, radii 7/11/16.
   Font weights 400/700 only — 500/600 synthesize on Windows and read as a different typeface. */

/* ── Sub-line metadata (serial numbers, who counted, dates) ── */
.ic-sub-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #8a98a8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-sub-item i {
    font-size: 10px;
    color: #a9b5c2;
    flex: none;
}

/* ── Chips and status pills ── */
.ic-chip,
.ic-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 999px;
    white-space: nowrap;
}

.ic-chip-muted {
    background: rgba(90, 122, 138, 0.12);
    color: #5a7a8a;
}

.ic-chip-accent {
    background: rgba(237, 136, 14, 0.14);
    color: #b8680a;
}

.ic-chip-warn {
    background: rgba(220, 38, 38, 0.12);
    color: #dc2626;
}

.ic-pill-draft {
    background: rgba(90, 122, 138, 0.12);
    color: #5a7a8a;
}

.ic-pill-progress {
    background: rgba(0, 57, 81, 0.12);
    color: #003951;
}

.ic-pill-closed {
    background: rgba(40, 167, 69, 0.14);
    color: #1e7e34;
}

.ic-pill-cancelled {
    background: rgba(138, 152, 168, 0.16);
    color: #6b7684;
}

.ic-pill-warn {
    background: rgba(237, 136, 14, 0.16);
    color: #b8680a;
}

.ic-pill-stale {
    margin-left: 4px;
}

/* ── Values ── */
.ic-neg {
    color: #dc2626;
    font-weight: 700;
}

.ic-pos {
    color: #1e7e34;
    font-weight: 700;
}

.ic-muted {
    color: #a9b5c2;
}

/* ── Row action cluster (holds .stas-act buttons from datagrids.css) ── */
.ic-acts {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}