/* Cartes et badges. */

.itf-card {
    background: var(--itf-card);
    border: 1px solid var(--itf-border);
    border-radius: var(--itf-radius);
    padding: var(--itf-space-5);
}

.itf-card--error {
    border-color: var(--itf-danger);
}

.itf-badge {
    display: inline-flex;
    align-items: center;
    padding: var(--itf-space-1) var(--itf-space-2);
    border-radius: var(--itf-radius-pill);
    font-size: var(--itf-font-size-sm);
    font-weight: 700;
    background: var(--itf-card-2);
    color: var(--itf-text-dim);
    border: 1px solid var(--itf-border);
}

.itf-badge--shared-with-me {
    color: var(--itf-reshare);
    border-color: var(--itf-success-hover);
    background: rgba(126, 231, 135, 0.12);
}

.itf-badge--shared-by-me {
    color: var(--itf-primary);
    border-color: var(--itf-primary);
    background: rgba(88, 166, 255, 0.12);
}

.itf-badge--private {
    color: var(--itf-text-dim);
    border-color: var(--itf-border);
}

.itf-badge--role {
    color: var(--itf-primary);
    border-color: var(--itf-primary);
    background: rgba(88, 166, 255, 0.12);
}

.itf-badge--reshare {
    color: var(--itf-reshare);
    border-color: var(--itf-success-hover);
    background: rgba(126, 231, 135, 0.12);
}

.itf-badge--lab {
    background: var(--itf-success);
    color: var(--itf-text-on-primary);
    border: none;
}

.itf-badge--public-read {
    background: var(--itf-info);
    color: var(--itf-text-on-primary);
    border: none;
}

.itf-badge--public-edit {
    background: #a371f7;
    color: var(--itf-text-on-primary);
    border: none;
}