/* ==========================================================================
   Selection Card
   ========================================================================== */

.pa-selection-card {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;

    width: 100%;
    min-height: 60px;
    padding: 16px 18px;

    color: var(--pa-color-text-primary);
    cursor: pointer;
    text-align: left;
}

.pa-selection-card--selected,
.pa-selection-card.is-selected {
    border-color: var(--pa-color-primary);
    background: var(--pa-color-surface-soft);
}

.pa-selection-card__check {
    width: 18px;
    height: 18px;

    border: 2px solid var(--pa-color-border);
    border-radius: 50%;

    transition: all var(--pa-transition-base);
}

.pa-selection-card--selected .pa-selection-card__check,
.pa-selection-card.is-selected .pa-selection-card__check {
    border-color: var(--pa-color-primary);
    background: var(--pa-color-primary);
}

.pa-selection-card__content {
    min-width: 0;
}

.pa-selection-card__title {
    display: block;
    color: var(--pa-color-text-primary);
    font-weight: var(--pa-font-weight-semibold);
}

.pa-selection-card__description {
    display: block;
    margin-top: 2px;
    color: var(--pa-color-text-secondary);
    font-size: var(--pa-font-size-body-small);
}

.pa-selection-card__meta {
    color: var(--pa-color-text-primary);
    white-space: nowrap;
    font-weight: var(--pa-font-weight-semibold);
}