.jobfair-participants {
    min-width: 0;
    margin-top: 14px;
    padding: 12px;
    color: var(--text-primary, #163126);
    background: color-mix(in srgb, var(--card-bg, #fff) 88%, var(--accent, #087443) 12%);
    border: 1px solid var(--card-border, #d6e5dc);
    border-radius: 14px;
}

.jobfair-participants__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
    font-size: .72rem;
    line-height: 1.3;
}

.jobfair-participants__heading span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--text-primary, #163126);
    font-weight: 800;
}

.jobfair-participants__heading i { color: var(--accent, #087443); }
.jobfair-participants__heading strong { color: var(--text-secondary, #5d7066); font-size: .66rem; white-space: nowrap; }

.jobfair-participants__rail {
    display: flex;
    gap: 8px;
    max-width: 100%;
    padding: 1px 1px 5px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--accent, #087443) transparent;
}

.jobfair-participant {
    width: 78px;
    min-width: 78px;
    display: grid;
    justify-items: center;
    gap: 5px;
    color: var(--text-primary, #163126);
    text-align: center;
}

.jobfair-participant__logo {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg, #087443, #0ca865);
    border: 2px solid var(--card-bg, #fff);
    border-radius: 12px;
    box-shadow: 0 5px 14px rgba(8, 116, 67, .16);
}

.jobfair-participant__logo img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.jobfair-participant__logo b { font-size: .9rem; }

.jobfair-participant__name {
    width: 100%;
    overflow: hidden;
    font-size: .61rem;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.peso-theme-aware:not(.light) .jobfair-participants,
body:not(.light)[data-peso-page^='jobseeker-'] .jobfair-participants,
body:not(.light)[data-peso-page^='employer-'] .jobfair-participants {
    color: #eef8f2;
    background: rgba(255,255,255,.055);
    border-color: rgba(255,255,255,.13);
}

@media (max-width: 520px) {
    .jobfair-participants { padding: 10px; }
    .jobfair-participant { width: 70px; min-width: 70px; }
}