/* Retter-Portal v1.3.15 – unified account deletion and owner cancellation controls. */

/* One consistent danger area instead of several unrelated red blocks. */
html body .account-delete-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  width:100%!important;
  padding:26px!important;
  overflow:hidden!important;
  border:1px solid rgba(244,63,94,.24)!important;
  border-left:5px solid #e11d48!important;
  border-radius:24px!important;
  background:
    linear-gradient(145deg,rgba(20,29,47,.94),rgba(12,22,38,.94))!important;
  box-shadow:0 20px 52px rgba(2,8,23,.20),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html body .account-delete-card:before,
html body .account-delete-card:after{display:none!important}
html body .account-delete-header{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
html body .account-delete-icon{
  display:grid!important;
  place-items:center!important;
  width:56px!important;
  height:56px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#f43f5e,#be123c)!important;
  color:#fff!important;
  font-size:1.6rem!important;
  font-weight:950!important;
  box-shadow:0 14px 34px rgba(225,29,72,.25),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
html body .account-delete-copy{min-width:0!important}
html body .account-delete-copy .eyebrow{
  margin:0 0 6px!important;
  color:#fb7185!important;
}
html body .account-delete-copy h2{
  margin:0!important;
  color:#fb7185!important;
  font-size:1.35rem!important;
}
html body .account-delete-copy p{
  margin:7px 0 0!important;
  color:var(--muted)!important;
  line-height:1.5!important;
}
html body .account-delete-badge{
  align-self:start!important;
  background:rgba(225,29,72,.15)!important;
  border-color:rgba(251,113,133,.28)!important;
  color:#fecdd3!important;
}
html body .account-delete-warning,
html body .account-delete-action-zone,
html body .account-delete-notice{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:17px 18px!important;
  border:1px solid rgba(244,63,94,.22)!important;
  border-radius:17px!important;
  background:rgba(94,16,44,.16)!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body .account-delete-warning{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
}
html body .account-delete-warning strong{
  color:#fda4af!important;
  font-size:.96rem!important;
}
html body .account-delete-warning span{
  color:var(--muted)!important;
  font-size:.82rem!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:18px!important;
}
html body .account-delete-action-zone>div{min-width:0!important}
html body .account-delete-action-zone>div strong,
html body .account-delete-action-zone>div span{display:block!important}
html body .account-delete-action-zone>div strong{
  color:#fda4af!important;
  font-size:1rem!important;
}
html body .account-delete-action-zone>div span{
  margin-top:5px!important;
  color:var(--muted)!important;
  font-size:.82rem!important;
  line-height:1.48!important;
}
html body .account-delete-action{
  min-height:48px!important;
  padding:0 18px!important;
  border-color:rgba(255,255,255,.10)!important;
  background:linear-gradient(135deg,#e11d48,#be123c)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(225,29,72,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html body .account-delete-action:hover{
  background:linear-gradient(135deg,#f43f5e,#d31342)!important;
  color:#fff!important;
}

/* Phrase-only confirmation: the dialog is now smaller and easier to read. */
html body .account-delete-modal__dialog{
  width:min(540px,100%)!important;
}
html body .account-delete-modal__dialog form{
  gap:16px!important;
}
html body .account-delete-modal__dialog label{
  padding:14px!important;
  border:1px solid rgba(244,63,94,.18)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.035)!important;
}
html body .account-delete-modal__actions{
  padding-top:2px!important;
}

/* Pending deletion in operator account management. */
html body .admin-delete-pending{
  border-color:rgba(244,63,94,.28)!important;
  background:rgba(225,29,72,.13)!important;
  color:#fb7185!important;
}
html body .admin-delete-cancel-zone{
  border-color:rgba(16,185,129,.24)!important;
  background:linear-gradient(145deg,rgba(6,95,70,.10),rgba(15,23,42,.04))!important;
}
html body .admin-delete-cancel-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr)) auto!important;
  align-items:end!important;
  gap:12px!important;
}
html body .admin-delete-cancel-summary>div{
  min-width:0!important;
  padding:12px 13px!important;
  border:1px solid var(--line-soft)!important;
  border-radius:14px!important;
  background:rgba(148,163,184,.04)!important;
}
html body .admin-delete-cancel-summary span,
html body .admin-delete-cancel-summary strong{display:block!important}
html body .admin-delete-cancel-summary span{
  color:var(--muted-2)!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
html body .admin-delete-cancel-summary strong{
  margin-top:4px!important;
  color:var(--text)!important;
  font-size:.88rem!important;
}
html body .admin-delete-cancel-summary form{margin:0!important}
html body .admin-delete-cancel-summary .btn{
  min-height:46px!important;
  background:linear-gradient(135deg,#059669,#047857)!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(5,150,105,.20)!important;
}

body[data-theme="light"] .account-delete-card{
  background:linear-gradient(145deg,#fff,#fff7f8)!important;
  border-color:rgba(225,29,72,.20)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.08)!important;
}
body[data-theme="light"] .account-delete-warning,
body[data-theme="light"] .account-delete-action-zone,
body[data-theme="light"] .account-delete-notice{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
}
body[data-theme="light"] .account-delete-warning strong,
body[data-theme="light"] .account-delete-action-zone>div strong{color:#be123c!important}
body[data-theme="light"] .account-delete-badge{
  background:#ffe4e6!important;
  color:#9f1239!important;
  border-color:#fecdd3!important;
}
body[data-theme="light"] .account-delete-modal__dialog label{
  background:#fff7f8!important;
  border-color:#fecdd3!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}
  html body .account-delete-icon{width:50px!important;height:50px!important}
  html body .account-delete-badge{grid-column:1/-1!important;width:max-content!important}
  html body .account-delete-action-zone{grid-template-columns:minmax(0,1fr)!important}
  html body .account-delete-action{width:100%!important}
  html body .admin-delete-cancel-summary{grid-template-columns:minmax(0,1fr)!important}
  html body .admin-delete-cancel-summary .btn{width:100%!important}
}
@media(max-width:520px){
  html body .account-delete-card{padding:16px!important;border-radius:20px!important}
  html body .account-delete-header{gap:12px!important}
  html body .account-delete-warning,
  html body .account-delete-action-zone,
  html body .account-delete-notice{padding:14px!important;border-radius:15px!important}
}