/* Retter-Portal v1.3.16 – final account deletion composition. */
html body .account-delete-card{
  display:grid!important;
  gap:20px!important;
  padding:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(244,63,94,.22)!important;
  border-left:5px solid #e11d48!important;
  background:linear-gradient(145deg,rgba(15,23,42,.84),rgba(17,25,43,.92))!important;
  box-shadow:0 20px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html body .account-delete-header{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:0!important;
}
html body .account-delete-body{
  display:grid!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid rgba(244,63,94,.28)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(225,29,72,.075),rgba(76,5,25,.16))!important;
}
html body .account-delete-warning,
html body .account-delete-action-zone,
html body .account-delete-notice{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .account-delete-warning{
  padding:18px 20px!important;
  border-bottom:1px solid rgba(244,63,94,.20)!important;
}
html body .account-delete-warning strong{
  color:#fda4af!important;
  font-size:.96rem!important;
}
html body .account-delete-warning span{
  margin-top:5px!important;
  color:var(--muted)!important;
  line-height:1.5!important;
}
html body .account-delete-action-zone{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  padding:20px!important;
}
html body .account-delete-action-zone>div strong{
  color:var(--text)!important;
  font-size:1rem!important;
}
html body .account-delete-action-zone>div span{
  margin-top:5px!important;
  color:var(--muted)!important;
  line-height:1.48!important;
}
html body .account-delete-action,
html body button.account-delete-action{
  min-width:215px!important;
  min-height:50px!important;
  padding:0 20px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#e11d48,#be123c)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(225,29,72,.28),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
html body .account-delete-action:hover,
html body button.account-delete-action:hover{
  background:linear-gradient(135deg,#f43f5e,#d31342)!important;
  color:#fff!important;
}
html body .account-delete-notice{
  padding:20px!important;
  color:#fecdd3!important;
}
body[data-theme="light"] .account-delete-card{
  background:linear-gradient(145deg,#fff,#fff9fa)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
}
body[data-theme="light"] .account-delete-body{
  background:linear-gradient(145deg,#fff7f8,#fff1f2)!important;
  border-color:#fecdd3!important;
}
body[data-theme="light"] .account-delete-warning{
  border-bottom-color:#fecdd3!important;
}
body[data-theme="light"] .account-delete-warning strong{color:#be123c!important}
@media(max-width:900px){
  html body .account-delete-card{padding:20px!important}
  html body .account-delete-header{grid-template-columns:50px minmax(0,1fr)!important;gap:13px!important}
  html body .account-delete-badge{grid-column:1/-1!important;width:max-content!important;margin-left:63px!important}
  html body .account-delete-action-zone{grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
  html body .account-delete-action{width:100%!important;min-width:0!important}
}
@media(max-width:520px){
  html body .account-delete-card{padding:16px!important;gap:16px!important;border-radius:20px!important}
  html body .account-delete-header{grid-template-columns:46px minmax(0,1fr)!important}
  html body .account-delete-badge{margin-left:59px!important}
  html body .account-delete-warning,
  html body .account-delete-action-zone,
  html body .account-delete-notice{padding:15px!important}
}