/*
 * De ce exista:
 * Acest fisier stilizeaza lista de conversatii pe oferta.
 *
 * Responsabilitate:
 * Pastreaza cardurile de conversatii clare si aerisite pe mobil.
 *
 * Ce NU face:
 * Nu afecteaza job messages sau alte liste din shell.
 *
 * Depinde de:
 * CSS-ul shared app-v2 si template-ul offer-conversations-list.
 */

.v2-screen--offer-conversations-list {
    display: grid;
    gap: 16px;
}

.v2-screen-stack {
    display: grid;
    gap: 14px;
}

.v2-offer-conversation-card {
    display: grid;
    gap: 12px;
}

.v2-offer-conversation-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.v2-offer-conversation-time {
    flex-shrink: 0;
    color: #6b7280;
    font-size: 0.82rem;
    font-weight: 600;
}

.v2-offer-conversation-preview {
    margin: 0;
    color: #1f2937;
    line-height: 1.55;
}

.v2-offer-conversation-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.v2-offer-conversation-meta-item {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #f9fafb;
    border: 1px solid rgba(229, 231, 235, 0.95);
}

.v2-offer-conversation-meta-item strong {
    color: #111827;
    font-size: 0.92rem;
}

.v2-offer-conversation-meta-label {
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

@media (max-width: 420px) {
    .v2-offer-conversation-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2-offer-conversation-meta {
        grid-template-columns: 1fr;
    }
}