/*
 * De ce exista:
 * Acest fisier stilizeaza ecranul read-only cu review-urile muncitorului.
 *
 * Responsabilitate:
 * Pastreaza sumarul reputatiei si cardurile cu pareri lizibile pe mobil si
 * desktop, fara sa rescrie stilurile shared existente.
 *
 * Ce NU face:
 * Nu schimba alte ecrane V2 si nu impune comportament de business.
 *
 * Depinde de:
 * tpl-screen-worker-reviews si clasele shared app-v2 deja existente.
 */

.v2-screen--worker-reviews {
    display: grid;
    gap: 20px;
}

.v2-screen--worker-reviews > .v2-screen-head {
    margin-bottom: 0;
}

.v2-worker-reviews-hero {
    margin-bottom: 0;
}

.v2-worker-reviews-body {
    display: grid;
    gap: 16px;
}

.v2-worker-reviews-summary-card,
.v2-worker-review-card {
    gap: 16px;
    padding: 18px;
}

.v2-worker-reviews-summary-card {
    background:
        radial-gradient(circle at top right, rgba(220, 252, 231, 0.68), transparent 36%),
        rgba(255, 255, 255, 0.98);
}

.v2-worker-reviews-summary-actions,
.v2-worker-reviews-list {
    display: grid;
    gap: 10px;
}

.v2-worker-reviews-summary-actions .v2-button-ghost {
    width: 100%;
    justify-content: center;
}

.v2-worker-review-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.v2-worker-review-rating {
    display: inline-flex;
    font-size: 1.125rem;
    color: #111827;
}

.v2-worker-review-service {
    margin: 0;
    color: var(--v2-text-strong, #111827);
    font-weight: 600;
}

.v2-worker-review-card .v2-copy {
    line-height: 1.55;
}

@media (max-width: 420px) {
    .v2-worker-reviews-summary-card,
    .v2-worker-review-card {
        padding: 16px;
    }

    .v2-worker-review-card-head {
        flex-direction: column;
        align-items: flex-start;
    }
}