/*







  SCSP Zapisy v2 – frontend UI







  Cel: czystszy wygląd, lepsza czytelność i responsywność.







*/















.scspv2-wrap{







  --scspv2-bg:#f6f8fb;







  --scspv2-card:#ffffff;







  --scspv2-text:#0f172a;







  --scspv2-muted:rgba(15,23,42,.68);







  --scspv2-line:rgba(15,23,42,.10);







  --scspv2-line2:rgba(15,23,42,.14);







  --scspv2-primary:#0d47a1;







  --scspv2-danger:#b91c1c;







  --scspv2-success:#16a34a;







  --scspv2-radius:16px;















  max-width:1020px;







  margin:22px auto;







  padding:0 14px;







  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;







  color:var(--scspv2-text);







}















.scspv2-card{







  background:var(--scspv2-card);







  border:1px solid var(--scspv2-line);







  border-radius:var(--scspv2-radius);







  padding:22px;







  box-shadow:0 10px 30px rgba(15,23,42,.06);







}















.scspv2-card h2{







  margin:0 0 6px;







  font-size:28px;







  line-height:1.15;







  letter-spacing:-.02em;







}















.scspv2-card h3{







  margin:16px 0 10px;







  font-size:16px;







  letter-spacing:-.01em;







}















.scspv2-muted{color:var(--scspv2-muted)}







.scspv2-small{font-size:12px;line-height:1.35}















.scspv2-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}







@media(max-width:840px){.scspv2-grid{grid-template-columns:1fr}}















.scspv2-form label{display:block;font-size:13px;margin:0 0 6px;color:rgba(15,23,42,.88)}















.scspv2-form input[type="text"],







.scspv2-form input[type="email"],







.scspv2-form input[type="date"],







.scspv2-form select{







  width:100%;







  padding:11px 12px;







  border:1px solid var(--scspv2-line2);







  border-radius:12px;







  background:#fff;







  transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease;







}















.scspv2-form input::placeholder{color:rgba(15,23,42,.38)}















.scspv2-form input:focus,







.scspv2-form select:focus{







  outline:none;







  border-color:rgba(13,71,161,.45);







  box-shadow:0 0 0 4px rgba(13,71,161,.12);







}















.scspv2-form input[readonly],







.scspv2-form input:disabled,







.scspv2-form select:disabled{







  background:#f7f8fa;







  color:rgba(15,23,42,.74);







}















.scspv2-check{display:flex;gap:10px;align-items:center}







.scspv2-check input{margin:0;transform:scale(1.05)}















.scspv2-sep{height:1px;background:var(--scspv2-line);margin:16px 0}















.scspv2-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 6px}















.scspv2-badge{







  display:inline-flex;







  align-items:center;







  gap:8px;







  padding:6px 11px;







  border-radius:999px;







  background:rgba(13,71,161,.07);







  border:1px solid rgba(13,71,161,.16);







  font-weight:600;







}















/* Konkurencje */







.scspv2-disc{display:grid;gap:10px}















.scspv2-discItem{







  padding:12px 12px;







  border:1px solid var(--scspv2-line);







  border-radius:14px;







  background:#fff;







}















.scspv2-discRow{







  display:flex;







  gap:12px;







  align-items:flex-start;







  padding:14px;







  border:1px solid var(--scspv2-line);







  border-radius:16px;







  background:#fff;







  transition:background .12s ease,border-color .12s ease,transform .12s ease;







}







.scspv2-discRow:hover{background:rgba(13,71,161,.03);border-color:rgba(13,71,161,.18)}







.scspv2-discRow input{margin-top:4px}







.scspv2-discRow > span{display:block;line-height:1.35}















.scspv2-left{margin-left:10px;font-size:12px;color:rgba(15,23,42,.70)}







.scspv2-price{margin-left:10px;font-size:12px;color:rgba(15,23,42,.78)}







.scspv2-note{margin-left:10px;font-size:12px;color:rgba(185,28,28,.95);font-weight:600}















.scspv2-summary{







  margin-top:14px;







  padding:14px 16px;







  border:1px dashed rgba(15,23,42,.20);







  border-radius:16px;







  background:rgba(15,23,42,.02);







  display:flex;







  justify-content:space-between;







  gap:12px;







  flex-wrap:wrap;







}















/* Przyciski */







.scspv2-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}















.scspv2-btn{







  appearance:none;







  border:0;







  border-radius:14px;







  padding:12px 16px;







  background:var(--scspv2-primary);







  color:#fff;







  font-weight:700;







  cursor:pointer;







  box-shadow:0 10px 22px rgba(13,71,161,.18);







  transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;







}















.scspv2-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(13,71,161,.22)}







.scspv2-btn:active{transform:translateY(0)}







.scspv2-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}















.scspv2-btnPrimary{background:var(--scspv2-primary);color:#fff}















.scspv2-btnGhost{







  background:transparent;







  color:var(--scspv2-primary);







  border:1px solid rgba(13,71,161,.35);







  box-shadow:none;







}







.scspv2-btnGhost:hover{background:rgba(13,71,161,.05)}















/* Wiadomości */







.scspv2-msg{padding:12px 14px;border-radius:14px;margin:12px 0;border:1px solid;line-height:1.35}







.scspv2-ok{background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.26)}







