/* داكن ومريح للعين */
.ncr-btn{
  background:#2a2f3a;
  color:#e6e6e6;
  border:1px solid #3a4150;
  padding:10px 14px;
  border-radius:10px;
  cursor:pointer;
  font-weight:600;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.ncr-btn:hover{ filter:brightness(1.08); }

.ncr-modal{ display:none; }
.ncr-modal.is-open{ display:block; position:fixed; inset:0; z-index:999999; }
.ncr-modal__overlay{
  position:absolute; inset:0; background:rgba(0,0,0,.55);
}
.ncr-modal__dialog{
  position:relative; margin:5vh auto; max-width:640px;
  background:#1d2129; color:#e5e7eb;
  border-radius:16px; border:1px solid #2b3240;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
  overflow:hidden;
}
.ncr-modal__header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; background:#242a35; border-bottom:1px solid #2f3748;
}
.ncr-modal__title{ font-size:16px; font-weight:700; color:#f0f2f6; }
.ncr-close{
  background:transparent; border:none; color:#cbd5e1; font-size:24px; cursor:pointer;
}
.ncr-modal__body{ padding:16px; }
.ncr-field{ margin-bottom:12px; }
.ncr-field label{ display:block; margin-bottom:6px; color:#cfd6e0; font-weight:600; }
.ncr-field input, .ncr-field textarea{
  width:100%; background:#0f131a; color:#e5e7eb;
  border:1px solid #2a3140; border-radius:10px; padding:10px 12px;
  outline:none;
}
.ncr-field input[readonly]{ opacity:.9; }
.ncr-actions{ display:flex; gap:10px; justify-content:flex-end; margin-top:8px; }
.ncr-primary{
  background:#0ea5e9; color:#0b0f16; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:700;
}
.ncr-primary:hover{ filter:brightness(1.05); }
.ncr-secondary{
  background:#374151; color:#e5e7eb; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:600;
}
.ncr-status{ margin-top:10px; min-height:20px; font-size:14px; color:#a7f3d0; }