#dcg-generator-root, #dcg-generator-root{
  overflow-x:clip;
  max-width:100%;
}

#dcg-generator-root *, #dcg-generator-root *::before, #dcg-generator-root *::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

#dcg-generator-root{
  --blue:#1f5f95;
  --blue2:#2f6fa4;
  --blueDeep:#102840;
  --blueSoft:#eaf2f8;
  --green:#2e9f69;
  --orange:#d98a2b;
  --bg:#f5f8fc;
  --bg2:#f8fbfe;
  --card:#ffffff;
  --card2:#f3f7fb;
  --text:#1d3142;
  --text2:#365062;
  --text3:#506576;
  --text4:#6d8190;
  --line:rgba(31,95,149,.14);
  --line2:rgba(31,95,149,.24);
  --mono:"JetBrains Mono",monospace;
}

#dcg-generator-root{
  font-family:"DM Sans",sans-serif;
  background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);
  color:var(--text);
  min-height:100vh;
  width:100%;
  max-width:100%;
}

#dcg-generator-root img, #dcg-generator-root svg, #dcg-generator-root canvas{
  max-width:100%;
  height:auto;
}

#dcg-generator-root .pg{
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(31,95,149,.16) 15%,rgba(31,95,149,.46) 35%,rgba(217,138,43,.24) 50%,rgba(31,95,149,.46) 65%,rgba(31,95,149,.16) 85%,transparent);
}

#dcg-generator-root .pd{
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(31,95,149,.12) 20%,rgba(217,138,43,.2) 50%,rgba(31,95,149,.12) 80%,transparent);
}

#dcg-generator-root .pb{
  background:#f8fbfe;
  border-bottom:1px solid var(--line);
  padding:.65rem 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  flex-wrap:wrap;
  text-align:center;
  overflow:hidden;
}

#dcg-generator-root .pb span{
  font-size:12px;
  font-weight:400;
  color:var(--text2);
  line-height:1.5;
}

#dcg-generator-root .pb strong{
  font-weight:500;
  color:var(--blueDeep);
}

#dcg-generator-root .pb em{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:.2rem .65rem;
  border-radius:20px;
  background:rgba(31,95,149,.07);
  border:1px solid rgba(31,95,149,.16);
  font-size:9.5px;
  font-weight:500;
  color:var(--blue);
  white-space:nowrap;
  font-style:normal;
}

#dcg-generator-root .hero{
  background:
    radial-gradient(circle at 15% 20%, rgba(46,159,105,.07), transparent 26%),
    radial-gradient(circle at 84% 22%, rgba(217,138,43,.08), transparent 24%),
    linear-gradient(180deg,#f8fbfe 0%,#eef4fa 100%);
  padding:3.2rem 2rem 2.7rem;
  position:relative;
  overflow:hidden;
  text-align:center;
  border-bottom:1px solid var(--line);
}

#dcg-generator-root .hero::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(31,95,149,.35) 28%,rgba(217,138,43,.18) 58%,transparent);
}

#dcg-generator-root .he{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}

#dcg-generator-root .he svg{
  width:100%;
  height:100%;
  max-width:none;
}

#dcg-generator-root .hi{
  position:relative;
  z-index:1;
  max-width:720px;
  margin:0 auto;
  width:100%;
}

#dcg-generator-root .hb{
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--blue);
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:.85rem;
}

#dcg-generator-root .hb::before, #dcg-generator-root .hb::after{
  content:"";
  display:block;
  width:22px;
  height:1px;
  background:rgba(31,95,149,.45);
}

#dcg-generator-root .ht{
  font-family:"DM Serif Display",serif;
  font-style:italic;
  font-size:clamp(1.8rem,4vw,2.8rem);
  color:var(--blueDeep);
  line-height:1.12;
  margin-bottom:.55rem;
}

#dcg-generator-root .ht em{
  font-style:normal;
  color:var(--blue);
}

#dcg-generator-root .hs{
  font-size:14px;
  color:var(--text2);
  font-weight:400;
  line-height:1.72;
  max-width:560px;
  margin:0 auto;
}

@keyframes ea{
  0%{stroke-dashoffset:800;opacity:0}
  5%{opacity:.35}
  65%{stroke-dashoffset:0;opacity:.24}
  80%{opacity:0}
  100%{stroke-dashoffset:-60;opacity:0}
}
@keyframes eb{
  0%,28%{stroke-dashoffset:800;opacity:0}
  36%{opacity:.5}
  48%{opacity:0}
  100%{stroke-dashoffset:0;opacity:0}
}

#dcg-generator-root .el1{stroke-dasharray:800;stroke-dashoffset:800;animation:ea 7s ease-in-out .3s infinite}
#dcg-generator-root .el2{stroke-dasharray:800;stroke-dashoffset:800;animation:eb 7s ease-in-out .3s infinite}
#dcg-generator-root .eld{fill:rgba(31,95,149,.75);filter:drop-shadow(0 0 3px rgba(31,95,149,.28))}

#dcg-generator-root .main{
  width:100%;
  max-width:1160px;
  margin:0 auto;
  padding:2.5rem 2rem 4rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(440px,1fr);
  gap:3rem;
  align-items:start;
  overflow:visible;
}

/* Lewa kolumna pozostaje zwykłym, przewijanym formularzem */
#dcg-generator-root .main > .lform{
  min-width:0;
  position:relative;
  z-index:1;
}

/* Prawa kolumna z kartą jest stale widoczna podczas przewijania */
#dcg-generator-root .preview-col{
  min-width:0;
  position:-webkit-sticky;
  position:sticky;
  top:72px;
  align-self:start;
  z-index:20;
  height:max-content;
  will-change:transform;
}

@media(max-width:920px){
  #dcg-generator-root .main{
    grid-template-columns:1fr;
  }

  #dcg-generator-root .preview-col{
    position:relative;
    top:auto;
  }
}



@media(max-width:600px){
  #dcg-generator-root .main{padding:2rem 1.1rem 3rem}
}

#dcg-generator-root .sec{
  font-family:"DM Serif Display",serif;
  font-style:italic;
  font-size:1.35rem;
  color:var(--blueDeep);
  margin-bottom:1.4rem;
  display:flex;
  align-items:center;
  gap:.75rem;
  min-width:0;
  flex-wrap:wrap;
}

#dcg-generator-root .sec::after{
  content:"";
  flex:1;
  min-width:40px;
  height:1px;
  background:var(--line);
}

#dcg-generator-root .wr{margin-bottom:1rem}
#dcg-generator-root .lb{
  display:block;
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text3);
  margin-bottom:.38rem;
}
#dcg-generator-root .lb .n{
  color:var(--text4);
  text-transform:none;
  letter-spacing:0;
  font-weight:400;
  font-size:10.5px;
}

#dcg-generator-root .fi, #dcg-generator-root .fs{
  width:100%;
  max-width:100%;
  padding:.7rem .95rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  font-family:"DM Sans",sans-serif;
  font-size:14px;
  font-weight:300;
  color:var(--text);
  outline:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
  -webkit-appearance:none;
  appearance:none;
  min-width:0;
}

#dcg-generator-root .fi:focus, #dcg-generator-root .fs:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(31,95,149,.1);
  background:#fff;
}

#dcg-generator-root .fi::placeholder{color:#7a8c99}

#dcg-generator-root .fs{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23708392' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right .85rem center;
  padding-right:2.2rem;
  cursor:pointer;
}

#dcg-generator-root .wr2{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:.75rem;
  margin-bottom:1rem;
}

