/* ŁAŃCUCH — obudowa narzędzia na komputerze: panel z lewej, kopia landingu w ramce z prawej. Jasna, ostre rogi, Inter. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(strona/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(strona/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--t:#0d0d0d;--c:rgba(13,13,13,.6);--k:rgba(13,13,13,.16);--bordo:#7A1F2B;--tlo:#f4f5f6;--pn:372px}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{display:flex;background:#d9dcdf;color:var(--t);font-family:'Inter',-apple-system,system-ui,sans-serif;font-size:13px;line-height:1.4;overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit;border-radius:0}
button{cursor:pointer}

.pn{flex:none;width:var(--pn);height:100%;overflow-y:auto;background:var(--tlo);border-right:1px solid var(--t);scrollbar-width:thin}
body.bezpn .pn{display:none}
.pn-gl{padding:16px 16px 12px;background:var(--tlo);border-bottom:1px solid var(--t)}
.pn-nad{margin:0 0 4px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.pn-gl h1{margin:0 0 12px;font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.1}
.pn-widok{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--t)}
.pn-widok button{height:34px;border:0;background:#fff;font-weight:600}
.pn-widok button+button{border-left:1px solid var(--t)}
.pn-widok .wyb{background:var(--t);color:#fff}
.pn-akcje{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:6px}
.pn-akcje button{height:32px;border:1px solid var(--t);background:#fff;font-weight:600;font-size:12px}
.pn-akcje .cz{background:var(--bordo);border-color:var(--bordo);color:#fff}
.pn-akcje #schowaj{width:32px}
.pn-uw{margin:9px 0 0;font-size:11.5px;color:var(--c)}
.pn-uw:empty{display:none}
#pokazPanel{position:fixed;left:0;top:14px;z-index:20;height:32px;padding:0 10px;border:1px solid var(--t);border-left:0;background:#fff;font-weight:600;font-size:12px}

.pn-kier{padding:14px 16px 14px;border-bottom:1px solid var(--k)}
.pn h2{margin:0 0 9px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.pn h2 small{font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:none;margin-left:6px}
#kier{display:flex;flex-wrap:wrap;gap:5px}
#kier button{height:30px;padding:0 10px;border:1px solid var(--t);background:#fff;font-weight:600;font-size:12px}
#kier button.wyb{background:var(--t);color:#fff}
.pn-opis{margin:9px 0 0;font-size:12px;color:rgba(13,13,13,.74);min-height:4.2em}

.pn-zak{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:repeat(6,1fr);background:var(--tlo);border-bottom:1px solid var(--t)}
.pn-zak button{height:38px;padding:0;border:0;border-right:1px solid var(--k);background:none;font-weight:600;font-size:12px;color:var(--c)}
.pn-zak button:last-child{border-right:0}
.pn-zak button:hover{color:var(--t)}
.pn-zak button.wyb{background:var(--t);color:#fff}

.gr{border-bottom:1px solid var(--k)}
.gr>summary{display:flex;align-items:center;gap:8px;padding:12px 16px;list-style:none;cursor:pointer;font-weight:700;font-size:13px;user-select:none}
.gr>summary::-webkit-details-marker{display:none}
.gr>summary::before{content:'+';width:10px;font-weight:500;color:var(--c)}
.gr[open]>summary::before{content:'–'}
.gr>summary span{flex:1}
.gr>summary button{height:22px;padding:0 7px;border:1px solid var(--k);background:none;font-size:10.5px;font-weight:600;color:var(--c)}
.gr>summary button:hover{border-color:var(--t);color:var(--t)}
.gr-in{padding:0 16px 16px}
.gr-opis{margin:0 0 12px;font-size:11.5px;color:var(--c)}
.gr-pusto{padding:18px 16px;font-size:12px;color:var(--c)}
.pl{margin-top:12px}
.pl:first-child,.gr-opis+.pl{margin-top:0}
.pl-n{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;font-size:11.5px;font-weight:600}
.pl-n em{font-style:normal;font-weight:600;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--bordo)}
.pl-uw{margin:5px 0 0;font-size:11px;color:var(--c)}
.seg{display:flex;flex-wrap:wrap;gap:4px}
.seg button{min-height:28px;padding:3px 9px;border:1px solid var(--k);background:#fff;font-size:12px;font-weight:500;text-align:left}
.seg button:hover{border-color:var(--t)}
.seg button.wyb{background:var(--t);border-color:var(--t);color:#fff}
.pl input[type=text],.pole input[type=text],.pole textarea{width:100%;min-height:30px;padding:6px 8px;border:1px solid var(--k);background:#fff;font-size:12.5px;line-height:1.4}
.pl input[type=text]:focus,.pole input[type=text]:focus,.pole textarea:focus{outline:0;border-color:var(--t)}
.pl>input[type=text]{margin-top:5px}
.pole textarea{resize:vertical;min-height:84px}
.pole{display:block;margin-top:8px}
.pole>span{display:block;margin-bottom:3px;font-size:10.5px;font-weight:600;color:var(--c)}
.num{display:grid;grid-template-columns:1fr 64px;gap:8px;align-items:center}
.num input[type=range]{width:100%;accent-color:var(--bordo)}
.num input[type=number]{height:26px;padding:0 4px 0 6px;border:1px solid var(--k);background:#fff;font-size:12px;font-variant-numeric:tabular-nums}
.tak{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;font-weight:600;cursor:pointer}
.tak input{appearance:none;-webkit-appearance:none;flex:none;width:34px;height:18px;margin:0;border:1px solid var(--t);background:#fff;position:relative;cursor:pointer}
.tak input::after{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;background:var(--t);transition:translate .12s}
.tak input:checked{background:var(--t)}
.tak input:checked::after{background:#fff;translate:16px 0}
.kol{display:flex;align-items:center;gap:8px}
.kol input{width:44px;height:28px;padding:0;border:1px solid var(--t);background:#fff}
.wielki{width:100%;min-height:32px;border:1px solid var(--t);background:#fff;font-weight:600;font-size:12px}
.rzad{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.maly{height:26px;padding:0 8px;border:1px solid var(--k);background:#fff;font-size:11px;font-weight:600}
.maly:hover{border-color:var(--t)}
.maly.groz{color:var(--bordo)}
.maly.pewny{background:var(--bordo);border-color:var(--bordo);color:#fff}

/* ogniwa */
.bl{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.bl-poz{border:1px solid var(--k);background:#fff}
.bl-poz.wyl{background:none}
.bl-poz.wyl .bl-nazwa{color:var(--c)}
.bl-poz.akt{border-color:var(--t)}
.bl-gl{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;padding:6px 6px 6px 8px}
.bl-gl input{width:15px;height:15px;margin:0;accent-color:var(--bordo)}
.bl-nazwa{display:grid;grid-template-columns:22px 1fr;align-items:baseline;gap:2px 4px;padding:2px 0;border:0;background:none;text-align:left;min-width:0}
.bl-nazwa b{font-weight:600;font-size:11px;font-variant-numeric:tabular-nums;color:var(--bordo)}
.bl-nazwa span{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-nazwa small{grid-column:2;font-size:10.5px;color:var(--c)}
.bl-gl>button:not(.bl-nazwa){width:24px;height:24px;padding:0;border:1px solid var(--k);background:#fff;font-size:11px;line-height:1}
.bl-gl>button:disabled{opacity:.3;cursor:default}
.bl-form{padding:2px 8px 10px;border-top:1px solid var(--k)}
.bl-form select{width:100%;height:30px;padding:0 6px;border:1px solid var(--k);background:#fff;font-size:12.5px}
.bl-akcje{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.bl-kadr{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--c)}
.bl-kadr figure{flex:none;margin:0;width:64px;aspect-ratio:16/9;border:1px solid var(--k);background:#0d0d0d center/cover no-repeat}
.bl-dodaj{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}
.bl-dodaj select{height:30px;padding:0 6px;border:1px solid var(--k);background:#fff;font-size:12px}

.wiad{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.wiad li{display:grid;grid-template-columns:18px 1fr 24px;gap:5px;align-items:start}
.wiad li>span{padding-top:7px;font-size:10.5px;font-weight:600;color:var(--c);font-variant-numeric:tabular-nums}
.wiad textarea{width:100%;min-height:30px;padding:6px 8px;border:1px solid var(--k);background:#fff;font-size:12.5px;line-height:1.35;resize:vertical}
.wiad textarea:focus{outline:0;border-color:var(--t)}
.wiad button{width:24px;height:30px;padding:0;border:1px solid var(--k);background:#fff;font-size:10px}
.zrz-pole{display:block;padding:14px 10px;border:1px dashed var(--t);background:#fff;text-align:center;font-size:12px;font-weight:600;cursor:pointer}
.zrz-pole.nad{background:#fbe9ec}
.zrz-pole small{display:block;margin-top:3px;font-weight:400;color:var(--c)}
.zrz-lista{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}
.zrz-lista figure{position:relative;margin:0;aspect-ratio:1;border:1px solid var(--k);background:#fff center/cover no-repeat}
.zrz-lista button{position:absolute;right:-1px;top:-1px;width:18px;height:18px;border:1px solid var(--t);background:#fff;font-size:10px;line-height:1;padding:0}
.zrz-st{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--c)}
.zrz-st button{border:0;background:none;padding:0;font-size:11px;text-decoration:underline;color:var(--c)}
.wer{display:grid;gap:4px;margin:8px 0 0;padding:0;list-style:none}
.wer li{display:grid;grid-template-columns:1fr auto auto;gap:5px;align-items:center;padding:5px 6px 5px 8px;border:1px solid var(--k);background:#fff;font-size:12px}
.wer li b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wer li small{display:block;font-size:10.5px;color:var(--c)}
.wer-nowa{display:grid;grid-template-columns:1fr auto;gap:6px}
.wer-nowa input{height:30px;padding:0 8px;border:1px solid var(--k);background:#fff;font-size:12.5px}
.czyje{margin:0;padding:0 0 0 16px;font-size:12px;line-height:1.45}
.czyje li+li{margin-top:6px}
.pn-st{padding:14px 16px 26px;font-size:11px;color:var(--c)}

.pd{flex:1;min-width:0;height:100%;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}
.pd-rama{width:100%;height:100%;background:#fff}
.pd-rama iframe{display:block;width:100%;height:100%;border:0;background:#eceef0}
body.tel .pd{padding:22px 0;overflow:auto}
body.tel .pd-rama{flex:none;width:392px;height:846px;border:1px solid var(--t);box-shadow:0 0 0 9px #fff,0 0 0 10px var(--t),0 30px 60px -20px rgba(13,13,13,.4);transform-origin:50% 0}