/* Compdruk – Konfigurator pieczątek */
.cdk {
  --cdk-ink: #1d1d1f;
  --cdk-line: #e4e1da;
  --cdk-bg: #faf8f4;
  --cdk-text: #1d1d1f;
  --cdk-muted: #6e6a63;
  --cdk-accent: #c8102e;
  --cdk-radius: 14px;
  margin: 0 0 24px;
  padding: 24px;
  border: 1px solid var(--cdk-line);
  border-radius: var(--cdk-radius);
  background: #fff;
  color: var(--cdk-text);
  font-size: 15px;
  line-height: 1.45;
  box-shadow: 0 1px 2px rgba(0,0,0,.03), 0 8px 24px -12px rgba(0,0,0,.08);
}
.cdk *, .cdk *::before, .cdk *::after { box-sizing: border-box; }
.cdk__step {
  display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
  color: var(--cdk-accent); margin-bottom: 6px;
}
.cdk__title { margin: 0 0 6px; font-size: 20px; line-height: 1.25; font-weight: 700; }
.cdk__lead { margin: 0 0 18px; color: var(--cdk-muted); font-size: 14px; }

/* preview */
.cdk__preview { margin: 0 0 18px; }
.cdk__paper {
  position: relative; display: flex; align-items: center; justify-content: center;
  padding: 28px 20px; border-radius: 12px; min-height: 170px;
  background:
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.9), transparent 60%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.012) 0 2px, transparent 2px 4px),
    var(--cdk-bg);
  border: 1px solid #efebe4;
}
.cdk__svg { width: 100%; max-width: 420px; max-height: 240px; height: auto; display: block; filter: drop-shadow(0 0 .3px var(--cdk-ink)); }
.cdk__svg text { transition: font-size .15s ease; }
.cdk__meta { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; font-size: 12px; color: var(--cdk-muted); letter-spacing: .02em; }
.cdk__dot { width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .5; }
[data-cdk-ink]::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--cdk-ink); margin-right: 6px; vertical-align: -1px; }

/* lines */
.cdk__lines { display: grid; gap: 8px; margin-bottom: 18px; }
.cdk__line { display: grid; grid-template-columns: 28px 1fr 40px; align-items: center; gap: 8px; }
.cdk__line.is-hidden { display: none; }
.cdk__label { font-size: 12px; font-weight: 600; color: var(--cdk-muted); text-align: center; }
.cdk__input, .cdk textarea {
  width: 100%; margin: 0; padding: 11px 14px; border: 1px solid var(--cdk-line); border-radius: 10px;
  background: #fff; color: var(--cdk-text); font: inherit; font-size: 15px; transition: border-color .15s, box-shadow .15s;
}
.cdk__input:focus, .cdk textarea:focus { outline: none; border-color: var(--cdk-ink); box-shadow: 0 0 0 3px color-mix(in srgb, var(--cdk-ink) 14%, transparent); }
.cdk__input::placeholder, .cdk textarea::placeholder { color: #b3aea6; }
.cdk__bold {
  height: 42px; width: 40px; padding: 0; border: 1px solid var(--cdk-line); border-radius: 10px; background: #fff;
  font: 700 15px/1 Georgia, serif; color: var(--cdk-muted); cursor: pointer; transition: all .15s;
}
.cdk__bold:hover { border-color: #c9c4bb; color: var(--cdk-text); }
.cdk__bold[aria-pressed="true"] { background: var(--cdk-text); border-color: var(--cdk-text); color: #fff; }

/* file + notes */
.cdk__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
@media (max-width: 640px) { .cdk { padding: 18px; } .cdk__row { grid-template-columns: 1fr; } }
.cdk__label-lg { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.cdk__label-lg em { font-style: normal; font-weight: 400; color: var(--cdk-muted); }
.cdk__drop {
  position: relative; display: flex; align-items: center; justify-content: center; min-height: 88px; padding: 12px;
  border: 1.5px dashed #d6d1c8; border-radius: 10px; background: var(--cdk-bg); text-align: center; cursor: pointer;
  transition: border-color .15s, background .15s;
}
.cdk__drop:hover { border-color: var(--cdk-ink); background: #fff; }
.cdk__drop input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.cdk__drop-txt { font-size: 13px; color: var(--cdk-muted); pointer-events: none; }
.cdk__drop-txt strong { color: var(--cdk-text); }
.cdk__drop-txt small { font-size: 11px; opacity: .8; }
.cdk__file.is-busy .cdk__drop { opacity: .7; cursor: progress; }
.cdk__file.is-done .cdk__drop { border-style: solid; border-color: #18794e; background: #f2faf5; }
.cdk__file.is-done .cdk__drop-txt { pointer-events: auto; color: #18794e; font-weight: 600; }
.cdk__file.is-error .cdk__drop { border-color: var(--cdk-accent); background: #fdf3f4; }
.cdk__file.is-error .cdk__drop-txt { color: var(--cdk-accent); }
.cdk__remove { position: relative; z-index: 2; margin-left: 8px; padding: 2px 8px; border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; font-size: 12px; cursor: pointer; }
.cdk textarea { min-height: 88px; resize: vertical; font-size: 14px; }

.cdk__check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; cursor: pointer; }
.cdk__check input { margin-top: 3px; width: 17px; height: 17px; accent-color: var(--cdk-text); }

/* ===== v1.0.4 – równe pola, elegancki checkbox ===== */
.cdk{padding:28px}
.cdk__line{grid-template-columns:24px 1fr 46px;gap:10px}
.cdk__input{height:46px;padding:0 14px}
.cdk__bold{height:46px;width:46px;border-radius:10px}
.cdk__label{line-height:46px}
.cdk__row{grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;margin-bottom:18px}
.cdk__file,.cdk__notes{display:flex;flex-direction:column;min-width:0}
.cdk__label-lg{display:flex;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;line-height:20px;margin-bottom:8px;font-size:.84rem}
.cdk__label-lg em{font-size:.8rem}
.cdk__drop,.cdk textarea{height:128px;min-height:128px;flex:none;box-sizing:border-box}
.cdk textarea{resize:none;padding:12px 14px;line-height:1.5}
.cdk__drop{border-radius:10px;padding:14px 16px}
.cdk__drop-txt{line-height:1.5}
.cdk__drop-txt small{display:block;margin-top:4px}
@media (max-width:640px){.cdk__row{grid-template-columns:1fr}}
.cdk__check{align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--cdk-line);border-radius:10px;background:var(--cdk-bg);font-size:.92rem;line-height:1.4}
.cdk__check input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:0;border:1.5px solid #bdb4a5;border-radius:6px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}
.cdk__check input::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.cdk__check input:checked{background:#1b1d24;border-color:#1b1d24}
.cdk__check input:checked::after{opacity:1}
.cdk__check input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(27,29,36,.12)}
.cdk__label-lg{display:block;height:20px;line-height:20px;margin:0 0 8px;padding:0}
.cdk__row>*{margin:0!important}
.cdk__drop-txt strong{display:inline}