@media(max-width:480px){
  #dcg-generator-root .wr2{grid-template-columns:1fr}
}

#dcg-generator-root .vt{
  display:flex;
  gap:.4rem;
  margin-bottom:1.4rem;
  flex-wrap:wrap;
}

#dcg-generator-root .vtb{
  flex:1;
  min-width:110px;
  padding:.52rem .6rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  font-family:"DM Sans",sans-serif;
  font-size:11.5px;
  color:var(--text3);
  cursor:pointer;
  text-align:center;
  transition:all .2s;
}

#dcg-generator-root .vtb.on{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
  font-weight:500;
  box-shadow:0 8px 18px rgba(31,95,149,.12);
}

#dcg-generator-root .cg{display:flex;flex-direction:column;gap:.45rem}

#dcg-generator-root .cr{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  cursor:pointer;
  user-select:none;
  min-width:0;
}

#dcg-generator-root .cr input{display:none}

#dcg-generator-root .cb{
  width:16px;
  height:16px;
  border-radius:4px;
  flex-shrink:0;
  margin-top:1px;
  border:1.5px solid rgba(31,95,149,.35);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .18s;
}

#dcg-generator-root .cr input:checked~.cb{
  background:var(--blue);
  border-color:var(--blue);
}

#dcg-generator-root .cr input:checked~.cb::after{
  content:"";
  display:block;
  width:5px;
  height:8px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg) translate(-1px,-1px);
}

#dcg-generator-root .cbr{border-color:rgba(185,74,57,.35)!important}
#dcg-generator-root .cr input:checked~.cbr{background:#b94a39!important;border-color:#b94a39!important}

#dcg-generator-root .ct{
  font-size:12px;
  font-weight:400;
  color:var(--text2);
  line-height:1.5;
  min-width:0;
  overflow-wrap:anywhere;
}

#dcg-generator-root .nb{
  background:linear-gradient(180deg,#17324d 0%,#102840 100%);
  border-radius:10px;
  padding:.9rem 1rem;
  margin-top:1.1rem;
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
}

#dcg-generator-root .nl{
  font-size:9px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#a7bfd4;
  margin-bottom:.35rem;
}

#dcg-generator-root .nv{
  font-family:var(--mono);
  font-size:clamp(10px,1.8vw,13px);
  font-weight:500;
  color:#dbeaf7;
  letter-spacing:.06em;
  word-break:break-all;
}

#dcg-generator-root .ua{
  position:relative;
  border:1px dashed var(--line2);
  border-radius:12px;
  background:#fff;
  padding:1rem;
  display:flex;
  align-items:center;
  gap:1rem;
  cursor:pointer;
  transition:border-color .2s,background .2s;
  overflow:hidden;
  min-width:0;
}

#dcg-generator-root .ua:hover{
  border-color:var(--blue);
  background:#f8fbfe;
}

#dcg-generator-root .ua input[type=file]{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
  width:100%;
  height:100%;
}

#dcg-generator-root .ut{
  width:52px;
  height:52px;
  border-radius:10px;
  border:1px solid var(--line);
  background:var(--card2);
  flex-shrink:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:var(--text4);
}

#dcg-generator-root .ut img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:none;
}

#dcg-generator-root .ui{
  flex:1;
  min-width:0;
}

#dcg-generator-root .uit{
  font-size:13px;
  font-weight:500;
  color:var(--text);
  margin-bottom:.15rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#dcg-generator-root .uis{
  font-size:11.5px;
  font-weight:400;
  color:var(--text3);
  overflow-wrap:anywhere;
}

#dcg-generator-root .urm{
  display:none;
  position:relative;
  z-index:2;
  background:rgba(185,74,57,.08);
  border:1px solid rgba(185,74,57,.22);
  color:#b94a39;
  border-radius:6px;
  padding:.28rem .55rem;
  font-size:11px;
  cursor:pointer;
  white-space:nowrap;
  flex-shrink:0;
}

#dcg-generator-root .ot{
  display:flex;
  gap:.35rem;
  margin-top:.6rem;
  flex-wrap:wrap;
}

#dcg-generator-root .otb{
  flex:1;
  min-width:90px;
  padding:.42rem .45rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  font-family:"DM Sans",sans-serif;
  font-size:11px;
  color:var(--text3);
  cursor:pointer;
  text-align:center;
  transition:all .2s;
}

#dcg-generator-root .otb.on{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
  font-weight:500;
}

#dcg-generator-root .dp{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border:1px solid rgba(31,95,149,.16);
  border-radius:10px;
  background:#fff;
  padding:.55rem .9rem;
  margin-top:.45rem;
  max-width:100%;
}

#dcg-generator-root .dl{
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--text3);
  display:block;
  margin-bottom:.1rem;
}

#dcg-generator-root .dv{
  font-family:"JetBrains Mono",monospace;
  font-size:12px;
  font-weight:500;
  color:var(--blueDeep);
  letter-spacing:.05em;
}

#dcg-generator-root .bz{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin-top:1.4rem;
  padding:.86rem 1.5rem;
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  color:#fff;
  border-radius:9px;
  font-size:14px;
  font-weight:500;
  border:none;
  cursor:pointer;
  font-family:"DM Sans",sans-serif;
  transition:all .25s;
  box-shadow:0 12px 24px rgba(31,95,149,.12);
}

#dcg-generator-root .bz:hover{
  transform:translateY(-2px);
}

#dcg-generator-root .br{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  margin-top:.55rem;
  padding:.58rem;
  background:transparent;
  border:1px solid var(--line);
  border-radius:9px;
  font-size:12.5px;
  color:var(--text3);
  cursor:pointer;
  font-family:"DM Sans",sans-serif;
  transition:all .2s;
}

#dcg-generator-root .br:hover{
  border-color:var(--line2);
  color:var(--text2);
}

#dcg-generator-root .spb{
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  padding:.75rem .9rem;
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-top:.5rem;
  min-width:0;
}

#dcg-generator-root .spd{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--blue);
  animation:blink 2s ease-in-out infinite;
  flex-shrink:0;
}

@keyframes blink{
  0%,100%{opacity:1}
  50%{opacity:.25}
}

#dcg-generator-root .spn{
  font-size:12.5px;
  font-weight:400;
  color:var(--text2);
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#dcg-generator-root .spc{
  font-size:11px;
  color:var(--text4);
  cursor:pointer;
  border:1px solid var(--line);
  border-radius:6px;
  padding:.24rem .55rem;
  background:transparent;
  font-family:"DM Sans",sans-serif;
  transition:all .2s;
  flex-shrink:0;
}

#dcg-generator-root .spc:hover{
  border-color:var(--blue);
  color:var(--blue);
}

#dcg-generator-root .kw{
  width:100%;
  max-width:100%;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(16,40,64,.14);
  margin-bottom:.75rem;
  cursor:pointer;
  background:#102840;
  perspective:800px;
}

#dcg-generator-root .kw svg{
  display:block;
  visibility:visible!important;
  opacity:1;
  width:100%;
  height:auto;
  transition:opacity .38s ease,transform .38s cubic-bezier(.4,0,.2,1);
}

#dcg-generator-root .kw svg.odch{opacity:0;transform:rotateY(-15deg) scale(.96)}
#dcg-generator-root .kw svg.wch{opacity:0;transform:rotateY(15deg) scale(.96)}
#dcg-generator-root .kw svg.vis{opacity:1;transform:rotateY(0deg) scale(1)}

#dcg-generator-root .fb{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  padding:.68rem;
  margin-bottom:.75rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  font-family:"DM Sans",sans-serif;
  font-size:13px;
  color:var(--text3);
  cursor:pointer;
  transition:all .2s;
}

