/* Retter-Portal v1.3.10 – robust error page, matrix typography and account danger zone. */

/* Qualification matrix: no more letter-by-letter or mid-word breaks. The table may
   scroll horizontally instead of destroying German qualification names. */
html body .v138-matrix th,
html body .v138-matrix td{
  min-width:190px!important;
}
html body .v138-matrix .v138-matrix-person{
  min-width:220px!important;
}
html body .v138-matrix thead th{
  padding:14px 12px!important;
  line-height:1.18!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
html body .v138-matrix .v1310-matrix-name{
  display:grid!important;
  justify-items:center!important;
  gap:2px!important;
  max-width:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
html body .v138-matrix .v1310-matrix-name>span{
  display:block!important;
  max-width:none!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
html body .v138-matrix .v1310-matrix-category{
  display:block!important;
  margin-top:7px!important;
  font-size:.66rem!important;
  line-height:1.24!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
html body .v138-matrix-person strong,
html body .v138-matrix-person small{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* Personal-data save is deliberately neutral so the irreversible action below is
   the only strong red action on the page. */
html body .account-save-action{
  color:var(--text)!important;
  border-color:var(--line)!important;
  background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--surface) 82%,transparent))!important;
  box-shadow:0 10px 28px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html body .account-save-action:hover{
  border-color:color-mix(in srgb,var(--primary) 28%,var(--line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 92%,var(--primary) 8%),var(--surface))!important;
}

html body .account-delete-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(225,29,72,.52)!important;
  background:
    radial-gradient(circle at 0 0,rgba(225,29,72,.20),transparent 36rem),
    linear-gradient(145deg,rgba(76,5,25,.30),rgba(15,23,42,.84))!important;
  box-shadow:0 22px 58px rgba(159,18,57,.17),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body .account-delete-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#fb7185,#e11d48,#9f1239);
}
html body .account-delete-heading{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  min-width:0!important;
}
html body .account-delete-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#f43f5e,#be123c)!important;
  box-shadow:0 12px 28px rgba(225,29,72,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-size:1.35rem!important;
  font-weight:950!important;
}
html body .account-delete-card h2{
  color:#fb7185!important;
}
html body .account-delete-card .muted{
  color:#cbd5e1!important;
}
html body .account-delete-badge{
  color:#fecdd3!important;
  border-color:rgba(251,113,133,.35)!important;
  background:rgba(159,18,57,.30)!important;
}
html body .account-delete-action,
html body button.account-delete-action{
  min-height:52px!important;
  padding:12px 20px!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(135deg,#f0143d 0%,#d10f34 52%,#9f1239 100%)!important;
  box-shadow:0 18px 42px rgba(225,29,72,.33),inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-weight:950!important;
}
html body .account-delete-action:hover,
html body button.account-delete-action:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#fb1b48 0%,#df123a 52%,#ad123f 100%)!important;
  box-shadow:0 23px 52px rgba(225,29,72,.42),inset 0 1px 0 rgba(255,255,255,.25)!important;
}

body[data-theme="light"] .account-delete-card{
  background:
    radial-gradient(circle at 0 0,rgba(244,63,94,.15),transparent 34rem),
    linear-gradient(145deg,rgba(255,241,242,.96),rgba(255,255,255,.92))!important;
}
body[data-theme="light"] .account-delete-card .muted{color:#7f1d1d!important}
body[data-theme="light"] .account-delete-badge{color:#9f1239!important;background:#ffe4e6!important}

@media(max-width:760px){
  html body .v138-matrix th,
  html body .v138-matrix td{min-width:178px!important}
  html body .v138-matrix .v138-matrix-person{min-width:180px!important}
  html body .account-delete-card .card-head{align-items:flex-start!important;flex-direction:column!important}
  html body .account-delete-action{width:100%!important}
}