.project-row-aleide > td {
    background-color: #f5f3ff !important;
}

.project-row-aleide:hover > td {
    background-color: #ede9fe !important;
}

.project-row-proposal > td {
    background-color: #eff6ff !important;
}

.project-row-proposal:hover > td {
    background-color: #dbeafe !important;
}

.project-row-intent > td {
    background-color: #fffbeb !important;
}

.project-row-intent:hover > td {
    background-color: #fef3c7 !important;
}

.project-row-accepted > td {
    background-color: #f0fdf4 !important;
}

.project-row-accepted:hover > td {
    background-color: #dcfce7 !important;
}

.project-row-cancelled > td {
    background-color: rgba(239, 68, 68, 0.08);
}

.project-row-cancelled:hover > td {
    background-color: rgba(239, 68, 68, 0.14);
}

.dark .project-row-aleide > td {
    background-color: #2e1065 !important;
}

.dark .project-row-proposal > td {
    background-color: #172554 !important;
}

.dark .project-row-intent > td {
    background-color: #422006 !important;
}

.dark .project-row-accepted > td {
    background-color: #052e16 !important;
}

.dark .project-row-cancelled > td {
    background-color: rgba(239, 68, 68, 0.12);
}

.dark .project-row-cancelled:hover > td {
    background-color: rgba(239, 68, 68, 0.18);
}

.project-row-recurring > td {
    background-color: #dbeafe !important;
}

.project-row-recurring:hover > td {
    background-color: #bfdbfe !important;
}

.project-row-maintenance > td {
    background-color: #ecfeff !important;
}

.project-row-maintenance:hover > td {
    background-color: #cffafe !important;
}

.project-row-trashed > td {
    background-color: rgba(239, 68, 68, 0.14);
}

.project-row-trashed:hover > td {
    background-color: rgba(239, 68, 68, 0.22);
}

.dark .project-row-trashed > td {
    background-color: rgba(239, 68, 68, 0.20);
}

.dark .project-row-trashed:hover > td {
    background-color: rgba(239, 68, 68, 0.30);
}

.dark .project-row-recurring > td {
    background-color: #172554 !important;
}

.dark .project-row-recurring:hover > td {
    background-color: #1e3a8a !important;
}

.dark .project-row-maintenance > td {
    background-color: #083344 !important;
}

.dark .project-row-maintenance:hover > td {
    background-color: #164e63 !important;
}

.billing-installment-row-issued > td {
    background-color: #f0fdf4 !important;
}

.billing-installment-row-issued:hover > td {
    background-color: #dcfce7 !important;
}

.billing-installment-row-ready > td {
    background-color: #fffbeb !important;
}

.billing-installment-row-ready:hover > td {
    background-color: #fef3c7 !important;
}

.billing-installment-row-cancelled > td {
    background-color: rgba(239, 68, 68, 0.08) !important;
}

.billing-installment-row-cancelled:hover > td {
    background-color: rgba(239, 68, 68, 0.14) !important;
}

.dark .billing-installment-row-issued > td {
    background-color: #052e16 !important;
}

.dark .billing-installment-row-issued:hover > td {
    background-color: #14532d !important;
}

.dark .billing-installment-row-ready > td {
    background-color: #422006 !important;
}

.dark .billing-installment-row-ready:hover > td {
    background-color: #713f12 !important;
}

.dark .billing-installment-row-cancelled > td {
    background-color: rgba(239, 68, 68, 0.12) !important;
}

.dark .billing-installment-row-cancelled:hover > td {
    background-color: rgba(239, 68, 68, 0.18) !important;
}

.project-summary-general,
.project-summary-economic {
    display: grid;
    gap: 1rem 1.5rem;
}

.project-summary-general {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.project-summary-economic {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgb(229 231 235);
}

.project-summary-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    min-width: 0;
}

.project-summary-label {
    color: rgb(107 114 128);
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.project-summary-value {
    color: rgb(17 24 39);
    font-size: 0.9375rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.25rem;
    white-space: nowrap;
}

.dark .project-summary-economic {
    border-top-color: rgb(63 63 70);
}

.dark .project-summary-label {
    color: rgb(161 161 170);
}

.dark .project-summary-value {
    color: rgb(244 244 245);
}

@media (max-width: 1280px) {
    .project-summary-general,
    .project-summary-economic {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .project-summary-general,
    .project-summary-economic {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}