/* Диалог подтверждения. Имена классов — из инлайн-<style> старой панели
   (SweetAlert2 11), базовая раскладка повторяет вёрстку swal2, но форма,
   цвета и движение взяты из дизайн-системы admin.css. */

/* Затемнение нейтральное: прежний rgba(4,8,16,…) отдавал синевой,
   которой в палитре больше нет. */
.swal2-container{
  position:fixed; inset:0; z-index:1060;
  display:flex; align-items:center; justify-content:center;
  padding:14px;
  background:rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  animation:swal-fade var(--base) both;
}

.swal2-popup{
  background:var(--surface); color:var(--text);
  border-radius:var(--radius); border:1px solid var(--border);
  /* Тень оставлена: окно висит над затемнением, а не лежит в потоке. */
  box-shadow:var(--shadow);
  width:26em; max-width:100%;
  padding:0 0 16px;
  display:flex; flex-direction:column; align-items:center;
  font-size:15px;
  animation:swal-pop var(--base) both;
}

.swal2-title{
  font-size:17px; font-family:Roboto-Medium; color:var(--text);
  margin:0; padding:0 20px; text-align:center;
}
.swal2-html-container{
  font-size:14px; color:var(--text-dim);
  margin:10px 20px 0; text-align:center; line-height:1.55;
}
.swal2-html-container b{ color:var(--text); font-family:Roboto-Medium; font-weight:normal }
.swal2-actions{
  gap:10px;
  display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; margin:18px auto 0; padding:0 16px;
}

.swal-btn-danger,
.swal-btn-cancel,
.swal-btn-confirm{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 18px; border-radius:12px; border:1px solid transparent; cursor:pointer;
  font-size:15px; font-family:Roboto-Medium;
  transition:filter var(--fast), background var(--fast), color var(--fast),
             border-color var(--fast), transform var(--fast);
}
/* Белым по красному, а не цветом фона: на --bad тёмная подпись читается
   как выключенная кнопка. */
.swal-btn-danger{ background:var(--bad); color:#fff }
.swal-btn-confirm{
  background:linear-gradient(135deg, var(--accent) 0%, var(--accent-press) 100%);
  color:#fff; box-shadow:var(--shadow-accent);
}
.swal-btn-danger:hover,
.swal-btn-confirm:hover{ filter:brightness(1.08); transform:translateY(-1px) }
.swal-btn-danger:active,
.swal-btn-confirm:active{ transform:translateY(0) scale(.985) }

.swal-btn-cancel{ background:var(--surface-3); color:var(--text-dim); border-color:var(--border) }
.swal-btn-cancel:hover{ background:var(--surface-hover); color:var(--text); border-color:var(--border-strong) }
.swal-btn-cancel:active{ background:var(--surface-active); transform:scale(.985) }

.swal2-icon{
  width:52px; height:52px; margin:20px auto 14px;
  border:1px solid var(--warn-soft); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-sizing:content-box; user-select:none;
}
.swal2-icon .swal2-icon-content{ font-size:26px; line-height:1; font-family:Roboto-Medium }
.swal2-warning{ background:var(--warn-soft); color:var(--warn) }

@keyframes swal-fade{ from{ opacity:0 } to{ opacity:1 } }
@keyframes swal-pop{
  from{ opacity:0; transform:translateY(10px) scale(.97) }
  to{ opacity:1; transform:none }
}

@media (max-width:600px){
  .swal2-popup{ width:100% }
  /* Порядок кнопок тот же, что на десктопе: отмена первой. */
  .swal2-actions{ flex-direction:column }
  .swal2-actions button{ width:100% }
}