.sticky-footer {
    position: sticky;
    bottom: 0;
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default);
    z-index: 5;
}

.font-weight-600 {
    font-weight: 600;
}


.header-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
/* Orden responsive: en XS las acciones arriba y el título abajo */
@media (max-width: 900px) {
    .order-xs-1 {
        order: 1;
    }

    .order-xs-2 {
        order: 2;
    }

    .header-actions .mud-button-root {
        width: 100%;
    }
    /* botones full-width en XS */
}

@media (min-width: 900px) {
    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }
}

/* Que el grid de la tabla respete anchos y el panel se pegue a la derecha */
.tbl-invoice .mud-table {
    table-layout: fixed;
    width: 100%;
}

.totals-card {
    max-width: 520px;
    margin-left: auto;
}
/* Si quieres que el panel quede visible al hacer scroll: */
@media (min-width: 960px) {
    .totals-card {
        position: sticky;
        bottom: 0;
    }
}

.kpi-card {
    padding: 18px;
    border-radius: 16px;
}

.kpi-subtitle {
    opacity: .75;
}