/* Componentes de formulario transversales (InsFormActions / InsFormSection).
   Enlazado una vez por host desde App.razor: _content/InsCore.Ui.Gadgets/insForms.css */

/* ── Barra de acciones fija al pie del formulario ───────────────────────────── */
.ins-form-actions {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding: 12px 16px;
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default);
    border-radius: 0 0 var(--mud-default-borderradius) var(--mud-default-borderradius);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .06);
}

.ins-form-actions__status {
    display: flex;
    align-items: center;
    font-size: .875rem;
}

.ins-form-actions__buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.ins-form-actions__dirty { color: var(--mud-palette-warning); font-weight: 500; }
.ins-form-actions__saved { color: var(--mud-palette-success); font-weight: 500; }
.ins-form-actions__clean { color: var(--mud-palette-text-secondary); }

/* ── Sección de formulario colapsable ───────────────────────────────────────── */
.ins-form-section { margin-bottom: 12px; }

.ins-form-section__head {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.ins-form-section__title { font-weight: 500; }

.ins-form-section__summary {
    margin-left: auto;
    padding-left: 12px;
    color: var(--mud-palette-text-secondary);
    font-size: .8125rem;
    text-align: right;
}

.ins-form-section__help { color: var(--mud-palette-text-secondary); }