/* [EXPLICATIE] Toate modalele folosesc banda gri comuna pentru titlu si X. */
.modal .modal-content .modal-header {
  background: var(--ec-panel-header-bg, #e7edf3);
  color: #142033;
  border-bottom-color: var(--ec-panel-border, #bdc9d6);
}
.modal .modal-content .modal-header .btn-close {
  margin-left: auto;
  flex-shrink: 0;
}

/* [EXPLICATIE] Editorii pastreaza textul si folosesc pictograme comune de 18px. */
.btn.ec-editor-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
}
.ec-editor-action > img {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  object-fit: contain;
}

/* Butoanele editorului modal: Salveaza, apoi Abandon discret. */
.modal .modal-content .ec-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: .5rem;
}
.modal .modal-content .btn.ec-modal-save {
  background: #eef2f6;
  color: #1f2d3d;
  border-color: #526273;
}
.modal .modal-content .btn.ec-modal-abandon {
  background: #ffffff;
  color: #6c757d;
  border-color: #c4cbd2;
}
.modal .modal-content .btn.ec-modal-save:hover,
.modal .modal-content .btn.ec-modal-save:focus-visible {
  background: #dfe6ed;
  color: #1f2d3d;
  border-color: #334155;
}
.modal .modal-content .btn.ec-modal-abandon:hover,
.modal .modal-content .btn.ec-modal-abandon:focus-visible {
  background: #f5f6f7;
  color: #495057;
  border-color: #8b949e;
}

/* [EXPLICATIE] Confirm/Abandon: aceeasi paleta, fara variante dupa operatiune. */
.ec-confirm-actions {
  gap: .5rem;
}
.btn.ec-confirm-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  white-space: nowrap;
  background: #eef2f6;
  color: #1f2d3d;
  border-color: #526273;
}
.btn.ec-confirm-action:is(:hover, :focus, :focus-visible, :active):not(:disabled):not(.disabled) {
  background: #dfe6ed;
  color: #1f2d3d;
  border-color: #334155;
  box-shadow: none;
}
.btn.ec-confirm-action:focus-visible {
  outline: 2px solid #526273;
  outline-offset: 2px;
}
.btn.ec-confirm-action:is(:disabled, .disabled) {
  background: #edf1f5;
  color: #6b7785;
  border-color: #aeb8c3;
}
.ec-confirm-action > img {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  object-fit: contain;
}