/* UZYTAK RODO — /{lang}/rodo/ and /{lang}/rodo/odbierz/ (on top of the site tokens and home-x.css) */
.rd{--rd:#0f7a6e;--c:var(--rd)}
.rd [hidden]{display:none!important}
.rd .hx-tag{--c:var(--rd)}
.rd .hx-btn-c{--c:var(--rd)}
.rd-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.rd-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;color:var(--text-soft);font-weight:600;font-size:.95rem}
.rd-trust li{display:flex;gap:8px;align-items:center}
.rd-trust i,.rd-trust svg{color:var(--rd)}
.rd-tool{display:grid;gap:18px}
.rd-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:start}
.rd-drop{position:relative;display:grid;place-items:center;gap:6px;min-height:150px;padding:22px;border:2px dashed var(--line-strong,var(--line));border-radius:var(--hx-r,22px);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.rd-drop[data-over],.rd-drop:hover{border-color:var(--rd);background:color-mix(in srgb,var(--rd) 6%,transparent)}
.rd-drop strong{font-size:1.1rem}
.rd-drop small{color:var(--text-muted)}
.rd-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.rd-drop:focus-within{outline:2px solid var(--rd);outline-offset:2px}
.rd-files{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rd-files li{display:flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:12px;min-width:0}
.rd-files li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-files li small{color:var(--text-muted);white-space:nowrap}
.rd-files a{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.rd-x{border:0;background:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:8px}
.rd-x:hover{color:#c2410c}
.rd-opts{display:grid;gap:12px}
.rd-opts label,.rd-field{display:grid;gap:6px;font-weight:700;font-size:.92rem}
.rd select,.rd textarea,.rd-opts input[type=text],.rd-field input,.rd .rd-link{width:100%;min-width:0;padding:11px 13px;border:1px solid var(--line-strong,var(--line));border-radius:12px;background:transparent;color:var(--text);font:inherit;font-weight:400}
.rd select option{color:#111;background:#fff}
.rd textarea{min-height:84px;resize:vertical}
.rd select:focus-visible,.rd textarea:focus-visible,.rd input:focus-visible{outline:2px solid var(--rd);outline-offset:1px}
.rd-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rd-check{display:flex!important;gap:10px;align-items:center;font-weight:600!important;cursor:pointer}
.rd-check input{width:18px;height:18px;accent-color:var(--rd)}
.rd-status{margin:0!important;font-weight:600;min-height:1.3em}
.rd-status[data-s=ok],.rd-left[data-s=ok]{color:#1f9d63}
.rd-status[data-s=bad]{color:#c2410c}
.rd-status[data-s=warn]{color:#b7791f}
.rd-result{border-color:var(--rd);background:color-mix(in srgb,var(--rd) 6%,var(--surface))}
.rd-linkrow{display:flex;gap:10px;margin-top:12px}
.rd-linkrow .rd-link{flex:1;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}
.rd-pin-out{margin-top:12px!important;font-weight:700}
.rd-pin-val{font-family:ui-monospace,Consolas,monospace;font-size:1.25rem;letter-spacing:.12em;padding:2px 10px;border-radius:8px;background:color-mix(in srgb,var(--rd) 14%,transparent)}
.rd-msg{white-space:pre-wrap;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--text) 5%,transparent)}
.rd-small{color:var(--text-muted);font-size:.86rem;line-height:1.5}
.rd-small a{color:inherit}
.rd-steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rd-steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;color:var(--text-soft);line-height:1.5}
.rd-steps li:before{content:counter(s);display:grid;place-content:center;width:30px;height:30px;border-radius:50%;background:var(--rd);color:#fff;font-weight:800}
.rd-steps strong{color:var(--text)}
/* redaction */
.rx-kinds{display:flex;flex-wrap:wrap;gap:6px 16px}
.rx-pages{display:grid;gap:18px;justify-items:center}
.rx-page{position:relative;width:100%;max-width:860px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;touch-action:none;cursor:crosshair;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.rx-canvas{display:block;width:100%;height:auto}
.rx-box{position:absolute;border:0;padding:0;margin:0;cursor:pointer;background:#000;border-radius:2px}
.rx-box[data-on="0"]{background:transparent;outline:2px dashed #c2410c;outline-offset:-1px}
.rx-box:focus-visible{outline:3px solid var(--rd);outline-offset:1px}
.rx-ghost{position:absolute;background:rgba(0,0,0,.55);outline:2px solid var(--rd);pointer-events:none}
.rd-drop>.ph,.rd-drop>.hx-ic{font-size:2.2rem;color:var(--rd)}
.rx-actions{position:sticky;top:84px;z-index:5;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.rx-sum{margin:0!important;font-weight:700}
/* site check */
.rc-out{padding-top:0}
/* services */
.rd-svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.rd-svc .hx-panel{display:flex;flex-direction:column;gap:8px}
.rd-svc .hx-panel h3{display:flex;gap:10px;align-items:center}
.rd-svc .hx-panel h3 i,.rd-svc .hx-panel h3 svg{color:var(--rd)}
.rd-price{font:800 1.35rem/1.2 var(--font-display,inherit);color:var(--text)}
.rd-price small{display:block;margin-top:4px;font-weight:600;font-size:.82rem;color:var(--text-muted)}
.rd-svc ul{margin:4px 0 0;padding-left:18px;color:var(--text-soft);line-height:1.5}
.rd-who{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.rd-who li{padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:.92rem}
.rd-note{border-left:4px solid var(--rd)}
.rd-lead select{margin-top:6px}
@media (max-width:820px){
  .rd-grid,.rd-two{grid-template-columns:1fr}
  .rd-linkrow{flex-direction:column}
  .rx-actions{position:static}
}
