.navbtn--danger{
  border-color:rgba(220,38,38,.20);
  background:linear-gradient(180deg, #fff7f7 0%, #ffefef 100%);
  color:#991b1b;
  box-shadow:0 10px 24px rgba(220,38,38,.10);
}

.navbtn--danger:hover{
  background:linear-gradient(180deg, #fff1f1 0%, #ffe3e3 100%);
  border-color:rgba(220,38,38,.32);
  box-shadow:0 14px 26px rgba(220,38,38,.14);
}

:root[data-sidebar="collapsed"] .navbtn--danger .nav-ico{
  background:transparent;
}

.taif-factory-reset-backdrop{
  position:fixed;
  inset:0;
  z-index:5000;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(10, 18, 40, .30);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  opacity:0;
  transition:opacity .18s ease;
}

.taif-factory-reset-backdrop.is-visible{
  opacity:1;
}

.taif-factory-reset-modal{
  width:min(100%, 560px);
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(59,130,246,.20);
  background:linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
  box-shadow:0 34px 80px rgba(15,23,42,.22), 0 14px 36px rgba(37,99,235,.12);
  color:#0f172a;
}

.taif-factory-reset__topbar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  background:linear-gradient(90deg, #4f7df8 0%, #2357ea 100%);
  color:#fff;
}

.taif-factory-reset__close{
  width:40px;
  height:40px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.16);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .14s ease, background .14s ease;
}

.taif-factory-reset__close:hover{
  background:rgba(255,255,255,.24);
  transform:translateY(-1px);
}

.taif-factory-reset__close:active{
  transform:scale(.98);
}

.taif-factory-reset__title-block{
  min-width:0;
  display:grid;
  gap:2px;
}

.taif-factory-reset__eyebrow{
  font-size:12px;
  font-weight:800;
  opacity:.90;
}

.taif-factory-reset__title{
  margin:0;
  font-size:28px;
  font-weight:900;
  line-height:1.1;
}

.taif-factory-reset__title-icon{
  width:50px;
  height:50px;
  border-radius:16px;
  background:rgba(255,255,255,.14);
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}

.taif-factory-reset__title-icon svg{
  width:28px;
  height:28px;
  display:block;
}

.taif-factory-reset__body{
  display:grid;
  gap:16px;
  padding:22px 22px 20px;
}

.taif-factory-reset__lead{
  margin:0;
  line-height:1.9;
  color:#334155;
  font-size:15px;
  font-weight:700;
}

.taif-factory-reset__warning{
  border-radius:20px;
  border:1px solid rgba(220,38,38,.16);
  background:linear-gradient(180deg, #fff4f4 0%, #ffe9e9 100%);
  padding:14px 16px;
  color:#991b1b;
  font-size:14px;
  line-height:1.95;
  font-weight:800;
}

.taif-factory-reset__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.taif-factory-reset__chip{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.14);
  background:#fff;
  color:#1e3a8a;
  font-size:13px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}

.taif-factory-reset__actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding-top:4px;
}

.taif-factory-reset__btn{
  min-width:150px;
  height:48px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.10);
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease;
}

.taif-factory-reset__btn:hover{
  transform:translateY(-1px);
}

.taif-factory-reset__btn:active{
  transform:scale(.985);
}

.taif-factory-reset__btn--ghost{
  background:#fff;
  color:#334155;
  box-shadow:0 10px 22px rgba(15,23,42,.06);
}

.taif-factory-reset__btn--ghost:hover{
  border-color:rgba(37,99,235,.18);
  background:#f8fbff;
}

.taif-factory-reset__btn--danger{
  border-color:rgba(220,38,38,.18);
  background:linear-gradient(180deg, #ef4444 0%, #d91c1c 100%);
  color:#fff;
  box-shadow:0 16px 28px rgba(220,38,38,.24);
}

.taif-factory-reset__btn--danger:hover{
  box-shadow:0 18px 30px rgba(220,38,38,.28);
}

.taif-factory-reset__btn[disabled],
.taif-factory-reset__close[disabled]{
  opacity:.70;
  cursor:wait;
  pointer-events:none;
}

@media (max-width: 640px){
  .taif-factory-reset-backdrop{padding:14px;}
  .taif-factory-reset-modal{border-radius:22px;}
  .taif-factory-reset__topbar{padding:12px 14px;}
  .taif-factory-reset__body{padding:18px 16px 16px;}
  .taif-factory-reset__actions{flex-direction:column-reverse;align-items:stretch;}
  .taif-factory-reset__btn{width:100%;min-width:0;}
  .taif-factory-reset__title{font-size:24px;}
}