/*! instrukcja-rpl.css - PLIK GENEROWANY, nie edytuj. Zrodlo: instrukcja-rpl.src.css | python inc/build-css.py */
*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 16px;scroll-behavior: smooth}:root{--doc-max: 1300px}body{font-family: var(--f-body);font-size: 1rem;line-height: 1.7;color: #222;background: #fff;display: flex;flex-direction: column;min-height: 100vh;min-height: 100dvh}header{background: var(--ss-navy);color: #fff;padding: 0 max(24px,calc((100% - var(--doc-max)) / 2 + 24px));height: 60px;display: flex;align-items: center;gap: 16px;position: sticky;top: 0;z-index: 100;box-shadow: 0 2px 6px rgba(0,0,0,.3)}header img.logo{height: 36px;width: auto}header a{color: #fff;text-decoration: none;font-size: .95rem;font-weight: 600;letter-spacing: .01em;opacity: .95}header a:hover{opacity: 1;text-decoration: underline}.layout{display: flex;flex: 1;min-height: 0;width: 100%;max-width: var(--doc-max);margin-inline: auto}nav.sidebar{width: 268px;min-width: 268px;background: var(--ss-bg-alt);border-right: 1px solid var(--ss-border);padding: 20px 0 40px;position: sticky;top: 60px;height: calc(100vh - 60px);height: calc(100dvh - 60px);overflow-y: auto;overflow-x: hidden}@media (min-width: 1301px){nav.sidebar{border-left: 1px solid var(--ss-border)}}nav.sidebar::-webkit-scrollbar{width: 4px}nav.sidebar::-webkit-scrollbar-thumb{background: var(--ss-border);border-radius: 2px}nav.sidebar .nav-section{--nav-accent: var(--ss-muted);--nav-accent-bg: var(--ss-border-soft);display: flex;align-items: center;gap: 7px;margin-top: 20px;padding: 0 16px 5px;font-size: .68rem;font-weight: 700;text-transform: uppercase;letter-spacing: .08em;color: var(--nav-accent)}nav.sidebar .nav-section a{color: inherit;text-decoration: none}nav.sidebar .nav-section a:hover,nav.sidebar .nav-section a:focus-visible{text-decoration: underline;text-underline-offset: 3px}nav.sidebar .nav-section::before{content: '';display: block;width: 8px;height: 8px;min-width: 8px;border-radius: 2px;background: var(--nav-accent)}nav.sidebar .nav-section + ul li a:hover{background: var(--nav-accent-bg);color: var(--nav-accent);border-left-color: var(--nav-accent)}nav.sidebar .nav-section + ul li a[aria-current="page"],nav.sidebar .nav-section + ul li span[aria-current="page"]{background: var(--nav-accent-bg);color: var(--nav-accent);border-left-color: var(--nav-accent)}nav.sidebar .nav-section--start,nav.sidebar .nav-section--start + ul{--nav-accent: var(--ss-navy);--nav-accent-bg: var(--ss-border-soft)}nav.sidebar .nav-section--wstep,nav.sidebar .nav-section--wstep + ul{--nav-accent: var(--ss-navy);--nav-accent-bg: #eeeafb}nav.sidebar .nav-section--administrator,nav.sidebar .nav-section--administrator + ul{--nav-accent: var(--ss-blue);--nav-accent-bg: #e6f0fb}nav.sidebar .nav-section--kierownik,nav.sidebar .nav-section--kierownik + ul{--nav-accent: var(--ss-orange);--nav-accent-bg: #fff3ec}nav.sidebar .nav-section--klient,nav.sidebar .nav-section--klient + ul{--nav-accent: var(--ss-ok);--nav-accent-bg: #e6f5ea}nav.sidebar .nav-section--android,nav.sidebar .nav-section--android + ul{--nav-accent: var(--ss-navy);--nav-accent-bg: #e0f5f7}nav.sidebar .nav-section--zarzad,nav.sidebar .nav-section--zarzad + ul{--nav-accent: var(--ss-navy);--nav-accent-bg: #e6ecf7}nav.sidebar .nav-section--ceny,nav.sidebar .nav-section--ceny + ul{--nav-accent: var(--ss-orange);--nav-accent-bg: #fff3ec}nav.sidebar .nav-section--katalog,nav.sidebar .nav-section--katalog + ul{--nav-accent: var(--ss-blue);--nav-accent-bg: #e6f0fb}nav.sidebar .nav-section--skup,nav.sidebar .nav-section--skup + ul{--nav-accent: var(--ss-ok);--nav-accent-bg: #e6f5ea}nav.sidebar .nav-section--odbiory,nav.sidebar .nav-section--odbiory + ul{--nav-accent: var(--ss-navy);--nav-accent-bg: #e0f5f7}nav.sidebar .nav-section--zaklad,nav.sidebar .nav-section--zaklad + ul{--nav-accent: var(--ss-orange);--nav-accent-bg: #fff3ec}nav.sidebar .nav-section--rozliczenia,nav.sidebar .nav-section--rozliczenia + ul{--nav-accent: var(--ss-blue);--nav-accent-bg: #e6f0fb}nav.sidebar .nav-section--portal,nav.sidebar .nav-section--portal + ul{--nav-accent: var(--ss-ok);--nav-accent-bg: #e6f5ea}nav.sidebar ul{list-style: none}nav.sidebar ul li a{display: block;padding: 6px 20px 6px 20px;font-size: .875rem;color: var(--ss-navy);text-decoration: none;border-left: 3px solid transparent;transition: background .15s,color .15s,border-color .15s;line-height: 1.4}nav.sidebar ul li a:hover{background: var(--ss-border-soft);color: var(--ss-orange);border-left-color: var(--ss-orange)}nav.sidebar ul li a[aria-current="page"],nav.sidebar ul li span[aria-current="page"]{background: #fff3ec;color: var(--ss-orange);border-left-color: var(--ss-orange);font-weight: 600}nav.sidebar ul li span[aria-current="page"]{display: block;padding: 6px 20px;font-size: .875rem;border-left: 3px solid var(--ss-orange);cursor: default;line-height: 1.4}nav.sidebar ul ul li a{padding-left: 36px;font-size: .84rem;color: #555}nav.sidebar ul ul ul li a{padding-left: 52px;font-size: .82rem;color: #666}main{flex: 1;min-width: 0;padding: 32px clamp(24px,5vw,64px) 60px;max-width: calc(var(--doc-max) - 268px)}nav.breadcrumb{margin-bottom: 24px}nav.breadcrumb ol{list-style: none;display: flex;flex-wrap: wrap;gap: 4px;font-size: .8rem;color: var(--ss-muted)}nav.breadcrumb ol li{display: flex;align-items: center;gap: 4px}nav.breadcrumb ol li + li::before{content: '›';color: #bbb;font-size: .9rem}nav.breadcrumb ol li a{color: var(--ss-orange-text);text-decoration: none}nav.breadcrumb ol li a:hover{text-decoration: underline}nav.breadcrumb ol li[aria-current="page"]{color: #555;font-weight: 500}article h1{font-size: 1.75rem;font-weight: 700;color: #1a1f2b;margin-bottom: 20px;line-height: 1.25;border-bottom: 2px solid var(--ss-orange);padding-bottom: 12px}article h2{font-size: 1.2rem;font-weight: 700;color: var(--ss-navy);margin: 32px 0 12px;padding-left: 12px;border-left: 4px solid var(--ss-orange)}article h3{font-size: 1.05rem;font-weight: 600;color: var(--ss-navy);margin: 24px 0 8px}article h4{font-size: .95rem;font-weight: 600;color: #555;margin: 18px 0 6px}article p{margin-bottom: 14px;color: #333}article ul,article ol{margin: 0 0 14px 22px;color: #333}article ul li,article ol li{margin-bottom: 6px}article strong{color: #1a1f2b}article em{color: #555}article a{color: var(--ss-orange);text-decoration: none;border-bottom: 1px solid rgba(255,106,19,.3);transition: border-color .15s,color .15s}article a:hover{color: #cc5510;border-bottom-color: #cc5510}article table{width: 100%;border-collapse: collapse;margin: 20px 0 24px;font-size: .9rem}article table th{background: var(--ss-navy);color: #fff;padding: 10px 14px;text-align: left;font-weight: 600}article table td{padding: 9px 14px;border-bottom: 1px solid #e0e3e8;color: #333;vertical-align: top}article table tr:nth-child(even) td{background: #f9fafb}article table tr:hover td{background: #fff3ec}article img{max-width: 100%;height: auto;display: block;margin: 20px 0;border: 1px solid var(--ss-border);border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,.08)}article figure:has(img[loading="lazy"]):not(.infografika):not(.zrzut){margin: 40px 0 0;border: 1px solid #c4cad4;border-bottom: none;border-radius: 10px 10px 0 0;overflow: hidden;box-shadow: 0 6px 28px rgba(0,0,0,.11),0 1px 4px rgba(0,0,0,.05);background: #fff}article figure:has(img[loading="lazy"]):not(.infografika):not(.zrzut) img{width: 100%;height: auto;display: block;margin: 0;border: none;border-radius: 0;box-shadow: none}article figure:has(img[loading="lazy"]):not(.infografika):not(.zrzut) figcaption{display: flex;align-items: flex-start;gap: 9px;padding: 10px 18px 12px;background: #2b3545;color: #9daab8;font-size: .8rem;font-style: italic;line-height: 1.6;border-top: 3px solid var(--ss-orange)}article figure:has(img[loading="lazy"]):not(.infografika):not(.zrzut) figcaption::before{content: '◉';color: var(--ss-orange);font-style: normal;font-size: .72rem;margin-top: .18em;flex-shrink: 0}article figure:has(img[loading="lazy"]):not(.infografika):not(.zrzut) + p{margin: 0 0 44px;padding: 8px 18px 16px;background: #f4f7fc;border: 1px solid #c4cad4;border-top: none;border-radius: 0 0 10px 10px;box-shadow: 0 6px 20px rgba(0,0,0,.08);font-size: .875rem;color: #3a4a5c;line-height: 1.78}article figure:has(img[loading="lazy"]):not(.infografika):not(.zrzut) + p::before{content: 'Opis ekranu';display: block;font-size: .68rem;font-weight: 700;text-transform: uppercase;letter-spacing: .09em;color: var(--ss-orange);margin-bottom: 7px;padding-bottom: 7px;border-bottom: 1px solid #dde4ee;font-style: normal}@media (max-width: 768px){article figure:has(img[loading="lazy"]):not(.infografika):not(.zrzut){margin-top: 28px;border-radius: 8px 8px 0 0}article figure:has(img[loading="lazy"]):not(.infografika):not(.zrzut) figcaption{font-size: .78rem;padding: 9px 14px 10px}article figure:has(img[loading="lazy"]):not(.infografika):not(.zrzut) + p{margin-bottom: 32px;border-radius: 0 0 8px 8px;padding: 8px 14px 14px;font-size: .84rem}}nav.page-nav{display: flex;justify-content: space-between;align-items: center;margin-top: 48px;padding-top: 20px;border-top: 1px solid #e0e3e8;gap: 16px}nav.page-nav a{display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;background: var(--ss-bg-alt);border: 1px solid var(--ss-border);border-radius: 6px;color: var(--ss-navy);text-decoration: none;font-size: .875rem;font-weight: 500;transition: background .15s,border-color .15s,color .15s;max-width: 48%}nav.page-nav a:hover{background: #fff3ec;border-color: var(--ss-orange);color: var(--ss-orange)}nav.page-nav a.prev::before{content: '←'}nav.page-nav a.next::after{content: '→'}footer{background: var(--ss-navy);color: #c8cdd6;text-align: center;padding: 16px 24px;font-size: .8rem}footer a{color: var(--ss-orange);text-decoration: none}footer a:hover{text-decoration: underline}.nav-toggle{display: none;flex-direction: column;justify-content: center;gap: 7px;width: 28px;height: 20px;background: none;border: none;cursor: pointer;padding: 0;flex-shrink: 0;margin-right: 14px}.nav-toggle span{display: block;width: 28px;height: 2px;background: #fff;border-radius: 2px;transition: transform .22s ease,opacity .22s ease;transform-origin: center}.nav-toggle.active span:nth-child(1){transform: translateY(9px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity: 0;transform: scaleX(0)}.nav-toggle.active span:nth-child(3){transform: translateY(-9px) rotate(-45deg)}.nav-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 20px;margin: 28px 0 36px}.nav-card{border: 1px solid var(--ss-border);border-radius: 6px;padding: 20px 20px 16px;background: #fff;transition: box-shadow .15s,border-color .15s;display: flex;flex-direction: column;gap: 10px}.nav-card:hover{box-shadow: 0 4px 14px rgba(255,106,19,.14);border-color: var(--ss-orange)}.nav-card-badge{display: inline-block;font-size: .68rem;font-weight: 700;text-transform: uppercase;letter-spacing: .06em;padding: 2px 9px;border-radius: 12px;background: #fff3ec;color: var(--ss-orange-text);align-self: flex-start;margin-bottom: 2px}.nav-card-title{font-size: 1.05rem;font-weight: 700;color: var(--ss-navy);text-decoration: none;display: block;line-height: 1.3;border-bottom: none}.nav-card-title:hover{color: var(--ss-orange);text-decoration: none;border-bottom: none}.nav-card-desc{font-size: .85rem;color: #555;line-height: 1.55;margin: 0}.nav-card-links{list-style: none;padding: 0;margin: 4px 0 0;display: flex;flex-direction: column;gap: 4px;border-top: 1px solid var(--ss-border-soft);padding-top: 10px}.nav-card-links li::before{content: "→ ";color: var(--ss-orange);font-size: .78rem}.nav-card-links a{font-size: .82rem;color: var(--ss-navy);text-decoration: none;border-bottom: none}.nav-card-links a:hover{color: var(--ss-orange);text-decoration: underline;border-bottom: none}@media (max-width: 768px){.layout{flex-direction: column}header{padding: 0 14px;gap: 12px}header > a:first-of-type{display: none}header > a + a{font-size: .85rem;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.nav-toggle{margin-right: 0}.nav-toggle{display: flex}nav.sidebar{position: fixed;top: 60px;left: 0;right: 0;width: 100%;min-width: 0;height: auto;max-height: calc(100vh - 60px);max-height: calc(100dvh - 60px);border-right: none;border-bottom: 3px solid var(--ss-orange);z-index: 99;overflow-y: auto;transform: translateY(-110%);opacity: 0;pointer-events: none;transition: transform .26s ease,opacity .22s ease;box-shadow: 0 8px 24px rgba(0,0,0,.18)}nav.sidebar.open{transform: translateY(0);opacity: 1;pointer-events: auto}main{padding: 20px 16px 40px}article h1{font-size: 1.35rem}article h2{font-size: 1.05rem}nav.page-nav{flex-direction: column;gap: 10px}nav.page-nav a{max-width: 100%;width: 100%;justify-content: center}.nav-cards{grid-template-columns: 1fr;gap: 12px;margin: 20px 0 28px}}.index-controls{margin: 24px 0 20px;display: flex;flex-direction: column;gap: 14px}.index-search-wrap{position: relative;max-width: 480px}.index-search-input{width: 100%;padding: 10px 40px 10px 14px;font-size: .95rem;font-family: inherit;border: 1.5px solid var(--ss-border);border-radius: 6px;color: #222;background: #fff;outline: none;transition: border-color .15s,box-shadow .15s;appearance: none;-webkit-appearance: none}.index-search-input:focus{border-color: var(--ss-blue);box-shadow: 0 0 0 3px rgba(0,86,179,.12)}.index-search-input::placeholder{color: #aab0b8}.index-search-clear{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background: none;border: none;color: #999;font-size: .85rem;cursor: pointer;padding: 4px 6px;line-height: 1;border-radius: 50%;transition: color .12s,background .12s}.index-search-clear:hover{color: var(--ss-blue);background: #e8f0fb}.alpha-bar{display: flex;flex-wrap: wrap;gap: 5px}.alpha-btn{padding: 5px 12px;font-size: .78rem;font-weight: 700;font-family: inherit;color: var(--ss-navy);background: var(--ss-bg-alt);border: 1.5px solid var(--ss-border);border-radius: 4px;cursor: pointer;transition: background .12s,color .12s,border-color .12s;letter-spacing: .04em;line-height: 1.6}.alpha-btn:hover{background: #e8f0fb;border-color: var(--ss-blue);color: var(--ss-blue)}.alpha-btn.active{background: var(--ss-blue);border-color: var(--ss-blue);color: #fff}.index-list{margin-top: 8px}.alpha-group{margin-bottom: 32px}.alpha-heading{display: inline-block;font-size: 1.1rem;font-weight: 800;color: #fff;background: linear-gradient(135deg,var(--ss-blue) 0%,#003f8a 100%);padding: 4px 16px;border-radius: 4px;margin: 0 0 12px;min-width: 40px;text-align: center;letter-spacing: .06em}.index-entries{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 8px}.index-entry{background: #f9fafb;border: 1px solid #e8ebf0;border-left: 3px solid transparent;border-radius: 5px;padding: 10px 14px;transition: background .12s,border-color .12s}.index-entry:hover{background: #f0f5ff;border-left-color: var(--ss-blue);border-color: #c8d9f5}.index-entry a{display: block;font-weight: 600;font-size: .875rem;color: #1a1f2b;border: none;margin-bottom: 4px;line-height: 1.3;text-decoration: none;transition: color .12s}.index-entry a:hover{color: var(--ss-blue)}.index-entry-desc{display: block;font-size: .78rem;color: #6a737d;line-height: 1.5}.index-no-results{padding: 24px 20px;text-align: center;color: #888;font-size: .9rem;background: #f9fafb;border-radius: 6px;border: 1px dashed var(--ss-border);margin: 8px 0 20px}.alpha-group[hidden],.index-entry[hidden]{display: none}@media (max-width: 768px){.index-search-wrap{max-width: 100%}.index-entries{grid-template-columns: 1fr}.alpha-btn{padding: 4px 10px;font-size: .75rem}}article .ss-faq{margin: 44px 0 48px;padding: 28px 32px 24px;background: #f8fafd;border: 1px solid var(--ss-border);border-radius: 10px}article .ss-faq > h2{margin: 0 0 20px;padding-left: 0;border-left: none;font-size: 1.1rem;color: #1a1f2b;display: flex;align-items: center;gap: 10px}article .ss-faq > h2::before{content: '?';display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;background: var(--ss-orange);color: #fff;border-radius: 50%;font-size: .82rem;font-weight: 800;flex-shrink: 0;line-height: 1}article .ss-faq details,article > details{background: #fff;border: 1px solid #e0e4ea;border-radius: 7px;margin-bottom: 8px;overflow: hidden;transition: box-shadow .18s,border-color .18s}article .ss-faq details:last-child,article > details:last-child{margin-bottom: 0}article .ss-faq details:hover,article > details:hover{border-color: var(--ss-orange);box-shadow: 0 2px 10px rgba(255,106,19,.1)}article .ss-faq details[open],article > details[open]{border-color: var(--ss-orange);box-shadow: 0 3px 14px rgba(255,106,19,.13)}article .ss-faq summary,article > details summary{list-style: none;padding: 14px 52px 14px 18px;font-size: .93rem;font-weight: 600;color: var(--ss-navy);cursor: pointer;user-select: none;position: relative;line-height: 1.5;transition: color .15s,background .15s}article .ss-faq summary::-webkit-details-marker{display: none}article .ss-faq summary::marker{display: none}article .ss-faq summary::after,article > details summary::after{content: '+';position: absolute;right: 16px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;background: #fff3ec;color: var(--ss-orange);border-radius: 50%;font-size: 1.1rem;font-weight: 400;line-height: 24px;text-align: center;transition: background .15s,transform .2s}article .ss-faq details[open] summary::after,article > details[open] summary::after{content: '−';background: var(--ss-orange);color: #fff;transform: translateY(-50%) rotate(0deg)}article .ss-faq summary:hover,article > details summary:hover{color: var(--ss-orange);background: #fdf5f0}article .ss-faq details[open] summary,article > details[open] summary{color: var(--ss-orange);background: #fff8f4;border-bottom: 1px solid #ffe0cc}article .ss-faq details > p,article > details > p,article .ss-faq details > ul,article > details > ul,article .ss-faq details > ol,article > details > ol{margin: 0;padding: 14px 20px 16px 18px;font-size: .9rem;color: #445;line-height: 1.75}article .ss-faq details > ul,article > details > ul,article .ss-faq details > ol,article > details > ol{padding-left: 36px}article .ss-glosariusz{margin: 44px 0 48px;padding: 28px 32px 20px;background: linear-gradient(135deg,#f4f7fc 0%,#fdf5f0 100%);border: 1px solid var(--ss-border);border-top: 4px solid var(--ss-orange);border-radius: 0 0 10px 10px}article .ss-glosariusz > h2{margin: 0 0 20px;padding-left: 0;border-left: none;font-size: 1.1rem;color: #1a1f2b;display: flex;align-items: center;gap: 10px}article .ss-glosariusz > h2::before{content: 'A–Z';display: inline-flex;align-items: center;justify-content: center;padding: 2px 8px;background: var(--ss-navy);color: #fff;border-radius: 4px;font-size: .68rem;font-weight: 700;letter-spacing: .04em;flex-shrink: 0}article .ss-glosariusz dl{margin: 0;display: grid;grid-template-columns: 1fr;gap: 0}article .ss-glosariusz dt{margin: 0;padding: 14px 0 5px;font-size: .95rem;font-weight: 700;color: #1a1f2b;border-top: 1px solid #e0e4ea;display: flex;align-items: flex-start;gap: 10px;line-height: 1.4}article .ss-glosariusz dl dt:first-of-type{border-top: none;padding-top: 0}article .ss-glosariusz dt::before{content: '';display: block;width: 4px;min-width: 4px;height: 18px;margin-top: 1px;background: var(--ss-orange);border-radius: 2px;flex-shrink: 0}article .ss-glosariusz dd{margin: 0 0 14px 14px;padding: 6px 12px 8px 14px;font-size: .88rem;color: #4a5568;line-height: 1.75;border-left: 2px solid #ffd5b8;background: rgba(255,255,255,.6);border-radius: 0 4px 4px 0}@media (max-width: 768px){article .ss-faq,article .ss-glosariusz{padding: 20px 16px 16px;border-radius: 8px}article .ss-faq summary{padding: 12px 44px 12px 14px;font-size: .88rem}article .ss-glosariusz dt{font-size: .9rem}article .ss-glosariusz dd{font-size: .85rem;margin-left: 8px}}article .ss-howto{margin: 44px 0 48px;padding: 28px 32px 24px;background: #f8fafd;border: 1px solid var(--ss-border);border-radius: 10px}article .ss-howto > h2{margin: 0 0 10px;padding-left: 0;border-left: none;font-size: 1.1rem;color: #1a1f2b;display: flex;align-items: center;gap: 10px}article .ss-howto > h2::before{content: '';display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;flex-shrink: 0;background: var(--ss-orange);border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='3' cy='6' r='1.2' fill='%23fff' stroke='none'/%3E%3Ccircle cx='3' cy='12' r='1.2' fill='%23fff' stroke='none'/%3E%3Ccircle cx='3' cy='18' r='1.2' fill='%23fff' stroke='none'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 14px}article .ss-howto > p{margin: 0 0 18px;font-size: 0.91rem;color: #556;line-height: 1.65}article .ss-howto__meta{display: flex;flex-wrap: wrap;gap: 0;background: #fff;border: 1px solid var(--ss-border);border-radius: 7px;margin-bottom: 24px;overflow: hidden}article .ss-howto__meta span{display: flex;align-items: center;gap: 6px;padding: 9px 18px;font-size: 0.83rem;color: #556;border-right: 1px solid #e8ebf0;flex: 1 1 auto;min-width: 140px}article .ss-howto__meta span:last-child{border-right: none}article .ss-howto__meta strong{color: #1a1f2b;font-weight: 700}article .ss-howto__meta span:nth-child(1)::before{content: '';display: inline-block;width: 15px;height: 15px;flex-shrink: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain}article .ss-howto__meta span:nth-child(2)::before{content: '';display: inline-block;width: 15px;height: 15px;flex-shrink: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain}article .ss-howto__meta span:nth-child(3)::before{content: '';display: inline-block;width: 15px;height: 15px;flex-shrink: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='7' height='7'/%3E%3Crect x='15' y='3' width='7' height='7'/%3E%3Crect x='15' y='15' width='7' height='7'/%3E%3Cpath d='M2 15h4v4H2z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain}article .ss-howto__steps{list-style: none;padding: 20px 20px 8px 20px;margin: 0;background: #fff;border: 1px solid var(--ss-border);border-radius: 7px;counter-reset: howto-counter}article .ss-howto__step{position: relative;padding: 0 0 20px calc(40px + 14px);counter-increment: howto-counter}article .ss-howto__step:last-child{padding-bottom: 8px}article .ss-howto__step::before{content: counter(howto-counter);position: absolute;left: 0;top: 0.1rem;width: 38px;height: 38px;background: var(--ss-orange);color: #fff;font-size: 0.95rem;font-weight: 700;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 8px rgba(255,106,19,.28);z-index: 1;line-height: 1;transition: background .18s}article .ss-howto__step:hover::before{background: #e55c0b}article .ss-howto__step:not(:last-child)::after{content: '';position: absolute;left: 18px;top: calc(0.1rem + 38px + 4px);bottom: 0;width: 2px;background: linear-gradient(to bottom,#e8ebf0 70%,transparent 100%);z-index: 0}article .ss-howto__step h3{font-size: 0.96rem;font-weight: 700;color: #1a1f2b;margin: 0.1rem 0 0.4rem;line-height: 1.35;transition: color .15s}article .ss-howto__step:hover h3{color: var(--ss-orange)}article .ss-howto__step p{font-size: 0.875rem;color: #4a5568;margin: 0;line-height: 1.7}@media (max-width: 768px){article .ss-howto{padding: 20px 16px 16px;border-radius: 8px}article .ss-howto__meta span{padding: 8px 14px;font-size: .8rem}article .ss-howto__steps{padding: 16px 14px 6px 14px}article .ss-howto__step{padding-left: calc(36px + 12px)}article .ss-howto__step::before{width: 34px;height: 34px;font-size: .88rem}}.vss-cta-section{margin: 40px 0;padding: 30px;background-color: #f4f7fa;border-left: 4px solid var(--ss-blue);border-radius: 0 4px 4px 0}.vss-cta-section h3{margin-top: 0;margin-bottom: 10px;font-size: 1.4rem;color: #333333}.vss-cta-section p{margin-bottom: 20px;color: #555555;line-height: 1.6}.vss-cta-button{display: inline-block;padding: 12px 28px;background-color: var(--ss-blue);color: #ffffff;text-decoration: none;font-weight: bold;border-radius: 4px}.vss-cta-button:hover{background-color: #004494;color: #ffffff;text-decoration: none}.article-meta-box{margin-top: 30px;padding-top: 20px;border-top: 1px solid #e0e0e0;font-size: 0.85rem;color: #666666}.article-meta-box p{margin: 5px 0}.article-meta-box .meta-verified{color: #2e7d32;font-weight: bold}.vss-cta-section--brand{background-color: #fff3ec;border-left-color: var(--ss-orange)}.vss-cta-button--brand{background-color: var(--ss-orange)}.vss-cta-button--brand:hover{background-color: #e05a0a}.vss-cta-section h3.cta-dark{color: var(--ss-navy)}.sla-table{margin-top: 10px}.sla-table.sla-table--kpi th:nth-child(1){width: 4%}.sla-table.sla-table--kpi th:nth-child(2){width: 28%}.sla-table.sla-table--kpi th:nth-child(3){width: 22%}.sla-table.sla-table--kpi th:nth-child(4){width: 22%}.sla-table.sla-table--kpi th:nth-child(5){width: 24%}.sla-table.sla-table--poziomy th:nth-child(1){width: 22%}.sla-table.sla-table--poziomy th:nth-child(2){width: 44%}.sla-table.sla-table--poziomy th:nth-child(3){width: 34%}.sla-badge--critical{background: #fde8e8;color: #c0392b}.sla-badge--warning{background: #fff3cd;color: #856404}.sla-list{margin: 6px 0 0 16px;padding: 0;list-style: disc}.index-list{margin-top: 28px}.mt-10{margin-top: 10px}nav.sidebar .nav-section--toggle{cursor: pointer;user-select: none;padding-right: 12px;border-radius: 4px;transition: background .12s}nav.sidebar .nav-section--toggle:hover,nav.sidebar .nav-section--toggle:focus-visible{background: var(--nav-accent-bg);outline: none}nav.sidebar .nav-section--toggle::after{content: '';margin-left: auto;width: 0;height: 0;border-left: 4px solid var(--nav-accent);border-top: 4px solid transparent;border-bottom: 4px solid transparent;transition: transform .18s ease;flex-shrink: 0}nav.sidebar .nav-section--toggle.open::after{transform: rotate(90deg)}nav.sidebar .nav-section--toggle + ul{display: none}nav.sidebar .nav-section--toggle.open + ul{display: block}nav.sidebar li.has-children{position: relative}nav.sidebar li.has-children > ul{display: none}nav.sidebar li.has-children.open > ul{display: block}nav.sidebar .nav-branch-toggle{position: absolute;right: 6px;top: 3px;width: 22px;height: 22px;padding: 0;border: none;background: transparent;cursor: pointer;border-radius: 4px;display: flex;align-items: center;justify-content: center;transition: background .12s;z-index: 1}nav.sidebar .nav-branch-toggle::before{content: '';width: 0;height: 0;border-left: 4px solid #9aa1ab;border-top: 4px solid transparent;border-bottom: 4px solid transparent;transition: transform .18s ease,border-left-color .12s}nav.sidebar .nav-branch-toggle:hover{background: var(--nav-accent-bg)}nav.sidebar .nav-branch-toggle:hover::before{border-left-color: var(--nav-accent)}nav.sidebar li.has-children.open > .nav-branch-toggle::before{transform: rotate(90deg);border-left-color: var(--nav-accent)}nav.sidebar li.has-children > a{padding-right: 32px}nav.sidebar li.has-children.open > a{color: var(--nav-accent)}.ss-toc{margin: 32px 0;padding: 20px 24px;background: #f4f7fa;border-left: 4px solid var(--ss-orange);border-radius: 0 4px 4px 0}.ss-toc h2{margin: 0 0 6px;font-size: 1.15rem}.ss-toc > p{margin: 0 0 14px;font-size: .9rem;color: #555}.ss-toc ol{margin: 0;padding: 0;list-style: none;display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 4px 28px}.ss-toc ol ol{display: block;margin: 4px 0 12px 14px;border-left: 1px solid #d8dee6;padding-left: 12px}.ss-toc > ol > li > strong{display: block;margin-top: 10px;font-size: .82rem;letter-spacing: .04em;text-transform: uppercase;color: #6b7683}.ss-toc li{margin: 2px 0}.ss-toc a{text-decoration: none}.ss-toc a:hover{text-decoration: underline}.ss-toc .toc-licznik{display: inline-block;margin-left: 6px;padding: 0 6px;border-radius: 9px;background: #ffe3d2;color: #a8410b;font-size: .75rem;font-weight: 600}.ss-pozycja{margin: 0 0 22px;padding: 0 0 0 16px;border-left: 3px solid #e3e8ee}.ss-pozycja > h3{margin: 0 0 6px;font-size: 1.02rem}.ss-pozycja > p{margin: 0 0 8px}.ss-pozycja--nowy{border-left-color: var(--ss-ok)}.ss-pozycja--bufor{border-left-color: #c0392b}.ss-pozycja--rejestr{border-left-color: var(--ss-blue)}.ss-pozycja--zestawienie{border-left-color: #6b7683}.ss-funkcje ul{margin: 0;padding: 0;list-style: none;display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 12px}.ss-funkcje li{margin: 0;padding: 12px 14px;background: #fff;border: 1px solid #e3e8ee;border-radius: 4px}.ss-funkcje li a{font-weight: 600;text-decoration: none}.ss-funkcje li a:hover{text-decoration: underline}.ss-funkcje li span{display: block;margin-top: 4px;font-size: .88rem;color: #555;line-height: 1.45}.ss-toc .toc-szczegoly{margin-left:6px;padding:0 7px;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:#a8410b;background:#ffe3d2;border-radius:9px;text-decoration:none;white-space:nowrap}.ss-toc .toc-szczegoly:hover,.ss-toc .toc-szczegoly:focus{background:var(--ss-orange);color:#fff}article > dl{margin: 18px 0 26px;padding: 0}article > dl > dt{margin: 16px 0 0;font-weight: 600;color: #1f2a37}article > dl > dt:first-child{margin-top: 0}article > dl > dd{margin: 5px 0 0;padding: 0 0 0 14px;border-left: 2px solid #e3e8ee;color: #444;line-height: 1.6}article p.lead{font-size: 1.08rem;line-height: 1.75;color: #26303d}article figure.zrzut{margin: 36px 0 0;border: 1px solid #c4cad4;border-bottom: none;border-radius: 10px 10px 0 0;overflow: hidden;box-shadow: 0 6px 28px rgba(0,0,0,.11),0 1px 4px rgba(0,0,0,.05);background: #fff}article figure.zrzut img{width: 100%;height: auto;display: block;margin: 0;border: none;border-radius: 0;box-shadow: none}article figure.zrzut figcaption{display: flex;align-items: flex-start;gap: 9px;padding: 10px 18px 12px;background: #2b3545;color: #c3ccd7;font-size: .8rem;line-height: 1.6;border-top: 3px solid var(--ss-orange)}article figure.zrzut figcaption::before{content: '◉';color: var(--ss-orange);font-size: .72rem;margin-top: .18em;flex-shrink: 0}article figure.zrzut + p{margin: 0 0 40px;padding: 8px 18px 16px;background: #f4f7fc;border: 1px solid #c4cad4;border-top: none;border-radius: 0 0 10px 10px;box-shadow: 0 6px 20px rgba(0,0,0,.08);font-size: .9rem;color: #3a4a5c;line-height: 1.75}article figure.zrzut + p::before{content: 'Opis ekranu';display: block;font-size: .68rem;font-weight: 700;text-transform: uppercase;letter-spacing: .09em;color: var(--ss-orange-text);margin-bottom: 7px;padding-bottom: 7px;border-bottom: 1px solid #dde4ee}article figure.infografika{margin: 28px 0 32px;border: 1px solid #c4cad4;border-radius: 10px;overflow: hidden;background: #fff;box-shadow: 0 4px 18px rgba(0,0,0,.08)}article figure.infografika svg{display: block;width: 100%;height: auto}article figure.infografika figcaption{padding: 10px 18px 12px;background: #f4f7fc;border-top: 1px solid #dde4ee;font-size: .84rem;line-height: 1.6;color: #3a4a5c}article .zrzuty-para{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 22px;margin: 36px 0 40px}article .zrzuty-para figure.zrzut{margin: 0;border-bottom: 1px solid #c4cad4;border-radius: 10px}article .zrzuty-para figure.zrzut figcaption{font-size: .78rem}article .zrzuty-para + p{margin-top: 0}article figure.zrzut--pion{max-width: 380px}article blockquote{margin: 26px 0 28px;padding: 16px 20px 4px 22px;background: #fff7f1;border-left: 4px solid var(--ss-orange);border-radius: 0 8px 8px 0;color: #2b3440}article blockquote p{color: #2b3440;margin-bottom: 12px}article blockquote p:first-child strong:first-child{color: var(--ss-orange-ink)}article blockquote.uwaga{background: #fff4e5;border-left-color: #d97706}article blockquote.uwaga p:first-child strong:first-child{color: #9a4a02}article blockquote.technika{background: #eef3fa;border-left-color: var(--ss-blue)}article blockquote.technika p:first-child strong:first-child{color: var(--ss-blue)}article blockquote code,article p code,article td code,article li code{font-family: Consolas,"Cascadia Mono",Menlo,monospace;font-size: .86em;background: #eef1f5;padding: 1px 5px;border-radius: 4px;color: #1a2533;overflow-wrap: anywhere}article table th a{color: #fff;text-decoration: underline;text-underline-offset: 2px}article table th a:hover{color: var(--ss-orange-300)}article .ss-tabela{margin: 20px 0 26px;overflow-x: auto;-webkit-overflow-scrolling: touch;border: 1px solid #e0e3e8;border-radius: 8px}article .ss-tabela table{margin: 0;min-width: 560px}article .ss-tabela caption{caption-side: top;text-align: left;padding: 10px 14px;font-size: .82rem;font-weight: 600;color: #4a5666;background: #f4f6f9;border-bottom: 1px solid #e0e3e8}article ul.ss-parametry{list-style: none;margin-left: 0}article ul.ss-parametry li{position: relative;padding: 10px 14px 10px 18px;margin-bottom: 8px;background: #f7f9fc;border: 1px solid #e6eaf0;border-left: 3px solid var(--ss-blue);border-radius: 0 6px 6px 0}article .ss-demo{margin: 28px 0 32px;padding: 18px 22px;display: grid;grid-template-columns: 1fr auto;gap: 10px 24px;align-items: center;background: linear-gradient(135deg,#16243f 0%,#1f3560 100%);border-radius: 10px;color: #e6ecf5}article .ss-demo .ss-demo__tytul{grid-column: 1 / -1;margin: 0;font-size: .72rem;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--ss-orange-300)}article .ss-demo dl{margin: 0;display: grid;grid-template-columns: auto 1fr;gap: 4px 14px}article .ss-demo dt{font-weight: 600;color: #fff;font-size: .88rem}article .ss-demo dd{margin: 0;color: #d3dcea;font-size: .88rem}article .ss-demo a.ss-demo__przycisk{display: inline-block;padding: 11px 20px;background: var(--ss-orange-ink);color: #fff;font-weight: 700;font-size: .9rem;border: none;border-radius: 6px;white-space: nowrap}article .ss-demo a.ss-demo__przycisk:hover{background: var(--ss-orange-text);color: #fff}article .ss-cwiczenie{margin: 36px 0 40px;padding: 22px 26px 12px;background: #f2f8f3;border: 1px solid #cfe5d5;border-top: 4px solid var(--ss-ok);border-radius: 0 0 10px 10px}article .ss-cwiczenie .ss-cwiczenie__tytul{margin: 0 0 4px;font-size: .72rem;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--ss-ok)}article .ss-cwiczenie h2,article .ss-cwiczenie h3{margin-top: 4px}article .ss-cwiczenie ol{margin-bottom: 12px}@media (max-width: 768px){article .zrzuty-para{grid-template-columns: 1fr;gap: 18px}article figure.zrzut--pion{max-width: 100%}article .ss-demo{grid-template-columns: 1fr}article .ss-demo dl{grid-template-columns: 1fr}article .ss-demo dt{margin-top: 4px}article figure.zrzut figcaption{font-size: .78rem;padding: 9px 14px 10px}article figure.zrzut + p{font-size: .86rem;padding: 8px 14px 14px;margin-bottom: 30px}}article figure.zrzut + p,article .zrzuty-para + p{max-width: none}article figure.zrzut--pion + p{max-width: 380px}@media (max-width: 768px){article figure.zrzut--pion + p{max-width: none}}article pre{margin: 18px 0 24px;padding: 14px 16px;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;background: #1b2433;color: #e8ecf3;border-radius: 8px;font-size: .82rem;line-height: 1.55;tab-size: 4}article pre code{background: none;color: inherit;padding: 0;font-size: inherit;white-space: pre}