/* ============================================================================================
   Estilos COMPARTIDOS de modales. Arranca con el cluster canonico de acciones del header
   (componente ModalHeaderActions.razor): botones-ICONO en la esquina superior derecha
   (Editar / Guardar / Eliminar / Cancelar edicion / Cerrar). Homogeneo en TODO el sistema.
   Calcado 1:1 de .cpe-head-acts/.cpe-hact (GestionarUnidadesModal = referencia), movido aqui
   para reuso. Clases con prefijo .mha-* (modal header actions).
   ============================================================================================ */
.mha-acts { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.mha-btn {
    width: 32px; height: 32px; border-radius: 8px;
    border: 1px solid var(--propia-border-card);
    background: var(--propia-bg-card);
    color: var(--propia-text-muted);
    cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    transition: border-color .12s, color .12s, opacity .12s;
}
.mha-btn:hover:not(:disabled) { border-color: var(--propia-brand); color: var(--propia-brand); }
.mha-btn:disabled { opacity: .5; cursor: default; }

/* ---- Confirmacion de borrado (pareja del boton papelera del cluster). Overlay type-to-confirm,
   calcado del patron de GestionarUnidades. Reusable por cualquier ficha con 🗑 (zona, equipo, ...). ---- */
.mha-cdel-overlay { position: fixed; inset: 0; background: rgba(20,26,38,.55); display: flex; align-items: center; justify-content: center; z-index: 5000; padding: 20px; }
.mha-cdel-card { background: var(--propia-bg-card); border-radius: 14px; width: 440px; max-width: calc(100vw - 32px); padding: 22px; box-shadow: 0 20px 60px rgba(20,30,50,.35); }
.mha-cdel-icon { width: 46px; height: 46px; border-radius: 12px; background: var(--propia-danger-soft, var(--propia-brand-soft)); color: var(--propia-danger, #C0392B); display: inline-flex; align-items: center; justify-content: center; }
.mha-cdel-title { font-size: 17px; font-weight: 800; color: var(--propia-text-h1); margin-top: 12px; }
.mha-cdel-sub { font-size: 13px; color: var(--propia-text-secondary); margin-top: 8px; line-height: 1.5; }
.mha-cdel-sub b { color: var(--propia-text-body); }
.mha-cdel-confirm { margin-top: 14px; }
.mha-cdel-lbl { font-size: 12.5px; color: var(--propia-text-secondary); display: block; margin-bottom: 5px; }
.mha-cdel-inp { width: 100%; box-sizing: border-box; border: 1px solid var(--propia-border-card); border-radius: 8px; padding: 8px 10px; font-size: 13px; font-family: inherit; color: var(--propia-text-body); background: var(--propia-bg-card); outline: none; }
.mha-cdel-inp:focus { border-color: var(--propia-danger, #C0392B); box-shadow: 0 0 0 2px rgba(192,57,43,.15); }
.mha-cdel-err { font-size: 12.5px; color: var(--propia-danger, #C0392B); margin-top: 10px; }
.mha-cdel-actions { display: flex; gap: 9px; justify-content: flex-end; margin-top: 16px; }
.mha-cdel-cancel { padding: 8px 16px; border-radius: 8px; border: 1px solid var(--propia-border-card); background: var(--propia-bg-card); color: var(--propia-text-secondary); font-size: 12.5px; font-weight: 600; cursor: pointer; font-family: inherit; }
.mha-cdel-cancel:hover:not(:disabled) { border-color: var(--propia-text-faint); }
.mha-cdel-go { padding: 8px 16px; border-radius: 8px; border: 0; background: var(--propia-danger, #C0392B); color: var(--propia-text-inverse); font-size: 12.5px; font-weight: 700; cursor: pointer; font-family: inherit; }
.mha-cdel-go:disabled { opacity: .5; cursor: default; }