#dcg-generator-root .fb:hover{
  border-color:var(--blue);
  color:var(--blue);
  background:#f8fbfe;
}

#dcg-generator-root .fb.on{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}

#dcg-generator-root .ka{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.5rem;
}

@media(max-width:600px){
  #dcg-generator-root .ka{grid-template-columns:repeat(2,minmax(0,1fr))}
}

#dcg-generator-root .kb{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:.58rem .75rem;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  font-family:"DM Sans",sans-serif;
  font-size:12px;
  color:var(--text3);
  cursor:pointer;
  transition:all .2s;
  text-decoration:none;
  text-align:center;
}

#dcg-generator-root .kb:hover{
  border-color:var(--blue);
  color:var(--blue);
  background:#f8fbfe;
}

#dcg-generator-root .leg{
  margin-top:1.1rem;
  padding:.95rem 1rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}

#dcg-generator-root .legt{
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text3);
  margin-bottom:.5rem;
}

#dcg-generator-root .legr{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size:12px;
  font-weight:300;
  color:var(--text3);
  min-width:0;
  overflow-wrap:anywhere;
}

#dcg-generator-root .legd{
  width:10px;
  height:10px;
  border-radius:3px;
  flex-shrink:0;
}

#dcg-generator-root .kbdg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.15rem .6rem;
  border-radius:6px;
  background:var(--blue);
  color:#fff;
  font-family:var(--mono);
  font-size:11px;
  font-weight:500;
  min-width:32px;
  flex-shrink:0;
}

#dcg-generator-root .nota{
  background:#fff;
  border-top:1px solid var(--line);
  padding:1.75rem 2rem;
  text-align:center;
  overflow:hidden;
}

@media(max-width:600px){
  #dcg-generator-root .hero{padding:2.6rem 1.1rem 2.2rem}
  #dcg-generator-root .pb{padding:.65rem 1.1rem}
  #dcg-generator-root .nota{padding:1.5rem 1.1rem}
}


/* WSPÓŁODPOWIEDZIALNI 2027 — dodatkowe kontrolki bez zmiany bazowego układu */
#dcg-generator-root .local-box{
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  padding:.85rem .95rem;
}
#dcg-generator-root .local-title{
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--text3);
  margin-bottom:.65rem;
}
#dcg-generator-root .local-note{
  font-size:11px;
  line-height:1.6;
  color:var(--text3);
  margin-top:.55rem;
}
#dcg-generator-root .local-row{
  margin-top:.7rem;
}

#dcg-generator-root .city-choice-preview{
  margin-top:.5rem;
  padding:.55rem .7rem;
  border:1px solid rgba(31,95,149,.12);
  border-radius:8px;
  background:rgba(31,95,149,.035);
  font-size:10.5px;
  line-height:1.5;
  color:var(--text3);
}
#dcg-generator-root .city-choice-preview strong{
  color:var(--blueDeep);
  font-weight:500;
}
#dcg-generator-root .city-custom-row{
  display:none;
  margin-top:.55rem;
}
#dcg-generator-root .nid-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:.55rem;
}
#dcg-generator-root .nbtn{
  flex:1;
  min-width:120px;
  padding:.56rem .7rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  font-family:"DM Sans",sans-serif;
  font-size:11.5px;
  color:var(--text3);
  cursor:pointer;
  transition:all .2s;
}
#dcg-generator-root .nbtn:hover{
  border-color:var(--blue);
  color:var(--blue);
  background:#f8fbfe;
}
#dcg-generator-root .nbtn.primary{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
#dcg-generator-root .nid-status{
  font-size:11px;
  color:var(--text3);
  margin-top:.45rem;
  line-height:1.45;
}
#dcg-generator-root .contrast-row{
  display:none;
  margin-top:.55rem;
}

@media print{
  #dcg-generator-root .pg, #dcg-generator-root .pd, #dcg-generator-root .pb, #dcg-generator-root .hero, #dcg-generator-root .lform, #dcg-generator-root .nota, #dcg-generator-root .ka, #dcg-generator-root .fb, #dcg-generator-root .br, #dcg-generator-root .bz, #dcg-generator-root .leg{display:none!important}
  #dcg-generator-root, #dcg-generator-root{overflow:visible!important}
  #dcg-generator-root{background:white}
  #dcg-generator-root .main{display:block;padding:0;margin:0;max-width:none}
  #dcg-generator-root .kw{width:85.6mm;height:54mm;border-radius:3mm;box-shadow:none;page-break-inside:avoid;margin:5mm auto}
}

#dcg-generator-root{
  width:100%;
  max-width:100%;
}
#dcg-generator-root .kw:focus-visible, #dcg-generator-root button:focus-visible, #dcg-generator-root input:focus-visible, #dcg-generator-root select:focus-visible{
  outline:3px solid rgba(31,95,149,.32);
  outline-offset:2px;
}


@media(min-width:921px) and (max-width:1120px){
  #dcg-generator-root .main{
    grid-template-columns:minmax(0,1fr) minmax(400px,.92fr);
    gap:2rem;
    padding-left:1.4rem;
    padding-right:1.4rem;
  }
}

@media(min-width:921px) and (max-height:720px){
  #dcg-generator-root .preview-col{
    top:48px;
  }

  #dcg-generator-root .preview-col .kw{
    max-width:470px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:600px){
  #dcg-generator-root .preview-col{
    width:100%;
  }
}


/* STICKY PREVIEW: przodkowie generatora nie mogą tworzyć lokalnego scroll-containera */
#dcg-generator-root, #dcg-generator-root .main{
  overflow:visible !important;
}

#dcg-generator-root .preview-col{
  position:-webkit-sticky !important;
  position:sticky !important;
  top:72px !important;
  align-self:start !important;
  z-index:30 !important;
  height:max-content !important;
}

@media(max-width:920px){
  #dcg-generator-root .preview-col{
    position:relative !important;
    top:auto !important;
  }
}

/* Tryb awaryjny uruchamiany przez JS tylko gdy natywne sticky faktycznie nie działa */
#dcg-generator-root .preview-col.dcg-fixed-preview{
  position:fixed !important;
  top:72px !important;
  z-index:999 !important;
  margin:0 !important;
  right:auto !important;
  bottom:auto !important;
  transition:transform .08s linear !important;
}

/* Nie przełączamy już podglądu na absolute przy końcu sekcji.
   Karta pozostaje w tej samej prawej kolumnie i tylko przesuwa się pionowo. */


/* =========================================================
   BIBLIOTEKA TŁA KARTY + OCHRONA STYLU PRZED WORDPRESSEM
   Zachowuje oryginalny sticky preview i całą logikę generatora.
   ========================================================= */
