/* FA 보드 / 마이페이지 공통 — 합류 초대 카드 */

.lfg-invite-cards {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

/* 받은 합류 초대가 많을 때 영역만 스크롤 */
.lfg-invite-cards-scroll {
    max-height: min(440px, 52vh);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    scrollbar-gutter: stable;
}

.lfg-invite-cards-scroll::-webkit-scrollbar {
    width: 8px;
}

.lfg-invite-cards-scroll::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.35);
    border-radius: 999px;
}

.lfg-invite-cards-scroll::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.45);
    border-radius: 999px;
}

.lfg-invite-cards-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.65);
}

.lfg-invite-empty {
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px dashed rgba(148, 163, 184, 0.35);
    background: rgba(15, 23, 42, 0.35);
    font-size: 0.9rem;
}

.lfg-invites-hint {
    font-size: 0.84rem;
    line-height: 1.55;
    margin: 6px 0 0;
}

.lfg-board-invites-wrap {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px dashed rgba(148, 163, 184, 0.35);
}

.lfg-invites-section + .lfg-invites-section {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px dashed rgba(96, 165, 250, 0.22);
}

.lfg-invite-card {
    margin: 0;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: var(--surface-chip, rgba(15, 23, 42, 0.72));
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.14);
}

.lfg-invite-card--outgoing {
    border-color: rgba(59, 130, 246, 0.28);
    background: linear-gradient(165deg, rgba(59, 130, 246, 0.08), rgba(15, 23, 42, 0.55) 60%);
}

.lfg-invite-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

.lfg-invite-card__team {
    font-weight: 800;
    color: var(--text-bright);
    font-size: 1.02rem;
    letter-spacing: -0.02em;
}

.lfg-invite-card__lane {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    background: rgba(59, 130, 246, 0.2);
    color: #93c5fd;
    border: 1px solid rgba(59, 130, 246, 0.4);
}

.lfg-invite-card__msg {
    margin-top: 10px;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--text-muted);
}

.lfg-invite-card__time {
    margin-top: 8px;
    font-size: 0.8rem;
    color: var(--text-muted);
    opacity: 0.92;
}

/* 거절 시 재초대 차단 — 카드 내 강조 블록 */
.lfg-invite-card__block-box {
    margin-top: 14px;
    padding: 12px 14px 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(245, 158, 11, 0.35);
    background: linear-gradient(145deg, rgba(254, 243, 199, 0.14), rgba(251, 191, 36, 0.06));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.lfg-invite-card__block-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    margin: 0;
    font-size: 0.88rem;
    font-weight: 800;
    color: #fde68a;
    line-height: 1.45;
}

.lfg-invite-card__block-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-top: 2px;
    accent-color: #f59e0b;
    cursor: pointer;
}

.lfg-invite-card__block-hint {
    margin: 8px 0 0 30px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-muted);
    line-height: 1.5;
    opacity: 0.95;
}

.lfg-invite-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    align-items: center;
}

.lfg-invite-card__actions .btn-electric {
    min-width: 92px;
}

.lfg-invite-card__actions .btn-small {
    min-width: 80px;
}

.lfg-invite-card__actions .lfg-block-team-btn {
    border-color: rgba(148, 163, 184, 0.45);
    color: var(--text-muted);
}

.lfg-invite-card__actions .lfg-block-team-btn:hover {
    border-color: rgba(248, 113, 113, 0.55);
    color: #fecaca;
}

.lfg-invite-card__target {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text-bright);
    margin-top: 6px;
}

.lfg-invite-card__sub {
    margin-top: 8px;
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--text-muted);
}

.lfg-invite-card__sub .lfg-invite-card__lane {
    margin-left: 4px;
}
