/* Retter-Portal v1.3.12 – clean account actions and owner-only global permissions. */

/* Account page primary actions: visible, but not alarm-red. */
html body .account-save-action,
html body .account-export-action{
  color:var(--text)!important;
  border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line))!important;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--primary) 10%,var(--surface-2)),color-mix(in srgb,var(--surface) 92%,transparent))!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-weight:900!important;
}
html body .account-save-action:hover,
html body .account-export-action:hover{
  color:var(--text)!important;
  border-color:color-mix(in srgb,var(--primary) 48%,var(--line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 16%,var(--surface-2)),var(--surface))!important;
  box-shadow:0 14px 32px rgba(15,23,42,.11),0 0 0 3px color-mix(in srgb,var(--primary) 8%,transparent)!important;
}
html body .account-save-action{min-height:50px!important}

/* Clean, unmistakable danger zone without a giant red billboard. */
html body .account-delete-card{
  position:relative!important;
  display:grid!important;
  gap:18px!important;
  padding:26px!important;
  overflow:hidden!important;
  border:1px solid rgba(244,63,94,.34)!important;
  border-left:6px solid #e11d48!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 0 0,rgba(225,29,72,.11),transparent 28rem),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-2) 92%,transparent))!important;
  box-shadow:0 18px 46px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.07)!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:54px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}
html body .account-delete-icon{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#f43f5e,#be123c)!important;
  box-shadow:0 14px 30px rgba(225,29,72,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;
  font-size:1.35rem!important;
  font-weight:1000!important;
}
html body .account-delete-copy{min-width:0!important}
html body .account-delete-copy .eyebrow{
  margin:0 0 5px!important;
  color:#fb7185!important;
  font-size:.68rem!important;
  letter-spacing:.12em!important;
}
html body .account-delete-copy h2{
  margin:0!important;
  color:#fb7185!important;
  font-size:1.35rem!important;
}
html body .account-delete-copy>p:last-child{
  margin:7px 0 0!important;
  color:var(--muted)!important;
  line-height:1.5!important;
}
html body .account-delete-badge{
  color:#fecdd3!important;
  border-color:rgba(244,63,94,.34)!important;
  background:rgba(159,18,57,.22)!important;
}
html body .account-delete-warning{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  padding:15px 17px!important;
  border:1px solid rgba(244,63,94,.24)!important;
  border-radius:15px!important;
  background:rgba(159,18,57,.10)!important;
}
html body .account-delete-warning strong{color:var(--text)!important;font-size:.94rem!important}
html body .account-delete-warning span{color:var(--muted)!important;font-size:.82rem!important;line-height:1.48!important}
html body .account-delete-action-zone{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  margin:0!important;
  padding:17px!important;
  border:1px solid rgba(244,63,94,.30)!important;
  border-radius:16px!important;
  background:linear-gradient(90deg,rgba(159,18,57,.13),rgba(159,18,57,.045))!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:#fb7185!important;font-size:.94rem!important}
html body .account-delete-action-zone>div span{margin-top:4px!important;color:var(--muted)!important;font-size:.78rem!important}
html body .account-delete-action-zone form{margin:0!important}
html body .account-delete-action,
html body button.account-delete-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:50px!important;
  padding:12px 18px!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ef1745,#c81036)!important;
  box-shadow:0 13px 30px rgba(225,29,72,.30),inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-size:.91rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
html body .account-delete-action>span{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:7px!important;
  color:#be123c!important;
  background:#fff!important;
  font-weight:1000!important;
}
html body .account-delete-action:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#fb315a,#d40d3d)!important;
  box-shadow:0 17px 38px rgba(225,29,72,.40),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
html body .account-delete-notice{margin:0!important}

/* Global memberships are an operator-only scope. */
html body .operator-global-scope{
  color:#fecdd3!important;
  border-color:rgba(244,63,94,.26)!important;
  background:rgba(159,18,57,.14)!important;
}

body[data-theme="light"] .account-delete-card{
  background:radial-gradient(circle at 0 0,rgba(225,29,72,.08),transparent 25rem),linear-gradient(145deg,#fff,#fff7f8)!important;
}
body[data-theme="light"] .account-delete-warning{background:#fff1f2!important}
body[data-theme="light"] .account-delete-action-zone{background:linear-gradient(90deg,#fff1f2,#fff)!important}
body[data-theme="light"] .account-delete-badge{color:#9f1239!important;background:#ffe4e6!important}

@media(max-width:760px){
  html body .account-delete-card{padding:18px!important;gap:15px!important}
  html body .account-delete-header{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important}
  html body .account-delete-icon{width:46px!important;height:46px!important;border-radius:14px!important}
  html body .account-delete-badge{grid-column:1/-1!important;width:max-content!important;margin-left:58px!important}
  html body .account-delete-action-zone{grid-template-columns:minmax(0,1fr)!important;gap:13px!important;padding:14px!important}
  html body .account-delete-action-zone form,
  html body .account-delete-action{width:100%!important}
  html body .account-delete-action{white-space:normal!important;text-align:center!important}
  html body .account-export-action{width:100%!important}
}