#dcg-generator-root .dcg-art-library{
  margin-top:.8rem;
  padding:.85rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 20px rgba(16,40,64,.045);
}
#dcg-generator-root .dcg-art-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.8rem;
  margin-bottom:.65rem;
}
#dcg-generator-root .dcg-art-title{
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--text3);
  margin:0;
}
#dcg-generator-root .dcg-art-sub{
  margin:.18rem 0 0;
  font-size:10.5px;
  line-height:1.4;
  color:var(--text4);
}
#dcg-generator-root .dcg-art-clear{
  flex:0 0 auto;
  border:1px solid var(--line) !important;
  background:#fff !important;
  color:var(--text3) !important;
  border-radius:7px !important;
  padding:.32rem .55rem !important;
  font:500 10px/1.2 "DM Sans",sans-serif !important;
  cursor:pointer;
  box-shadow:none !important;
  text-transform:none !important;
}
#dcg-generator-root .dcg-art-clear:hover, #dcg-generator-root .dcg-art-clear:focus{
  border-color:var(--blue) !important;
  color:var(--blue) !important;
  background:#f8fbfe !important;
}
#dcg-generator-root .dcg-art-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.42rem;
}
#dcg-generator-root .dcg-art-item{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1.55/1;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden;
  border-radius:8px !important;
  border:1px solid rgba(31,95,149,.14) !important;
  background:#eef3f6 !important;
  cursor:pointer;
  box-shadow:none !important;
  min-width:0;
}
#dcg-generator-root .dcg-art-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease,opacity .22s ease;
}
#dcg-generator-root .dcg-art-item::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:7px;
  box-shadow:inset 0 0 0 0 rgba(31,95,149,0);
  pointer-events:none;
  transition:box-shadow .18s ease;
}
#dcg-generator-root .dcg-art-item:hover img{transform:scale(1.035)}
#dcg-generator-root .dcg-art-item.on{
  border-color:var(--blue) !important;
  background:#fff !important;
}
#dcg-generator-root .dcg-art-item.on::after{
  box-shadow:inset 0 0 0 2px var(--blue);
}
#dcg-generator-root .dcg-art-item span{
  position:absolute;
  left:4px;
  right:4px;
  bottom:4px;
  padding:3px 4px;
  border-radius:5px;
  background:rgba(16,40,64,.76);
  color:#fff !important;
  font:500 7.6px/1.15 "DM Sans",sans-serif !important;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
#dcg-generator-root .dcg-art-status{
  margin-top:.55rem;
  font-size:10px;
  line-height:1.45;
  color:var(--text4);
}

#dcg-generator-root .dcg-art-count{
  margin-top:.55rem;
  padding:.5rem .6rem;
  border:1px solid rgba(31,95,149,.10);
  border-radius:8px;
  background:rgba(31,95,149,.028);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  flex-wrap:wrap;
  font-size:9.5px;
  line-height:1.4;
  color:var(--text4);
}
#dcg-generator-root .dcg-art-count strong{
  color:var(--text2);
  font-weight:500;
}
#dcg-generator-root .dcg-art-range{
  color:var(--blue);
  font-weight:500;
  white-space:nowrap;
}
#dcg-generator-root .dcg-art-scroll-hint{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  color:var(--text3);
  white-space:nowrap;
}
#dcg-generator-root .dcg-art-scroll-hint .arrow{
  display:inline-block;
  font-size:12px;
  line-height:1;
  animation:dcgArtArrow 1.4s ease-in-out infinite;
}
#dcg-generator-root .dcg-art-scroll-hint.end{
  color:var(--green);
}
#dcg-generator-root .dcg-art-scroll-hint.end .arrow{
  display:none;
}
@keyframes dcgArtArrow{
  0%,100%{transform:translateY(0);opacity:.65}
  50%{transform:translateY(2px);opacity:1}
}
#dcg-generator-root .dcg-art-grid{
  max-height:620px;
  overflow-y:auto;
  overflow-x:hidden;
  align-content:start;
  padding-right:.15rem;
  scrollbar-width:thin;
  scrollbar-color:rgba(31,95,149,.28) transparent;
}
#dcg-generator-root .dcg-art-grid::-webkit-scrollbar{
  width:7px;
}
#dcg-generator-root .dcg-art-grid::-webkit-scrollbar-track{
  background:transparent;
}
#dcg-generator-root .dcg-art-grid::-webkit-scrollbar-thumb{
  background:rgba(31,95,149,.22);
  border-radius:999px;
}
#dcg-generator-root .dcg-art-grid::-webkit-scrollbar-thumb:hover{
  background:rgba(31,95,149,.36);
}
@media(max-width:920px){
  #dcg-generator-root .dcg-art-grid{
    max-height:720px;
  }
}
@media(max-width:560px){
  #dcg-generator-root .dcg-art-grid{
    max-height:760px;
  }
}

@media(max-width:560px){
  #dcg-generator-root .dcg-art-count{
    align-items:flex-start;
    flex-direction:column;
    gap:.25rem;
  }
}
#dcg-generator-root .dcg-art-status strong{
  color:var(--text2);
  font-weight:500;
}

#dcg-generator-root .dcg-ai-note{
  margin-top:.7rem;
  padding:.78rem .85rem;
  border:1px solid rgba(31,95,149,.13);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,254,.96));
  box-shadow:0 6px 18px rgba(16,40,64,.035);
}
#dcg-generator-root .dcg-ai-note-head{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:.35rem;
}
#dcg-generator-root .dcg-ai-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:20px;
  padding:0 .42rem;
  border-radius:6px;
  background:rgba(31,95,149,.08);
  border:1px solid rgba(31,95,149,.15);
  color:var(--blue);
  font:500 9px/1 var(--mono);
  letter-spacing:.08em;
}
#dcg-generator-root .dcg-ai-title{
  margin:0;
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--text3);
}
#dcg-generator-root .dcg-ai-text{
  margin:0;
  font-size:10.5px;
  font-weight:300;
  line-height:1.62;
  color:var(--text2);
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
}
#dcg-generator-root .dcg-ai-text strong{
  color:var(--text2);
  font-weight:500;
}

/* Blok techniczny nadal istnieje w DOM, bo korzysta z niego JS,
   ale nie jest pokazywany użytkownikowi. Dzięki temu logika karty
   pozostaje nienaruszona. */
#dcg-generator-root .leg{
  display:none !important;
}

/* Elementor i globalne style WP nie mogą przemalowywać sterowania generatora. */
#dcg-generator-root .kb, #dcg-generator-root .fb, #dcg-generator-root .br, #dcg-generator-root .spc, #dcg-generator-root .vtb, #dcg-generator-root .otb, #dcg-generator-root .nbtn{
  box-shadow:none !important;
  text-shadow:none !important;
  text-decoration:none !important;
}
#dcg-generator-root .kb, #dcg-generator-root .fb, #dcg-generator-root .br, #dcg-generator-root .spc, #dcg-generator-root .vtb, #dcg-generator-root .otb, #dcg-generator-root .nbtn:not(.primary){
  background:#fff !important;
}
#dcg-generator-root .kb, #dcg-generator-root .fb:not(.on), #dcg-generator-root .br, #dcg-generator-root .spc, #dcg-generator-root .vtb:not(.on), #dcg-generator-root .otb:not(.on), #dcg-generator-root .nbtn:not(.primary){
  color:var(--text3) !important;
  border-color:var(--line) !important;
}
#dcg-generator-root .vtb.on, #dcg-generator-root .otb.on, #dcg-generator-root .nbtn.primary, #dcg-generator-root .fb.on{
  background:var(--blue) !important;
  border-color:var(--blue) !important;
  color:#fff !important;
}
#dcg-generator-root .kb:hover, #dcg-generator-root .kb:focus, #dcg-generator-root .br:hover, #dcg-generator-root .br:focus, #dcg-generator-root .spc:hover, #dcg-generator-root .spc:focus{
  background:#f8fbfe !important;
  border-color:var(--blue) !important;
  color:var(--blue) !important;
}
#dcg-generator-root button:focus, #dcg-generator-root button:active{
  filter:none !important;
}
@media(max-width:1100px){
  #dcg-generator-root .dcg-art-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:920px){
  #dcg-generator-root .dcg-art-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:560px){
  #dcg-generator-root .dcg-art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media print{
  #dcg-generator-root .dcg-art-library{display:none!important}
}


