/* Bez Zbywania – moduł ZUS: skale Likerta, narzędzia, ramki. Bez zasobów zewnętrznych. */
:root{--zlk-teal:#00845e;--zlk-soft:#e8f7ef;--zlk-muted:#53647c;--zlk-line:#dce5e8;--zlk-focus:#dfa92d;--zlk-card:#fff;--zlk-ink:#172842;--zlk-on:#fff;--zus-danger-bg:#fdecea;--zus-danger-b:#c0392b}
.box.danger{background:var(--zus-danger-bg);border-color:var(--zus-danger-b)}
.box.warning{background:var(--warn-bg);border-color:var(--warn-b)}
.zlk{border:0;margin:0 0 1.1rem;padding:0;min-width:0}
.zlk legend{padding:0;margin-bottom:6px;font-size:1rem;line-height:1.35;font-weight:700;color:var(--zlk-ink)}
.zlk-row{position:relative;display:grid}
.zlk-row.zlk-short{max-width:480px}
.zlk-line{position:absolute;top:26px;height:2px;background:var(--zlk-line)}
.zlk label{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 2px 4px;cursor:pointer;min-width:0}
.zlk-hit{position:relative;height:52px;width:100%;min-width:44px;display:flex;align-items:center;justify-content:center}
.zlk-hit input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.zlk-dot{border-radius:999px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:var(--zlk-card);border:2.5px solid var(--zlk-muted);color:var(--zlk-on);font-weight:800;position:relative;z-index:1}
.zlk label.on .zlk-dot{background:var(--zlk-teal);border:3px solid var(--zlk-teal);box-shadow:0 0 0 4px var(--zlk-soft)}
.zlk-hit input:focus-visible+.zlk-dot{outline:3px solid var(--zlk-focus);outline-offset:3px}
.zlk-t{font-size:13px;line-height:1.2;text-align:center;color:var(--zlk-muted);font-weight:500;overflow-wrap:normal;word-break:normal;hyphens:manual}
.zlk label.on .zlk-t{color:var(--zlk-ink);font-weight:800}
.zlk-clear{margin-top:2px;min-height:44px;padding:4px 10px;border:0;background:transparent;color:var(--zlk-teal);font-size:1rem;text-decoration:underline;cursor:pointer}
.zlk-hint{font-size:.95rem;line-height:1.45;color:var(--zlk-muted);margin:.2rem 0 0}
.zus-sec{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin:1rem 0;background:var(--surface)}
.zus-sec h3{margin-top:0}
.zus-choice{border:0;padding:0;margin:0 0 1rem;display:grid;gap:.4rem}
.zus-choice legend{font-weight:700;margin-bottom:.4rem}
.zus-choice label{display:flex;gap:.5rem;align-items:flex-start;min-height:44px;border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .8rem;background:var(--surface);cursor:pointer}
.zus-choice input{margin-top:.25rem;width:1.1rem;height:1.1rem;accent-color:var(--zlk-teal)}
.zus-choice label:has(input:checked){border-color:var(--zlk-teal);box-shadow:0 0 0 2px var(--zlk-soft)}
.zus-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:.2rem 1rem}
.zus-field{display:flex;flex-direction:column;gap:.25rem;min-width:0;margin:.4rem 0}
.zus-field.wide{grid-column:1/-1}
.zus-field label{font-weight:600}
.zus-field input,.zus-field textarea{font:inherit;min-height:44px;min-width:0;width:100%;max-width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--zlk-card);color:var(--zlk-ink)}
.zus-field input:focus-visible,.zus-field textarea:focus-visible{outline:3px solid var(--zlk-focus);outline-offset:1px}
.zus-wynik{margin:1rem 0}
.zus-big{font-size:1.25rem}
.zus-steps{counter-reset:s;list-style:none;padding:0}
.zus-steps>li{counter-increment:s;position:relative;padding:.2rem 0 .8rem 2.6rem}
.zus-steps>li::before{content:counter(s);position:absolute;left:0;top:.1rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--zlk-teal);color:var(--zlk-on);display:flex;align-items:center;justify-content:center;font-weight:800}
.zus-check{list-style:none;padding:0}
.zus-check li{padding:.3rem 0 .3rem 1.8rem;position:relative}
.zus-check li::before{content:"☐";position:absolute;left:0;font-size:1.2rem;line-height:1.2}
.zus-stat{font-size:2rem;font-weight:800;color:var(--zlk-teal);display:block;line-height:1.1}
.zus-step[hidden],.zus-step-nav [hidden]{display:none!important}
.zus-step-status{font-weight:700;color:var(--navy);margin:1rem 0 .5rem}
.zus-step h3:focus,.zus-kw-result h2:focus{outline:3px solid var(--focus);outline-offset:3px}
.zus-step-nav{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}
.zus-step-nav .btn{min-height:44px}
.zus-staz-details{margin:1.5rem 0}
.zus-staz-details>h2,.zus-staz-details>p,.zus-staz-details>.zus-tool{margin-left:1rem;margin-right:1rem}
@media (max-width:560px){.zlk-row{grid-template-columns:minmax(0,1fr)!important;gap:.25rem}.zlk-line{display:none}.zlk label{flex-direction:row;align-items:center;gap:.65rem;min-height:48px;padding:.15rem .25rem;border:1px solid var(--zlk-line);border-radius:8px}.zlk-hit{flex:0 0 44px;width:44px;min-width:44px;height:44px}.zlk-t{font-size:.95rem;line-height:1.3;text-align:left}.zlk label.on{border-color:var(--zlk-teal);background:var(--zlk-soft)}}
@media print{.zus-wynik .box,.zus-print .box{display:block!important}.zlk-clear,.zus-choice{display:none!important}}
@media print{body.zus-printing main> :not(#zus-gen),body.zus-printing #zus-gen> :not(.zus-generator-steps),body.zus-printing .zus-generator-steps> :not([data-step-kind="preview"]),body.zus-printing [data-step-kind="preview"]> :not(#zg-pismo){display:none!important}body.zus-printing main,body.zus-printing [data-step-kind="preview"]{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}body.zus-printing #zg-pismo{display:block!important}}
