.modern-list .item,
.modern-list-small .item,
#presupuestoItemsListado .item,
#vehiculosAsociadosListado .item,
#vehiculosDisponiblesListado .item,
#clientesListado .item,
#vehiculosListado .item,
#reparacionesListado .item,
#presupuestosListado .item {
    background: #f8fafc;
    border: 1px solid var(--modern-line);
    border-radius: 20px;
    padding: 16px 18px;
}

.modern-list .item strong,
.modern-list-small .item strong {
    font-size: 18px;
}

.modern-list .meta,
.modern-list-small .meta,
.meta {
    color: var(--modern-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.modern-list .item p,
.modern-list-small .item p {
    margin: 8px 0 0;
}

.chip {
    background: rgba(15, 76, 129, 0.12);
    border-radius: 999px;
    color: var(--modern-brand-dark);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
}

#clienteMsg,
#vehiculoMsg,
#reparacionMsg,
#presupuestoMsg,
#presupuestoItemsMsg,
#vehiculosClienteTitulo {
    color: var(--modern-muted);
    min-height: 20px;
}

#clienteMsg.error,
#vehiculoMsg.error,
#reparacionMsg.error,
#presupuestoMsg.error,
#presupuestoItemsMsg.error,
#vehiculosClienteTitulo.error {
    color: var(--modern-danger);
}

#clienteMsg.ok,
#vehiculoMsg.ok,
#reparacionMsg.ok,
#presupuestoMsg.ok,
#presupuestoItemsMsg.ok,
#vehiculosClienteTitulo.ok {
    color: var(--modern-success);
}

.modern-list button,
.modern-list-small button,
#presupuestosListado button,
#reparacionesListado button,
#clientesListado button,
#vehiculosListado button {
    border-radius: 10px !important;
    font-weight: 600;
}

@media (max-width: 767px) {
    .modern-main {
        padding-left: 4px;
        padding-right: 4px;
    }

    .modern-card {
        border-radius: 20px;
        padding: 18px;
    }
}