/* STUDIO KARTY DAWCY — spokojniejsza, editorialowa góra */
#dcg-generator-root .hero{
  background:
    radial-gradient(circle at 18% 12%,rgba(31,95,149,.075),transparent 31%),
    radial-gradient(circle at 80% 10%,rgba(217,138,43,.065),transparent 28%),
    linear-gradient(180deg,#fbfcfd 0%,#f2f6f9 100%);
  padding:3.35rem 2rem 3.05rem;
}
#dcg-generator-root .hero .he{
  opacity:.16;
  filter:saturate(.55);
}
#dcg-generator-root .hi{max-width:820px}
#dcg-generator-root .ht{
  font-style:normal;
  letter-spacing:-.025em;
}
#dcg-generator-root .ht em{
  font-family:"DM Serif Display",serif;
  font-style:italic;
}
#dcg-generator-root .hs{max-width:690px}
#dcg-generator-root .studio-modes{
  display:flex;
  justify-content:center;
  gap:.45rem;
  flex-wrap:wrap;
  margin-top:1.15rem;
}
#dcg-generator-root .studio-modes span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.34rem .72rem;
  border:1px solid rgba(31,95,149,.15);
  border-radius:999px;
  background:rgba(255,255,255,.66);
  color:#5e7485;
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.09em;
  text-transform:uppercase;
}

/* Informacja o automatycznym kontraście, bez przycisków jasne/ciemne. */
#dcg-generator-root .auto-contrast-info{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  padding:.58rem .7rem;
  border:1px solid rgba(31,95,149,.13);
  border-radius:9px;
  background:rgba(31,95,149,.035);
  color:var(--text3);
  font-size:10.5px;
  line-height:1.5;
}
#dcg-generator-root .auto-contrast-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  margin-top:.25rem;
  flex:0 0 auto;
}

/* Lokalny wariant jako dodatkowa funkcja, nie domyślna karta miasta. */
#dcg-generator-root .local-box{
  box-shadow:none;
}
#dcg-generator-root .local-intro{
  font-size:11px;
  line-height:1.6;
  color:var(--text3);
  margin:0 0 .8rem;
}



/* =========================================================
   KOMPAKTOWY PODGLĄD KARTY
   Na desktopie karta pozostaje po prawej stronie i nie dominuje
   nad formularzem. Pełny rozmiar jest dostępny dopiero po kliknięciu
   „Powiększ”.
   ========================================================= */
@media(min-width:921px){
  #dcg-generator-root .main{
    grid-template-columns:minmax(0,1fr) 405px !important;
    gap:2.35rem !important;
  }

  #dcg-generator-root .preview-col{
    width:405px !important;
    max-width:405px !important;
    justify-self:end !important;
  }

  #dcg-generator-root .preview-col .sec{
    margin-bottom:.8rem !important;
    font-size:1.18rem !important;
  }

  #dcg-generator-root .kw{
    width:100% !important;
    max-width:385px !important;
    margin:0 auto .6rem !important;
    border-radius:12px !important;
    box-shadow:0 10px 28px rgba(16,40,64,.13) !important;
  }

  #dcg-generator-root .fb{
    max-width:385px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:.56rem .65rem !important;
    font-size:12px !important;
  }

  #dcg-generator-root .ka{
    max-width:385px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #dcg-generator-root .kb{
    padding:.48rem .55rem !important;
    font-size:11px !important;
  }

  #dcg-generator-root .dcg-art-library{
    max-width:385px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:.7rem !important;
  }

  #dcg-generator-root .dcg-art-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:.35rem !important;
  }

  #dcg-generator-root .dcg-art-item{
    border-radius:7px !important;
  }

  #dcg-generator-root .leg{
    max-width:385px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:.78rem .85rem !important;
  }
}

/* Na bardzo szerokich ekranach nie zwiększamy karty ponad ustalony rozmiar. */
@media(min-width:1280px){
  #dcg-generator-root .main{
    max-width:1180px !important;
  }

  #dcg-generator-root .preview-col{
    width:405px !important;
    max-width:405px !important;
  }

  #dcg-generator-root .kw{
    max-width:385px !important;
  }
}

/* Tablet i telefon: karta może wykorzystać szerokość ekranu,
   ale nadal nie przekracza rozsądnego rozmiaru. */
@media(max-width:920px){
  #dcg-generator-root .preview-col{
    width:100% !important;
    max-width:620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #dcg-generator-root .kw, #dcg-generator-root .fb, #dcg-generator-root .ka, #dcg-generator-root .dcg-art-library, #dcg-generator-root .leg{
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}



/* =========================================================
   FINALNY UKŁAD STUDIO
   LEWA: formularz roboczy
   PRAWA: karta + grafiki, sticky/fallback
   ========================================================= */
@media(min-width:921px){
  #dcg-generator-root .main{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 405px !important;
    gap:2.35rem !important;
    align-items:start !important;
    overflow:visible !important;
  }

  #dcg-generator-root .main > .lform{
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:100% !important;
    position:relative !important;
    z-index:1 !important;
  }

  #dcg-generator-root .main > .preview-col{
    grid-column:2 !important;
    grid-row:1 !important;
    width:405px !important;
    max-width:405px !important;
    min-width:0 !important;
    justify-self:end !important;
    align-self:start !important;
  }

  #dcg-generator-root .preview-col .kw, #dcg-generator-root .preview-col .fb, #dcg-generator-root .preview-col .ka, #dcg-generator-root .preview-col .dcg-art-library, #dcg-generator-root .preview-col .leg{
    width:100% !important;
    max-width:385px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media(max-width:920px){
  #dcg-generator-root .main{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #dcg-generator-root .main > .lform, #dcg-generator-root .main > .preview-col{
    grid-column:1 !important;
    width:100% !important;
  }

  #dcg-generator-root .preview-col{
    position:relative !important;
    top:auto !important;
    max-width:620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    transform:none !important;
  }
}



/* =========================================================
   STUDIO KARTY DAWCY: DUŻE MINIATURY W PRAWEJ KOLUMNIE
   ========================================================= */
#dcg-generator-root .dcg-art-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:.62rem !important;
}
#dcg-generator-root .dcg-art-item{
  aspect-ratio:1.55/1 !important;
  border-radius:9px !important;
}
#dcg-generator-root .dcg-art-item span{
  left:6px !important;
  right:6px !important;
  bottom:6px !important;
  padding:4px 6px !important;
  border-radius:6px !important;
  font-size:9px !important;
  line-height:1.2 !important;
}
@media(max-width:420px){
  #dcg-generator-root .dcg-art-grid{
    grid-template-columns:1fr !important;
  }
}



/* Podgląd jest widoczny od pierwszego renderu strony. */
#dcg-generator-root .preview-col{
  visibility:visible !important;
  opacity:1 !important;
}



/* =========================================================
   POWIĘKSZENIE KARTY: PRZÓD / TYŁ W JEDNYM MODALU
   ========================================================= */
#dcg-generator-root .dcg-zoom-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(7,18,30,.72);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

#dcg-generator-root .dcg-zoom-modal.on{
  display:flex;
}

#dcg-generator-root .dcg-zoom-panel{
  width:min(980px,96vw);
  max-height:92vh;
  overflow:auto;
  border-radius:22px;
  background:#f8fbfe;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
  padding:18px 18px 20px;
}

#dcg-generator-root .dcg-zoom-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

#dcg-generator-root .dcg-zoom-title{
  margin:0;
  font-family:"DM Serif Display",serif;
  font-size:24px;
  font-style:italic;
  color:var(--blueDeep);
}