.scspv2-err{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.26)}















/* Team Cross panel */







.scspv2-teamPanel{margin-top:14px;padding:14px;border:1px dashed rgba(15,23,42,.22);border-radius:14px;background:rgba(15,23,42,.02)}







.scspv2-preview{padding:12px 12px;border:1px solid var(--scspv2-line);border-radius:12px;background:#fff}















/* ID row + buttons */







.scspv2-idRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}







.scspv2-idRow input{flex:1;min-width:220px}















/* Klub flag */







.scspv2-flag{color:rgba(15,23,42,.72)}







.scspv2-flag.aff{color:var(--scspv2-primary);font-weight:700}















/* Readonly helper */







.scspv2-readonly{opacity:.88;background:#f7f8fa}































/* =========================







   SCSPV2 – Form facelift (0.7.5-site)







   ========================= */















.scspv2-card{







  background:#fff;







  border:1px solid rgba(17,24,39,.08);







  box-shadow:0 10px 30px rgba(17,24,39,.06);







}















.scspv2-form label{







  font-weight:600;







  color:#0f172a;







  margin-bottom:6px;







}















.scspv2-form input[type="text"],







.scspv2-form input[type="email"],







.scspv2-form input[type="date"],







.scspv2-form select{







  height:44px;







  border-radius:12px;







  border:1px solid rgba(15,23,42,.14);







  background:#fff;







  padding:10px 12px;







  box-shadow:0 1px 0 rgba(15,23,42,.02);







}















.scspv2-form input:focus,







.scspv2-form select:focus{







  outline:none;







  border-color:rgba(37,99,235,.45);







  box-shadow:0 0 0 4px rgba(37,99,235,.14);







}















.scspv2-fieldset{







  border:1px solid rgba(15,23,42,.10);







  border-radius:18px;







  padding:16px;







  margin:0 0 14px 0;







  background:linear-gradient(180deg, rgba(248,250,252,.85), rgba(255,255,255,1));







}















.scspv2-fieldset > legend{







  padding:0 10px;







  font-weight:800;







  color:#0f172a;







}















.scspv2-fieldset-personal .scspv2-grid{







  margin-top:10px;







}















@media (min-width: 760px){







  .scspv2-fieldset-personal .scspv2-grid > div:first-child,







  .scspv2-fieldset-personal .scspv2-grid > div:nth-child(2){







    grid-column: 1 / -1; /* ID + email full width */







  }







}















.scspv2-idRow{







  gap:10px;







}







.scspv2-idRow input{







  min-width:220px;







}







.scspv2-idRow .scspv2-btn{







  height:44px;







  border-radius:12px;







}















.scspv2-check{







  display:flex;







  gap:10px;







  align-items:center;







  padding:10px 12px;







  border-radius:12px;







  border:1px solid rgba(15,23,42,.10);







  background:#fff;







  width:fit-content;







}















.scspv2-disc{







  display:grid;







  gap:10px;







  margin-top:10px;







}















.scspv2-discRow{







  border:1px solid rgba(15,23,42,.10);







  border-radius:16px;







  padding:12px 12px;







  background:#fff;







  transition:transform .05s ease, box-shadow .15s ease, border-color .15s ease;







}















.scspv2-discRow:hover{







  border-color:rgba(37,99,235,.25);







  box-shadow:0 8px 20px rgba(15,23,42,.06);







}















.scspv2-discRow input[type="checkbox"]{







  width:18px;







  height:18px;







  margin-top:2px;







}















.scspv2-discRow span{







  display:flex;







  flex-direction:column;







  gap:6px;







}















.scspv2-left{







  margin-left:0;







  color:rgba(15,23,42,.65);







  font-size:12px;







}















.scspv2-price{







  margin-left:0;







  align-self:flex-start;







  background:rgba(37,99,235,.10);







  border:1px solid rgba(37,99,235,.18);







  color:#1d4ed8;







}















.scspv2-note{







  margin-left:0;







  font-size:12px;







  color:rgba(180, 83, 9, .95);







}















.scspv2-summary{







  margin-top:14px;







  border-radius:16px;







  border:1px dashed rgba(15,23,42,.18);







  background:rgba(248,250,252,.9);







}















.scspv2-actions{







  margin-top:14px;







  display:flex;







  justify-content:flex-end;







}















.scspv2-actions .scspv2-btn{







  height:46px;







  padding:0 18px;







  border-radius:14px;







  font-weight:800;







}























/* ================================







   WIZARD (multi-step) + sticky summary







   ================================ */







.scspv2-wizard{







  display:grid;







  grid-template-columns: 1fr 320px;







  gap:18px;







  align-items:start;







}







.scspv2-main{min-width:0;}







.scspv2-side{min-width:0;}







.scspv2-sideCard{







  background:var(--scspv2-card);







  border:1px solid var(--scspv2-line);







  border-radius:var(--scspv2-radius);







  padding:16px;







  position:sticky;







  top:18px;







  box-shadow:0 12px 30px rgba(15,23,42,.06);







}







.scspv2-sideTitle{







  font-weight:800;







  letter-spacing:.2px;







  margin-bottom:12px;







}







.scspv2-sideRow{







  display:flex;







  gap:10px;







  justify-content:space-between;







  align-items:baseline;







  padding:10px 0;







  border-top:1px dashed var(--scspv2-line2);







  color:var(--scspv2-text);







}







.scspv2-sideRow span{color:var(--scspv2-muted); font-size:13px;}







.scspv2-sideRow strong{font-weight:700; text-align:right;}







.scspv2-sideTotal{







  margin-top:10px;







  padding:12px 14px;







  border-radius:14px;







  background:rgba(13,71,161,.06);







  border:1px solid rgba(13,71,161,.14);







  display:flex;







  justify-content:space-between;







  align-items:baseline;







  font-weight:800;







}







.scspv2-sideHint{







  margin-top:10px;







  color:var(--scspv2-muted);







  font-size:12px;







  line-height:1.35;







}















/* Progress */







.scspv2-progress{







  display:flex;







  align-items:center;







  gap:10px;







  margin: 2px 0 14px;







}







.scspv2-stepBtn{







  display:flex;







  align-items:center;







  gap:10px;







  padding:10px 12px;







  border-radius:14px;







  border:1px solid var(--scspv2-line);







  background:var(--scspv2-card);







  cursor:pointer;







  font-weight:700;







}







.scspv2-stepBtn .n{







  width:26px; height:26px;







  border-radius:999px;







  display:inline-flex;







  align-items:center;







  justify-content:center;







  background:rgba(15,23,42,.06);







}







.scspv2-stepBtn .t{font-size:13px;}







.scspv2-stepBtn.is-active{







  border-color:rgba(13,71,161,.35);







  box-shadow:0 0 0 4px rgba(13,71,161,.10);







}







.scspv2-stepLine{







  flex:1;







  height:1px;







  background:var(--scspv2-line2);







}















/* Step panels + animations */







.scspv2-step{display:none;}







.scspv2-step.is-active{display:block;}







.scspv2-step.is-anim-in{animation:scspv2SlideIn .28s ease both;}







.scspv2-step.is-anim-out{animation:scspv2SlideOut .22s ease both;}







@keyframes scspv2SlideIn{







  from{opacity:0; transform:translateX(var(--scspv2-dx,16px));}







  to{opacity:1; transform:none;}







}







@keyframes scspv2SlideOut{







  from{opacity:1; transform:none;}







  to{opacity:0; transform:translateX(calc(var(--scspv2-dx,16px) * -1));}







}















/* Wizard nav button visibility handled in JS (fallback) */







.scspv2-wizardNav{







  display:flex;







  gap:10px;







  flex-wrap:wrap;







  align-items:center;







  justify-content:flex-end;







}















@media(max-width: 980px){







  .scspv2-wizard{grid-template-columns:1fr;}







  .scspv2-sideCard{position:relative; top:auto;}







}















/* ==============================







   Licencja: toggle + numer obok







   ============================== */















.scspv2-license-row{







  display:flex;







  align-items:flex-end;







  justify-content:space-between;







  gap:18px;







  flex-wrap:wrap;







}















.scspv2-license-left{







  display:flex;







  flex-direction:column;







  gap:10px;







  min-width:220px;







}















.scspv2-label{







  font-size:13px;







  color:#374151;







  font-weight:600;







  letter-spacing:.2px;







}















.scspv2-toggle{







  display:inline-flex;







  align-items:center;







  gap:10px;







  user-select:none;







  cursor:pointer;







}















.scspv2-toggle input{







  position:absolute;







  opacity:0;







  width:1px;







  height:1px;







}















.scspv2-toggle-ui{







  width:46px;







  height:28px;







  border-radius:999px;







  background:#e5e7eb;







  border:1px solid #d1d5db;







  position:relative;







  transition:all .2s ease;







  flex:0 0 auto;







}















.scspv2-toggle-ui::after{







  content:"";







  width:22px;







  height:22px;







  border-radius:999px;







  background:#ffffff;







  position:absolute;







  top:50%;







  left:3px;







  transform:translateY(-50%);







  box-shadow:0 6px 18px rgba(0,0,0,.12);







  transition:all .22s ease;







}















.scspv2-toggle-text{







  font-weight:800;







  font-size:12px;







  letter-spacing:.7px;







  padding:6px 10px;







  border-radius:999px;







  background:#f3f4f6;







  border:1px solid #e5e7eb;







  color:#374151;







  min-width:44px;







  text-align:center;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui{







  background:rgba(37,99,235,.18);







  border-color:rgba(37,99,235,.55);







}















.scspv2-toggle input:checked + .scspv2-toggle-ui::after{







  left:21px;







}















.scspv2-toggle input:checked ~ .scspv2-toggle-text{







  background:rgba(37,99,235,.12);







  border-color:rgba(37,99,235,.35);







  color:#1e40af;







}















/* Reveal numeru licencji (animacja) */







.scspv2-license-reveal{







  max-width:260px;







  flex:0 0 260px;







  opacity:0;







  transform:translateY(-6px);







  max-height:0;







  overflow:hidden;







  pointer-events:none;







  transition:opacity .22s ease, transform .22s ease, max-height .22s ease;







}















.scspv2-license-reveal.is-open{







  opacity:1;







  transform:translateY(0);







  max-height:80px;







  pointer-events:auto;







}















.scspv2-license-number{







  width:100%;







  max-width:260px;







}















@media(max-width:600px){







  .scspv2-license-left{min-width:unset;}







  .scspv2-license-reveal{flex:1 1 auto; max-width:100%;}







  .scspv2-license-number{max-width:100%;}







}















/* ==============================







   Wizard nav: intuicyjne "Dalej"







   ============================== */















.scspv2-wizNav{







  display:flex;







  gap:10px;







  align-items:center;







  margin-top:18px;







}















.scspv2-wizNav .scspv2-btn{







  flex:1 1 auto;







}















.scspv2-nextBtn:disabled{







  opacity:.55;







  cursor:not-allowed;







  box-shadow:none;







  transform:none;







}















.scspv2-nextBtn.is-ready{







  box-shadow:0 12px 28px rgba(37,99,235,.28);







  transform:translateY(-1px);







}























/* ======================================================







   CHECKOUT / STRIPE-LIKE POLISH + FIX UKŁADU LICENCJI







   (nadpisuje wcześniejsze reguły)







   ====================================================== */















/* delikatniejsze karty jak checkout */







.scspv2-section,







.scspv2-fieldset{







  background: var(--scspv2-card);







  border: 1px solid var(--scspv2-line);







  border-radius: var(--scspv2-radius);







  box-shadow: 0 10px 30px rgba(15,23,42,.06);







}















/* pola jak w checkout */







.scspv2-wrap input,







.scspv2-wrap select,







.scspv2-wrap textarea{







  border-radius: 12px;







  border: 1px solid rgba(15,23,42,.14);







  background: #fff;







}















.scspv2-wrap input:focus,







.scspv2-wrap select:focus,







.scspv2-wrap textarea:focus{







  border-color: rgba(13,71,161,.55);







  box-shadow: 0 0 0 4px rgba(13,71,161,.12);







}















/* ---------- LICENCJA: pełna szerokość w grid + „checkout row” ---------- */







.scspv2-grid .scspv2-license-row{







  grid-column: 1 / -1;         /* rozciąga wiersz na 2 kolumny */







  display: grid;







  grid-template-columns: 1fr 280px; /* lewo: label+toggle, prawo: numer */







  gap: 18px;







  align-items: center;







  width: 100%;















  padding: 14px 16px;







  border-radius: 14px;







  border: 1px solid rgba(15,23,42,.12);







  background: linear-gradient(180deg, rgba(13,71,161,.04), rgba(13,71,161,.02));







}















/* lewa strona: label + toggle w jednej linii */







.scspv2-license-left{







  display: flex;







  flex-direction: row;







  align-items: center;







  justify-content: space-between;







  gap: 14px;







  min-width: 0;







}















.scspv2-license-left .scspv2-label{







  margin: 0;







  font-size: 13px;







  font-weight: 700;







  color: #0f172a;







  white-space: nowrap;







}















/* toggle – stabilne wymiary, nic nie nachodzi */







.scspv2-toggle{







  display: inline-flex;







  align-items: center;







  gap: 10px;







  white-space: nowrap;







}















.scspv2-toggle-ui{







  width: 50px;







  height: 30px;







  border-radius: 999px;







}















.scspv2-toggle-ui::after{







  width: 24px;







  height: 24px;







  left: 3px;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui::after{







  left: 23px;







}















.scspv2-toggle-text{







  min-width: 58px; /* żeby nie ucinało “TAK/NIE” */







}















/* prawa strona: numer licencji – animowane pokazanie */







.scspv2-license-reveal{







  width: 280px;







  justify-self: end;















  opacity: 0;







  transform: translateY(-6px);







  max-height: 0;







  overflow: hidden;







  pointer-events: none;















  transition: opacity .22s ease, transform .22s ease, max-height .22s ease;







}















.scspv2-license-reveal.is-open{







  opacity: 1;







  transform: translateY(0);







  max-height: 90px;







  pointer-events: auto;







}















.scspv2-license-number{







  width: 100%;







  max-width: 280px;







}















/* Mobile: numer schodzi pod spodem */







@media(max-width: 700px){







  .scspv2-grid .scspv2-license-row{







    grid-template-columns: 1fr;







  }







  .scspv2-license-reveal{







    width: 100%;







    justify-self: start;







  }







  .scspv2-license-number{







    max-width: 100%;







  }







}























/* ===== GRID FULL ROW helper (for elements that must span both columns) ===== */







.scspv2-grid .scspv2-grid-full{







  grid-column: 1 / -1;







}























/* ======================================================







   Toggle: wersja "kolorowy suwak" (bez tekstu TAK/NIE)







   - OFF: szary







   - ON: niebieski







   ====================================================== */















.scspv2-toggle-text{







  display:none !important;







}















/* stabilne wymiary */







.scspv2-toggle-ui{







  width: 52px;







  height: 30px;







  border-radius: 999px;







  background: #e5e7eb;                 /* OFF */







  border: 1px solid #d1d5db;







  position: relative;







  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;







}















.scspv2-toggle-ui::after{







  content:"";







  width: 24px;







  height: 24px;







  border-radius: 999px;







  background: #ffffff;







  position: absolute;







  top: 50%;







  left: 3px;







  transform: translateY(-50%);







  box-shadow: 0 6px 18px rgba(0,0,0,.14);







  transition: left .22s ease;







}















/* ON */







.scspv2-toggle input:checked + .scspv2-toggle-ui{







  background: rgba(13,71,161,.85);







  border-color: rgba(13,71,161,.85);







}















.scspv2-toggle input:checked + .scspv2-toggle-ui::after{







  left: 25px;







}















/* focus */







.scspv2-toggle input:focus-visible + .scspv2-toggle-ui{







  box-shadow: 0 0 0 4px rgba(13,71,161,.18);







}























/* ===================================================







   LICENCJA – CLEAN STRIPE STYLE FINAL







   =================================================== */















.scspv2-license-left{







  display:flex;







  align-items:center;







  gap:14px;







  justify-content:flex-start;







}















.scspv2-toggle{







  display:inline-flex;







  align-items:center;







  gap:10px;







}















.scspv2-toggle-ui{







  width:48px;







  height:28px;







  border-radius:999px;







  background:#e5e7eb;







  border:1px solid #d1d5db;







  position:relative;







  transition:.2s ease;







}















.scspv2-toggle-ui::after{







  content:"";







  width:22px;







  height:22px;







  border-radius:999px;







  background:#ffffff;







  position:absolute;







  top:50%;







  left:3px;







  transform:translateY(-50%);







  box-shadow:0 4px 12px rgba(0,0,0,.15);







  transition:.22s ease;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui{







  background:#0d47a1;







  border-color:#0d47a1;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui::after{







  left:23px;







}















.scspv2-toggle-text{







  display:inline-block;







  font-size:11px;







  font-weight:700;







  letter-spacing:.5px;







  padding:5px 10px;







  border-radius:999px;







  border:1px solid #d1d5db;







  background:#f1f5f9;







  color:#475569;







  min-width:52px;







  text-align:center;







  transition:.2s ease;







}















.scspv2-toggle input:checked ~ .scspv2-toggle-text{







  background:rgba(13,71,161,.12);







  border-color:rgba(13,71,161,.45);







  color:#0d47a1;







}















.scspv2-label{







  font-weight:700;







  font-size:14px;







  color:#0f172a;







}























/* ===================================================







   Toggle affordance: ma być oczywiste że jest klikalne







   (naprawa: wcześniejsze display:none !important)







   =================================================== */















/* pokaż badge TAK/NIE mimo wcześniejszych override */







.scspv2-toggle-text{







  display:inline-block !important;







}















/* większy klik i wyraźniejszy kontroler */







.scspv2-toggle{







  cursor:pointer;







  padding:6px 10px;







  border-radius:999px;







  background: rgba(15,23,42,.04);







  border: 1px solid rgba(15,23,42,.08);







  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;







}















.scspv2-toggle:hover{







  background: rgba(13,71,161,.06);







  border-color: rgba(13,71,161,.22);







}















.scspv2-toggle input:focus-visible + .scspv2-toggle-ui{







  box-shadow: 0 0 0 4px rgba(13,71,161,.18);







}















/* suwak: wyraźny "tor" i gałka */







.scspv2-toggle-ui{







  background:#d1d5db;              /* OFF bardziej widoczne */







  border:1px solid #9ca3af;







  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);







}















.scspv2-toggle-ui::after{







  box-shadow: 0 6px 16px rgba(0,0,0,.22);







}















/* ON jeszcze czytelniejszy */







.scspv2-toggle input:checked + .scspv2-toggle-ui{







  background:#0d47a1;







  border-color:#0d47a1;







}















/* badge TAK/NIE bardziej "button-like" */







.scspv2-toggle-text{







  background:#ffffff;







  border:1px solid rgba(15,23,42,.18);







  color:#0f172a;







}















.scspv2-toggle input:checked ~ .scspv2-toggle-text{







  background: rgba(13,71,161,.10);







  border-color: rgba(13,71,161,.40);







  color:#0d47a1;







}















/* klik w całej lewej części też działa wizualnie */







.scspv2-license-left{







  cursor: default;







}























/* ===================================================







   TOGGLE XXL – większy i czytelny TAK / NIE







   =================================================== */















.scspv2-toggle{







  padding:10px 16px;







  gap:14px;







}















.scspv2-toggle-ui{







  width:64px;







  height:36px;







  border-radius:999px;







}















.scspv2-toggle-ui::after{







  width:28px;







  height:28px;







  left:4px;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui::after{







  left:32px;







}















/* duży badge TAK/NIE */







.scspv2-toggle-text{







  font-size:14px;







  font-weight:800;







  letter-spacing:.6px;







  padding:8px 16px;







  min-width:70px;







  border-radius:999px;







}























/* ===================================================







   TOGGLE WIDE L/R STYLE







   - szeroki







   - NIE po lewej







   - TAK po prawej







   - kropka przesuwa się między nimi







   =================================================== */















.scspv2-toggle{







  position: relative;







  display: inline-flex;







  align-items: center;







  padding: 0;







  gap: 0;







  background: transparent;







  border: none;







}















/* ukrywamy stary badge */







.scspv2-toggle-text{







  display: none !important;







}















/* tor */







.scspv2-toggle-ui{







  position: relative;







  width: 110px;              /* SZEROKI */







  height: 38px;







  border-radius: 999px;







  background: #e5e7eb;







  border: 1px solid #cbd5e1;







  display: flex;







  align-items: center;







  justify-content: space-between;







  padding: 0 14px;







  font-size: 13px;







  font-weight: 700;







  letter-spacing: .5px;







  color: #64748b;







  transition: background .25s ease, border-color .25s ease;







}















/* napisy w tle */







.scspv2-toggle-ui::before{







  content: "NIE";







}















.scspv2-toggle-ui::after{







  content: "";







  position: absolute;







  width: 30px;







  height: 30px;







  border-radius: 50%;







  background: #ffffff;







  top: 50%;







  left: 4px;







  transform: translateY(-50%);







  box-shadow: 0 6px 18px rgba(0,0,0,.18);







  transition: left .25s ease;







}















/* gdy aktywne */







.scspv2-toggle input:checked + .scspv2-toggle-ui{







  background: rgba(13,71,161,.12);







  border-color: rgba(13,71,161,.45);







  color: #0d47a1;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui::before{







  content: "TAK";







  position: absolute;







  right: 16px;







  left: auto;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui::after{







  left: 76px;   /* przesunięcie kropki w prawo */







}















/* kursor */







.scspv2-toggle{







  cursor: pointer;







}























/* ===== DEFINITIVE FIX (separate knob element) ===== */















.scspv2-toggle-text{ display:none !important; }















.scspv2-toggle-ui{







  position: relative;







  width: 120px;







  height: 40px;







  border-radius: 999px;







  background: #e5e7eb;







  border: 1px solid #cbd5e1;







  overflow:hidden;







}















/* labels */







.scspv2-toggle-ui::before{







  content: "NIE";







  position: absolute;







  left: 16px;







  top: 50%;







  transform: translateY(-50%);







  font-weight:700;







  font-size:13px;







  color:#475569;







}















.scspv2-toggle-ui::after{







  content: "TAK";







  position: absolute;







  right: 16px;







  top: 50%;







  transform: translateY(-50%);







  font-weight:700;







  font-size:13px;







  color:#94a3b8;







}















/* knob recreated via box-shadow trick */







.scspv2-toggle-ui{







  background-image: radial-gradient(circle at 20px center, #fff 14px, transparent 15px);







  background-repeat:no-repeat;







  background-position: 4px center;







  transition: background-position .25s ease, background-color .25s ease, border-color .25s ease;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui{







  background-color: rgba(13,71,161,.12);







  border-color: rgba(13,71,161,.45);







  background-position: 86px center;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui::after{







  color:#0d47a1;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui::before{







  color:#94a3b8;







}























/* ===================================================







   NORMALNY SUWAK (prosty, czytelny, bez kombinacji)







   - iOS-like switch







   - obok widoczny status: NIE/TAK (z JS)







   =================================================== */















/* usuń wszystkie wcześniejsze "checkout pill" na labelu */







.scspv2-toggle{







  background: transparent !important;







  border: none !important;







  padding: 0 !important;







  box-shadow: none !important;







  gap: 10px !important;







}















/* tor suwaka */







.scspv2-toggle-ui{







  width: 56px !important;







  height: 30px !important;







  border-radius: 999px !important;







  background: #e5e7eb !important;      /* OFF */







  border: 1px solid #cbd5e1 !important;







  position: relative !important;







  transition: background .2s ease, border-color .2s ease !important;







}















/* gałka */







.scspv2-toggle-ui::after{







  content: "" !important;







  width: 24px !important;







  height: 24px !important;







  border-radius: 999px !important;







  background: #ffffff !important;







  position: absolute !important;







  top: 50% !important;







  left: 3px !important;







  transform: translateY(-50%) !important;







  box-shadow: 0 6px 16px rgba(0,0,0,.18) !important;







  transition: left .2s ease !important;







}















/* ON */







.scspv2-toggle input:checked + .scspv2-toggle-ui{







  background: #0d47a1 !important;







  border-color: #0d47a1 !important;







}







.scspv2-toggle input:checked + .scspv2-toggle-ui::after{







  left: 29px !important;







}















/* status NIE/TAK obok – zawsze widoczny */







.scspv2-toggle-text{







  display: inline-block !important;







  font-size: 12px !important;







  font-weight: 800 !important;







  letter-spacing: .6px !important;







  padding: 6px 10px !important;







  border-radius: 999px !important;







  border: 1px solid rgba(15,23,42,.16) !important;







  background: #ffffff !important;







  color: #0f172a !important;







  min-width: 52px !important;







  text-align: center !important;







}















/* kolor statusu zależny od stanu */







.scspv2-toggle input:checked ~ .scspv2-toggle-text{







  background: rgba(13,71,161,.10) !important;







  border-color: rgba(13,71,161,.35) !important;







  color: #0d47a1 !important;







}















/* hover/focus – żeby było oczywiste że klikalne */







.scspv2-toggle:hover .scspv2-toggle-ui{







  border-color: rgba(13,71,161,.35) !important;







}







.scspv2-toggle input:focus-visible + .scspv2-toggle-ui{







  box-shadow: 0 0 0 4px rgba(13,71,161,.18) !important;







}























/* ===================================================







   LICENCJA – FINAL CLEAN (reset + poprawny układ)







   Cel: jeden, czytelny suwak + jeden badge TAK/NIE







   =================================================== */















/* układ wiersza licencji */







.scspv2-license-row{







  display: grid !important;







  grid-template-columns: 1fr 280px !important;







  gap: 18px !important;







  align-items: center !important;







  width: 100% !important;















  padding: 14px 16px !important;







  border-radius: 14px !important;







  border: 1px solid rgba(15,23,42,.12) !important;







  background: rgba(15,23,42,.02) !important;







}















/* lewa część: label + toggle obok siebie */







.scspv2-license-left{







  display: flex !important;







  align-items: center !important;







  gap: 14px !important;







  justify-content: flex-start !important;







  min-width: 0 !important;







}















.scspv2-label{







  margin: 0 !important;







  font-weight: 700 !important;







  font-size: 14px !important;







  color: #0f172a !important;







  white-space: nowrap !important;







}















/* ---------- RESET wcześniejszych kombinacji ---------- */







.scspv2-toggle{ 







  background: transparent !important;







  border: none !important;







  box-shadow: none !important;







  padding: 0 !important;







  margin: 0 !important;







}















.scspv2-toggle-ui{







  background-image: none !important;   /* usuwa "kropkę z gradientu" */







}















.scspv2-toggle-ui::before{







  content: none !important;           /* usuwa NIE/TAK z toru jeśli było */







}















/* ---------- NORMALNY SUWAK ---------- */







.scspv2-toggle{







  display: inline-flex !important;







  align-items: center !important;







  gap: 10px !important;







  cursor: pointer !important;







  white-space: nowrap !important;







}















.scspv2-toggle-ui{







  width: 56px !important;







  height: 30px !important;







  border-radius: 999px !important;







  background: #e5e7eb !important;      /* OFF */







  border: 1px solid #cbd5e1 !important;







  position: relative !important;







  transition: background .2s ease, border-color .2s ease !important;







}















/* gałka jako ::after (jedyny ::after!) */







.scspv2-toggle-ui::after{







  content: "" !important;







  width: 24px !important;







  height: 24px !important;







  border-radius: 999px !important;







  background: #ffffff !important;







  position: absolute !important;







  top: 50% !important;







  left: 3px !important;







  transform: translateY(-50%) !important;







  box-shadow: 0 6px 16px rgba(0,0,0,.18) !important;







  transition: left .2s ease !important;







}















.scspv2-toggle input:checked + .scspv2-toggle-ui{







  background: #0d47a1 !important;







  border-color: #0d47a1 !important;







}







.scspv2-toggle input:checked + .scspv2-toggle-ui::after{







  left: 29px !important;







}















/* ---------- BADGE TAK/NIE (jeden, nie dubluj) ---------- */







.scspv2-toggle-text{







  display: inline-flex !important;







  align-items: center !important;







  justify-content: center !important;







  font-size: 12px !important;







  font-weight: 800 !important;







  letter-spacing: .6px !important;







  padding: 6px 10px !important;







  border-radius: 999px !important;







  border: 1px solid rgba(15,23,42,.16) !important;







  background: #ffffff !important;







  color: #0f172a !important;







  min-width: 52px !important;







  line-height: 1 !important;







}















/* ON badge */







.scspv2-toggle input:checked ~ .scspv2-toggle-text{







  background: rgba(13,71,161,.10) !important;







  border-color: rgba(13,71,161,.35) !important;







  color: #0d47a1 !important;







}















/* focus/hover */







.scspv2-toggle:hover .scspv2-toggle-ui{







  border-color: rgba(13,71,161,.35) !important;







}







.scspv2-toggle input:focus-visible + .scspv2-toggle-ui{







  box-shadow: 0 0 0 4px rgba(13,71,161,.18) !important;







}















/* prawa część */







.scspv2-license-reveal{







  width: 280px !important;







  justify-self: end !important;







}















/* mobile */







@media(max-width:700px){







  .scspv2-license-row{







    grid-template-columns: 1fr !important;







  }







  .scspv2-license-reveal{







    width: 100% !important;







    justify-self: start !important;







  }







}























/* ===================================================







   PRZYCISK "DALEJ" – biała czcionka zawsze







   =================================================== */















.scspv2-btnPrimary,







.scspv2-nextBtn{







  color: #ffffff !important;







}















.scspv2-btnPrimary:disabled,







.scspv2-nextBtn:disabled{







  color: #ffffff !important;







  opacity: .85;







}























/* ===================================================







   WSZYSTKIE GŁÓWNE PRZYCISKI – biała czcionka







   =================================================== */















.scspv2-btnPrimary,







#scspv2_gen_id,







#scspv2_submit_btn{







  color: #ffffff !important;







}















/* także gdy disabled */







.scspv2-btnPrimary:disabled,







#scspv2_submit_btn:disabled{







  color: #ffffff !important;







  opacity: .9;







}























/* ===================================================







   FORCE WHITE TEXT – wszystkie przyciski wizard







   =================================================== */















.scspv2-wizNav .scspv2-btn,







.scspv2-wizNav .scspv2-btnPrimary,







.scspv2-wizNav .scspv2-nextBtn,







#scspv2_submit_btn,







#scspv2_gen_id{







  color: #ffffff !important;







}















/* disabled też białe */







.scspv2-wizNav .scspv2-btn:disabled,







.scspv2-wizNav .scspv2-btnPrimary:disabled,







.scspv2-wizNav .scspv2-nextBtn:disabled,







#scspv2_submit_btn:disabled{







  color: #ffffff !important;







  opacity: .85 !important;







}















/* jeżeli motyw nadpisuje przez a span itp */







.scspv2-wizNav .scspv2-btn *,







#scspv2_submit_btn *{







  color: #ffffff !important;







}























/* ===================================================







   ABSOLUTE FINAL FIX – DALEJ ZAWSZE BIAŁE







   =================================================== */















button.scspv2-btn,







button.scspv2-btnPrimary,







button.scspv2-nextBtn,







button.scspv2-btnPrimary.scspv2-nextBtn,







button.scspv2-btnPrimary.scspv2-nextBtn:disabled,







button.scspv2-btnPrimary.scspv2-nextBtn:not(:disabled),







.scspv2-wizNav button,







.scspv2-wizNav button:disabled,







.scspv2-wizNav button * {







    color: #ffffff !important;







}















.scspv2-wizNav button:disabled {







    opacity: 0.9 !important;







}























/* Document choice */







.scspv2-fieldset-doc{margin-top:6px}







.scspv2-docChoice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}







@media(max-width:780px){.scspv2-docChoice{grid-template-columns:1fr}}







.scspv2-docCard{position:relative;display:block;border:1px solid rgba(17,24,39,.14);border-radius:14px;padding:12px 12px 12px 44px;background:#fff;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}







.scspv2-docCard:hover{box-shadow:0 8px 24px rgba(17,24,39,.08);transform:translateY(-1px)}







.scspv2-docCard input{position:absolute;left:14px;top:14px;width:18px;height:18px}







.scspv2-docTitle{display:block;font-weight:700;color:#111827;margin-bottom:2px}







.scspv2-docDesc{display:block;color:rgba(17,24,39,.72);font-size:13px;line-height:1.25}







.scspv2-docCard:has(input:checked){border-color:rgba(13,71,161,.55);box-shadow:0 10px 26px rgba(13,71,161,.12)}







.scspv2-docPanels{margin-top:12px}







.scspv2-docPanel{border:1px dashed rgba(17,24,39,.18);border-radius:14px;padding:12px;background:rgba(13,71,161,.03);max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .35s ease,opacity .25s ease,transform .25s ease,padding .25s ease}







.scspv2-docPanel.is-open{max-height:520px;opacity:1;transform:translateY(0);padding:12px}















/* Consents */







.scspv2-consents{margin:18px 0 16px;padding:16px;border:1px solid rgba(15,18,23,.10);border-radius:14px;background:#fff}







.scspv2-consentsTitle{font-weight:800;margin-bottom:10px}







.scspv2-consentsList{display:grid;gap:10px}







.scspv2-consentRow{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(15,18,23,.10);border-radius:12px;background:rgba(255,255,255,.9);cursor:pointer;transition:transform .08s ease, box-shadow .12s ease, border-color .12s ease}







.scspv2-consentRow:hover{border-color:rgba(25,118,210,.35);box-shadow:0 8px 22px rgba(0,0,0,.06)}







.scspv2-consentRow input{margin-top:3px}







.scspv2-consentText{display:block;line-height:1.35}







.scspv2-consentDesc{display:block;color:rgba(15,18,23,.70);font-size:13px;margin-top:4px}







.scspv2-consentLink{display:inline-block;margin-top:6px;font-size:13px;text-decoration:none}







.scspv2-consentReq{display:inline-block;margin-left:8px;font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(231,76,60,.10);border:1px solid rgba(231,76,60,.25);color:#a1281c}







.scspv2-consentRow.is-missing{border-color:rgba(231,76,60,.50);box-shadow:0 8px 22px rgba(231,76,60,.10)}























/* Team Cross pending invites */







.scspv2-teamPending{







  margin: 12px 0 18px;







  padding: 12px 14px;







  border: 1px solid rgba(237,241,247,.18);







  background: rgba(255,255,255,.03);







  border-radius: 12px;







}







.scspv2-teamInviteRow{







  display:flex;







  gap:10px;







  align-items:flex-start;







  padding:8px 0;







}







.scspv2-teamInviteRow input{ margin-top:3px; }























/* Team Cross invite decision (TAK/NIE) */







.scspv2-decRow{ display:flex; gap:10px; flex-wrap:wrap; }







.scspv2-decOpt{ cursor:pointer; }







.scspv2-decOpt input{ position:absolute; opacity:0; pointer-events:none; }







.scspv2-decOpt span{







  display:inline-block;







  padding:8px 12px;







  border-radius:999px;







  border:1px solid rgba(13,71,161,.35);







  color:var(--scspv2-primary);







  background:transparent;







  user-select:none;







}







.scspv2-decOpt input:checked + span{







  background:var(--scspv2-primary);







  color:#fff;







  border-color:rgba(13,71,161,.55);







}















/* FIX: pole numeru licencji musi zawsze pokazać się po przełączeniu TAK */



.scspv2-license-reveal{display:none;}



.scspv2-license-row.license-on .scspv2-license-reveal,



.scspv2-license-reveal.is-open{display:block !important;opacity:1 !important;max-width:100% !important;visibility:visible !important;}



.scspv2-license-reveal[hidden]{display:none !important;}