/* ==========================================================================
   USUWANIE KONTA (deleteaccount.js, od 11.10.2026) — klasy „da-”.
   Okno w rodzinie malych okienek (dialog.css: dlg-modal danger), lista
   „co zniknie”, animacja 2A (odhaczanie), pozegnanie na calym ekranie.
   ========================================================================== */

/* nad wszystkim, tez nad ekranem startowym (rozruch.css 99999) — komunikat
   „konto usuniete na innym urzadzeniu” moze przyjsc przy starcie apki */
.dlg-ovl.da-top { z-index: 100001; }

/* lista „co zniknie” */
.da-list { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.da-list li {
  display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 10px;
  padding: 6px 10px; border-radius: 10px; background: #0c0e12; border: 1px solid #161b21;
  font-size: var(--fs-small); color: #c9d0d6;
}
.da-list li > i { color: var(--danger); text-align: center; font-size: 12px; }
.da-list li > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.da-list li b { color: #fff; font-weight: 700; font-variant-numeric: tabular-nums; max-width: 46vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.da-list.da-wait li b { color: var(--txt-dim); }
/* liczenie (proba na sucho trwa kilka sekund): pulsujacy pasek w miejscu liczby */
.da-sk {
  display: block; width: 64px; height: 10px; border-radius: 6px;
  background: linear-gradient(90deg, #1c232a 0%, #3a4752 50%, #1c232a 100%);
  background-size: 200% 100%; animation: da-sk 1.2s ease-in-out infinite;
}
.da-list li:nth-child(2) .da-sk { width: 52px; animation-delay: 0.15s; }
.da-list li:nth-child(3) .da-sk { width: 76px; animation-delay: 0.3s; }
.da-list li:nth-child(4) .da-sk { width: 44px; animation-delay: 0.45s; }
@keyframes da-sk { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
.da-spin { color: var(--danger); margin-right: 4px; }
.da-note { margin: 8px 0 0; font-size: var(--fs-tag); color: var(--txt-dim); letter-spacing: 0.5px; text-align: center; }
.da-mail { margin: 12px 0 0; font-size: var(--fs-tag); color: var(--txt-dim); line-height: 1.5; }
.da-mail a, .da-a { color: var(--txt-dim); }

/* animacja 2A: pasek postepu + odhaczanie */
.da-bar { height: 3px; background: #14181d; overflow: hidden; }
.da-bar span { display: block; height: 100%; width: 0; background: var(--danger); transition: width 0.45s ease; }
.da-run li { transition: opacity 0.35s, border-color 0.35s; }
.da-run li.wait { opacity: 0.45; }
.da-run li.now { border-color: color-mix(in srgb, var(--danger) 45%, transparent); }
.da-run li.now > i { animation: da-spin 1s linear infinite; }
.da-run li.done { opacity: 0.55; }
.da-run li.done > span, .da-run li.done b { text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--danger) 70%, transparent); }
.da-run li.done > i { color: #39ff14; } /* zielen „zrobione” — ta sama co stan gry aktywnej */
@keyframes da-spin { to { transform: rotate(360deg); } }

/* pozegnanie */
.da-bye {
  position: fixed; inset: 0; z-index: 100002; display: grid; place-items: center; padding: 20px;
  background: radial-gradient(60% 50% at 50% 40%, color-mix(in srgb, var(--sys) 7%, transparent), transparent 70%), #030405;
  opacity: 0; animation: da-in 0.8s ease forwards;
}
.da-bye-in { max-width: 380px; text-align: center; }
/* pelne logo GL z marka.js (pad + GL + PRO, proporcje 451 x 273) */
.da-logo { width: 168px; aspect-ratio: 451 / 273; margin: 0 auto 22px; }
.da-logo.da-logo-sm { width: 112px; margin: 2px auto 14px; }
.da-gl { display: grid; place-items: center; height: 100%; color: var(--sys); font: 700 34px "Chakra Petch", sans-serif; }
.da-bye h2 { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: 3px; color: #fff; }
.da-bye p { margin: 12px 0 0; font-size: var(--fs-body); color: #c9d0d6; line-height: 1.6; }
.da-bye p.sm { font-size: var(--fs-small); color: var(--txt-dim); }
.da-bye .dlg-btn { margin-top: 22px; min-width: 220px; }
@keyframes da-in { to { opacity: 1; } }
/* drugie potwierdzenie „Na pewno?” */
.da-who { color: #fff; font-weight: 700; }
/* dlugie napisy na przyciskach (TAK, USUN KONTO / YES, DELETE ACCOUNT): ciasniej, a gdy
   i tak sie nie mieszcza — przycisk rosnie na dwie linijki zamiast sie sciskac */
.da-sure .dlg-ft .dlg-btn { letter-spacing: 0.8px; padding: 0 10px; height: auto; min-height: 42px; line-height: 1.25; }