#dcg-generator-root .dcg-zoom-close{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--line) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--text2) !important;
  font-size:20px !important;
  line-height:1 !important;
  cursor:pointer;
  box-shadow:none !important;
}

#dcg-generator-root .dcg-zoom-card-wrap{
  width:min(760px,100%);
  margin:0 auto;
  border-radius:18px;
  overflow:hidden;
  background:#102840;
  box-shadow:0 20px 52px rgba(16,40,64,.22);
  cursor:pointer;
  perspective:1000px;
}

#dcg-generator-root .dcg-zoom-card-wrap svg{
  display:block;
  width:100%;
  height:auto;
  transition:opacity .28s ease,transform .28s cubic-bezier(.4,0,.2,1);
  transform-origin:center;
}

#dcg-generator-root .dcg-zoom-card-wrap svg.out{
  opacity:0;
  transform:rotateY(-16deg) scale(.98);
}

#dcg-generator-root .dcg-zoom-card-wrap svg.in{
  opacity:0;
  transform:rotateY(16deg) scale(.98);
}

#dcg-generator-root .dcg-zoom-card-wrap svg.vis{
  opacity:1;
  transform:rotateY(0deg) scale(1);
}

#dcg-generator-root .dcg-zoom-switch{
  width:min(520px,100%);
  margin:14px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

#dcg-generator-root .dcg-zoom-side{
  min-height:42px;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--text3) !important;
  font:500 12px/1.2 "DM Sans",sans-serif !important;
  cursor:pointer;
  box-shadow:none !important;
}

#dcg-generator-root .dcg-zoom-side.on{
  background:var(--blue) !important;
  border-color:var(--blue) !important;
  color:#fff !important;
}

#dcg-generator-root .dcg-zoom-hint{
  margin:10px 0 0;
  text-align:center;
  font-size:11px;
  line-height:1.5;
  color:var(--text4);
}

body.dcg-modal-open{
  overflow:hidden !important;
}

@media(max-width:640px){
  #dcg-generator-root .dcg-zoom-modal{padding:10px}
  #dcg-generator-root .dcg-zoom-panel{padding:12px;border-radius:16px}
  #dcg-generator-root .dcg-zoom-title{font-size:20px}
}


/* =========================================================
   FINALIZACJA PROJEKTU I SPECYFIKACJA WYKONANIA KARTY DAWCY
   Moduł wyłącznie odczytuje aktualny stan Studio.
   Nie ingeruje w renderowanie, obrót, powiększenie ani formularz.
   ========================================================= */
#dcg-generator-root .dcg-finalize{
  width:min(1160px,calc(100% - 40px));
  margin:0 auto 3rem;
  padding:1.15rem;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(16,40,64,.06);
}
#dcg-generator-root .dcg-finalize-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:start;
}
#dcg-generator-root .dcg-finalize-kicker{
  margin:0 0 .28rem;
  font:500 9.5px/1.3 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--blue);
}
#dcg-generator-root .dcg-finalize-title{
  margin:0;
  font-family:"DM Serif Display",serif;
  font-size:1.35rem;
  font-style:italic;
  color:var(--blueDeep);
}
#dcg-generator-root .dcg-finalize-copy{
  margin:.45rem 0 0;
  max-width:760px;
  font-size:11.5px;
  line-height:1.65;
  color:var(--text2);
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
}
#dcg-generator-root .dcg-finalize-qty{
  min-width:150px;
}
#dcg-generator-root .dcg-finalize-qty label{
  display:block;
  margin-bottom:.32rem;
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text2);
}
#dcg-generator-root .dcg-finalize-qty input{
  width:100%;
  padding:.62rem .7rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--text);
  font:400 13px/1.2 "DM Sans",sans-serif;
  outline:none;
}
#dcg-generator-root .dcg-finalize-qty input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(31,95,149,.1);
}
#dcg-generator-root .dcg-finalize-start{
  display:block;
  width:auto;
  min-width:220px;
  max-width:300px;
  margin:1rem auto 0;
  padding:.68rem 1.35rem;
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  color:#fff;
  font:500 12.5px/1.2 "DM Sans",sans-serif;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(31,95,149,.11);
}
@media(max-width:520px){
  #dcg-generator-root .dcg-finalize-start{
    width:100%;
    min-width:0;
    max-width:none;
  }
}
#dcg-generator-root .dcg-finalize-start:hover{
  transform:translateY(-1px);
}
#dcg-generator-root .dcg-finalize-review{
  display:none;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid var(--line);
}
#dcg-generator-root .dcg-finalize-review.on{
  display:block;
}
#dcg-generator-root .dcg-finalize-idrow{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1rem;
  align-items:center;
  margin-bottom:.9rem;
  font-size:10.5px;
  color:var(--text3);
}
#dcg-generator-root .dcg-finalize-id{
  font-family:var(--mono);
  font-weight:500;
  color:var(--blueDeep);
}
#dcg-generator-root .dcg-finalize-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
  margin-bottom:1rem;
}
#dcg-generator-root .dcg-finalize-card{
  overflow:hidden;
  border-radius:10px;
  background:#102840;
  box-shadow:0 8px 20px rgba(16,40,64,.11);
}
#dcg-generator-root .dcg-finalize-card svg{
  display:block;
  width:100%;
  height:auto;
}
#dcg-generator-root .dcg-finalize-card-label{
  padding:.38rem .55rem;
  background:#f7fafc;
  border:1px solid var(--line);
  border-top:0;
  font:500 9px/1.3 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text3);
}
#dcg-generator-root .dcg-finalize-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--line);
}
#dcg-generator-root .dcg-finalize-field{
  min-width:0;
  padding:.7rem .75rem;
  background:#fff;
}
#dcg-generator-root .dcg-finalize-field span{
  display:block;
  margin-bottom:.18rem;
  font:500 8.5px/1.3 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text4);
}
#dcg-generator-root .dcg-finalize-field strong{
  display:block;
  font-size:11.5px;
  line-height:1.45;
  font-weight:500;
  color:var(--text2);
  overflow-wrap:anywhere;
}
#dcg-generator-root .dcg-finalize-checks{
  display:grid;
  gap:.55rem;
  margin-top:1rem;
}
#dcg-generator-root .dcg-finalize-check{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  cursor:pointer;
}
#dcg-generator-root .dcg-finalize-check input{
  width:16px;
  height:16px;
  margin-top:2px;
  accent-color:var(--blue);
  flex:0 0 auto;
}
#dcg-generator-root .dcg-finalize-check span{
  font-size:11px;
  line-height:1.55;
  color:var(--text3);
}
#dcg-generator-root .dcg-finalize-note{
  margin-top:.9rem;
  padding:.72rem .8rem;
  border-left:3px solid var(--blue);
  border-radius:7px;
  background:rgba(31,95,149,.045);
  font-size:10.5px;
  line-height:1.6;
  color:var(--text3);
}
#dcg-generator-root .dcg-finalize-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.55rem;
  margin-top:.9rem;
}
#dcg-generator-root .dcg-finalize-action{
  min-height:42px;
  padding:.62rem .7rem;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  color:var(--text3);
  font:500 11px/1.25 "DM Sans",sans-serif;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
}
#dcg-generator-root .dcg-finalize-action.primary{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
#dcg-generator-root .dcg-finalize-action:disabled{
  opacity:.42;
  cursor:not-allowed;
}
#dcg-generator-root .dcg-finalize-status{
  min-height:1.2em;
  margin-top:.65rem;
  font-size:10px;
  line-height:1.45;
  color:var(--text4);
}

