/*
 * De ce exista:
 * Acest fisier contine stilurile specifice listei de cereri a clientului.
 *
 * Responsabilitate:
 * Stilizeaza filtrele de status si gridul de job cards din lista clientului.
 *
 * Ce NU face:
 * Nu stilizeaza worker jobs sau detaliul individual.
 *
 * Depinde de:
 * tpl-screen-client-jobs-list si componentele UI de job card.
 */

.v2-screen--client-jobs-list {
    display: grid;
    gap: 18px;
}

.v2-client-jobs-hero {
    margin-bottom: 0;
}

.v2-client-jobs-filter-card {
    padding: 14px;
    background:
        radial-gradient(circle at top right, rgba(220, 252, 231, 0.72), transparent 34%),
        #ffffff;
}

.v2-status-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.v2-status-filter-row .v2-button-secondary,
.v2-status-filter-row .v2-button-ghost {
    flex: 0 0 auto;
}

.v2-screen--client-jobs-list .v2-results-card {
    display: grid;
    gap: 12px;
}

.v2-screen--client-jobs-list .v2-results-head {
    margin-bottom: 2px;
}

.v2-screen--client-jobs-list .v2-results-head-copy {
    display: grid;
    gap: 4px;
}

.v2-screen--client-jobs-list .v2-results-head-copy p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: #6b7280;
}