/* Botones: altura mínima y padding horizontal */
.mud-button-root {
    min-height: 40px; /* 40–44px */
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 8px;
    text-transform: none; /* sin mayúsculas forzadas */
}

/* Hover “Primary 500” para botones primary filled */
.mud-button-filled.mud-primary:hover {
    background-color: #14B8A6 !important; /* Primary 500 */
}

/* Inputs: borde 1px y focus ring visible */
.mud-input, .mud-select, .mud-picker {
    border-radius: 8px;
}

.mud-input-outlined {
    border-width: 1px;
}

.mud-input-control:focus-within .mud-input-outlined,
.mud-select:focus-within .mud-input-outlined {
    box-shadow: 0 0 0 3px rgba(20,184,166,0.25); /* anillo foco Primary 500 */
    border-color: #14B8A6;
}

/* Tarjetas: radio 12px; elevación suave en hover cuando son clicables */
.mud-paper, .mud-card {
    border-radius: 12px;
}

    .mud-card.clickable:hover {
        box-shadow: var(--mud-elevation-2);
    }

/* Hover de filas en tablas (suave en primario) */
.mud-table-row:hover {
    background-color: rgba(20,184,166,0.08);
}