#dcg-generator-root .dcg-order-data{
  margin-top:1rem;
  padding:1rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f9fbfd;
}
#dcg-generator-root .dcg-order-data-title{
  margin:0 0 .25rem;
  font-family:"DM Serif Display",serif;
  font-size:1.05rem;
  font-style:italic;
  color:var(--blueDeep);
}
#dcg-generator-root .dcg-order-data-copy{
  margin:0 0 .8rem;
  font-size:10.5px;
  line-height:1.55;
  color:var(--text3);
}
#dcg-generator-root .dcg-order-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
}
#dcg-generator-root .dcg-order-field label{
  display:block;
  margin-bottom:.3rem;
  font-size:9px;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text3);
}
#dcg-generator-root .dcg-order-field input{
  width:100%;
  padding:.62rem .7rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--text);
  font:400 12px/1.2 "DM Sans",sans-serif;
  outline:none;
}
#dcg-generator-root .dcg-order-field input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(31,95,149,.1);
}
#dcg-generator-root .dcg-consent-heading{
  margin:1rem 0 .35rem;
  font-size:11px;
  font-weight:600;
  color:var(--blueDeep);
}
#dcg-generator-root .dcg-consent-explain{
  margin:0 0 .7rem;
  font-size:10.5px;
  line-height:1.55;
  color:var(--text3);
}
#dcg-generator-root .dcg-finalize-check{
  padding:.7rem .75rem;
  border:1px solid rgba(31,95,149,.10);
  border-radius:9px;
  background:#fff;
}
#dcg-generator-root .dcg-finalize-check.required{
  border-left:3px solid var(--blue);
}
#dcg-generator-root .dcg-finalize-check.health{
  border-left:3px solid #b94a39;
  background:rgba(185,74,57,.025);
}
#dcg-generator-root .dcg-finalize-check .dcg-check-tag{
  display:inline-block;
  margin-bottom:.2rem;
  font:500 8.5px/1.2 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text4);
}
#dcg-generator-root .dcg-finalize-warning{
  display:none;
  margin-top:.8rem;
  padding:.75rem .8rem;
  border:1px solid rgba(185,74,57,.20);
  border-radius:8px;
  background:rgba(185,74,57,.055);
  color:#934234;
  font-size:10.5px;
  line-height:1.55;
}
#dcg-generator-root .dcg-finalize-warning.on{
  display:block;
}
#dcg-generator-root .dcg-legal-preview{
  margin-top:1rem;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
}
#dcg-generator-root .dcg-legal-card{
  padding:.85rem;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
#dcg-generator-root .dcg-legal-card strong{
  display:block;
  margin-bottom:.3rem;
  font-size:10.5px;
  color:var(--blueDeep);
}
#dcg-generator-root .dcg-legal-card p{
  margin:0;
  font-size:10px;
  line-height:1.55;
  color:var(--text2);
  text-align:justify;
  hyphens:auto;
}
@media(max-width:760px){
  #dcg-generator-root .dcg-order-grid, #dcg-generator-root .dcg-legal-preview{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  #dcg-generator-root .dcg-finalize-head{grid-template-columns:1fr}
  #dcg-generator-root .dcg-finalize-qty{min-width:0}
  #dcg-generator-root .dcg-finalize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dcg-generator-root .dcg-finalize-actions{grid-template-columns:1fr}
}
@media(max-width:520px){
  #dcg-generator-root .dcg-finalize{
    width:calc(100% - 22px);
    padding:.9rem;
  }
  #dcg-generator-root .dcg-finalize-cards, #dcg-generator-root .dcg-finalize-grid{
    grid-template-columns:1fr;
  }
}
@media print{
  #dcg-generator-root .dcg-finalize{display:none!important}
}



/* Warstwa konfiguracji wtyczki */
#dcg-generator-root .dcg-feature-message{
  display:none;
  margin:.8rem 0 1rem;
  padding:.78rem .9rem;
  border:1px solid rgba(217,138,43,.28);
  border-radius:10px;
  background:rgba(217,138,43,.07);
  color:#75501f;
  font-size:11.5px;
  line-height:1.55;
}
#dcg-generator-root .dcg-feature-message.on{display:block}
#dcg-generator-root button[disabled], #dcg-generator-root input[disabled], #dcg-generator-root select[disabled]{
  opacity:.48!important;
  cursor:not-allowed!important;
  transform:none!important;
}
#dcg-generator-root .dcg-finalize-action.is-hidden, #dcg-generator-root .dcg-admin-hidden{display:none!important}
#dcg-generator-root .dcg-send-working{opacity:.65!important;pointer-events:none!important}

#dcg-generator-root .dcg-global-message{display:none;max-width:1160px;margin:1.2rem auto;padding:.9rem 1rem;border:1px solid rgba(217,138,43,.28);border-radius:10px;background:rgba(217,138,43,.07);color:#75501f;font-size:12px;line-height:1.55}
#dcg-generator-root .dcg-global-message.on{display:block}

/* 1.2.3: czytelny stan wysyłki specyfikacji */
#dcg-generator-root .dcg-finalize-status.is-working{
  color:var(--blue);
  font-weight:500;
}
#dcg-generator-root .dcg-finalize-status.is-ok{
  color:var(--green);
  font-weight:500;
}
#dcg-generator-root .dcg-finalize-status.is-error{
  color:#a23f32;
  font-weight:500;
}
#dcg-generator-root .dcg-feature-message.is-success{
  border-color:rgba(46,159,105,.28);
  background:rgba(46,159,105,.07);
  color:#246845;
}

/* =========================================================
   REALIZATORZY KARTY DAWCY
   ========================================================= */
