/* card.css — pattern: contained surface unit.
   Variants: default, raised, evidential.
   The evidential variant carries a state-strip that encodes provenance.
   See FSE_UI.md → Card and Color-as-Meaning. */

.biq-card {
    background: var(--biq-color-surface-raised);
    border: 1px solid var(--biq-color-border);
    border-radius: var(--biq-radius-lg);
    padding: var(--biq-space-5);
    box-shadow: var(--biq-shadow-xs);
    position: relative;
}

.biq-card--raised  { box-shadow: var(--biq-shadow-md); }
.biq-card--sunk    { background: var(--biq-color-surface-sunk); box-shadow: none; }

.biq-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--biq-space-3);
    margin-bottom: var(--biq-space-3);
}

.biq-card__title {
    font-size: var(--biq-fs-lg);
    font-weight: var(--biq-fw-semibold);
    margin: 0;
    line-height: var(--biq-lh-snug);
}

.biq-card__subtitle {
    font-size: var(--biq-fs-sm);
    color: var(--biq-color-text-muted);
    margin-top: var(--biq-space-1);
}

.biq-card__body  > * + * { margin-top: var(--biq-space-3); }

.biq-card__footer {
    display: flex;
    justify-content: flex-end;
    gap: var(--biq-space-3);
    margin-top: var(--biq-space-5);
    padding-top: var(--biq-space-4);
    border-top: 1px solid var(--biq-color-rule);
}

/* Evidential variant — left-edge state strip encodes provenance */
.biq-card--evidential {
    padding-left: var(--biq-space-6);
}

.biq-card--evidential::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--biq-space-1);
    border-top-left-radius: var(--biq-radius-lg);
    border-bottom-left-radius: var(--biq-radius-lg);
    background: var(--biq-color-border);
}

.biq-card--evidential[data-state="field-captured"]::before { background: var(--biq-state-field-captured); }
.biq-card--evidential[data-state="validated"]::before      { background: var(--biq-state-validated); }
.biq-card--evidential[data-state="pending-review"]::before { background: var(--biq-state-pending-review); }
.biq-card--evidential[data-state="flagged"]::before        { background: var(--biq-state-flagged); }
.biq-card--evidential[data-state="ai-suggested"]::before   { background: var(--biq-state-ai-suggested); }
.biq-card--evidential[data-state="locked"]::before         { background: var(--biq-state-locked); }
.biq-card--evidential[data-state="superseded"]::before     { background: var(--biq-state-superseded); }