/* File: assets/css/ui/modal.css  (FULL DROP-IN) */
/* Overlay */
.de-modal__overlay{
  position:fixed;inset:0;display:none;place-items:center;
  background:rgba(9,10,12,.45);z-index:9999
}
.de-modal__overlay[aria-hidden="false"]{display:grid}

/* Dialog */
.de-modal{
  width:min(520px,92vw);background:#fff;border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden;font:inherit
}

/* Header */
.de-modal__head{
  padding:14px 16px;font-weight:600;border-bottom:1px solid #ececec;
  display:flex;align-items:center;gap:10px
}
.de-modal__head--success{background:#e8f7ef;color:#0f6d3b;border-bottom-color:#d6efdf}
.de-modal__head--error{background:#ffecec;color:#9a1c1c;border-bottom-color:#ffd2d2}
.de-modal__head--info{background:#eef3ff;color:#1b3a8a;border-bottom-color:#dfe7ff}

/* Body */
.de-modal__body{padding:16px;color:#222;line-height:1.5}

/* Actions */
.de-modal__actions{
  display:flex;gap:10px;justify-content:flex-end;
  padding:12px 16px;border-top:1px solid #ececec
}

/* Buttons: scoped so they don't affect site-wide .de-btn */
.de-modal .de-btn{
  appearance:none;border:0;border-radius:8px;padding:8px 14px;
  font-weight:600;cursor:pointer
}
.de-modal .de-btn--primary{background:#2563eb;color:#fff}
.de-modal .de-btn--ghost{background:#f5f6f8;color:#111}
.de-modal .de-btn:disabled{opacity:.6;cursor:not-allowed}