#dcg-generator-root .dcg-realizers{
  margin:1.25rem 0 1rem;
  padding:1.1rem;
  border:1px solid rgba(31,95,149,.14);
  border-radius:14px;
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9fc 100%);
}
#dcg-generator-root .dcg-realizers[hidden]{display:none!important}
#dcg-generator-root .dcg-realizers-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.85rem}
#dcg-generator-root .dcg-realizers-kicker{margin:0 0 .25rem;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}
#dcg-generator-root .dcg-realizers-title{margin:0;font-family:'DM Serif Display',serif;font-size:1.22rem;font-weight:400;color:var(--blueDeep);line-height:1.25}
#dcg-generator-root .dcg-realizers-copy{margin:.38rem 0 0;max-width:760px;font-size:12px;line-height:1.68;color:var(--text2)}
#dcg-generator-root .dcg-realizer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
#dcg-generator-root .dcg-realizer-card{display:block;min-width:0;cursor:pointer}
#dcg-generator-root .dcg-realizer-card>input{position:absolute;opacity:0;pointer-events:none}
#dcg-generator-root .dcg-realizer-card-shell{position:relative;display:flex;align-items:flex-start;gap:.8rem;min-height:100%;padding:.9rem;border:1px solid rgba(31,95,149,.14);border-radius:11px;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s}
#dcg-generator-root .dcg-realizer-card:hover .dcg-realizer-card-shell{border-color:rgba(31,95,149,.34);box-shadow:0 8px 20px rgba(16,40,64,.06)}
#dcg-generator-root .dcg-realizer-card>input:checked+.dcg-realizer-card-shell{border-color:var(--blue);box-shadow:0 0 0 2px rgba(31,95,149,.09),0 10px 22px rgba(16,40,64,.07)}
#dcg-generator-root .dcg-realizer-logo{width:58px;height:44px;object-fit:contain;flex:0 0 auto;border:1px solid rgba(31,95,149,.1);border-radius:8px;background:#fff;padding:5px}
#dcg-generator-root .dcg-realizer-body{display:block;min-width:0;flex:1;padding-right:22px}
#dcg-generator-root .dcg-realizer-name{display:block;font-size:13px;line-height:1.35;color:var(--blueDeep);font-weight:600}
#dcg-generator-root .dcg-realizer-description{display:block;margin-top:.25rem;font-size:11.2px;line-height:1.58;color:var(--text2)}
#dcg-generator-root .dcg-realizer-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-top:.65rem}
#dcg-generator-root .dcg-realizer-meta>span{display:block;padding:.42rem .48rem;border-radius:7px;background:#f6f9fc;border:1px solid rgba(31,95,149,.08);min-width:0}
#dcg-generator-root .dcg-realizer-meta small{display:block;font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text4);margin-bottom:2px}
#dcg-generator-root .dcg-realizer-meta b{display:block;font-size:9.5px;line-height:1.3;color:var(--text2);font-weight:500;overflow-wrap:anywhere}
#dcg-generator-root .dcg-realizer-links{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin-top:.6rem}
#dcg-generator-root .dcg-realizer-links a{font-size:9.5px;color:var(--blue)!important;text-decoration:underline!important;text-underline-offset:2px}
#dcg-generator-root .dcg-realizer-mark{position:absolute;top:.85rem;right:.85rem;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(31,95,149,.28);background:#fff}
#dcg-generator-root .dcg-realizer-card>input:checked+.dcg-realizer-card-shell .dcg-realizer-mark{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 4px #fff}
#dcg-generator-root .dcg-realizer-card.is-none .dcg-realizer-card-shell{background:#fbfcfd}
#dcg-generator-root .dcg-realizer-selection-note{margin:.7rem 0 0;padding:.58rem .68rem;border-left:3px solid rgba(31,95,149,.28);background:rgba(31,95,149,.035);font-size:11px;line-height:1.6;color:var(--text2)}
#dcg-generator-root .dcg-realizer-selection-note.is-selected{border-left-color:var(--green);background:rgba(46,159,105,.045);color:var(--text2)}
#dcg-generator-root .dcg-finalize-check.realizer{border-left-color:rgba(46,159,105,.7)}
@media(max-width:760px){
  #dcg-generator-root .dcg-realizer-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  #dcg-generator-root .dcg-realizer-meta{grid-template-columns:1fr}
  #dcg-generator-root .dcg-realizer-logo{width:50px;height:40px}
}
@media print{#dcg-generator-root .dcg-realizers{display:none!important}}
#dcg-generator-root .dcg-finalize-status.is-warning{color:#8a5d10!important}
#dcg-generator-root .dcg-feature-message.is-warning{border-color:rgba(217,138,43,.34)!important;background:rgba(217,138,43,.07)!important;color:#7a541a!important}


/* Czasowe wstrzymanie realizacji */
#dcg-generator-root .dcg-operational-pause{margin:1rem 0 1.15rem;padding:1rem 1.05rem;border:1px solid rgba(176,111,18,.22);border-left:4px solid #b06f12;border-radius:12px;background:linear-gradient(180deg,#fffaf1 0%,#fffdf9 100%);box-shadow:0 8px 22px rgba(99,68,22,.05);transition:box-shadow .25s,border-color .25s}
#dcg-generator-root .dcg-operational-pause[hidden]{display:none!important}
#dcg-generator-root .dcg-operational-pause.is-highlighted{border-color:rgba(176,111,18,.5);box-shadow:0 0 0 4px rgba(176,111,18,.08),0 10px 26px rgba(99,68,22,.08)}
#dcg-generator-root .dcg-operational-pause-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
#dcg-generator-root .dcg-operational-pause-kicker{margin:0 0 .25rem;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a5d10}
#dcg-generator-root .dcg-operational-pause-title{margin:0;font-family:'DM Serif Display',serif;font-size:1.2rem;font-weight:400;line-height:1.28;color:#17324d}
#dcg-generator-root .dcg-operational-pause-copy{margin:.45rem 0 0;max-width:780px;font-size:12px;line-height:1.7;font-weight:400;color:#40596b}
#dcg-generator-root .dcg-operational-pause-badge{flex:0 0 auto;display:inline-flex;padding:.3rem .55rem;border-radius:999px;background:#fff3d8;border:1px solid rgba(176,111,18,.22);font-size:8.5px;font-weight:700;letter-spacing:.08em;color:#8a5d10;white-space:nowrap}
#dcg-generator-root .dcg-pause-notify{margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(176,111,18,.16)}
#dcg-generator-root .dcg-pause-notify[hidden]{display:none!important}
#dcg-generator-root .dcg-pause-notify-intro{display:flex;flex-direction:column;gap:.18rem;margin-bottom:.65rem}
#dcg-generator-root .dcg-pause-notify-intro strong{font-size:12px;color:#17324d}
#dcg-generator-root .dcg-pause-notify-intro span{font-size:11px;line-height:1.55;color:#506576}
#dcg-generator-root .dcg-pause-notify-form{margin:0}
#dcg-generator-root .dcg-pause-notify-field label{display:block;margin-bottom:.32rem;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#506576}
#dcg-generator-root .dcg-pause-notify-field input{width:100%;padding:.68rem .8rem;border:1px solid rgba(31,95,149,.2);border-radius:8px;background:#fff;color:#17324d;font:400 13px/1.2 'DM Sans',sans-serif;outline:none}
#dcg-generator-root .dcg-pause-notify-field input:focus{border-color:#1f5f95;box-shadow:0 0 0 3px rgba(31,95,149,.09)}
#dcg-generator-root .dcg-pause-consent{display:flex;align-items:flex-start;gap:.55rem;margin-top:.65rem;font-size:10.8px;line-height:1.55;color:#506576;cursor:pointer}
#dcg-generator-root .dcg-pause-consent input{margin-top:2px;flex:0 0 auto}
#dcg-generator-root .dcg-pause-notify-actions{margin-top:.75rem}
#dcg-generator-root .dcg-pause-notify-submit{display:inline-flex;align-items:center;justify-content:center;min-width:210px;padding:.62rem 1rem;border:0;border-radius:8px;background:#1f5f95;color:#fff;font:600 11.5px/1.2 'DM Sans',sans-serif;cursor:pointer}
#dcg-generator-root .dcg-pause-notify-submit:disabled{opacity:.65;cursor:default}
#dcg-generator-root .dcg-pause-notify-status{margin:.55rem 0 0;font-size:11px;line-height:1.5;color:#506576}
#dcg-generator-root .dcg-pause-notify-status.is-working{color:#1f5f95}
#dcg-generator-root .dcg-pause-notify-status.is-ok{color:#176b3a}
#dcg-generator-root .dcg-pause-notify-status.is-error{color:#a13f32}
#dcg-generator-root .dcg-pause-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#dcg-generator-root .dcg-finalize-action.is-paused{display:flex!important;opacity:.72;cursor:pointer;background:#f7f8f9!important;color:#526877!important;border-color:#d9e1e7!important}
#dcg-generator-root .dcg-finalize-action.is-paused:hover{opacity:1;border-color:#b06f12!important;color:#704b0d!important;background:#fffaf1!important}
@media(max-width:650px){#dcg-generator-root .dcg-operational-pause-head{flex-direction:column}.dcg-operational-pause-badge{align-self:flex-start}#dcg-generator-root .dcg-pause-notify-submit{width:100%;min-width:0}}
@media print{#dcg-generator-root .dcg-operational-pause{display:none!important}}