/*
 * De ce exista:
 * Acest fisier stilizeaza hub-ul de mesaje pentru frontendul V2.
 *
 * Responsabilitate:
 * Prezinta clar cele doua contexte de mesaje fara inbox mixt si fara sa
 * afecteze ecranele existente de chat.
 *
 * Ce NU face:
 * Nu stilizeaza lista conversatiilor sau job messages in sine.
 *
 * Depinde de:
 * responsive.css, template-ul messages-hub si componentele shared.
 */

.v2-screen--messages-hub {
    display: grid;
    gap: 16px;
}

.v2-message-hub-grid {
    display: grid;
    gap: 14px;
}

.v2-message-hub-card {
    border-radius: 20px;
    border: 1px solid rgba(229, 231, 235, 0.95);
    background: #ffffff;
    padding: 18px 16px;
    display: grid;
    gap: 14px;
}

.v2-message-hub-card.is-primary {
    background: linear-gradient(180deg, rgba(22, 163, 74, 0.06), rgba(255, 255, 255, 0.98));
}

.v2-message-hub-card.is-secondary {
    background: #ffffff;
}

.v2-message-hub-card h3 {
    margin: 0;
    font-size: 1.08rem;
    color: #111827;
}

.v2-message-hub-card p {
    margin: 0;
    color: #4b5563;
    line-height: 1.6;
}

.v2-message-hub-card .v2-button-row {
    justify-content: flex-start;
}

.v2-messages-hub-note-card {
    background: #f9fafb;
}

@media (min-width: 1024px) {
    .v2-message-hub-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }
}