.sap-modal { position: fixed; inset: 0; display: none; z-index: 99999; }
.sap-modal.open { display: block; }
.sap-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.35); }
.sap-dialog { position: relative; margin: 5vh auto; max-width: 520px; background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 10px 30px rgba(0,0,0,.2); }
.sap-close { position: absolute; right: 10px; top: 10px; background: transparent; border: 0; font-size: 26px; cursor: pointer; }
.sap-row { margin-bottom: 12px; }
.sap-row label { display:block; font-weight:600; margin-bottom:6px; }
.sap-row input, .sap-row select { width:100%; padding:10px; border:1px solid #ddd; border-radius:8px; }
.sap-actions { text-align:right; margin-top: 10px; }
.sap-btn { background:#0ea47a; color:#fff; border:0; padding:10px 16px; border-radius:8px; cursor:pointer; }
.sap-btn:disabled { opacity:.6; cursor:not-allowed; }
.sap-req { color:#d00; margin-left:4px; }
.sap-msg { margin-top:10px; font-weight:600; }
.sap-close {
  position: absolute;
  right: 12px;
  top: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #666;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1;
  z-index: 100000; /* keep on top */
  transition: color 0.2s ease;
}
.sap-close:hover {
  color: #000;
}