/* ============================================================================
   SPURA HUB v3 - Section Header Components
   Generic section-title, card-header, and page-heading helpers.
   ============================================================================ */

/* ── Solid / soft card headers ──────────────────────────────────────────── */
.card-header-solid-primary {
    background: var(--brand-600);
}

.card-header-solid-primary .card-title,
.card-header-solid-primary .card-title-light {
    color: var(--bg-surface);
}

.card-title-light {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.card-header-soft-success {
    background: var(--success-50);
}

.card-header-soft-danger {
    background: var(--danger-50);
}

/* ── Collapsible card header ────────────────────────────────────────────── */
.card-header--summary {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    -webkit-appearance: none;
}

/* ── Generic section title patterns ─────────────────────────────────────── */
.section-title-icon {
    margin-right: 0.35rem;
}

/* ── Accounting / transaction section titles ────────────────────────────── */
.tx-section-title {
    margin: 0;
}

.tx-card-title-inline,
.po-doc-section-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.po-doc-section-header {
    justify-content: space-between;
}

.tx-card-title-icon {
    color: var(--color-primary, var(--info-600));
}

.product-history-section-title,
.tnea-order-section-title {
    margin-bottom: 0.5rem;
}

.tnea-order-section-title {
    font-size: 0.875rem;
    color: var(--gray-500);
}

.po-doc-section-title {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted, var(--color-text-muted));
}

.stl-section-filter-body {
    padding: 1rem 1rem 0;
}

.purchase-order-section-title,
.receipt-create-section-title {
    margin: 1.5rem 0 1rem;
}

.quote-section-title {
    margin: 1.5rem 0 0.5rem;
}

.sales-envia-guide-section-title {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.sales-envia-guide-section-title--spaced {
    margin-bottom: 0.75rem;
}

.showroom-section-title {
    margin: 0 0 2rem;
}

/* ── Confirm card header (used in product SKU editor) ───────────────────── */
.confirm-card-header {
    padding: 1rem 1.5rem;
}

.confirm-card-header h3 {
    margin: 0;
}