/* ============================================================
   Evidence cards
   ============================================================ */

.hc-evidence-card {
    padding: 3px 16px;

    background: var(--color-focus);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-max);

    box-shadow: 0 8px 20px rgba(23, 32, 51, 0.035);
}

.hc-evidence-card__label {
    /*
    text-transform: uppercase;
    gap: 6px;
    */
    display: inline-flex;
    align-items: center;

    margin-bottom: 0px;
    font-size: var(--text-xxs);
    font-weight: var(--weight-sm);
    color:var(--color-text-bright);
    letter-spacing: var(--space-4)
}


.hc-evidence-card__title {
    /*margin-bottom: 10px;*/
    font-size: var(--text-sm);
    font-weight: var(--weight-md);
    color: var(--color-b4);
}

.hc-evidence-card--symptom .hc-evidence-card__title {
    color: #d2f0e5;
}

.hc-evidence-card--factor .hc-evidence-card__title {
    color: #d95824;
}

.hc-evidence-card--marker .hc-evidence-card__title {
    color: #0369a1;
}

.hc-evidence-card--condition .hc-evidence-card__title {
    color: #067647;
}

.hc-evidence-card__footer {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;

    margin-top: 10px;
}



.hc-evidence-card__meta {
    color: var(--color-muted);
    font-size: 12px;
}


.hc-evidence-card__remove {
    color: var(--color-muted);
    text-decoration: none;
    font-size: 16px;
}

.hc-evidence-card__remove:hover {
    color: var(--color-text);
    text-decoration: underline;
}


.hc-evidence-card__title-link,
.health-explorer-condition-match__name,
.health-explorer-condition__title-link {
    color: inherit;
    text-decoration: none;
}

.hc-evidence-card__title-link:hover,
.health-explorer-condition-match__name:hover,
.health-explorer-condition__title-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.health-explorer-condition-match__name {
    display: inline-block;
    font-size: 15px;
    font-weight: 650;
}