/* Duo Admin — Generik modal tizimi */

.modal-toggle{display:none !important;position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

.modal-box{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  padding:16px !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:auto !important;
}

.modal-box.is-open{
  display:flex !important;
}

.modal-scrim{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9998 !important;
  background:rgba(8,12,22,.65) !important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  cursor:pointer;
}

.modal-box.is-open .modal-scrim,
.modal-box.is-open ~ .modal-scrim{
  display:block !important;
}

/* Modal box ichidagi scrim */
.modal-box .modal-scrim{
  z-index:1 !important;
}

.modal-card{
  position:relative !important;
  z-index:2 !important;
  width:min(620px,100%) !important;
  max-height:88vh !important;
  overflow-y:auto !important;
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--r-xl) !important;
  box-shadow:var(--shadow-lg) !important;
  padding:24px !important;
}

.modal-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  width:32px !important;
  height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:var(--r-sm) !important;
  background:var(--surface-2) !important;
  border:1px solid var(--border) !important;
  color:var(--muted) !important;
  cursor:pointer !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1 !important;
  transition:all .15s ease !important;
  user-select:none !important;
}

.modal-close:hover{
  background:var(--bad-bg) !important;
  border-color:var(--bad) !important;
  color:var(--bad) !important;
  text-decoration:none !important;
}

body.modal-open{
  overflow:hidden !important;
}

@media (max-width: 560px) {
  .modal-box {
    padding: 12px !important;
  }
  .modal-card {
    width: 100% !important;
    max-height: 90vh !important;
    padding: 18px 14px 20px !important;
    border-radius: var(--r-xl) !important;
  }
  .modal-close {
    top: 12px !important;
    right: 12px !important;
    width: 34px !important;
    height: 34px !important;
  }
  .modal-title {
    font-size: 17px !important;
    padding-right: 36px !important;
  }
}