/* ══════════════════════════════════════════════════════════════════════
   PLAN START W PANELU (9.10.2026) — karta planu Margin, „Dzisiaj"
   w wersji ograniczonej, trzy plany na ekranie Abonament i „Poleć
   DentMargin". Logika: plan-start.js.
   ══════════════════════════════════════════════════════════════════════ */

/* Etykieta „Margin" przy ekranach planu Margin — tylko na planie Start.
   Ten sam wzór co „Pro" przy Rynku i Konkurencji. */
body[data-plan="start"] .bok a.men[data-plan-ekranu="margin"]::after{content:"Margin";margin-left:auto;
  padding:1px var(--s2);border:var(--bw) solid var(--line2);border-radius:var(--r-pigulka);
  font-size:var(--t-etykieta);font-weight:500;letter-spacing:.04em;color:var(--t3)}

.ps-karta p{max-width:62ch}
.ps-karta p+p{margin-top:var(--s2)}
.ps-karta .dz-akcje,.ps-reszta .dz-akcje,.ps-polec .dz-akcje{margin-top:var(--s4);display:flex;gap:var(--s2);flex-wrap:wrap}
.ps-karta .dz-akcje .btn,.ps-reszta .dz-akcje .btn{min-height:44px;display:inline-flex;align-items:center}
.ps-znak{margin:0 0 var(--s2);font-size:var(--t-etykieta);font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gold-d)}
.ps-cena{margin-top:var(--s3)}

/* Podgląd modułu: atrapy wierszy pod rozmyciem. Nie ma tu prawdziwych
   danych — rozmycie nie udaje zabezpieczenia. */
.ps-podglad{display:grid;gap:var(--s2);margin:var(--s4) 0;filter:blur(3px);opacity:.7;user-select:none;pointer-events:none}
.ps-podglad i{display:block;height:2.4rem;border-radius:10px;
  background:linear-gradient(90deg,var(--paper) 0 55%,var(--line) 55% 70%,var(--paper) 70% 100%);
  border:var(--bw) solid var(--line)}
.ps-podglad i:nth-child(2){background:linear-gradient(90deg,var(--paper) 0 40%,var(--line) 40% 62%,var(--paper) 62% 100%)}
.ps-podglad i:nth-child(3){background:linear-gradient(90deg,var(--paper) 0 65%,var(--line) 65% 78%,var(--paper) 78% 100%)}

.ps-kpi{margin-top:var(--s3)}

/* Trzy plany (Abonament) */
.ps-plany{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--s3);margin-top:var(--s3)}
.ps-plany>*{min-width:0}
.ps-plan{padding:var(--s4);border:var(--bw) solid var(--line);border-radius:12px;background:var(--white)}
.ps-plan.ten{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.ps-plan h3{font-size:var(--t-h3);margin:0 0 var(--s1)}
.ps-plan ul{margin:var(--s3) 0 0;padding-left:1.1rem;line-height:1.55;font-size:var(--fs-1)}
.ps-plan li+li{margin-top:var(--s1)}

/* Poleć DentMargin */
.ps-link{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin:var(--s3) 0}
.ps-link code{flex:1 1 16rem;min-width:0;overflow-wrap:anywhere;padding:.6rem .8rem;border:var(--bw) solid var(--line);
  border-radius:10px;background:var(--paper);font-size:var(--fs-1)}
.ps-link .btn{min-height:44px}