/* ExpandableRowHeader Molecule */
/* Horizontal flex row of mixed text + badge slots, used inside */
/* ExpandablePanel.headerContent. Consolidates per-module hand-rolled */
/* row-header CSS in Complaints, Logbook, Tasks, QA Obligations. */

/* SPACING CONTRACT:
   - Internal gap between slots: --space-2
   - External margins: NONE -- parent ExpandablePanel header owns padding
   - grow:true slot claims remaining space; ellipsis:true clips overflow */

.expandable-row-header {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    min-width: 0;
    /* Breathing room between the trailing badges and the panel actions /
       chevron that sit immediately to the right of this slot. Matches the
       gap Complaints set in its bespoke row-header before consolidation. */
    padding-right: var(--space-3);
}

/* -- Text slot --------------------------------------------------- */

.expandable-row-header-text {
    font-size: var(--text-sm);
    flex-shrink: 0;
    white-space: nowrap;
}

.expandable-row-header-text--primary   { color: var(--text-primary); }
.expandable-row-header-text--secondary { color: var(--text-secondary); }
.expandable-row-header-text--muted     { color: var(--text-muted); font-size: var(--text-xs); }

.expandable-row-header-text--semibold { font-weight: var(--font-weight-semibold); }

.expandable-row-header-text--mono {
    font-family: var(--font-family-mono, monospace);
    font-variant-numeric: tabular-nums;
}

.expandable-row-header-text--grow {
    flex: 1 1 auto;
    min-width: 0;
}

.expandable-row-header-text--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* -- Pill slot --------------------------------------------------- */

.expandable-row-header-pill {
    flex-shrink: 0;
    font-size: var(--text-xs);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--border-radius-sm);
    white-space: nowrap;
}

.expandable-row-header-pill--muted {
    color: var(--text-muted);
    background: var(--bg-layer-3);
}

/* -- Separator slot --------------------------------------------- */

.expandable-row-header-separator {
    flex-shrink: 0;
    color: var(--text-muted);
}

/* -- Spacer slot (empty flex:1 to push following slots right) -- */

.expandable-row-header-spacer {
    flex: 1 1 auto;
    min-width: 0;
}