/* panel.iwaszka.pl — Centrum zarządzania. PLIK SKŁADANY: narzedzia/panel-css-buduj.py (nie edytuj ręcznie).
Źródło: paczka Claude Design panel-claude-design-v2-oddanie (sha256 poniżej) + narzedzia/panel-css-poprawki.css. */
/* 165d9a9b5e64ae56 iwaszka/tokens/fonts.css */
/* ba967cbcb152e436 iwaszka/tokens/brand-logo.css */
/* cb166846b86a8d72 iwaszka/tokens/colors.css */
/* 6315503ccde58ef2 iwaszka/tokens/typography.css */
/* 24f1211f4cd2742d iwaszka/tokens/spacing.css */
/* e914b1a954d4c094 iwaszka/tokens/base.css */
/* 0423ba6c524fae8a panel.css */
/* 1c2b6e44f8483285 dokumenty/portfel-claude-design-20261009-oddanie/portfel-v3/portfel.css */
/* dec4c2c0b63efd5d narzedzia/panel-css-poprawki.css */
/* ==== iwaszka/tokens/fonts.css ==== */
/* Onest — SIL Open Font License 1.1, self-hosted woff2 (variable 400–700). Subsets: latin + latin-ext (Polish diacritics). */
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('/zasoby/panel/onest-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('/zasoby/panel/onest-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ==== iwaszka/tokens/brand-logo.css ==== */
/* iwaszka — tokeny marki. Źródło: dokumenty/iwaszka-marka (PDF wektorowy logo, 2021; kolory zmierzone z plików).
Kontrast (WCAG): grafit na bieli 18,2:1 · grafit na złocie 7,9:1 · złoto na bieli 2,3:1 (złoto NIE jest kolorem tekstu). */
:root {
--iw-zloto: #DBA022;
--iw-grafit: #151517;
--iw-biel: #FFFFFF;
--iw-logo-proporcje: 1253.87 / 230.22; /* @kind other */
--iw-logo-kolor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjM0MC42NCA0MjcuODkgMTI1My44NyAyMzAuMjIiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iSVdBU1pLQSI+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTA4MC4wMDApIj4KPHBhdGggZmlsbD0iIzE1MTQxNiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzY0Ljc1NSA0NDkuODQyIEwzNjQuNzU1IDYyMi44NzEgQzM2NC43NTUgNjIzLjE0NiAzNjQuOTc4IDYyMy4zNjkgMzY1LjI1MyA2MjMuMzY5IEwzODkuMjc5IDYyMy4zNjkgQzM4OS41NTQgNjIzLjM2OSAzODkuNzc3IDYyMy4xNDYgMzg5Ljc3NyA2MjIuODcxIEwzODkuNzc3IDQ0OS44NDIgQzM4OS43NzcgNDQ5LjU2NyAzODkuNTU0IDQ0OS4zNDQgMzg5LjI3OSA0NDkuMzQ0IEwzNjUuMjUzIDQ0OS4zNDQgQzM2NC45NzggNDQ5LjM0NCAzNjQuNzU1IDQ0OS41NjcgMzY0Ljc1NSA0NDkuODQyIi8+CjxwYXRoIGZpbGw9IiMxNTE0MTYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTU4NS4wNjMgNDQ5LjY5MyBMNTQwLjg1MiA1ODkuNzEyIEw0OTYuNjQxIDQ0OS42OTMgQzQ5Ni41NzYgNDQ5LjQ4NSA0OTYuMzgzIDQ0OS4zNDQgNDk2LjE2NSA0NDkuMzQ0IEw0NjkuNzYwIDQ0OS4zNDQgQzQ2OS41NDQgNDQ5LjM0NCA0NjkuMzUzIDQ0OS40ODIgNDY5LjI4NSA0NDkuNjg3IEw0MTIuMzMwIDYyMi43MTIgQzQxMi4yMjQgNjIzLjAzNiA0MTIuNDY1IDYyMy4zNjggNDEyLjgwNSA2MjMuMzY4IEw0MzkuMTEyIDYyMy4zNjggQzQzOS41NTEgNjIzLjM2OCA0MzkuOTM5IDYyMy4wODIgNDQwLjA2OCA2MjIuNjYyIEw0ODQuNDcyIDQ3OC4zMDYgTDUzMC40OTAgNjIzLjAyMCBDNTMwLjU1NiA2MjMuMjI3IDUzMC43NDggNjIzLjM2OCA1MzAuOTY2IDYyMy4zNjggTDU1MS4wMzggNjIzLjM2OCBDNTUxLjI1NiA2MjMuMzY4IDU1MS40NDkgNjIzLjIyNyA1NTEuNTE1IDYyMy4wMjAgTDU5Ny41MzYgNDc4LjMwNiBMNjQxLjYzNyA2MjIuNjYxIEM2NDEuNzY2IDYyMy4wODEgNjQyLjE1NCA2MjMuMzY4IDY0Mi41OTQgNjIzLjM2OCBMNjY4LjkwMyA2MjMuMzY4IEM2NjkuMjQzIDYyMy4zNjggNjY5LjQ4NCA2MjMuMDM2IDY2OS4zNzggNjIyLjcxMiBMNjEyLjQxOSA0NDkuNjg3IEM2MTIuMzUyIDQ0OS40ODIgNjEyLjE2MCA0NDkuMzQ0IDYxMS45NDQgNDQ5LjM0NCBMNTg1LjU0MCA0NDkuMzQ0IEM1ODUuMzIyIDQ0OS4zNDQgNTg1LjEyOSA0NDkuNDg1IDU4NS4wNjMgNDQ5LjY5MyIvPgo8cGF0aCBmaWxsPSIjMTUxNDE2IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMDQ2LjU0MiA0NTAuMzQ0IEwxMDQ2LjU0MiA0NjYuOTg4IEMxMDQ2LjU0MiA0NjcuMjIxIDEwNDYuNjIzIDQ2Ny40NDYgMTA0Ni43NzEgNDY3LjYyNiBMMTE1OS42MDIgNjA0LjA2MiBMMTA0Ny41NDIgNjA0LjA2MiBDMTA0Ni45OTAgNjA0LjA2MiAxMDQ2LjU0MiA2MDQuNTEwIDEwNDYuNTQyIDYwNS4wNjIgTDEwNDYuNTQyIDYyMi4zNjkgQzEwNDYuNTQyIDYyMi45MjEgMTA0Ni45OTAgNjIzLjM2OSAxMDQ3LjU0MiA2MjMuMzY5IEwxMTkwLjU2MSA2MjMuMzY5IEMxMTkxLjExMyA2MjMuMzY5IDExOTEuNTYxIDYyMi45MjEgMTE5MS41NjEgNjIyLjM2OSBMMTE5MS41NjEgNjA1LjcyOCBDMTE5MS41NjEgNjA1LjQ5NiAxMTkxLjQ4MCA2MDUuMjcwIDExOTEuMzMyIDYwNS4wOTEgTDEwNzguNTAxIDQ2OC42NTEgTDExOTIuNjcyIDQ2OC42NTEgQzExOTMuMjI0IDQ2OC42NTEgMTE5My42NzIgNDY4LjIwMyAxMTkzLjY3MiA0NjcuNjUxIEwxMTkzLjY3MiA0NTAuMzQ0IEMxMTkzLjY3MiA0NDkuNzkyIDExOTMuMjI0IDQ0OS4zNDQgMTE5Mi42NzIgNDQ5LjM0NCBMMTA0Ny41NDIgNDQ5LjM0NCBDMTA0Ni45OTAgNDQ5LjM0NCAxMDQ2LjU0MiA0NDkuNzkyIDEwNDYuNTQyIDQ1MC4zNDQiLz4KPHBhdGggZmlsbD0iIzE1MTQxNiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTMzOC43NDQgNDQ5LjY0NiBMMTI2Mi43NjIgNTI3LjYxOCBMMTI0Mi41NTkgNTA3Ljc4OCBMMTI0Mi41NTkgNDUwLjM0NCBDMTI0Mi41NTkgNDQ5Ljc5MiAxMjQyLjExMSA0NDkuMzQ0IDEyNDEuNTU5IDQ0OS4zNDQgTDEyMTguNTM3IDQ0OS4zNDQgQzEyMTcuOTg1IDQ0OS4zNDQgMTIxNy41MzcgNDQ5Ljc5MiAxMjE3LjUzNyA0NTAuMzQ0IEwxMjE3LjUzNyA2MjIuMzY5IEMxMjE3LjUzNyA2MjIuOTIxIDEyMTcuOTg1IDYyMy4zNjkgMTIxOC41MzcgNjIzLjM2OSBMMTI0MS41NTkgNjIzLjM2OSBDMTI0Mi4xMTEgNjIzLjM2OSAxMjQyLjU1OSA2MjIuOTIxIDEyNDIuNTU5IDYyMi4zNjkgTDEyNDIuNTU5IDUzMy4zNTggTDEzMzEuMjA4IDYyMy4wNzIgQzEzMzEuMzk2IDYyMy4yNjIgMTMzMS42NTIgNjIzLjM2OSAxMzMxLjkxOSA2MjMuMzY5IEwxMzYxLjY0MSA2MjMuMzY5IEMxMzYyLjA4OSA2MjMuMzY5IDEzNjIuMzExIDYyMi44MjcgMTM2MS45OTMgNjIyLjUxMyBMMTI3OS4wNDMgNTQwLjY2MSBMMTM2OS4yNDMgNDUwLjE5NyBDMTM2OS41NTcgNDQ5Ljg4MiAxMzY5LjMzNCA0NDkuMzQ0IDEzNjguODg5IDQ0OS4zNDQgTDEzMzkuNDYwIDQ0OS4zNDQgQzEzMzkuMTkxIDQ0OS4zNDQgMTMzOC45MzIgNDQ5LjQ1MyAxMzM4Ljc0NCA0NDkuNjQ2Ii8+CjxwYXRoIGZpbGw9IiMxNTE0MTYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE0NzQuMDk1IDYwNC4wNjIgTDE0MzAuMzc3IDUwNy4yNjQgTDE1MTcuNTA5IDUwNy4yNjQgWiBNMTU0Mi41NjYgNDQ5LjkyNSBMMTUyNS4wNDYgNDg3Ljk1OCBMMTQyMy4xNDEgNDg3Ljk1OCBMMTQwNS42MjAgNDQ5LjkyNSBDMTQwNS40NTcgNDQ5LjU3MSAxNDA1LjEwMiA0NDkuMzQ0IDE0MDQuNzEyIDQ0OS4zNDQgTDEzNzguMzk5IDQ0OS4zNDQgQzEzNzguMDM0IDQ0OS4zNDQgMTM3Ny43OTMgNDQ5LjcyMyAxMzc3Ljk0NyA0NTAuMDU0IEwxNDU4LjI4NCA2MjMuMDc5IEMxNDU4LjM2NSA2MjMuMjU2IDE0NTguNTQyIDYyMy4zNjkgMTQ1OC43MzcgNjIzLjM2OSBMMTQ4OS4xNTAgNjIzLjM2OSBDMTQ4OS4zNDUgNjIzLjM2OSAxNDg5LjUyMSA2MjMuMjU2IDE0ODkuNjAzIDYyMy4wODAgTDE1NzAuMjQzIDQ1MC4wNTUgQzE1NzAuMzk3IDQ0OS43MjQgMTU3MC4xNTUgNDQ5LjM0NCAxNTY5Ljc5MCA0NDkuMzQ0IEwxNTQzLjQ3NiA0NDkuMzQ0IEMxNTQzLjA4NCA0NDkuMzQ0IDE1NDIuNzMwIDQ0OS41NzEgMTU0Mi41NjYgNDQ5LjkyNSIvPgo8cGF0aCBmaWxsPSIjREJBMDIxIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMDE5LjQ4MyA1NTcuNDk1IEMxMDIwLjM0MSA1NTYuNDYxIDEwMjAuMDY3IDU1NC44ODkgMTAxOC45MDQgNTU0LjIxNSBDMTAwNS4xNzcgNTQ2LjI1OSA5OTEuNjU0IDU0MC4zODEgOTc3LjAwMyA1MzMuODg0IEM5NTMuMzQ3IDUyMy4zODYgOTI4LjU4MCA1MTQuOTE1IDkwMi45NDcgNTA4LjcxNCBDODY4LjUzNyA1MDAuMzY1IDgzMi41NTMgNDk1LjM2NyA3OTUuNTMxIDQ5NS42OTcgQzc0Ni4zNTUgNDk2LjEyOSA2OTkuMTQ2IDUwMy4zNTkgNjU1LjE0OCA1MTguNTE3IEM2NTIuNzU3IDUxOS4zNDEgNjUzLjc0NyA1MjIuOTEzIDY1Ni4yMTUgNTIyLjM2NSBDNjg1LjQzOCA1MTUuODY4IDcxNS43ODggNTExLjkyMCA3NDYuODUyIDUxMC43MjcgQzc2NS43NjIgNTEwLjAwMCA3ODAuNDQ4IDUwOS42OTQgNzk4Ljg2NCA1MTAuNDMyIEM3OTkuMjYxIDUxMC40NDggODAyLjIwMyA1MTAuNjM2IDgwMi41OTkgNTEwLjY1NyBDODM5LjUzNCA1MTIuNjc5IDg2OS43NTUgNTE5Ljk4OCA5MDAuNzcwIDUyOC43NDkgQzkzMC4wMDQgNTM3LjAxMiA5NTcuOTczIDU0OC41MTMgOTg0LjQxMiA1NjIuMzQyIEM5ODQuNDI0IDU2Mi4zNTUgOTg0LjQyNCA1NjIuMzU1IDk4NC40MzYgNTYyLjM2NyBDOTg2LjY0NiA1NjMuNTI2IDk4OC44NTUgNTY0LjY5OCA5OTEuMDUyIDU2NS45MDcgQzk5Mi44ODUgNTY2Ljg5NyA5OTQuNzE3IDU2Ny45MTAgOTk2LjUyMCA1NjguOTQ1IEM5OTYuNTU2IDU2OC45NjIgOTk2LjU5MSA1NjguOTgwIDk5Ni42MjcgNTY4Ljk5NyBMOTk5Ljk4NyA1NzAuMzIzIEMxMDAwLjg4OCA1NzAuNTEzIDEwMDEuODIzIDU3MC42MDcgMTAwMi43ODMgNTcwLjU5NCBDMTAwNS42NjMgNTcwLjU2OSAxMDA4LjMxMiA1NjkuNjA1IDEwMTAuNDQ4IDU2Ny45OTQgTDEwMTAuNDg1IDU2Ny45NTcgQzEwMTEuNTEwIDU2Ni45MzIgMTAxMi41MTEgNTY1Ljg3MCAxMDEzLjQ2MyA1NjQuNzcxIEMxMDE0LjM0MiA1NjMuNzcxIDEwMTUuMTg1IDU2Mi43NDUgMTAxNS45OTAgNTYxLjY5NSBDMTAxNy42NDAgNTU5LjU1OSAxMDE4LjExOSA1NTkuMTM5IDEwMTkuNDgzIDU1Ny40OTUiLz4KPHBhdGggZmlsbD0iIzE1MTQxNiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOTAyLjA2MiA1NDEuMTY2IEM5MTQuMjM2IDU0NC43OTcgOTI2LjQyOCA1NDkuMDg5IDkzOC41NjcgNTU0LjAxMSBDOTE3LjUwNyA1NTkuMjUwIDkwMC40MjIgNTY1LjMwMSA5MDAuNDIyIDU4MC40NTEgQzkwMC40MjIgNTk3LjA5MyA5MTcuNjc3IDYwOC40NTAgOTQxLjg5OCA2MDguNDUwIEM5NjMuNjQ4IDYwOC40NTAgOTg0LjUyMSA2MDIuMDU2IDk5OS42MDUgNTg3Ljk5OCBDMTAwMC4wMDYgNTg3LjYyNSAxMDAwLjYyNSA1ODcuNjQwIDEwMDEuMDAyIDU4OC4wMzkgTDEwMTQuNzQ5IDYwMi42NzUgQzEwMTUuMTM4IDYwMy4wODggMTAxNS4xMTUgNjAzLjc0OSAxMDE0LjY5MiA2MDQuMTI4IEM5OTcuNzkxIDYxOS4yODUgOTc0LjEyNyA2MjguMDAwIDk0My43MTIgNjI4LjAwMCBDOTA0LjA1NSA2MjguMDAwIDg3NC4zODcgNjA4LjE4NyA4NzQuMzg3IDU3OS4xMzIgQzg3NC4zODcgNTU5LjQ0OCA4ODYuMDQ2IDU0OC4zOTggOTAyLjA2MiA1NDEuMTY2Ii8+CjxwYXRoIGZpbGw9IiMxNTE0MTYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEwMDIuMDU4IDUzMi40MDMgQzk5Ni4xNDIgNTI5LjYwMSA5OTAuMTczIDUyNi45MzUgOTg0LjA1NSA1MjQuMjAyIEw5ODEuNTgxIDUyMy4wOTYgQzk3OS4yMDMgNTIyLjAzMyA5NzYuODExIDUyMC45OTUgOTc0LjQxMyA1MTkuOTczIEM5ODYuMDg2IDUxNC45NTIgOTkzLjk2NSA1MDcuOTAwIDk5My45NjUgNDk1LjkyNCBDOTkzLjk2NSA0ODIuNDUyIDk4Mi40NjIgNDY1LjU0NyA5NDYuNDM4IDQ2NS41NDcgQzkxOC40OTYgNDY1LjU0NyA4OTYuOTc4IDQ3Ny4yNjEgODgzLjU5OCA0ODkuOTM2IEM4ODMuMTg5IDQ5MC4zMjMgODgyLjU1MyA0OTAuMjk2IDg4Mi4xNzkgNDg5Ljg3NiBMODY4LjY3NiA0NzQuNzI4IEM4NjguMzE1IDQ3NC4zMjMgODY4LjMzMyA0NzMuNjk4IDg2OC43MjUgNDczLjMyMSBDODg1LjM5NSA0NTcuMzA0IDkxMC44OTcgNDQ2LjAwMSA5NDUuNTI3IDQ0Ni4wMDEgQzEwMDAuMDIyIDQ0Ni4wMDEgMTAyMC4wMDAgNDcyLjE1MSAxMDIwLjAwMCA0OTcuNzc2IEMxMDIwLjAwMCA1MTMuOTA5IDEwMTIuODU0IDUyNC43MTIgMTAwMi4wNTggNTMyLjQwMyIvPgo8cGF0aCBmaWxsPSIjMTUxNDE2IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik03MTQuMTY2IDUyNC44NzQgTDc1MC4xMDAgNjA0LjQzOCBMNzg3LjU2OSA1MjAuODk1IEM3OTMuNzkyIDUyMC45MTUgNzk5Ljk2MiA1MjEuMDQ1IDgwNi4zNzMgNTIxLjMwMSBDODA2LjcxOCA1MjEuMzE5IDgwNy43ODggNTIxLjM4NiA4MDguNjUxIDUyMS40MzkgQzgwOS4yNzkgNTIxLjQ3OSA4MDkuODExIDUyMS41MTEgODA5Ljk2NSA1MjEuNTIwIEM4MTAuOTk0IDUyMS41NzYgODEyLjAwNSA1MjEuNjUwIDgxMy4wMjUgNTIxLjcxNSBMNzY1LjYwOCA2MjMuNDU1IEM3NjUuNTI2IDYyMy42MzIgNzY1LjM0OSA2MjMuNzQ0IDc2NS4xNTUgNjIzLjc0NCBMNzM0Ljc0MiA2MjMuNzQ0IEM3MzQuNTQ3IDYyMy43NDQgNzM0LjM3MCA2MjMuNjMxIDczNC4yODggNjIzLjQ1NSBMNjkwLjE0MyA1MjguMzc4IEM2OTguMDk3IDUyNy4wMTggNzA2LjEwOSA1MjUuODQ4IDcxNC4xNjYgNTI0Ljg3NCIvPgo8cGF0aCBmaWxsPSIjMTUxNDE2IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04MDYuOTgzIDQ4My4zNTEgQzgwNi4wMzEgNDgzLjM1MSA4MDUuMDgwIDQ4My4zNTcgODA0LjEyOCA0ODMuMzY0IEw4MTguNTc3IDQ1MC4zMTggQzgxOC43MzYgNDQ5Ljk1NCA4MTkuMDk2IDQ0OS43MTkgODE5LjQ5MyA0NDkuNzE5IEw4MjYuOTUxIDQ0OS43MTkgTDg0NS43OTQgNDQ5LjcxOSBDODQ2LjE2MCA0NDkuNzE5IDg0Ni40MDIgNDUwLjA5OSA4NDYuMjQ4IDQ1MC40MzAgTDgzMC41NzYgNDg0LjA1OCBDODIyLjYzNiA0ODMuNTk2IDgxNC43NjYgNDgzLjM1MSA4MDYuOTgzIDQ4My4zNTEiLz4KPHBhdGggZmlsbD0iIzE1MTQxNiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNjc3LjQ2NSA1MDEuMDc1IEw2NTMuOTUwIDQ1MC40MzAgQzY1My43OTYgNDUwLjA5OSA2NTQuMDM4IDQ0OS43MjAgNjU0LjQwNCA0NDkuNzIwIEw2ODAuNjk5IDQ0OS43MjAgQzY4MS4wOTggNDQ5LjcyMCA2ODEuNDU5IDQ0OS45NTcgNjgxLjYxOCA0NTAuMzIzIEw3MDAuOTE0IDQ5NC45ODQgQzY5Mi45NzUgNDk2LjgwMyA2ODUuMTU2IDQ5OC44MzIgNjc3LjQ2NSA1MDEuMDc1Ii8+CjwvZz48L3N2Zz4K"); /* @kind other */
--iw-logo-czarne: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjM0MS42NCA0MjcuODkgMTI1My44NyAyMzAuMjIiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iSVdBU1pLQSI+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTA4MC4wMDApIj4KPHBhdGggZmlsbD0iIzE1MTQxNiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzY1Ljc1NSA0NDkuODQyIEwzNjUuNzU1IDYyMi44NzEgQzM2NS43NTUgNjIzLjE0NiAzNjUuOTc4IDYyMy4zNjkgMzY2LjI1MyA2MjMuMzY5IEwzOTAuMjc5IDYyMy4zNjkgQzM5MC41NTQgNjIzLjM2OSAzOTAuNzc3IDYyMy4xNDYgMzkwLjc3NyA2MjIuODcxIEwzOTAuNzc3IDQ0OS44NDIgQzM5MC43NzcgNDQ5LjU2NyAzOTAuNTU0IDQ0OS4zNDQgMzkwLjI3OSA0NDkuMzQ0IEwzNjYuMjUzIDQ0OS4zNDQgQzM2NS45NzggNDQ5LjM0NCAzNjUuNzU1IDQ0OS41NjcgMzY1Ljc1NSA0NDkuODQyIi8+CjxwYXRoIGZpbGw9IiMxNTE0MTYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTU4Ni4wNjMgNDQ5LjY5MyBMNTQxLjg1MiA1ODkuNzEyIEw0OTcuNjQxIDQ0OS42OTMgQzQ5Ny41NzYgNDQ5LjQ4NSA0OTcuMzgzIDQ0OS4zNDQgNDk3LjE2NSA0NDkuMzQ0IEw0NzAuNzYwIDQ0OS4zNDQgQzQ3MC41NDQgNDQ5LjM0NCA0NzAuMzUzIDQ0OS40ODIgNDcwLjI4NSA0NDkuNjg3IEw0MTMuMzMwIDYyMi43MTIgQzQxMy4yMjQgNjIzLjAzNiA0MTMuNDY1IDYyMy4zNjggNDEzLjgwNSA2MjMuMzY4IEw0NDAuMTEyIDYyMy4zNjggQzQ0MC41NTEgNjIzLjM2OCA0NDAuOTM5IDYyMy4wODIgNDQxLjA2OCA2MjIuNjYyIEw0ODUuNDcyIDQ3OC4zMDYgTDUzMS40OTAgNjIzLjAyMCBDNTMxLjU1NiA2MjMuMjI3IDUzMS43NDggNjIzLjM2OCA1MzEuOTY2IDYyMy4zNjggTDU1Mi4wMzggNjIzLjM2OCBDNTUyLjI1NiA2MjMuMzY4IDU1Mi40NDkgNjIzLjIyNyA1NTIuNTE1IDYyMy4wMjAgTDU5OC41MzYgNDc4LjMwNiBMNjQyLjYzNyA2MjIuNjYxIEM2NDIuNzY2IDYyMy4wODEgNjQzLjE1NCA2MjMuMzY4IDY0My41OTQgNjIzLjM2OCBMNjY5LjkwMyA2MjMuMzY4IEM2NzAuMjQzIDYyMy4zNjggNjcwLjQ4NCA2MjMuMDM2IDY3MC4zNzggNjIyLjcxMiBMNjEzLjQxOSA0NDkuNjg3IEM2MTMuMzUyIDQ0OS40ODIgNjEzLjE2MCA0NDkuMzQ0IDYxMi45NDQgNDQ5LjM0NCBMNTg2LjU0MCA0NDkuMzQ0IEM1ODYuMzIyIDQ0OS4zNDQgNTg2LjEyOSA0NDkuNDg1IDU4Ni4wNjMgNDQ5LjY5MyIvPgo8cGF0aCBmaWxsPSIjMTUxNDE2IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMDQ3LjU0MiA0NTAuMzQ0IEwxMDQ3LjU0MiA0NjYuOTg4IEMxMDQ3LjU0MiA0NjcuMjIxIDEwNDcuNjIzIDQ2Ny40NDYgMTA0Ny43NzEgNDY3LjYyNiBMMTE2MC42MDIgNjA0LjA2MiBMMTA0OC41NDIgNjA0LjA2MiBDMTA0Ny45OTAgNjA0LjA2MiAxMDQ3LjU0MiA2MDQuNTEwIDEwNDcuNTQyIDYwNS4wNjIgTDEwNDcuNTQyIDYyMi4zNjkgQzEwNDcuNTQyIDYyMi45MjEgMTA0Ny45OTAgNjIzLjM2OSAxMDQ4LjU0MiA2MjMuMzY5IEwxMTkxLjU2MSA2MjMuMzY5IEMxMTkyLjExMyA2MjMuMzY5IDExOTIuNTYxIDYyMi45MjEgMTE5Mi41NjEgNjIyLjM2OSBMMTE5Mi41NjEgNjA1LjcyOCBDMTE5Mi41NjEgNjA1LjQ5NiAxMTkyLjQ4MCA2MDUuMjcwIDExOTIuMzMyIDYwNS4wOTEgTDEwNzkuNTAxIDQ2OC42NTEgTDExOTMuNjcyIDQ2OC42NTEgQzExOTQuMjI0IDQ2OC42NTEgMTE5NC42NzIgNDY4LjIwMyAxMTk0LjY3MiA0NjcuNjUxIEwxMTk0LjY3MiA0NTAuMzQ0IEMxMTk0LjY3MiA0NDkuNzkyIDExOTQuMjI0IDQ0OS4zNDQgMTE5My42NzIgNDQ5LjM0NCBMMTA0OC41NDIgNDQ5LjM0NCBDMTA0Ny45OTAgNDQ5LjM0NCAxMDQ3LjU0MiA0NDkuNzkyIDEwNDcuNTQyIDQ1MC4zNDQiLz4KPHBhdGggZmlsbD0iIzE1MTQxNiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTMzOS43NDQgNDQ5LjY0NiBMMTI2My43NjIgNTI3LjYxOCBMMTI0My41NTkgNTA3Ljc4OCBMMTI0My41NTkgNDUwLjM0NCBDMTI0My41NTkgNDQ5Ljc5MiAxMjQzLjExMSA0NDkuMzQ0IDEyNDIuNTU5IDQ0OS4zNDQgTDEyMTkuNTM3IDQ0OS4zNDQgQzEyMTguOTg1IDQ0OS4zNDQgMTIxOC41MzcgNDQ5Ljc5MiAxMjE4LjUzNyA0NTAuMzQ0IEwxMjE4LjUzNyA2MjIuMzY5IEMxMjE4LjUzNyA2MjIuOTIxIDEyMTguOTg1IDYyMy4zNjkgMTIxOS41MzcgNjIzLjM2OSBMMTI0Mi41NTkgNjIzLjM2OSBDMTI0My4xMTEgNjIzLjM2OSAxMjQzLjU1OSA2MjIuOTIxIDEyNDMuNTU5IDYyMi4zNjkgTDEyNDMuNTU5IDUzMy4zNTggTDEzMzIuMjA4IDYyMy4wNzIgQzEzMzIuMzk2IDYyMy4yNjIgMTMzMi42NTIgNjIzLjM2OSAxMzMyLjkxOSA2MjMuMzY5IEwxMzYyLjY0MSA2MjMuMzY5IEMxMzYzLjA4OSA2MjMuMzY5IDEzNjMuMzExIDYyMi44MjcgMTM2Mi45OTMgNjIyLjUxMyBMMTI4MC4wNDMgNTQwLjY2MSBMMTM3MC4yNDMgNDUwLjE5NyBDMTM3MC41NTcgNDQ5Ljg4MiAxMzcwLjMzNCA0NDkuMzQ0IDEzNjkuODg5IDQ0OS4zNDQgTDEzNDAuNDYwIDQ0OS4zNDQgQzEzNDAuMTkxIDQ0OS4zNDQgMTMzOS45MzIgNDQ5LjQ1MyAxMzM5Ljc0NCA0NDkuNjQ2Ii8+CjxwYXRoIGZpbGw9IiMxNTE0MTYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE0NzUuMDk1IDYwNC4wNjIgTDE0MzEuMzc3IDUwNy4yNjQgTDE1MTguNTA5IDUwNy4yNjQgWiBNMTU0My41NjYgNDQ5LjkyNSBMMTUyNi4wNDYgNDg3Ljk1OCBMMTQyNC4xNDEgNDg3Ljk1OCBMMTQwNi42MjAgNDQ5LjkyNSBDMTQwNi40NTcgNDQ5LjU3MSAxNDA2LjEwMiA0NDkuMzQ0IDE0MDUuNzEyIDQ0OS4zNDQgTDEzNzkuMzk5IDQ0OS4zNDQgQzEzNzkuMDM0IDQ0OS4zNDQgMTM3OC43OTMgNDQ5LjcyMyAxMzc4Ljk0NyA0NTAuMDU0IEwxNDU5LjI4NCA2MjMuMDc5IEMxNDU5LjM2NSA2MjMuMjU2IDE0NTkuNTQyIDYyMy4zNjkgMTQ1OS43MzcgNjIzLjM2OSBMMTQ5MC4xNTAgNjIzLjM2OSBDMTQ5MC4zNDUgNjIzLjM2OSAxNDkwLjUyMSA2MjMuMjU2IDE0OTAuNjAzIDYyMy4wODAgTDE1NzEuMjQzIDQ1MC4wNTUgQzE1NzEuMzk3IDQ0OS43MjQgMTU3MS4xNTUgNDQ5LjM0NCAxNTcwLjc5MCA0NDkuMzQ0IEwxNTQ0LjQ3NiA0NDkuMzQ0IEMxNTQ0LjA4NCA0NDkuMzQ0IDE1NDMuNzMwIDQ0OS41NzEgMTU0My41NjYgNDQ5LjkyNSIvPgo8cGF0aCBmaWxsPSIjMTUxNDE2IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMDIwLjQ4MyA1NTcuNDk1IEMxMDIxLjM0MSA1NTYuNDYxIDEwMjEuMDY3IDU1NC44ODkgMTAxOS45MDQgNTU0LjIxNSBDMTAwNi4xNzcgNTQ2LjI1OSA5OTIuNjU0IDU0MC4zODEgOTc4LjAwMyA1MzMuODg0IEM5NTQuMzQ3IDUyMy4zODYgOTI5LjU4MCA1MTQuOTE1IDkwMy45NDcgNTA4LjcxNCBDODY5LjUzNyA1MDAuMzY1IDgzMy41NTMgNDk1LjM2NyA3OTYuNTMxIDQ5NS42OTcgQzc0Ny4zNTUgNDk2LjEyOSA3MDAuMTQ2IDUwMy4zNTkgNjU2LjE0OCA1MTguNTE3IEM2NTMuNzU3IDUxOS4zNDEgNjU0Ljc0NyA1MjIuOTEzIDY1Ny4yMTUgNTIyLjM2NSBDNjg2LjQzOCA1MTUuODY4IDcxNi43ODggNTExLjkyMCA3NDcuODUyIDUxMC43MjcgQzc2Ni43NjIgNTEwLjAwMCA3ODEuNDQ4IDUwOS42OTQgNzk5Ljg2NCA1MTAuNDMyIEM4MDAuMjYxIDUxMC40NDggODAzLjIwMyA1MTAuNjM2IDgwMy41OTkgNTEwLjY1NyBDODQwLjUzNCA1MTIuNjc5IDg3MC43NTUgNTE5Ljk4OCA5MDEuNzcwIDUyOC43NDkgQzkzMS4wMDQgNTM3LjAxMiA5NTguOTczIDU0OC41MTMgOTg1LjQxMiA1NjIuMzQyIEM5ODUuNDI0IDU2Mi4zNTUgOTg1LjQyNCA1NjIuMzU1IDk4NS40MzYgNTYyLjM2NyBDOTg3LjY0NiA1NjMuNTI2IDk4OS44NTUgNTY0LjY5OCA5OTIuMDUyIDU2NS45MDcgQzk5My44ODUgNTY2Ljg5NyA5OTUuNzE3IDU2Ny45MTAgOTk3LjUyMCA1NjguOTQ1IEM5OTcuNTU2IDU2OC45NjIgOTk3LjU5MSA1NjguOTgwIDk5Ny42MjcgNTY4Ljk5NyBMMTAwMC45ODcgNTcwLjMyMyBDMTAwMS44ODggNTcwLjUxMyAxMDAyLjgyMyA1NzAuNjA3IDEwMDMuNzgzIDU3MC41OTQgQzEwMDYuNjYzIDU3MC41NjkgMTAwOS4zMTIgNTY5LjYwNSAxMDExLjQ0OCA1NjcuOTk0IEwxMDExLjQ4NSA1NjcuOTU3IEMxMDEyLjUxMCA1NjYuOTMyIDEwMTMuNTExIDU2NS44NzAgMTAxNC40NjMgNTY0Ljc3MSBDMTAxNS4zNDIgNTYzLjc3MSAxMDE2LjE4NSA1NjIuNzQ1IDEwMTYuOTkwIDU2MS42OTUgQzEwMTguNjQwIDU1OS41NTkgMTAxOS4xMTkgNTU5LjEzOSAxMDIwLjQ4MyA1NTcuNDk1Ii8+CjxwYXRoIGZpbGw9IiMxNTE0MTYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTkwMy4wNjIgNTQxLjE2NiBDOTE1LjIzNiA1NDQuNzk3IDkyNy40MjggNTQ5LjA4OSA5MzkuNTY3IDU1NC4wMTEgQzkxOC41MDcgNTU5LjI1MCA5MDEuNDIyIDU2NS4zMDEgOTAxLjQyMiA1ODAuNDUxIEM5MDEuNDIyIDU5Ny4wOTMgOTE4LjY3NyA2MDguNDUwIDk0Mi44OTggNjA4LjQ1MCBDOTY0LjY0OCA2MDguNDUwIDk4NS41MjEgNjAyLjA1NiAxMDAwLjYwNSA1ODcuOTk4IEMxMDAxLjAwNiA1ODcuNjI1IDEwMDEuNjI1IDU4Ny42NDAgMTAwMi4wMDIgNTg4LjAzOSBMMTAxNS43NDkgNjAyLjY3NSBDMTAxNi4xMzggNjAzLjA4OCAxMDE2LjExNSA2MDMuNzQ5IDEwMTUuNjkyIDYwNC4xMjggQzk5OC43OTEgNjE5LjI4NSA5NzUuMTI3IDYyOC4wMDAgOTQ0LjcxMiA2MjguMDAwIEM5MDUuMDU1IDYyOC4wMDAgODc1LjM4NyA2MDguMTg3IDg3NS4zODcgNTc5LjEzMiBDODc1LjM4NyA1NTkuNDQ4IDg4Ny4wNDYgNTQ4LjM5OCA5MDMuMDYyIDU0MS4xNjYiLz4KPHBhdGggZmlsbD0iIzE1MTQxNiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTAwMy4wNTggNTMyLjQwMyBDOTk3LjE0MiA1MjkuNjAxIDk5MS4xNzMgNTI2LjkzNSA5ODUuMDU1IDUyNC4yMDIgTDk4Mi41ODEgNTIzLjA5NiBDOTgwLjIwMyA1MjIuMDMzIDk3Ny44MTEgNTIwLjk5NSA5NzUuNDEzIDUxOS45NzMgQzk4Ny4wODYgNTE0Ljk1MiA5OTQuOTY1IDUwNy45MDAgOTk0Ljk2NSA0OTUuOTI0IEM5OTQuOTY1IDQ4Mi40NTIgOTgzLjQ2MiA0NjUuNTQ3IDk0Ny40MzggNDY1LjU0NyBDOTE5LjQ5NiA0NjUuNTQ3IDg5Ny45NzggNDc3LjI2MSA4ODQuNTk4IDQ4OS45MzYgQzg4NC4xODkgNDkwLjMyMyA4ODMuNTUzIDQ5MC4yOTYgODgzLjE3OSA0ODkuODc2IEw4NjkuNjc2IDQ3NC43MjggQzg2OS4zMTUgNDc0LjMyMyA4NjkuMzMzIDQ3My42OTggODY5LjcyNSA0NzMuMzIxIEM4ODYuMzk1IDQ1Ny4zMDQgOTExLjg5NyA0NDYuMDAxIDk0Ni41MjcgNDQ2LjAwMSBDMTAwMS4wMjIgNDQ2LjAwMSAxMDIxLjAwMCA0NzIuMTUxIDEwMjEuMDAwIDQ5Ny43NzYgQzEwMjEuMDAwIDUxMy45MDkgMTAxMy44NTQgNTI0LjcxMiAxMDAzLjA1OCA1MzIuNDAzIi8+CjxwYXRoIGZpbGw9IiMxNTE0MTYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTcxNS4xNjYgNTI0Ljg3NCBMNzUxLjEwMCA2MDQuNDM4IEw3ODguNTY5IDUyMC44OTUgQzc5NC43OTIgNTIwLjkxNSA4MDAuOTYyIDUyMS4wNDUgODA3LjM3MyA1MjEuMzAxIEM4MDcuNzE4IDUyMS4zMTkgODA4Ljc4OCA1MjEuMzg2IDgwOS42NTEgNTIxLjQzOSBDODEwLjI3OSA1MjEuNDc5IDgxMC44MTEgNTIxLjUxMSA4MTAuOTY1IDUyMS41MjAgQzgxMS45OTQgNTIxLjU3NiA4MTMuMDA1IDUyMS42NTAgODE0LjAyNSA1MjEuNzE1IEw3NjYuNjA4IDYyMy40NTUgQzc2Ni41MjYgNjIzLjYzMiA3NjYuMzQ5IDYyMy43NDQgNzY2LjE1NSA2MjMuNzQ0IEw3MzUuNzQyIDYyMy43NDQgQzczNS41NDcgNjIzLjc0NCA3MzUuMzcwIDYyMy42MzEgNzM1LjI4OCA2MjMuNDU1IEw2OTEuMTQzIDUyOC4zNzggQzY5OS4wOTcgNTI3LjAxOCA3MDcuMTA5IDUyNS44NDggNzE1LjE2NiA1MjQuODc0Ii8+CjxwYXRoIGZpbGw9IiMxNTE0MTYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTgwNy45ODMgNDgzLjM1MSBDODA3LjAzMSA0ODMuMzUxIDgwNi4wODAgNDgzLjM1NyA4MDUuMTI4IDQ4My4zNjQgTDgxOS41NzcgNDUwLjMxOCBDODE5LjczNiA0NDkuOTU0IDgyMC4wOTYgNDQ5LjcxOSA4MjAuNDkzIDQ0OS43MTkgTDgyNy45NTEgNDQ5LjcxOSBMODQ2Ljc5NCA0NDkuNzE5IEM4NDcuMTYwIDQ0OS43MTkgODQ3LjQwMiA0NTAuMDk5IDg0Ny4yNDggNDUwLjQzMCBMODMxLjU3NiA0ODQuMDU4IEM4MjMuNjM2IDQ4My41OTYgODE1Ljc2NiA0ODMuMzUxIDgwNy45ODMgNDgzLjM1MSIvPgo8cGF0aCBmaWxsPSIjMTUxNDE2IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik02NzguNDY1IDUwMS4wNzUgTDY1NC45NTAgNDUwLjQzMCBDNjU0Ljc5NiA0NTAuMDk5IDY1NS4wMzggNDQ5LjcyMCA2NTUuNDA0IDQ0OS43MjAgTDY4MS42OTkgNDQ5LjcyMCBDNjgyLjA5OCA0NDkuNzIwIDY4Mi40NTkgNDQ5Ljk1NyA2ODIuNjE4IDQ1MC4zMjMgTDcwMS45MTQgNDk0Ljk4NCBDNjkzLjk3NSA0OTYuODAzIDY4Ni4xNTYgNDk4LjgzMiA2NzguNDY1IDUwMS4wNzUiLz4KPC9nPjwvc3ZnPgo="); /* @kind other */
--iw-logo-biale: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjM0MC42NCA0MjcuODkgMTI1My44NyAyMzAuMjIiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iSVdBU1pLQSI+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTA4MC4wMDApIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzY0Ljc1NSA0NDkuODQyIEwzNjQuNzU1IDYyMi44NzEgQzM2NC43NTUgNjIzLjE0NiAzNjQuOTc4IDYyMy4zNjkgMzY1LjI1MyA2MjMuMzY5IEwzODkuMjc5IDYyMy4zNjkgQzM4OS41NTQgNjIzLjM2OSAzODkuNzc3IDYyMy4xNDYgMzg5Ljc3NyA2MjIuODcxIEwzODkuNzc3IDQ0OS44NDIgQzM4OS43NzcgNDQ5LjU2NyAzODkuNTU0IDQ0OS4zNDQgMzg5LjI3OSA0NDkuMzQ0IEwzNjUuMjUzIDQ0OS4zNDQgQzM2NC45NzggNDQ5LjM0NCAzNjQuNzU1IDQ0OS41NjcgMzY0Ljc1NSA0NDkuODQyIi8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTU4NS4wNjMgNDQ5LjY5MyBMNTQwLjg1MiA1ODkuNzEyIEw0OTYuNjQxIDQ0OS42OTMgQzQ5Ni41NzYgNDQ5LjQ4NSA0OTYuMzgzIDQ0OS4zNDQgNDk2LjE2NSA0NDkuMzQ0IEw0NjkuNzYwIDQ0OS4zNDQgQzQ2OS41NDQgNDQ5LjM0NCA0NjkuMzUzIDQ0OS40ODIgNDY5LjI4NSA0NDkuNjg3IEw0MTIuMzMwIDYyMi43MTIgQzQxMi4yMjQgNjIzLjAzNiA0MTIuNDY1IDYyMy4zNjggNDEyLjgwNSA2MjMuMzY4IEw0MzkuMTEyIDYyMy4zNjggQzQzOS41NTEgNjIzLjM2OCA0MzkuOTM5IDYyMy4wODIgNDQwLjA2OCA2MjIuNjYyIEw0ODQuNDcyIDQ3OC4zMDYgTDUzMC40OTAgNjIzLjAyMCBDNTMwLjU1NiA2MjMuMjI3IDUzMC43NDggNjIzLjM2OCA1MzAuOTY2IDYyMy4zNjggTDU1MS4wMzggNjIzLjM2OCBDNTUxLjI1NiA2MjMuMzY4IDU1MS40NDkgNjIzLjIyNyA1NTEuNTE1IDYyMy4wMjAgTDU5Ny41MzYgNDc4LjMwNiBMNjQxLjYzNyA2MjIuNjYxIEM2NDEuNzY2IDYyMy4wODEgNjQyLjE1NCA2MjMuMzY4IDY0Mi41OTQgNjIzLjM2OCBMNjY4LjkwMyA2MjMuMzY4IEM2NjkuMjQzIDYyMy4zNjggNjY5LjQ4NCA2MjMuMDM2IDY2OS4zNzggNjIyLjcxMiBMNjEyLjQxOSA0NDkuNjg3IEM2MTIuMzUyIDQ0OS40ODIgNjEyLjE2MCA0NDkuMzQ0IDYxMS45NDQgNDQ5LjM0NCBMNTg1LjU0MCA0NDkuMzQ0IEM1ODUuMzIyIDQ0OS4zNDQgNTg1LjEyOSA0NDkuNDg1IDU4NS4wNjMgNDQ5LjY5MyIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMDQ2LjU0MiA0NTAuMzQ0IEwxMDQ2LjU0MiA0NjYuOTg4IEMxMDQ2LjU0MiA0NjcuMjIxIDEwNDYuNjIzIDQ2Ny40NDYgMTA0Ni43NzEgNDY3LjYyNiBMMTE1OS42MDIgNjA0LjA2MiBMMTA0Ny41NDIgNjA0LjA2MiBDMTA0Ni45OTAgNjA0LjA2MiAxMDQ2LjU0MiA2MDQuNTEwIDEwNDYuNTQyIDYwNS4wNjIgTDEwNDYuNTQyIDYyMi4zNjkgQzEwNDYuNTQyIDYyMi45MjEgMTA0Ni45OTAgNjIzLjM2OSAxMDQ3LjU0MiA2MjMuMzY5IEwxMTkwLjU2MSA2MjMuMzY5IEMxMTkxLjExMyA2MjMuMzY5IDExOTEuNTYxIDYyMi45MjEgMTE5MS41NjEgNjIyLjM2OSBMMTE5MS41NjEgNjA1LjcyOCBDMTE5MS41NjEgNjA1LjQ5NiAxMTkxLjQ4MCA2MDUuMjcwIDExOTEuMzMyIDYwNS4wOTEgTDEwNzguNTAxIDQ2OC42NTEgTDExOTIuNjcyIDQ2OC42NTEgQzExOTMuMjI0IDQ2OC42NTEgMTE5My42NzIgNDY4LjIwMyAxMTkzLjY3MiA0NjcuNjUxIEwxMTkzLjY3MiA0NTAuMzQ0IEMxMTkzLjY3MiA0NDkuNzkyIDExOTMuMjI0IDQ0OS4zNDQgMTE5Mi42NzIgNDQ5LjM0NCBMMTA0Ny41NDIgNDQ5LjM0NCBDMTA0Ni45OTAgNDQ5LjM0NCAxMDQ2LjU0MiA0NDkuNzkyIDEwNDYuNTQyIDQ1MC4zNDQiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTMzOC43NDQgNDQ5LjY0NiBMMTI2Mi43NjIgNTI3LjYxOCBMMTI0Mi41NTkgNTA3Ljc4OCBMMTI0Mi41NTkgNDUwLjM0NCBDMTI0Mi41NTkgNDQ5Ljc5MiAxMjQyLjExMSA0NDkuMzQ0IDEyNDEuNTU5IDQ0OS4zNDQgTDEyMTguNTM3IDQ0OS4zNDQgQzEyMTcuOTg1IDQ0OS4zNDQgMTIxNy41MzcgNDQ5Ljc5MiAxMjE3LjUzNyA0NTAuMzQ0IEwxMjE3LjUzNyA2MjIuMzY5IEMxMjE3LjUzNyA2MjIuOTIxIDEyMTcuOTg1IDYyMy4zNjkgMTIxOC41MzcgNjIzLjM2OSBMMTI0MS41NTkgNjIzLjM2OSBDMTI0Mi4xMTEgNjIzLjM2OSAxMjQyLjU1OSA2MjIuOTIxIDEyNDIuNTU5IDYyMi4zNjkgTDEyNDIuNTU5IDUzMy4zNTggTDEzMzEuMjA4IDYyMy4wNzIgQzEzMzEuMzk2IDYyMy4yNjIgMTMzMS42NTIgNjIzLjM2OSAxMzMxLjkxOSA2MjMuMzY5IEwxMzYxLjY0MSA2MjMuMzY5IEMxMzYyLjA4OSA2MjMuMzY5IDEzNjIuMzExIDYyMi44MjcgMTM2MS45OTMgNjIyLjUxMyBMMTI3OS4wNDMgNTQwLjY2MSBMMTM2OS4yNDMgNDUwLjE5NyBDMTM2OS41NTcgNDQ5Ljg4MiAxMzY5LjMzNCA0NDkuMzQ0IDEzNjguODg5IDQ0OS4zNDQgTDEzMzkuNDYwIDQ0OS4zNDQgQzEzMzkuMTkxIDQ0OS4zNDQgMTMzOC45MzIgNDQ5LjQ1MyAxMzM4Ljc0NCA0NDkuNjQ2Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE0NzQuMDk1IDYwNC4wNjIgTDE0MzAuMzc3IDUwNy4yNjQgTDE1MTcuNTA5IDUwNy4yNjQgWiBNMTU0Mi41NjYgNDQ5LjkyNSBMMTUyNS4wNDYgNDg3Ljk1OCBMMTQyMy4xNDEgNDg3Ljk1OCBMMTQwNS42MjAgNDQ5LjkyNSBDMTQwNS40NTcgNDQ5LjU3MSAxNDA1LjEwMiA0NDkuMzQ0IDE0MDQuNzEyIDQ0OS4zNDQgTDEzNzguMzk5IDQ0OS4zNDQgQzEzNzguMDM0IDQ0OS4zNDQgMTM3Ny43OTMgNDQ5LjcyMyAxMzc3Ljk0NyA0NTAuMDU0IEwxNDU4LjI4NCA2MjMuMDc5IEMxNDU4LjM2NSA2MjMuMjU2IDE0NTguNTQyIDYyMy4zNjkgMTQ1OC43MzcgNjIzLjM2OSBMMTQ4OS4xNTAgNjIzLjM2OSBDMTQ4OS4zNDUgNjIzLjM2OSAxNDg5LjUyMSA2MjMuMjU2IDE0ODkuNjAzIDYyMy4wODAgTDE1NzAuMjQzIDQ1MC4wNTUgQzE1NzAuMzk3IDQ0OS43MjQgMTU3MC4xNTUgNDQ5LjM0NCAxNTY5Ljc5MCA0NDkuMzQ0IEwxNTQzLjQ3NiA0NDkuMzQ0IEMxNTQzLjA4NCA0NDkuMzQ0IDE1NDIuNzMwIDQ0OS41NzEgMTU0Mi41NjYgNDQ5LjkyNSIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMDE5LjQ4MyA1NTcuNDk1IEMxMDIwLjM0MSA1NTYuNDYxIDEwMjAuMDY3IDU1NC44ODkgMTAxOC45MDQgNTU0LjIxNSBDMTAwNS4xNzcgNTQ2LjI1OSA5OTEuNjU0IDU0MC4zODEgOTc3LjAwMyA1MzMuODg0IEM5NTMuMzQ3IDUyMy4zODYgOTI4LjU4MCA1MTQuOTE1IDkwMi45NDcgNTA4LjcxNCBDODY4LjUzNyA1MDAuMzY1IDgzMi41NTMgNDk1LjM2NyA3OTUuNTMxIDQ5NS42OTcgQzc0Ni4zNTUgNDk2LjEyOSA2OTkuMTQ2IDUwMy4zNTkgNjU1LjE0OCA1MTguNTE3IEM2NTIuNzU3IDUxOS4zNDEgNjUzLjc0NyA1MjIuOTEzIDY1Ni4yMTUgNTIyLjM2NSBDNjg1LjQzOCA1MTUuODY4IDcxNS43ODggNTExLjkyMCA3NDYuODUyIDUxMC43MjcgQzc2NS43NjIgNTEwLjAwMCA3ODAuNDQ4IDUwOS42OTQgNzk4Ljg2NCA1MTAuNDMyIEM3OTkuMjYxIDUxMC40NDggODAyLjIwMyA1MTAuNjM2IDgwMi41OTkgNTEwLjY1NyBDODM5LjUzNCA1MTIuNjc5IDg2OS43NTUgNTE5Ljk4OCA5MDAuNzcwIDUyOC43NDkgQzkzMC4wMDQgNTM3LjAxMiA5NTcuOTczIDU0OC41MTMgOTg0LjQxMiA1NjIuMzQyIEM5ODQuNDI0IDU2Mi4zNTUgOTg0LjQyNCA1NjIuMzU1IDk4NC40MzYgNTYyLjM2NyBDOTg2LjY0NiA1NjMuNTI2IDk4OC44NTUgNTY0LjY5OCA5OTEuMDUyIDU2NS45MDcgQzk5Mi44ODUgNTY2Ljg5NyA5OTQuNzE3IDU2Ny45MTAgOTk2LjUyMCA1NjguOTQ1IEM5OTYuNTU2IDU2OC45NjIgOTk2LjU5MSA1NjguOTgwIDk5Ni42MjcgNTY4Ljk5NyBMOTk5Ljk4NyA1NzAuMzIzIEMxMDAwLjg4OCA1NzAuNTEzIDEwMDEuODIzIDU3MC42MDcgMTAwMi43ODMgNTcwLjU5NCBDMTAwNS42NjMgNTcwLjU2OSAxMDA4LjMxMiA1NjkuNjA1IDEwMTAuNDQ4IDU2Ny45OTQgTDEwMTAuNDg1IDU2Ny45NTcgQzEwMTEuNTEwIDU2Ni45MzIgMTAxMi41MTEgNTY1Ljg3MCAxMDEzLjQ2MyA1NjQuNzcxIEMxMDE0LjM0MiA1NjMuNzcxIDEwMTUuMTg1IDU2Mi43NDUgMTAxNS45OTAgNTYxLjY5NSBDMTAxNy42NDAgNTU5LjU1OSAxMDE4LjExOSA1NTkuMTM5IDEwMTkuNDgzIDU1Ny40OTUiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOTAyLjA2MiA1NDEuMTY2IEM5MTQuMjM2IDU0NC43OTcgOTI2LjQyOCA1NDkuMDg5IDkzOC41NjcgNTU0LjAxMSBDOTE3LjUwNyA1NTkuMjUwIDkwMC40MjIgNTY1LjMwMSA5MDAuNDIyIDU4MC40NTEgQzkwMC40MjIgNTk3LjA5MyA5MTcuNjc3IDYwOC40NTAgOTQxLjg5OCA2MDguNDUwIEM5NjMuNjQ4IDYwOC40NTAgOTg0LjUyMSA2MDIuMDU2IDk5OS42MDUgNTg3Ljk5OCBDMTAwMC4wMDYgNTg3LjYyNSAxMDAwLjYyNSA1ODcuNjQwIDEwMDEuMDAyIDU4OC4wMzkgTDEwMTQuNzQ5IDYwMi42NzUgQzEwMTUuMTM4IDYwMy4wODggMTAxNS4xMTUgNjAzLjc0OSAxMDE0LjY5MiA2MDQuMTI4IEM5OTcuNzkxIDYxOS4yODUgOTc0LjEyNyA2MjguMDAwIDk0My43MTIgNjI4LjAwMCBDOTA0LjA1NSA2MjguMDAwIDg3NC4zODcgNjA4LjE4NyA4NzQuMzg3IDU3OS4xMzIgQzg3NC4zODcgNTU5LjQ0OCA4ODYuMDQ2IDU0OC4zOTggOTAyLjA2MiA1NDEuMTY2Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEwMDIuMDU4IDUzMi40MDMgQzk5Ni4xNDIgNTI5LjYwMSA5OTAuMTczIDUyNi45MzUgOTg0LjA1NSA1MjQuMjAyIEw5ODEuNTgxIDUyMy4wOTYgQzk3OS4yMDMgNTIyLjAzMyA5NzYuODExIDUyMC45OTUgOTc0LjQxMyA1MTkuOTczIEM5ODYuMDg2IDUxNC45NTIgOTkzLjk2NSA1MDcuOTAwIDk5My45NjUgNDk1LjkyNCBDOTkzLjk2NSA0ODIuNDUyIDk4Mi40NjIgNDY1LjU0NyA5NDYuNDM4IDQ2NS41NDcgQzkxOC40OTYgNDY1LjU0NyA4OTYuOTc4IDQ3Ny4yNjEgODgzLjU5OCA0ODkuOTM2IEM4ODMuMTg5IDQ5MC4zMjMgODgyLjU1MyA0OTAuMjk2IDg4Mi4xNzkgNDg5Ljg3NiBMODY4LjY3NiA0NzQuNzI4IEM4NjguMzE1IDQ3NC4zMjMgODY4LjMzMyA0NzMuNjk4IDg2OC43MjUgNDczLjMyMSBDODg1LjM5NSA0NTcuMzA0IDkxMC44OTcgNDQ2LjAwMSA5NDUuNTI3IDQ0Ni4wMDEgQzEwMDAuMDIyIDQ0Ni4wMDEgMTAyMC4wMDAgNDcyLjE1MSAxMDIwLjAwMCA0OTcuNzc2IEMxMDIwLjAwMCA1MTMuOTA5IDEwMTIuODU0IDUyNC43MTIgMTAwMi4wNTggNTMyLjQwMyIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik03MTQuMTY2IDUyNC44NzQgTDc1MC4xMDAgNjA0LjQzOCBMNzg3LjU2OSA1MjAuODk1IEM3OTMuNzkyIDUyMC45MTUgNzk5Ljk2MiA1MjEuMDQ1IDgwNi4zNzMgNTIxLjMwMSBDODA2LjcxOCA1MjEuMzE5IDgwNy43ODggNTIxLjM4NiA4MDguNjUxIDUyMS40MzkgQzgwOS4yNzkgNTIxLjQ3OSA4MDkuODExIDUyMS41MTEgODA5Ljk2NSA1MjEuNTIwIEM4MTAuOTk0IDUyMS41NzYgODEyLjAwNSA1MjEuNjUwIDgxMy4wMjUgNTIxLjcxNSBMNzY1LjYwOCA2MjMuNDU1IEM3NjUuNTI2IDYyMy42MzIgNzY1LjM0OSA2MjMuNzQ0IDc2NS4xNTUgNjIzLjc0NCBMNzM0Ljc0MiA2MjMuNzQ0IEM3MzQuNTQ3IDYyMy43NDQgNzM0LjM3MCA2MjMuNjMxIDczNC4yODggNjIzLjQ1NSBMNjkwLjE0MyA1MjguMzc4IEM2OTguMDk3IDUyNy4wMTggNzA2LjEwOSA1MjUuODQ4IDcxNC4xNjYgNTI0Ljg3NCIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04MDYuOTgzIDQ4My4zNTEgQzgwNi4wMzEgNDgzLjM1MSA4MDUuMDgwIDQ4My4zNTcgODA0LjEyOCA0ODMuMzY0IEw4MTguNTc3IDQ1MC4zMTggQzgxOC43MzYgNDQ5Ljk1NCA4MTkuMDk2IDQ0OS43MTkgODE5LjQ5MyA0NDkuNzE5IEw4MjYuOTUxIDQ0OS43MTkgTDg0NS43OTQgNDQ5LjcxOSBDODQ2LjE2MCA0NDkuNzE5IDg0Ni40MDIgNDUwLjA5OSA4NDYuMjQ4IDQ1MC40MzAgTDgzMC41NzYgNDg0LjA1OCBDODIyLjYzNiA0ODMuNTk2IDgxNC43NjYgNDgzLjM1MSA4MDYuOTgzIDQ4My4zNTEiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNjc3LjQ2NSA1MDEuMDc1IEw2NTMuOTUwIDQ1MC40MzAgQzY1My43OTYgNDUwLjA5OSA2NTQuMDM4IDQ0OS43MjAgNjU0LjQwNCA0NDkuNzIwIEw2ODAuNjk5IDQ0OS43MjAgQzY4MS4wOTggNDQ5LjcyMCA2ODEuNDU5IDQ0OS45NTcgNjgxLjYxOCA0NTAuMzIzIEw3MDAuOTE0IDQ5NC45ODQgQzY5Mi45NzUgNDk2LjgwMyA2ODUuMTU2IDQ5OC44MzIgNjc3LjQ2NSA1MDEuMDc1Ii8+CjwvZz48L3N2Zz4K"); /* @kind other */
}
/* Logo jako element: ; szerokość ustawia projekt (min. 120 px). */
.iw-logo {
display: inline-block;
width: 200px;
aspect-ratio: var(--iw-logo-proporcje);
background: var(--iw-logo-kolor) no-repeat center / contain;
}
.iw-logo--czarne { background-image: var(--iw-logo-czarne); }
.iw-logo--biale { background-image: var(--iw-logo-biale); }
/* ==== iwaszka/tokens/colors.css ==== */
/* iwaszka — colour tokens.
Brand colours (only three, measured from logo files): grafit, złoto, biel — declared in brand-logo.css as --iw-grafit / --iw-zloto / --iw-biel.
Warm neutrals below are auxiliary (allowed by brand rules), each chosen so text on it stays ≥ 4.5:1.
HARD RULE: gold is never a text colour on white, and white is never text on gold (2.3:1). */
:root{
/* base — brand (re-declared so this file works standalone) */
--iw-grafit:#151517;
--iw-zloto:#DBA022;
--iw-biel:#FFFFFF;
--iw-logo-grafit:#151416;
/* base — warm neutral family */
--iw-papier:#F7F5F0; /* alt section background */
--iw-piasek:#EDE9E0; /* photo slots, subtle fills */
--iw-kreska:#D9D3C7; /* hairlines on light */
--iw-kamien:#8C867B; /* non-text only: placeholder borders, icons-as-decor */
--iw-popiol:#5E5A52; /* muted text on white 7.0:1, on papier 6.4:1 */
--iw-wegiel:#24231F; /* raised surface on grafit */
--iw-wegiel-kreska:#3A3833;/* hairlines on dark */
--iw-mgla:#B8B2A6; /* muted text on grafit 8.6:1 */
/* base — gold family (backgrounds only, always with grafit text) */
--iw-zloto-ciemne:#C48E16;/* hover for gold buttons; grafit on it 6.3:1 */
--iw-zloto-jasne:#F6E7C4; /* soft gold fill; grafit on it 15:1 */
/* semantic — text */
--text-strong:var(--iw-grafit);
--text-body:var(--iw-grafit);
--text-muted:var(--iw-popiol);
--text-on-dark:var(--iw-biel);
--text-on-dark-muted:var(--iw-mgla);
--text-on-gold:var(--iw-grafit);
--text-link:var(--iw-grafit);
--link-underline:var(--iw-zloto);
/* semantic — surfaces */
--surface-page:var(--iw-biel);
--surface-alt:var(--iw-papier);
--surface-dark:var(--iw-grafit);
--surface-dark-raised:var(--iw-wegiel);
--surface-accent:var(--iw-zloto);
--surface-accent-soft:var(--iw-zloto-jasne);
--surface-placeholder:var(--iw-piasek);
/* semantic — lines */
--border-subtle:var(--iw-kreska);
--border-strong:var(--iw-grafit);
--border-on-dark:var(--iw-wegiel-kreska);
--rule-accent:var(--iw-zloto);
/* semantic — interaction */
--action-primary-bg:var(--iw-zloto);
--action-primary-bg-hover:var(--iw-zloto-ciemne);
--action-primary-fg:var(--iw-grafit);
--action-secondary-fg:var(--iw-grafit);
--action-secondary-border:var(--iw-grafit);
--focus-ring:var(--iw-grafit);
--focus-ring-on-dark:var(--iw-zloto);
}
/* ==== iwaszka/tokens/typography.css ==== */
/* iwaszka — type. One OFL family (Onest, variable 400–700), self-hosted. No CDN fonts. */
:root{
--font-sans:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-display:var(--font-sans);
--font-body:var(--font-sans);
--weight-regular:400; /* @kind font */
--weight-medium:500; /* @kind font */
--weight-semibold:600; /* @kind font */
--weight-bold:700; /* @kind font */
/* desktop scale (1366) */
--fs-display:56px; --lh-display:1.06; /* @kind other */ --ls-display:-0.02em; /* @kind other */
--fs-h1:44px; --lh-h1:1.1; /* @kind other */ --ls-h1:-0.015em; /* @kind other */
--fs-h2:34px; --lh-h2:1.15; /* @kind other */ --ls-h2:-0.01em; /* @kind other */
--fs-h3:22px; --lh-h3:1.3; /* @kind other */
--fs-lead:20px; --lh-lead:1.55; /* @kind other */
--fs-body:17px; --lh-body:1.6; /* @kind other */
--fs-small:14px; --lh-small:1.5; /* @kind other */
--fs-eyebrow:13px; --ls-eyebrow:0.14em; /* @kind other */ /* caps, echoes the logo's wide capitals */
--fs-button:16px;
/* semantic */
--text-heading-font:var(--font-display);
--text-heading-weight:var(--weight-semibold);
--text-body-font:var(--font-body);
}
/* phone scale (375) */
@media (max-width:640px){
:root{
--fs-display:38px; --fs-h1:32px; --fs-h2:27px; --fs-h3:20px;
--fs-lead:18px; --fs-body:16px;
}
}
/* ==== iwaszka/tokens/spacing.css ==== */
/* iwaszka — spacing, layout, radii, borders, shadows, motion. */
:root{
--space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
--space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;
--container-max:1200px;
--container-text:720px;
--gutter:24px; /* page side padding, phone */
--gutter-desktop:48px;
--section-pad:96px; /* vertical section padding, desktop */
--section-pad-phone:56px;
/* corners: the logo is sharp-cornered — the system is square by default */
--radius-0:0;
--radius-sm:2px; /* inputs/badges only, if ever */
--border-hair:1px;
--border-strong:2px;
--rule-accent-w:3px; /* gold rule under header / above headings */
/* shadows: essentially none. Flat, printed feel. */
--shadow-none:none;
--shadow-menu:0 12px 32px rgba(21,21,23,.14);
--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:180ms; /* @kind other */
--focus-w:2px;
--focus-offset:3px;
}
/* ==== iwaszka/tokens/base.css ==== */
/* iwaszka — element defaults. Safe to ship to the static site as-is. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--text-heading-font);font-weight:var(--text-heading-weight);color:inherit;margin:0;text-wrap:balance}
h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}
h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}
h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}
p{margin:0;text-wrap:pretty}
img{max-width:100%;display:block}
a{color:var(--text-link);text-decoration:underline;text-decoration-color:var(--link-underline);text-decoration-thickness:2px;text-underline-offset:4px;transition:text-decoration-color var(--dur-fast) var(--ease-out)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:var(--focus-w) solid var(--focus-ring);outline-offset:var(--focus-offset)}
.iw-dark :focus-visible{outline-color:var(--focus-ring-on-dark)}
.iw-dark a{color:var(--text-on-dark)}
::selection{background:var(--iw-zloto-jasne);color:var(--iw-grafit)}
/* ==== panel.css ==== */
/* panel.iwaszka.pl — Centrum zarządzania · WERSJA 2 (5.10.2026, „po kolei, ze szczegółami”). Plik pełny, zastępuje wersję 1 i poprawki P1–P9.
Wymaga tokenów systemu iwaszka (kolejność): fonts.css, brand-logo.css, colors.css, typography.css, spacing.css, base.css.
Stan elementu wyłącznie przez data-stan="ok|uwaga|blad|brak" (pz-komunikat dodatkowo "info"). */
/* 1. Tokeny — jasny */
.pz{
--pz-tlo:var(--iw-papier);--pz-karta:var(--iw-biel);--pz-kafel:var(--iw-papier);--pz-kafel-kreska:transparent;
--pz-wypelnienie:var(--iw-piasek);--pz-pole:var(--iw-biel);--pz-pole-kreska:var(--iw-kamien);
--pz-tekst:var(--iw-grafit);--pz-tekst-2:var(--iw-popiol);
--pz-kreska:var(--iw-kreska);--pz-kreska-przerywana:var(--iw-kamien);
--pz-fokus:var(--iw-grafit);--pz-akcent:var(--iw-zloto);--pz-akcent-hover:var(--iw-zloto-ciemne);--pz-na-akcencie:var(--iw-grafit);
--pz-logo:var(--iw-logo-kolor);
--pz-ok:#2F7A4A;--pz-ok-tlo:#E9F3EC;--pz-ok-kreska:#B5D6C1;
--pz-uwaga:#8A5700;--pz-uwaga-tlo:#FCF1DC;--pz-uwaga-kreska:#E3C58C;
--pz-blad:#B3261E;--pz-blad-tlo:#FBE9E7;--pz-blad-kreska:#E8B1AB;
--pz-brak:var(--iw-popiol);
--pz-wykres-linia:var(--iw-grafit);--pz-wykres-obszar:var(--iw-zloto-jasne);--pz-wykres-dzis:var(--iw-grafit);
--pz-nowa-tlo:var(--iw-zloto-jasne);--pz-nowa-kreska:#C9A75A;--pz-krok:var(--iw-grafit);--pz-krok-pusty:var(--iw-kreska);
--pz-r-karta:0;--pz-r-kafel:0;--pz-r-przycisk:0;--pz-r-pigulka:0;--pz-r-znacznik:2px;
--pz-mono:ui-monospace,'SFMono-Regular','Cascadia Mono',Menlo,Consolas,monospace;
--pz-szer:1344px;
color-scheme:light;min-height:100vh;background:var(--pz-tlo);color:var(--pz-tekst);
font-family:var(--font-sans);font-size:16px;line-height:1.5;
}
/* 2. Tokeny — ciemny (system albo wymuszony data-motyw="ciemny") */
@media (prefers-color-scheme:dark){
.pz:not([data-motyw="jasny"]){
--pz-tlo:var(--iw-grafit);--pz-karta:var(--iw-wegiel);--pz-kafel:#2C2A26;--pz-kafel-kreska:#35332E;
--pz-wypelnienie:#3A3833;--pz-pole:var(--iw-grafit);--pz-pole-kreska:var(--iw-kamien);
--pz-tekst:var(--iw-biel);--pz-tekst-2:var(--iw-mgla);--pz-kreska:var(--iw-wegiel-kreska);--pz-kreska-przerywana:#7D776C;
--pz-fokus:var(--iw-zloto);--pz-logo:var(--iw-logo-biale);
--pz-ok:#6FCF8E;--pz-ok-tlo:#16301F;--pz-ok-kreska:#2F5A3D;
--pz-uwaga:#F0B957;--pz-uwaga-tlo:#3A2C10;--pz-uwaga-kreska:#6B5220;
--pz-blad:#FF8A80;--pz-blad-tlo:#3D1A17;--pz-blad-kreska:#7A3530;
--pz-brak:var(--iw-mgla);
--pz-wykres-linia:var(--iw-zloto);--pz-wykres-obszar:#3B3423;--pz-wykres-dzis:var(--iw-biel);
--pz-nowa-tlo:#3B3423;--pz-nowa-kreska:#8A6A24;--pz-krok:var(--iw-zloto);--pz-krok-pusty:#55524B;color-scheme:dark;
}
}
.pz[data-motyw="ciemny"]{
--pz-tlo:var(--iw-grafit);--pz-karta:var(--iw-wegiel);--pz-kafel:#2C2A26;--pz-kafel-kreska:#35332E;
--pz-wypelnienie:#3A3833;--pz-pole:var(--iw-grafit);--pz-pole-kreska:var(--iw-kamien);
--pz-tekst:var(--iw-biel);--pz-tekst-2:var(--iw-mgla);--pz-kreska:var(--iw-wegiel-kreska);--pz-kreska-przerywana:#7D776C;
--pz-fokus:var(--iw-zloto);--pz-logo:var(--iw-logo-biale);
--pz-ok:#6FCF8E;--pz-ok-tlo:#16301F;--pz-ok-kreska:#2F5A3D;
--pz-uwaga:#F0B957;--pz-uwaga-tlo:#3A2C10;--pz-uwaga-kreska:#6B5220;
--pz-blad:#FF8A80;--pz-blad-tlo:#3D1A17;--pz-blad-kreska:#7A3530;
--pz-brak:var(--iw-mgla);
--pz-wykres-linia:var(--iw-zloto);--pz-wykres-obszar:#3B3423;--pz-wykres-dzis:var(--iw-biel);
--pz-nowa-tlo:#3B3423;--pz-nowa-kreska:#8A6A24;--pz-krok:var(--iw-zloto);--pz-krok-pusty:#55524B;color-scheme:dark;
}
/* opcja: zaokrąglone narożniki (brief) — domyślnie proste (system iwaszka) */
.pz[data-narozniki="zaokraglone"]{--pz-r-karta:16px;--pz-r-kafel:12px;--pz-r-przycisk:10px;--pz-r-pigulka:999px;--pz-r-znacznik:6px}
/* 3. Podstawy */
.pz *,.pz *::before,.pz *::after{box-sizing:border-box}
:where(.pz) a{color:var(--pz-tekst)}
:where(.pz) :focus-visible{outline:2px solid var(--pz-fokus);outline-offset:3px}
:where(.pz) h1,:where(.pz) h2,:where(.pz) h3,:where(.pz) h4{margin:0;font-weight:600;color:inherit;text-wrap:balance}
:where(.pz) p{margin:0}
:where(.pz) ul,:where(.pz) ol{margin:0;padding:0;list-style:none}
:where(.pz) form{margin:0}
.pz .iw-logo{background-image:var(--pz-logo)}
.pz-ukryte{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pz-pomin{position:absolute;left:16px;top:-80px;z-index:60;padding:12px 16px;background:var(--iw-zloto);color:var(--iw-grafit)!important;font-weight:600;text-decoration:none}
.pz-pomin:focus{top:12px}
@media (prefers-reduced-motion:reduce){.pz *,.pz *::before,.pz *::after{transition:none!important;animation:none!important}}
/* 4. Stany — zmienne dziedziczone od najbliższego [data-stan] */
[data-stan]{--s-kolor:var(--pz-tekst-2);--s-znak:var(--pz-tekst-2);--s-znak-w:10px;--s-znak-h:10px;--s-znak-r:50%;--s-znak-clip:none;--s-znak-cien:none;
--s-slowo-poz:static;--s-slowo-w:auto;--s-slowo-h:auto;--s-slowo-clip:none}
[data-stan="ok"]{--s-kolor:var(--pz-ok);--s-znak:var(--pz-ok);--s-slowo-poz:absolute;--s-slowo-w:1px;--s-slowo-h:1px;--s-slowo-clip:inset(50%)}
[data-stan="uwaga"]{--s-kolor:var(--pz-uwaga);--s-znak:var(--pz-uwaga);--s-znak-w:12px;--s-znak-h:11px;--s-znak-r:0;--s-znak-clip:polygon(50% 0,100% 100%,0 100%)}
[data-stan="blad"]{--s-kolor:var(--pz-blad);--s-znak:var(--pz-blad);--s-znak-r:0}
[data-stan="brak"]{--s-kolor:var(--pz-brak);--s-znak:transparent;--s-znak-cien:inset 0 0 0 2px var(--pz-brak)}
[data-stan="info"]{--s-kolor:var(--pz-tekst);--s-znak:var(--pz-tekst);--s-znak-w:12px;--s-znak-h:3px;--s-znak-r:0}
.pz-znak{display:inline-block;flex:none;width:var(--s-znak-w);height:var(--s-znak-h);background:var(--s-znak);border-radius:var(--s-znak-r);clip-path:var(--s-znak-clip);box-shadow:var(--s-znak-cien)}
.pz-stan{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--s-kolor);white-space:nowrap}
.pz-stan__slowo{position:var(--s-slowo-poz);width:var(--s-slowo-w);height:var(--s-slowo-h);clip-path:var(--s-slowo-clip);overflow:hidden}
/* 5. Przyciski i odnośniki */
.pz-przycisk{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;font:600 15px/1.2 var(--font-sans);border:2px solid transparent;border-radius:var(--pz-r-przycisk);text-decoration:none;cursor:pointer;white-space:nowrap;
transition:background-color 180ms var(--ease-out),color 180ms var(--ease-out),border-color 180ms var(--ease-out),transform 120ms var(--ease-out)}
.pz-przycisk:active{transform:translateY(1px)}
.pz-przycisk--glowny{background:var(--pz-akcent);border-color:var(--pz-akcent);color:var(--pz-na-akcencie)!important}
.pz-przycisk--glowny:hover{background:var(--pz-akcent-hover);border-color:var(--pz-akcent-hover)}
.pz-przycisk--drugi{background:transparent;border-color:var(--pz-tekst);color:var(--pz-tekst)}
.pz-przycisk--drugi:hover{background:var(--pz-tekst);color:var(--pz-karta)}
.pz-przycisk--link{padding:0 2px;border:0;background:none;color:var(--pz-tekst);text-decoration:underline;text-decoration-color:var(--pz-akcent);text-decoration-thickness:2px;text-underline-offset:5px}
.pz-przycisk--link:hover{text-decoration-color:currentColor}
.pz-przycisk--duzy{min-height:56px;padding:16px 28px;font-size:17px}
.pz-przycisk--pelny{width:100%}
.pz-przycisk[aria-busy="true"],.pz-przycisk:disabled{cursor:progress;background:transparent;border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
.pz-przycisk__strzalka{display:inline-block;transition:transform 180ms var(--ease-out)}
.pz-przycisk:hover .pz-przycisk__strzalka{transform:translateX(3px)}
.pz-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:600;color:var(--pz-tekst);text-decoration:underline;text-decoration-color:var(--pz-akcent);text-decoration-thickness:2px;text-underline-offset:5px}
.pz-link:hover{text-decoration-color:currentColor}
/* 6. Pasek górny */
.pz-gora{background:var(--pz-karta);border-bottom:3px solid var(--pz-akcent)}
.pz-gora__wnetrze{max-width:var(--pz-szer);margin:0 auto;padding:10px 32px;min-height:68px;display:grid;
grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"marka dane odswiez social konto";align-items:center;gap:10px 16px}
.pz-gora__marka{grid-area:marka;display:flex;align-items:center;gap:14px;min-height:44px;color:var(--pz-tekst);text-decoration:none}
.pz-gora__marka .iw-logo{width:120px;flex:none}
.pz-gora__nazwa{font-size:15px;font-weight:600;line-height:24px;padding-left:14px;border-left:1px solid var(--pz-kreska);white-space:nowrap}
.pz-gora__dane{grid-area:dane;justify-self:end;font-size:14px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.pz-gora__dane time{color:var(--pz-tekst);font-weight:600}
.pz-gora__odswiez{grid-area:odswiez}
.pz-gora__social{grid-area:social}
.pz-gora__konto{grid-area:konto;display:flex;align-items:center;gap:12px;padding-left:16px;border-left:1px solid var(--pz-kreska)}
.pz-gora__osoba{font-size:14px;color:var(--pz-tekst-2);white-space:nowrap}
@media (min-width:800px){.pz-gora{position:sticky;top:0;z-index:30}}
@media (max-width:1239px){.pz-gora__osoba{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
@media (max-width:1099px){.pz-gora__nazwa{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
@media (max-width:799px){
.pz-gora__wnetrze{padding:10px 16px 12px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"marka odswiez" "dane odswiez" "social konto";gap:2px 12px}
.pz-gora__marka{min-height:32px}
.pz-gora__dane{justify-self:start;font-size:14px}
.pz-gora__odswiez{align-self:center}
.pz-gora__social{margin-top:10px}
.pz-gora__social .pz-przycisk{width:100%;min-height:48px}
.pz-gora__konto{margin-top:10px;padding-left:0;border-left:0}
}
/* 7. Komunikat */
.pz-komunikaty{max-width:var(--pz-szer);margin:0 auto;padding:16px 32px 0}
.pz-komunikat{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border:1px solid var(--pz-kreska);border-radius:var(--pz-r-kafel);background:var(--pz-karta);font-size:15px;line-height:1.45}
.pz-komunikat > .pz-znak{margin-top:5px}
.pz-komunikat[data-stan="info"] > .pz-znak{margin-top:9px}
.pz-komunikat[data-stan="ok"]{background:var(--pz-ok-tlo);border-color:var(--pz-ok-kreska)}
.pz-komunikat[data-stan="uwaga"]{background:var(--pz-uwaga-tlo);border-color:var(--pz-uwaga-kreska)}
.pz-komunikat[data-stan="blad"]{background:var(--pz-blad-tlo);border-color:var(--pz-blad-kreska)}
.pz-komunikat[data-stan="brak"]{border-style:dashed;border-color:var(--pz-kreska-przerywana)}
.pz-komunikat[data-stan="info"]{background:var(--pz-kafel)}
.pz-komunikat__tekst strong{font-weight:600}
/* 8. Skróty */
.pz-skroty{max-width:var(--pz-szer);margin:0 auto;padding:16px 32px 0}
.pz-skroty__lista{display:flex;flex-wrap:wrap;gap:8px}
.pz-skrot{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;background:var(--pz-karta);border:1px solid var(--pz-kreska);border-radius:var(--pz-r-pigulka);
font-size:15px;font-weight:500;color:var(--pz-tekst);text-decoration:none;white-space:nowrap;transition:border-color 120ms var(--ease-out)}
.pz-skrot:hover{border-color:var(--pz-tekst)}
.pz-skrot[aria-current="true"]{border-color:var(--pz-tekst);box-shadow:inset 0 -3px 0 var(--pz-akcent)}
/* 9. Treść i siatka — wersja 2: jedna kolumna z góry na dół, stała kolejność; od 1100 px iwaszka.pl obok termoklina.pl */
.pz-tresc{max-width:var(--pz-szer);margin:0 auto;padding:20px 32px 40px;display:flex;flex-direction:column;gap:24px}
.pz-tresc:focus{outline:none}
.pz-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pz-siatka > *{grid-column:1 / -1}
@media (min-width:1100px){.pz-siatka > .pz-karta--iwaszka,.pz-siatka > .pz-karta--termoklina{grid-column:span 1}}
@media (max-width:699px){
.pz-komunikaty{padding:12px 16px 0}
.pz-skroty{padding:12px 16px 0}
.pz-skroty__lista{gap:6px}
.pz-skrot{padding:0 12px;gap:8px}
.pz-skrot__reszta{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pz-tresc{padding:16px 16px 32px;gap:16px}
.pz-siatka{grid-template-columns:minmax(0,1fr);gap:16px}
}
/* 10. Wymaga reakcji */
.pz-reakcje{background:var(--pz-karta);border:1px solid var(--pz-kreska);border-radius:var(--pz-r-karta);padding:24px 24px 12px}
.pz-reakcje__naglowek{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;margin-bottom:14px}
.pz-reakcje__tytul{font-size:26px;line-height:1.15;letter-spacing:-0.01em}
.pz-reakcje__licznik{font-size:15px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-reakcja{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 24px;margin:0 -16px;padding:14px 16px;border-top:1px solid var(--pz-kreska)}
.pz-reakcja__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.pz-reakcja__projekt{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2);padding-left:10px;border-left:1px solid var(--pz-kreska);line-height:1.2}
.pz-reakcja__zdanie{grid-column:1;font-size:17px;font-weight:500;line-height:1.4;text-wrap:pretty}
.pz-reakcja__akcja{grid-column:2;grid-row:1 / span 2}
.pz-reakcja[data-stan="blad"]{background:var(--pz-blad-tlo);border-top-color:var(--pz-blad-kreska)}
.pz-reakcja[data-stan="brak"] .pz-reakcja__zdanie{color:var(--pz-tekst-2)}
.pz-reakcje__wiecej{border-top:1px solid var(--pz-kreska);margin:0 -16px;padding:0 16px}
.pz-reakcje__wiecej > .pz-reakcje__lista > .pz-reakcja:first-child{border-top:1px solid var(--pz-kreska)}
.pz-reakcje__pokaz{display:flex;align-items:center;gap:10px;min-height:52px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.pz-reakcje__pokaz::-webkit-details-marker{display:none}
.pz-reakcje__pokaz::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:15px;line-height:1}
.pz-reakcje__wiecej[open] > .pz-reakcje__pokaz::before{content:"–"}
.pz-reakcje__pokaz-zwin,.pz-reakcje__wiecej[open] .pz-reakcje__pokaz-rozwin{display:none}
.pz-reakcje__wiecej[open] .pz-reakcje__pokaz-zwin{display:inline}
.pz-reakcje__pokaz span{text-decoration:underline;text-decoration-color:var(--pz-akcent);text-decoration-thickness:2px;text-underline-offset:5px}
.pz-pusto{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0 24px;border-top:1px solid var(--pz-kreska)}
.pz-pusto::before{content:"";width:48px;height:3px;background:var(--pz-akcent);margin-top:12px}
.pz-pusto__tytul{font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-0.015em}
.pz-pusto__tekst{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
@media (max-width:699px){
.pz-reakcje{padding:18px 16px 6px}
.pz-reakcje__tytul{font-size:23px}
.pz-reakcja{gap:6px 12px;padding:14px 16px}
.pz-reakcja__zdanie{font-size:16px}
.pz-reakcja__akcja{padding:8px 12px}
.pz-pusto__tytul{font-size:25px}
}
/* 11. Karta */
.pz-karta{position:relative;container-type:inline-size;min-width:0;background:var(--pz-karta);border:1px solid var(--pz-kreska);border-radius:var(--pz-r-karta);padding:24px;display:flex;flex-direction:column;gap:24px;scroll-margin-top:96px}
.pz-karta::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;border-radius:var(--pz-r-karta) var(--pz-r-karta) 0 0;background:transparent}
.pz-karta[data-stan="uwaga"]::before{background:var(--pz-uwaga)}
.pz-karta[data-stan="blad"]::before{background:var(--pz-blad)}
.pz-karta[data-stan="brak"]::before{background:repeating-linear-gradient(90deg,var(--pz-brak) 0 10px,transparent 10px 16px)}
.pz-karta__naglowek{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:start}
.pz-karta__tytul-rzad{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
.pz-karta__tytul{font-size:22px;line-height:1.25;letter-spacing:-0.005em}
.pz-karta__stan{grid-column:2;grid-row:1;padding-top:7px}
.pz-karta__opis{grid-column:1 / -1;font-size:15px;color:var(--pz-tekst-2)}
.pz-karta__linki{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:0 22px;margin-top:-4px}
.pz-karta__tresc{flex:1 1 auto;display:flex;flex-direction:column;gap:24px}
.pz-karta__belka{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px dashed var(--pz-kreska-przerywana);border-radius:var(--pz-r-kafel);background:var(--pz-kafel);font-size:15px;line-height:1.45}
.pz-karta__belka > .pz-znak{margin-top:5px}
.pz-karta[data-stan="brak"] > .pz-karta__tresc{filter:grayscale(1)}
.pz-karta[data-stan="brak"] .pz-kafel__liczba{color:var(--pz-tekst-2)}
.pz-karta__akcja .pz-przycisk{min-width:min(100%,360px)}
@container (max-width:440px){.pz-karta__akcja .pz-przycisk{width:100%}}
@media (max-width:699px){.pz-karta{padding:18px 16px 20px;gap:20px}.pz-karta__tytul{font-size:20px}}
/* stan strony */
.pz-strona{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:3px 10px;border:1px solid var(--pz-kreska);border-radius:var(--pz-r-znacznik);font-size:14px;font-weight:500;line-height:1.3;color:var(--pz-tekst);font-variant-numeric:tabular-nums}
.pz-strona[data-stan="uwaga"]{background:var(--pz-uwaga-tlo);border-color:var(--pz-uwaga-kreska)}
.pz-strona[data-stan="blad"]{background:var(--pz-blad-tlo);border-color:var(--pz-blad-kreska)}
.pz-strona[data-stan="brak"]{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
/* 12. Grupy, kafle */
.pz-grupy{display:flex;flex-direction:column}
.pz-grupa{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:20px 0 4px;border-top:1px solid var(--pz-kreska)}
.pz-grupa:first-child{padding-top:0;border-top:0}
.pz-grupa__glowka{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.pz-grupa__glowka::before{content:"";width:24px;height:3px;background:var(--pz-akcent)}
.pz-grupa__tresc{display:flex;flex-direction:column;gap:16px;min-width:0}
.pz-grupa__tresc > .pz-lista__wiecej{margin:-8px 0 0}
@container (min-width:760px){.pz-grupa{grid-template-columns:160px minmax(0,1fr);gap:12px 32px;padding-top:24px}.pz-grupa:first-child{padding-top:0}.pz-grupa__glowka{padding-top:4px}}
.pz-grupa__tytul,.pz-lista__tytul{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--pz-tekst-2)}
.pz-kafle{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,176px),1fr));gap:8px}
.pz-kafel--szeroki{grid-column:span 2}
.pz-kafel{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px 16px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska);border-radius:var(--pz-r-kafel)}
.pz-kafel__gora{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:4px 8px;min-height:21px}
.pz-kafel__etykieta{flex:1 1 0;min-width:0;font-size:14px;font-weight:500;line-height:1.35;color:var(--pz-tekst-2)}
.pz-kafel__stan{padding-top:2px}
.pz-kafel__liczba{display:block;font-size:32px;font-weight:600;line-height:1.08;letter-spacing:-0.015em;font-variant-numeric:tabular-nums;color:var(--pz-tekst);overflow-wrap:anywhere}
.pz-kafel__podpis{font-size:14px;line-height:1.45;color:var(--pz-tekst-2);text-wrap:pretty;font-variant-numeric:tabular-nums}
.pz-kafel__ostatnie{font-size:14px;line-height:1.4;color:var(--pz-tekst-2);margin-top:2px}
.pz-kafel__pasek{display:block;height:6px;margin-top:4px;background:var(--pz-wypelnienie);border-radius:var(--pz-r-znacznik);overflow:hidden}
.pz-kafel__pasek-wypelnienie{display:block;height:100%;background:var(--pz-tekst)}
.pz-kafel[data-stan="uwaga"]{background:var(--pz-uwaga-tlo);border-color:var(--pz-uwaga-kreska)}
.pz-kafel[data-stan="blad"]{background:var(--pz-blad-tlo);border-color:var(--pz-blad-kreska)}
.pz-kafel[data-stan="brak"]{background:transparent;border-style:dashed;border-color:var(--pz-kreska-przerywana)}
.pz-kafel[data-stan="brak"] .pz-kafel__liczba{color:var(--pz-tekst-2)}
.pz-kafel[data-stan="uwaga"] .pz-kafel__pasek-wypelnienie{background:var(--pz-uwaga)}
.pz-kafel[data-stan="blad"] .pz-kafel__pasek-wypelnienie{background:var(--pz-blad)}
.pz-kafel[data-stan="brak"] .pz-kafel__pasek-wypelnienie{background:var(--pz-brak)}
.pz-kafel[data-stan="uwaga"] .pz-kafel__pasek,.pz-kafel[data-stan="blad"] .pz-kafel__pasek{background:var(--pz-karta)}
@container (max-width:440px){
.pz-kafle{grid-template-columns:repeat(2,minmax(0,1fr))}
.pz-kafel:last-child:nth-child(odd),.pz-kafel--szeroki{grid-column:1 / -1}
.pz-kafel--szeroki:first-child ~ .pz-kafel:last-child:nth-child(odd){grid-column:auto}
.pz-kafel--szeroki:first-child ~ .pz-kafel:last-child:nth-child(even){grid-column:1 / -1}
}
@media (max-width:699px){.pz-kafel{padding:12px 12px 14px}.pz-kafel__liczba{font-size:26px}.pz-kafel__etykieta,.pz-kafel__podpis{font-size:15px}}
/* 13. Listy, wiersze */
.pz-listy{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px 32px;align-items:start}
.pz-lista{display:flex;flex-direction:column;gap:10px;min-width:0}
.pz-lista__wiersze{border-top:1px solid var(--pz-kreska)}
.pz-wiersz{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;min-height:56px;padding:9px 12px;border-bottom:1px solid var(--pz-kreska)}
.pz-wiersz__tekst{font-size:15px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.pz-wiersz__objasnienie{grid-column:1;font-size:14px;line-height:1.35;color:var(--pz-tekst)}
.pz-wiersz__opis{grid-column:1;font-size:14px;line-height:1.4;color:var(--pz-tekst-2);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;text-wrap:pretty}
.pz-wiersz__opis time[title]{text-decoration:underline dotted;text-decoration-color:var(--pz-kreska-przerywana);text-underline-offset:3px;cursor:help}
.pz-wiersz__stan{grid-column:2;grid-row:1 / span 2;justify-self:end}
.pz-wiersz[data-stan="uwaga"]{background:var(--pz-uwaga-tlo)}
.pz-wiersz[data-stan="blad"]{background:var(--pz-blad-tlo)}
.pz-lista__pusto{padding:16px 12px;border-bottom:1px solid var(--pz-kreska);font-size:15px;color:var(--pz-tekst-2)}
@media (max-width:699px){.pz-wiersz__tekst{font-size:16px}.pz-wiersz__opis{font-size:15px}}
/* poczta — pasek zdrowia */
.pz-lista--poczta .pz-lista__wiersze{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px;border-top:0}
.pz-lista--poczta .pz-wiersz{align-items:start;align-content:start;min-height:0;gap:4px 8px;padding:12px 14px 14px;background:var(--pz-kafel);border:0;border-top:3px solid var(--s-kolor);border-radius:var(--pz-r-kafel)}
.pz-lista--poczta .pz-wiersz[data-stan="uwaga"]{background:var(--pz-uwaga-tlo)}
.pz-lista--poczta .pz-wiersz[data-stan="blad"]{background:var(--pz-blad-tlo)}
.pz-lista--poczta .pz-wiersz[data-stan="brak"]{border-top-style:dashed}
.pz-lista--poczta .pz-wiersz__tekst{font-size:20px;letter-spacing:.02em}
.pz-lista--poczta .pz-wiersz__stan{grid-row:1;padding-top:5px}
.pz-lista--poczta .pz-wiersz__objasnienie,.pz-lista--poczta .pz-wiersz__opis{grid-column:1 / -1}
.pz-lista--poczta .pz-wiersz__opis{font-family:var(--pz-mono);font-size:13px}
/* 14. Konta platform */
.pz-marka{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);gap:8px 16px;align-items:start;padding:12px 0;border-bottom:1px solid var(--pz-kreska)}
.pz-marka__nazwa{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.pz-marka__opis{font-size:14px;color:var(--pz-tekst-2)}
.pz-platformy{display:flex;flex-wrap:wrap;gap:6px}
.pz-platforma{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 10px;font-size:14px;font-weight:500;line-height:1.2;border:1px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);background:var(--pz-karta)}
.pz-platforma[data-konto="do-zalozenia"]{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
.pz-platforma[data-konto="do-zalozenia"] .pz-znak{display:none}
.pz-platforma[data-konto="wstrzymane"]{background:var(--pz-wypelnienie);border-color:var(--pz-wypelnienie);color:var(--pz-tekst-2)}
.pz-platforma[data-konto="wstrzymane"] .pz-znak{background:transparent;box-shadow:inset 0 0 0 2px var(--pz-tekst-2);border-radius:50%;clip-path:none;width:10px;height:10px}
.pz-platforma[data-stan="uwaga"]{background:var(--pz-uwaga-tlo);border-color:var(--pz-uwaga-kreska)}
.pz-platforma__dopisek{font-weight:400;color:var(--pz-tekst-2)}
.pz-legenda{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:4px;font-size:14px;color:var(--pz-tekst-2)}
.pz-legenda li{display:flex;align-items:center;gap:8px}
.pz-legenda .pz-platforma{min-height:20px;padding:0 6px;font-size:0;width:28px}
@container (max-width:440px){.pz-marka{grid-template-columns:minmax(0,1fr)}}
/* 15. Stopka */
.pz-dol{max-width:var(--pz-szer);margin:0 auto;padding:4px 32px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;font-size:14px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
@media (max-width:699px){.pz-dol{padding:0 16px 32px}}
/* wybór wyglądu: POST /motyw, serwer zapisuje wybór i wstawia data-motyw na .pz */
.pz-motyw{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pz-motyw__etykieta{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-motyw__opcje{display:flex;border:1px solid var(--pz-pole-kreska);border-radius:var(--pz-r-przycisk);background:var(--pz-karta);overflow:hidden}
.pz-motyw__opcja{min-height:44px;padding:0 16px;font:500 15px/1 var(--font-sans);color:var(--pz-tekst);background:transparent;border:0;cursor:pointer;transition:background-color 120ms var(--ease-out)}
.pz-motyw__opcja + .pz-motyw__opcja{border-left:1px solid var(--pz-kreska)}
.pz-motyw__opcja:hover{background:var(--pz-kafel)}
.pz-motyw__opcja[aria-pressed="true"]{background:var(--pz-tekst);color:var(--pz-karta);font-weight:600}
.pz-motyw__opcja:focus-visible{outline-offset:-4px}
/* 16. Ekrany logowania i pomocnicze */
.pz-ekran{min-height:100vh;display:grid;place-items:center;padding:40px 16px;background:var(--pz-tlo)}
.pz-ekran__karta{width:100%;max-width:440px;display:flex;flex-direction:column;gap:22px;padding:32px 32px 28px;background:var(--pz-karta);border:1px solid var(--pz-kreska);border-top:3px solid var(--pz-akcent);border-radius:var(--pz-r-karta)}
.pz-ekran__marka{display:flex;align-items:center;gap:14px;padding-bottom:4px}
.pz-ekran__marka .iw-logo{width:120px;flex:none}
.pz-ekran__nazwa{font-size:15px;font-weight:600;line-height:24px;padding-left:14px;border-left:1px solid var(--pz-kreska)}
.pz-ekran__krok{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-ekran__krok::before{content:"";width:32px;height:3px;background:var(--pz-akcent)}
.pz-ekran__tytul{font-size:26px;line-height:1.2;letter-spacing:-0.01em}
.pz-ekran__tekst{font-size:16px;line-height:1.55}
.pz-ekran__drobne{font-size:14px;line-height:1.5;color:var(--pz-tekst-2);text-wrap:pretty}
.pz-ekran__dol{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.pz-formularz{display:flex;flex-direction:column;gap:18px}
.pz-pole{display:flex;flex-direction:column;gap:6px}
.pz-pole__etykieta{font-size:15px;font-weight:600}
.pz-pole__wejscie{width:100%;min-height:48px;padding:11px 14px;font:400 17px/1.3 var(--font-sans);color:var(--pz-tekst);background:var(--pz-pole);border:1px solid var(--pz-pole-kreska);border-radius:var(--pz-r-przycisk);outline-offset:2px}
.pz-pole__wejscie:focus-visible{outline:2px solid var(--pz-fokus);outline-offset:2px}
.pz-pole__wejscie[aria-invalid="true"]{border:2px solid var(--pz-blad);padding:10px 13px}
.pz-pole__wejscie--kod{font-size:30px;font-weight:600;letter-spacing:.32em;text-align:center;font-variant-numeric:tabular-nums;min-height:60px;padding-left:calc(14px + .32em)}
.pz-pole__wejscie--mono{font-family:var(--pz-mono);font-size:17px;letter-spacing:.06em}
.pz-pole__pomoc{font-size:14px;line-height:1.45;color:var(--pz-tekst-2)}
.pz-rozwin{border-top:1px solid var(--pz-kreska)}
.pz-rozwin__przelacznik{display:flex;align-items:center;gap:10px;min-height:52px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.pz-rozwin__przelacznik::-webkit-details-marker{display:none}
.pz-rozwin__przelacznik::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;flex:none;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:15px;line-height:1}
.pz-rozwin[open] > .pz-rozwin__przelacznik::before{content:"–"}
.pz-rozwin__tresc{display:flex;flex-direction:column;gap:16px;padding:4px 0 6px}
.pz-qr{width:200px;height:200px;align-self:center;display:flex;align-items:flex-end;padding:14px;background:var(--pz-wypelnienie);border:1px dashed var(--pz-kreska-przerywana);font-size:14px;line-height:1.4;color:var(--pz-tekst-2)}
.pz-klucz{display:block;padding:12px 14px;font-family:var(--pz-mono);font-size:18px;letter-spacing:.04em;word-spacing:.35em;text-align:center;background:var(--pz-kafel);border:1px solid var(--pz-kreska);border-radius:var(--pz-r-kafel);user-select:all;overflow-wrap:anywhere}
.pz-kody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;padding:16px 18px;font-family:var(--pz-mono);font-size:17px;background:var(--pz-kafel);border:1px solid var(--pz-kreska);border-radius:var(--pz-r-kafel);counter-reset:kod}
.pz-kody li{display:flex;align-items:baseline;gap:10px;counter-increment:kod}
.pz-kody li::before{content:counter(kod,decimal-leading-zero);font-size:13px;color:var(--pz-tekst-2)}
.pz-qr:has(svg){padding:8px;background:#FFFFFF;border:1px solid var(--pz-kreska);align-items:center;justify-content:center}
.pz-qr svg{display:block;width:100%;height:100%}
@media (max-width:480px){.pz-ekran{padding:16px 12px;align-items:start}.pz-ekran__karta{padding:24px 20px}.pz-kody{grid-template-columns:minmax(0,1fr)}}
/* ====== WERSJA 2 — nowe i przebudowane elementy (sekcje 18–27) ====== */
/* 18. Kafel — nowe części, wszystkie opcjonalne. Kolejność w kaflu: góra, liczba, porównanie, podpis, wykres, „Co to jest?” */
.pz-kafel__porownanie{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;line-height:1.4;color:var(--pz-tekst);font-variant-numeric:tabular-nums;text-wrap:pretty}
.pz-kafel__porownanie[data-zmiana]::before{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid var(--pz-pole-kreska);border-radius:var(--pz-r-znacznik);font-size:13px;font-weight:700;line-height:1;color:var(--pz-tekst)}
.pz-kafel__porownanie[data-zmiana="gora"]::before{content:"↑";content:"↑" / ""}
.pz-kafel__porownanie[data-zmiana="dol"]::before{content:"↓";content:"↓" / ""}
.pz-kafel__porownanie[data-zmiana="bez"]::before{content:"=";content:"=" / ""}
.pz-kafel__porownanie:not([data-zmiana]){font-weight:400;color:var(--pz-tekst-2)}
.pz-kafel--wkrotce{background:transparent;border:1px dashed var(--pz-kreska-przerywana)}
.pz-kafel--wkrotce .pz-kafel__liczba{color:var(--pz-tekst-2)}
/* wykres 30 dni: inline SVG od serwera, viewBox 0 0 100 24, preserveAspectRatio="none"; grubość linii stała dzięki vector-effect */
.pz-wykres{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:8px}
.pz-wykres__svg{display:block;width:100%;height:28px;overflow:visible}
.pz-wykres__obszar{fill:var(--pz-wykres-obszar);stroke:none}
.pz-wykres__linia{fill:none;stroke:var(--pz-wykres-linia);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.pz-wykres__punkt{fill:none;stroke:var(--pz-wykres-linia);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}
.pz-wykres__dzis{fill:none;stroke:var(--pz-wykres-dzis);stroke-width:7px;stroke-linecap:round;vector-effect:non-scaling-stroke}
.pz-wykres__os{fill:none;stroke:var(--pz-kreska-przerywana);stroke-width:1px;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.pz-wykres__opis{font-size:14px;line-height:1.35;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-kafel[data-stan="brak"] .pz-wykres__linia,.pz-kafel[data-stan="brak"] .pz-wykres__punkt,.pz-kafel[data-stan="brak"] .pz-wykres__dzis{stroke:var(--pz-brak)}
.pz-kafel[data-stan="brak"] .pz-wykres__obszar{fill:var(--pz-wypelnienie)}
/* „Co to jest?” — dyskretne, pod liczbami */
.pz-kafel__co{margin-top:auto;font-size:14px;line-height:1.45;color:var(--pz-tekst-2)}
.pz-wykres ~ .pz-kafel__co{margin-top:0}
.pz-kafel__co > summary{display:inline-flex;align-items:center;min-height:24px;cursor:pointer;list-style:none;text-decoration:underline dotted;text-decoration-color:var(--pz-kreska-przerywana);text-decoration-thickness:1px;text-underline-offset:4px}
.pz-kafel__co > summary::-webkit-details-marker{display:none}
.pz-kafel__co > summary:hover,.pz-kafel__co[open] > summary{color:var(--pz-tekst);text-decoration-color:currentColor}
.pz-kafel__co > p{margin:6px 0 0;padding-top:8px;border-top:1px solid var(--pz-kreska);color:var(--pz-tekst);text-wrap:pretty}
@media (max-width:699px){.pz-kafel__porownanie,.pz-kafel__co,.pz-wykres__opis{font-size:15px}.pz-kafel__co > summary{min-height:44px}}
/* 19. Zapowiedź — „jeszcze nie liczymy”: przerywana ramka, bez znaku stanu (to nie zero i nie alarm) */
.pz-zapowiedz{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border:1px dashed var(--pz-kreska-przerywana);border-radius:var(--pz-r-kafel)}
.pz-zapowiedz__tytul{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--pz-tekst-2)}
.pz-zapowiedz__tekst{font-size:15px;line-height:1.5;color:var(--pz-tekst);text-wrap:pretty;max-width:68ch}
.pz-zapowiedz .pz-platformy{margin-top:2px}
/* 20. Terminarz — pas na pulpicie (14 dni) i ekran /terminarz (90 dni) */
.pz-terminarz{background:var(--pz-karta);border:1px solid var(--pz-kreska);border-radius:var(--pz-r-karta);padding:20px 24px 12px;scroll-margin-top:96px}
.pz-terminarz__naglowek{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-bottom:10px}
.pz-terminarz__tytul{font-size:22px;line-height:1.25;letter-spacing:-0.005em}
.pz-terminarz__zakres{font-size:15px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-terminarz__naglowek > .pz-link{margin-left:auto}
.pz-terminarz__lista{columns:2 400px;column-gap:40px;margin:0 -12px}
.pz-terminarz__lista--jedna{columns:auto}
.pz-terminarz__pusto{padding:14px 0 16px;border-top:1px solid var(--pz-kreska);font-size:15px;color:var(--pz-tekst-2)}
.pz-termin{break-inside:avoid;display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"kiedy meta stan" "kiedy opis stan" "kiedy dopisek stan" "kiedy akcja stan";gap:2px 16px;align-items:start;padding:11px 12px 12px;border-top:1px solid var(--pz-kreska)}
.pz-termin__kiedy{grid-area:kiedy;display:flex;flex-direction:column;gap:1px;font-variant-numeric:tabular-nums}
.pz-termin__dzien{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;color:var(--pz-tekst-2)}
.pz-termin[aria-current="date"] .pz-termin__dzien{color:var(--pz-tekst)}
.pz-termin__data{font-size:17px;font-weight:600;line-height:1.3}
.pz-termin__meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.35;color:var(--pz-tekst-2)}
.pz-termin__meta > * + *{padding-left:10px;border-left:1px solid var(--pz-kreska)}
.pz-termin__opis{grid-area:opis;font-size:15px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;text-wrap:pretty}
.pz-termin__dopisek{grid-area:dopisek;font-size:14px;line-height:1.4;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-termin__akcja{grid-area:akcja}
.pz-termin__akcja .pz-przycisk--link{min-height:44px}
.pz-termin__stan{grid-area:stan;padding-top:3px}
.pz-termin[data-stan="blad"]{background:var(--pz-blad-tlo)}
.pz-termin[data-stan="blad"] + .pz-termin{border-top-color:var(--pz-blad-kreska)}
.pz-miesiac{display:flex;flex-direction:column;gap:8px}
.pz-miesiac + .pz-miesiac{margin-top:24px}
.pz-miesiac__tytul{font-size:18px;line-height:1.3}
@media (max-width:699px){
.pz-terminarz{padding:18px 16px 8px}
.pz-terminarz__tytul{font-size:20px}
.pz-terminarz__naglowek > .pz-link{margin-left:0}
.pz-terminarz__lista{margin:0 -16px}
.pz-termin{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"kiedy meta" "kiedy opis" "kiedy dopisek" "kiedy stan" "kiedy akcja";padding:12px 16px;gap:2px 14px}
.pz-termin__stan{padding-top:4px}
.pz-termin[data-stan="ok"] .pz-termin__stan{display:none}
.pz-termin__opis{font-size:16px}.pz-termin__dopisek{font-size:15px}
}
/* 21. Status wiadomości (mini-CRM) — data-status="nowa|odpowiedziana|umowiona|zamknieta|nieaktualna".
Inny komponent niż stan: etykieta słowna + 4 kroki drogi nowa → odpowiedziana → umówiona → zamknięta. */
.pz-status{--k:0px;display:inline-flex;align-items:center;gap:8px;min-height:26px;padding:3px 8px;border:1px solid var(--pz-kreska);border-radius:var(--pz-r-znacznik);background:var(--pz-karta);font-size:14px;font-weight:600;line-height:1.2;color:var(--pz-tekst);white-space:nowrap}
.pz-status::before{content:"";flex:none;width:26px;height:6px;background:repeating-linear-gradient(90deg,var(--pz-krok) 0 5px,transparent 5px 7px) 0 0 / var(--k) 100% no-repeat,repeating-linear-gradient(90deg,var(--pz-krok-pusty) 0 5px,transparent 5px 7px)}
.pz-status[data-status="nowa"]{--k:5px;background:var(--pz-nowa-tlo);border-color:var(--pz-nowa-kreska)}
.pz-status[data-status="odpowiedziana"]{--k:12px}
.pz-status[data-status="umowiona"]{--k:19px}
.pz-status[data-status="zamknieta"]{--k:26px;color:var(--pz-tekst-2)}
.pz-status[data-status="nieaktualna"]{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
/* 22. Sprawa — wiersz wiadomości na karcie strony (formularz i e-mail razem, do 5 otwartych) */
.pz-sprawy{border-top:1px solid var(--pz-kreska)}
.pz-sprawa{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta status" "temat akcja" "kto akcja";gap:3px 16px;align-items:center;padding:12px;border-bottom:1px solid var(--pz-kreska)}
.pz-sprawa__meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:14px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-sprawa__temat{grid-area:temat;font-size:15px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.pz-sprawa__kto{grid-area:kto;font-size:14px;line-height:1.4;color:var(--pz-tekst-2);overflow-wrap:anywhere}
.pz-sprawa__status{grid-area:status;justify-self:end}
.pz-sprawa__akcja{grid-area:akcja;justify-self:end}
.pz-zrodlo{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;color:var(--pz-tekst-2)}
@container (max-width:440px){
.pz-sprawa{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "temat" "kto" "status" "akcja";padding:12px 0}
.pz-sprawa__status,.pz-sprawa__akcja{justify-self:start}
.pz-sprawa__status{margin-top:6px}
}
@media (max-width:699px){.pz-sprawa__temat{font-size:16px}.pz-sprawa__kto,.pz-sprawa__meta{font-size:15px}}
/* 23. Ekran /wiadomosci — filtr (GET), wiadomość, zmiana statusu (POST, przyciski) */
.pz-tytul-ekranu{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pz-tytul-ekranu__h1{font-size:34px;line-height:1.15;letter-spacing:-0.01em}
.pz-tytul-ekranu__opis{font-size:16px;line-height:1.55;color:var(--pz-tekst-2);max-width:72ch;text-wrap:pretty}
.pz-filtr{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}
.pz-filtr > .pz-pole{flex:1 1 200px;min-width:0}
.pz-filtr__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.pz-filtr__wynik{flex-basis:100%;font-size:15px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
select.pz-pole__wejscie{cursor:pointer}
.pz-wiadomosci{display:flex;flex-direction:column;gap:12px}
.pz-wiadomosc{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px 18px 18px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska);border-top:3px solid var(--pz-kafel-kreska);border-radius:var(--pz-r-kafel);scroll-margin-top:96px}
.pz-wiadomosc[data-status="nowa"]{border-top-color:var(--pz-akcent)}
.pz-wiadomosc__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-wiadomosc__temat{font-size:18px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.pz-wiadomosc__kontakt{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.pz-wiadomosc__kurs{display:inline-flex;align-self:flex-start;flex-wrap:wrap;gap:4px 10px;padding:4px 10px;border:1px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:14px;font-weight:600;line-height:1.35}
.pz-wiadomosc__tresc{font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.pz-wiadomosc__naglowki{font-size:14px;line-height:1.5;color:var(--pz-tekst-2)}
.pz-wiadomosc__dol{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:4px;padding-top:12px;border-top:1px solid var(--pz-kreska)}
.pz-zmiana{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
.pz-zmiana__etykieta{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-zmiana__opcje{display:flex;flex-wrap:wrap;gap:6px}
.pz-zmiana__opcja{min-height:44px;padding:0 14px;font:500 15px/1 var(--font-sans);color:var(--pz-tekst);background:var(--pz-karta);border:1px solid var(--pz-pole-kreska);border-radius:var(--pz-r-przycisk);cursor:pointer;transition:border-color 120ms var(--ease-out),background-color 120ms var(--ease-out)}
.pz-zmiana__opcja:hover{border-color:var(--pz-tekst)}
.pz-zmiana__opcja[aria-pressed="true"]{background:var(--pz-tekst);border-color:var(--pz-tekst);color:var(--pz-karta);font-weight:600;cursor:default}
@media (max-width:699px){.pz-tytul-ekranu__h1{font-size:27px}.pz-wiadomosc{padding:14px 14px 16px}.pz-wiadomosc__naglowki,.pz-wiadomosc__meta{font-size:15px}}
/* 24. Lista chętnych — kurs → termin → osoby ze statusem (termoklina.pl) */
.pz-kursy{display:flex;flex-direction:column;gap:20px}
.pz-kurs{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--pz-kreska)}
.pz-kurs__naglowek{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.pz-kurs__nazwa{font-size:18px;line-height:1.3}
.pz-kurs__licznik{font-size:15px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-kurs__terminy{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.pz-kurs__termin{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 14px 6px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska);border-radius:var(--pz-r-kafel)}
.pz-kurs__data{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.pz-kurs__data span{font-weight:400;color:var(--pz-tekst-2)}
.pz-osoba{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;min-height:48px;padding:6px 0;border-top:1px solid var(--pz-kreska)}
.pz-osoba a{font-size:15px;font-weight:500;min-height:32px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
/* 25. Social media — post (plan publikacji, reakcje i komentarze), sumy na markę */
.pz-posty{border-top:1px solid var(--pz-kreska)}
.pz-post{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta prawa" "tytul prawa" "akcja prawa";gap:3px 24px;align-items:center;padding:12px;border-bottom:1px solid var(--pz-kreska)}
.pz-post[data-stan="uwaga"]{background:var(--pz-uwaga-tlo)}
.pz-post[data-stan="blad"]{background:var(--pz-blad-tlo)}
.pz-post__meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.35;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-post__meta > *,.pz-termin__meta > *{white-space:nowrap}
.pz-post__meta > * + *{padding-left:10px;border-left:1px solid var(--pz-kreska)}
.pz-post__tytul{grid-area:tytul;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;text-wrap:pretty}
.pz-post__akcja{grid-area:akcja}
.pz-post__stan{grid-area:prawa;display:flex;align-items:center;gap:10px;justify-self:end;max-width:15rem;text-wrap:balance;font-size:14px;line-height:1.4;text-align:right}
.pz-post__stan .pz-stan__slowo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pz-post__liczby{grid-area:prawa;display:flex;gap:20px;justify-self:end}
.pz-post__liczba{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;line-height:1.3;color:var(--pz-tekst-2)}
.pz-post__liczba data{font-size:20px;font-weight:600;line-height:1.2;color:var(--pz-tekst);font-variant-numeric:tabular-nums}
@container (max-width:600px){
.pz-post{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "tytul" "prawa" "akcja"}
.pz-post__stan,.pz-post__liczby{justify-self:start;text-align:left}
.pz-post__liczba{align-items:flex-start}
}
.pz-tabela{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums}
.pz-tabela th,.pz-tabela td{padding:10px 12px;border-bottom:1px solid var(--pz-kreska);text-align:right;vertical-align:top}
.pz-tabela th:first-child,.pz-tabela td:first-child{text-align:left;padding-left:0}
.pz-tabela thead th{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2);border-bottom-color:var(--pz-tekst)}
.pz-tabela tbody th{font-weight:600}
.pz-tabela td span{display:block;color:var(--pz-tekst-2);font-size:14px}
@media (max-width:699px){.pz-post__tytul{font-size:16px}.pz-tabela td span{font-size:15px}}
/* 26. Technika — zwinięta na dole karty; serwer ustawia open, gdy stan ≠ ok. Słowo stanu widoczne zawsze. */
.pz-technika{margin-top:auto;border-top:1px solid var(--pz-kreska)}
.pz-technika--karta{margin-top:0;border-top:0}
.pz-technika__naglowek{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:52px;padding:4px 0;cursor:pointer;list-style:none}
.pz-technika__naglowek::-webkit-details-marker{display:none}
.pz-technika__naglowek::before{content:"+";display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:15px;font-weight:600;line-height:1;color:var(--pz-tekst)}
.pz-technika[open] > .pz-technika__naglowek::before{content:"–"}
.pz-technika__tytul{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--pz-tekst)}
.pz-technika__stan .pz-stan__slowo{position:static;width:auto;height:auto;clip-path:none}
.pz-technika__opis{flex:1 1 200px;min-width:0;font-size:14px;line-height:1.4;color:var(--pz-tekst-2)}
.pz-technika__tresc{display:flex;flex-direction:column;gap:20px;padding:8px 0 4px}
@media (max-width:699px){.pz-technika__opis{font-size:15px}}
/* 27. Ekran /terminarz — lista 90 dni + formularz wpisu ręcznego (POST); od 1100 px formularz z boku */
.pz-uklad{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media (min-width:1100px){.pz-uklad{grid-template-columns:minmax(0,1fr) 380px}.pz-uklad__bok{position:sticky;top:96px}}
.pz-karta--waska{gap:20px}
/* 27b. Telefon: tekst ≥ 15 px (poza 13 px wersalikami — odstępstwo 8 z wersji 1), cele dotyku ≥ 44 px */
@media (max-width:699px){
.pz-gora__dane,.pz-strona,.pz-wiersz__objasnienie,.pz-marka__opis,.pz-platforma,.pz-legenda,.pz-kafel__ostatnie,.pz-post__liczba,.pz-status,.pz-post__stan,.pz-pole__pomoc,.pz-ekran__drobne,.pz-dol,.pz-lista--poczta .pz-wiersz__opis{font-size:15px}
.pz-gora__marka,.pz-osoba a{min-height:44px}
}
.pz-osoba a{min-height:44px}
/* 27a. Ekran /ruch — reguły P6 z wdrożenia (CZSIw-06), bez zmian */
.pz-karta--ruch{width:100%}
.pz-ruch__okresy{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.pz-ruch__okresy .pz-przycisk[aria-current="page"]{background:var(--pz-tekst);border-color:var(--pz-tekst);color:var(--pz-karta)}
.pz-ruch__dzien{grid-template-columns:minmax(0,1fr)} /* jedna kolumna: data, „N osób · M odsłon”, pasek (dwie równe łamały opis na 1440 px — zrzut 5.10) */
.pz-ruch__dzien .pz-wiersz__tekst{font-variant-numeric:tabular-nums}
.pz-ruch__pasek{grid-column:1 / -1;display:block;height:6px;background:var(--pz-wypelnienie);border-radius:var(--pz-r-znacznik);overflow:hidden}
.pz-ruch__wypelnienie{display:block;height:100%;background:var(--pz-akcent)}
.pz-ruch__ja{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--pz-kafel);border-radius:var(--pz-r-kafel)}
.pz-ruch__tekst{margin:0;font-size:15px;line-height:1.5;color:var(--pz-tekst)}
.pz-ruch__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0}
/* ==== dokumenty/portfel-claude-design-20261009-oddanie/portfel-v3/portfel.css ==== */
/* panel.iwaszka.pl — PORTFEL · WERSJA 3 (9.10.2026). Dopisywany PO panel.css (v2 + poprawki). Tylko nowe i zmienione reguły.
Prefiksy: pz-wyk- (wykresy: inline SVG od serwera, bez style i bez skryptu), pz-pf- (inne nowe elementy Portfela).
Kolory wykresów wyłącznie z tokenów --pz-wyk-*; jasny i ciemny tryb jak w v2 (§2 panel.css). Opis każdej klasy: README §4. */
/* 1. Tokeny wykresów — jasny */
.pz{
--pz-wyk-przychod:var(--iw-zloto);--pz-wyk-przychod-obrys:#94690F; /* złoto 2,3:1 na bieli → obrys 4,9:1 niesie kontrast */
--pz-wyk-koszt:var(--iw-grafit);
--pz-wyk-saldo:var(--pz-wykres-linia);--pz-wyk-obszar:var(--pz-wykres-obszar);
--pz-wyk-siatka:var(--iw-kreska);--pz-wyk-zero:var(--iw-popiol);
--pz-wyk-tekst:var(--iw-popiol);--pz-wyk-tekst-mocny:var(--iw-grafit);
--pz-wyk-gdyby:var(--iw-popiol);--pz-wyk-minus:var(--pz-blad);--pz-wyk-minus-tlo:var(--pz-blad-tlo);
--pz-wyk-przesuniecie:var(--iw-piasek);--pz-wyk-przesuniecie-obrys:var(--iw-kamien);
--pz-wyk-k1:var(--iw-grafit);--pz-wyk-k2:#B8860B;--pz-wyk-k3:var(--iw-popiol);--pz-wyk-k4:var(--iw-kamien);
--pz-wyk-t1:var(--iw-grafit);--pz-wyk-t2:#B8860B;--pz-wyk-t3:var(--iw-popiol);--pz-wyk-t4:var(--iw-kamien);--pz-wyk-t5:#6B4E0B;
--pz-wyk-inne:var(--iw-piasek);--pz-wyk-inne-obrys:var(--iw-kamien);
--pz-wyk-wzor:var(--iw-grafit);--pz-wyk-wzor-2:var(--iw-popiol);
--pz-wyk-tor:var(--iw-papier);
}
/* 2. Tokeny wykresów — ciemny (system albo wymuszony) */
@media (prefers-color-scheme:dark){
.pz:not([data-motyw="jasny"]){
--pz-wyk-przychod:var(--iw-zloto);--pz-wyk-przychod-obrys:var(--iw-zloto);--pz-wyk-koszt:var(--iw-kreska);
--pz-wyk-siatka:var(--iw-wegiel-kreska);--pz-wyk-zero:var(--iw-mgla);--pz-wyk-tekst:var(--iw-mgla);--pz-wyk-tekst-mocny:var(--iw-biel);
--pz-wyk-gdyby:var(--iw-mgla);--pz-wyk-przesuniecie:#3A3833;--pz-wyk-przesuniecie-obrys:#7D776C;
--pz-wyk-k1:var(--iw-piasek);--pz-wyk-k2:var(--iw-zloto);--pz-wyk-k3:var(--iw-mgla);--pz-wyk-k4:var(--iw-kamien);
--pz-wyk-t1:var(--iw-piasek);--pz-wyk-t2:var(--iw-zloto);--pz-wyk-t3:var(--iw-mgla);--pz-wyk-t4:var(--iw-kamien);--pz-wyk-t5:#8A6A24;
--pz-wyk-inne:#3A3833;--pz-wyk-inne-obrys:#7D776C;--pz-wyk-wzor:var(--iw-kreska);--pz-wyk-wzor-2:var(--iw-mgla);--pz-wyk-tor:#2C2A26;
}
}
.pz[data-motyw="ciemny"]{
--pz-wyk-przychod:var(--iw-zloto);--pz-wyk-przychod-obrys:var(--iw-zloto);--pz-wyk-koszt:var(--iw-kreska);
--pz-wyk-siatka:var(--iw-wegiel-kreska);--pz-wyk-zero:var(--iw-mgla);--pz-wyk-tekst:var(--iw-mgla);--pz-wyk-tekst-mocny:var(--iw-biel);
--pz-wyk-gdyby:var(--iw-mgla);--pz-wyk-przesuniecie:#3A3833;--pz-wyk-przesuniecie-obrys:#7D776C;
--pz-wyk-k1:var(--iw-piasek);--pz-wyk-k2:var(--iw-zloto);--pz-wyk-k3:var(--iw-mgla);--pz-wyk-k4:var(--iw-kamien);
--pz-wyk-t1:var(--iw-piasek);--pz-wyk-t2:var(--iw-zloto);--pz-wyk-t3:var(--iw-mgla);--pz-wyk-t4:var(--iw-kamien);--pz-wyk-t5:#8A6A24;
--pz-wyk-inne:#3A3833;--pz-wyk-inne-obrys:#7D776C;--pz-wyk-wzor:var(--iw-kreska);--pz-wyk-wzor-2:var(--iw-mgla);--pz-wyk-tor:#2C2A26;
}
/* 3. Ramka wykresu: → figcaption (tytuł, teza) → .pz-wyk__plotno (SVG l + s) → legenda → z tabelą danych */
.pz-wyk{margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}
.pz-wyk__glowka{display:flex;flex-direction:column;gap:6px;min-width:0}
.pz-wyk__tytul{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--pz-tekst-2)}
.pz-wyk__teza{font-size:18px;font-weight:500;line-height:1.45;color:var(--pz-tekst);max-width:72ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
.pz-wyk__teza strong{font-weight:700}
.pz-wyk__plotno{position:relative;min-width:0}
.pz-wyk__svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--font-sans);font-variant-numeric:tabular-nums}
.pz-wyk__svg--l{display:none}
.pz-wyk__svg--s{max-width:460px}
@container (min-width:860px){.pz-wyk__svg--l{display:block}.pz-wyk__svg--s{display:none}}
@container (min-width:520px){.pz-wyk--pol .pz-wyk__svg--l{display:block}.pz-wyk--pol .pz-wyk__svg--s{display:none}}
.pz-wyk__przypis{font-size:14px;line-height:1.45;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums;text-wrap:pretty}
@media (max-width:699px){.pz-wyk__teza{font-size:17px}.pz-wyk__przypis{font-size:15px}}
/* 3a. Legenda: próbka = kształt serii (słupek, linia ciągła / przerywana, wzór) — nie tylko kolor */
.pz-wyk__legenda{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;line-height:1.35;color:var(--pz-tekst-2)}
.pz-wyk__legenda li{display:inline-flex;align-items:center;gap:8px}
.pz-wyk__legenda strong{color:var(--pz-tekst);font-weight:600;font-variant-numeric:tabular-nums}
.pz-wyk__probka{flex:none;display:inline-block;width:14px;height:14px;background:var(--pz-wyk-koszt)}
.pz-wyk__probka[data-seria="przychod"]{background:var(--pz-wyk-przychod);box-shadow:inset 0 0 0 1px var(--pz-wyk-przychod-obrys)}
.pz-wyk__probka[data-seria="koszt"]{background:var(--pz-wyk-koszt)}
.pz-wyk__probka[data-seria="podatek"]{background:repeating-linear-gradient(45deg,var(--pz-wyk-wzor) 0 2px,var(--pz-karta) 2px 4.5px);box-shadow:inset 0 0 0 1px var(--pz-wyk-wzor)}
.pz-wyk__probka[data-seria="kreski"]{background:repeating-linear-gradient(45deg,var(--pz-wyk-wzor-2) 0 2px,var(--pz-karta) 2px 4.5px);box-shadow:inset 0 0 0 1px var(--pz-wyk-wzor-2)}
.pz-wyk__probka[data-seria="przesuniecie"]{background:var(--pz-wyk-przesuniecie);box-shadow:inset 0 0 0 1px var(--pz-wyk-przesuniecie-obrys)}
.pz-wyk__probka[data-seria="plan"]{background:transparent;box-shadow:inset 0 0 0 2px var(--pz-wyk-koszt)}
.pz-wyk__probka[data-seria="saldo"],.pz-wyk__probka[data-seria="gdyby"],.pz-wyk__probka[data-seria="k1"],.pz-wyk__probka[data-seria="k2"],.pz-wyk__probka[data-seria="k3"],.pz-wyk__probka[data-seria="k4"]{width:22px;height:0;background:none;border-top:3px solid var(--pz-wyk-saldo)}
.pz-wyk__probka[data-seria="gdyby"]{border-top:2px dashed var(--pz-wyk-minus)}
.pz-wyk__probka[data-seria="k1"]{border-top-color:var(--pz-wyk-k1)}
.pz-wyk__probka[data-seria="k2"]{border-top-color:var(--pz-wyk-k2)}
.pz-wyk__probka[data-seria="k3"]{border-top:3px dashed var(--pz-wyk-k3)}
.pz-wyk__probka[data-seria="k4"]{border-top:3px dotted var(--pz-wyk-k4)}
.pz-wyk__probka[data-seria="wynik"]{width:11px;height:11px;border-radius:50%;background:var(--pz-karta);box-shadow:inset 0 0 0 2px var(--pz-wyk-tekst-mocny)}
.pz-wyk__probka[data-seria="minus"]{background:var(--pz-wyk-minus-tlo);box-shadow:inset 0 0 0 1px var(--pz-wyk-minus)}
.pz-wyk__probka[data-seria="t1"]{background:var(--pz-wyk-t1)}
.pz-wyk__probka[data-seria="t2"]{background:var(--pz-wyk-t2)}
.pz-wyk__probka[data-seria="t3"]{background:var(--pz-wyk-t3)}
.pz-wyk__probka[data-seria="t4"]{background:var(--pz-wyk-t4)}
.pz-wyk__probka[data-seria="t5"]{background:var(--pz-wyk-t5)}
.pz-wyk__probka[data-seria="inne"]{background:var(--pz-wyk-inne);box-shadow:inset 0 0 0 1px var(--pz-wyk-inne-obrys)}
@media (max-width:699px){.pz-wyk__legenda{font-size:15px}}
/* 3b. Tabela danych pod wykresem (czytnik ekranu i dokładne liczby) */
.pz-wyk__dane{border-top:1px solid var(--pz-kreska)}
.pz-wyk__dane > summary{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;cursor:pointer;list-style:none;color:var(--pz-tekst)}
.pz-wyk__dane > summary::-webkit-details-marker{display:none}
.pz-wyk__dane > summary::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;flex:none;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:14px;line-height:1}
.pz-wyk__dane[open] > summary::before{content:"–"}
.pz-wyk__dane > .pz-pf-przewin{padding-bottom:8px}
/* 3c. Stan pusty i „za mało danych” — przerywana ramka jak pz-zapowiedz, bez alarmu */
.pz-wyk__pusto{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px dashed var(--pz-kreska-przerywana);border-radius:var(--pz-r-kafel);font-size:15px;line-height:1.5;color:var(--pz-tekst);text-wrap:pretty}
.pz-wyk__pusto strong{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-tekst-2)}
/* 4. Elementy SVG — wszystkie kolory i grubości z klas (atrybut style zabroniony) */
.pz-wyk__t{font-size:13px;fill:var(--pz-wyk-tekst)}
.pz-wyk__svg--s .pz-wyk__t{font-size:16px}
.pz-wyk__t--mocny{fill:var(--pz-wyk-tekst-mocny);font-weight:600}
.pz-wyk__t--minus{fill:var(--pz-wyk-minus);font-weight:600}
.pz-wyk__t--maly{font-size:12px}
.pz-wyk__svg--s .pz-wyk__t--maly{font-size:14px}
.pz-wyk__t--wersaliki{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.pz-wyk__siatka{stroke:var(--pz-wyk-siatka);stroke-width:1px;fill:none;shape-rendering:crispEdges}
.pz-wyk__zero{stroke:var(--pz-wyk-zero);stroke-width:1.5px;fill:none;shape-rendering:crispEdges}
.pz-wyk__strefa-minus{fill:var(--pz-wyk-minus-tlo)}
.pz-wyk__obszar{fill:var(--pz-wyk-obszar);stroke:none}
.pz-wyk__obszar--minus{fill:var(--pz-wyk-minus-tlo)}
.pz-wyk__saldo{fill:none;stroke:var(--pz-wyk-saldo);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}
.pz-wyk__saldo--minus{stroke:var(--pz-wyk-minus);stroke-width:3px}
.pz-wyk__gdyby{fill:none;stroke:var(--pz-wyk-gdyby);stroke-width:2px;stroke-dasharray:6 5;stroke-linejoin:round}
.pz-wyk__gdyby--minus{stroke:var(--pz-wyk-minus);stroke-width:2.5px}
.pz-wyk__znacznik{fill:none;stroke:var(--pz-wyk-zero);stroke-width:1px;stroke-dasharray:2 3}
.pz-wyk__dzis{fill:none;stroke:var(--pz-wyk-tekst-mocny);stroke-width:1.5px}
.pz-wyk__punkt{fill:var(--pz-karta);stroke:var(--pz-wyk-tekst-mocny);stroke-width:2px}
.pz-wyk__punkt--pelny{fill:var(--pz-wyk-tekst-mocny)}
.pz-wyk__punkt--minus{fill:var(--pz-wyk-minus);stroke:var(--pz-karta);stroke-width:2px}
.pz-wyk__wynik{fill:none;stroke:var(--pz-wyk-tekst-mocny);stroke-width:1.25px;stroke-linejoin:round}
.pz-wyk__slupek--przychod{fill:var(--pz-wyk-przychod);stroke:var(--pz-wyk-przychod-obrys);stroke-width:1px}
.pz-wyk__slupek--koszt{fill:var(--pz-wyk-koszt)}
.pz-wyk__slupek--przesuniecie{fill:var(--pz-wyk-przesuniecie);stroke:var(--pz-wyk-przesuniecie-obrys);stroke-width:1px;stroke-dasharray:3 2}
.pz-wyk__slupek--plan{fill:var(--pz-karta);stroke:var(--pz-wyk-koszt);stroke-width:2px;stroke-dasharray:4 3}
.pz-wyk__slupek--zaplacony{fill:var(--pz-wyk-koszt)}
.pz-wyk__wzor-tlo{fill:var(--pz-karta)}
.pz-wyk__wzor-kreska{fill:var(--pz-wyk-wzor)}
.pz-wyk__wzor-kreska--2{fill:var(--pz-wyk-wzor-2)}
.pz-wyk__seg{stroke:var(--pz-karta);stroke-width:1px}
.pz-wyk__seg--t1{fill:var(--pz-wyk-t1)}.pz-wyk__seg--t2{fill:var(--pz-wyk-t2)}.pz-wyk__seg--t3{fill:var(--pz-wyk-t3)}
.pz-wyk__seg--t4{fill:var(--pz-wyk-t4)}.pz-wyk__seg--t5{fill:var(--pz-wyk-t5)}
.pz-wyk__seg--inne{fill:var(--pz-wyk-inne);stroke:var(--pz-wyk-inne-obrys)}
.pz-wyk__linia{fill:none;stroke-width:2.25px;stroke-linejoin:round}
.pz-wyk__linia--k1{stroke:var(--pz-wyk-k1);stroke-width:2.5px}
.pz-wyk__linia--k2{stroke:var(--pz-wyk-k2)}
.pz-wyk__linia--k3{stroke:var(--pz-wyk-k3);stroke-dasharray:7 4}
.pz-wyk__linia--k4{stroke:var(--pz-wyk-k4);stroke-dasharray:2 3}
.pz-wyk__traf{fill:transparent;stroke:none}
.pz-wyk__traf:hover{fill:var(--pz-wyk-siatka);fill-opacity:.35}
a.pz-wyk__link:focus-visible{outline:none}
a.pz-wyk__link:focus-visible .pz-wyk__traf{fill:none;stroke:var(--pz-fokus);stroke-width:2px}
/* 5. Paski w HTML (W3, W7, W8, W12): tekst w HTML (zawija się, czyta), pasek = małe SVG z */
.pz-wyk-paski{display:flex;flex-direction:column;border-top:1px solid var(--pz-kreska)}
.pz-wyk-pasek{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nazwa kwota" "tor tor" "opis opis";gap:4px 16px;padding:10px 0 11px;border-bottom:1px solid var(--pz-kreska);color:var(--pz-tekst);text-decoration:none}
a.pz-wyk-pasek{margin:0 -12px;padding-left:12px;padding-right:12px;transition:background-color 120ms var(--ease-out)}
a.pz-wyk-pasek:hover{background:var(--pz-kafel)}
a.pz-wyk-pasek:hover .pz-wyk-pasek__nazwa{text-decoration-color:currentColor}
.pz-wyk-pasek[data-stan="uwaga"]{background:var(--pz-uwaga-tlo);margin:0 -12px;padding-left:12px;padding-right:12px}
.pz-wyk-pasek__nazwa{grid-area:nazwa;font-size:15px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
a.pz-wyk-pasek .pz-wyk-pasek__nazwa{text-decoration:underline;text-decoration-color:var(--pz-akcent);text-decoration-thickness:2px;text-underline-offset:4px}
.pz-wyk-pasek__kwota{grid-area:kwota;justify-self:end;font-size:15px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.pz-wyk-pasek__opis{grid-area:opis;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:14px;line-height:1.4;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-wyk-pasek__opis > span{white-space:nowrap}
.pz-wyk-pasek__opis strong{color:var(--pz-tekst);font-weight:600}
.pz-wyk-pasek__tor{grid-area:tor;display:flex;flex-direction:column;gap:3px}
.pz-wyk-pasek__svg{display:block;width:100%;height:12px;overflow:visible}
.pz-wyk-pasek__svg--cienki{height:6px}
.pz-wyk-pasek__tlo{fill:var(--pz-wyk-tor)}
.pz-wyk-pasek__porownanie{fill:var(--pz-wyk-tekst-mocny)}
@media (max-width:699px){.pz-wyk-pasek__nazwa,.pz-wyk-pasek__kwota{font-size:16px}.pz-wyk-pasek__opis{font-size:15px}}
/* 6. Podział 100 % (W8 góra, W7, uzgodnienie) — jeden pasek z częściami + lista części */
.pz-wyk-podzial{display:flex;flex-direction:column;gap:10px;min-width:0}
.pz-wyk-podzial__naglowek{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.pz-wyk-podzial__tytul{font-size:16px;font-weight:600;line-height:1.35}
.pz-wyk-podzial__suma{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.pz-wyk-podzial__svg{display:block;width:100%;height:28px}
.pz-wyk-podzial__lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px 24px}
.pz-wyk-podzial__czesc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:start;font-size:14px;line-height:1.4;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-wyk-podzial__czesc .pz-wyk__probka{margin-top:3px;grid-row:1 / span 2}
.pz-wyk-podzial__czesc strong{color:var(--pz-tekst);font-size:15px;font-weight:600}
.pz-wyk-podzial__czesc[data-stan="uwaga"] strong{color:var(--pz-uwaga)}
@media (max-width:699px){.pz-wyk-podzial__czesc{font-size:15px}}
/* 7. Małe wykresy per marka (W6) — wspólna skala, bez etykiet w SVG */
.pz-wyk-male{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px}
.pz-wyk-maly{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px 12px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska);border-radius:var(--pz-r-kafel)}
.pz-wyk-maly__nazwa{font-size:14px;font-weight:600;line-height:1.35}
.pz-wyk-maly__suma{font-size:24px;font-weight:600;line-height:1.1;letter-spacing:-0.01em;font-variant-numeric:tabular-nums}
.pz-wyk-maly__opis{font-size:14px;line-height:1.4;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums;text-wrap:pretty}
.pz-wyk-maly__svg{display:block;width:100%;height:72px;margin-top:6px;overflow:visible}
.pz-wyk-maly__os{display:flex;justify-content:space-between;font-size:13px;color:var(--pz-tekst-2)}
.pz-wyk-maly[data-pusty]{background:transparent;border:1px dashed var(--pz-kreska-przerywana)}
.pz-wyk-maly[data-pusty] .pz-wyk-maly__suma{color:var(--pz-tekst-2)}
@media (max-width:699px){.pz-wyk-maly__opis,.pz-wyk-maly__os{font-size:15px}}
/* 8. Portfel — układ */
.pz-tresc > .pz-skroty{padding:0;margin:0;max-width:none} /* zmiana: pigułki Portfela równo z treścią (były wcięte o 32 px) */
.pz-pf-dwie{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media (min-width:1100px){.pz-pf-dwie{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:699px){.pz-pf-dwie{gap:16px}}
.pz-pf-przewin{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;min-width:0}
.pz-pf-przewin:focus-visible{outline:2px solid var(--pz-fokus);outline-offset:2px}
.pz-pf-przewin > .pz-tabela{min-width:560px}
.pz-pf-przewin .pz-tabela td:not(.pz-tabela__tekst){white-space:nowrap}
.pz-pf-zwin{border-top:1px solid var(--pz-kreska)}
.pz-pf-zwin > summary{display:flex;align-items:center;gap:10px;min-height:48px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.pz-pf-zwin > summary::-webkit-details-marker{display:none}
.pz-pf-zwin > summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;flex:none;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:15px;line-height:1}
.pz-pf-zwin[open] > summary::before{content:"–"}
.pz-pf-zwin > summary span{color:var(--pz-tekst-2);font-weight:400}
.pz-pf-stopka{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;font-size:15px}
.pz-pf-stopka .pz-lista__wiecej{margin:0}
/* opis ekranu: jedno zdanie + „Jak liczymy” (pełny tekst bez zmian znaczenia) */
.pz-pf-jak{max-width:72ch;border-top:0}
.pz-pf-jak > .pz-rozwin__przelacznik{min-height:40px;font-size:14px}
.pz-pf-jak .pz-rozwin__tresc{font-size:15px;line-height:1.55;color:var(--pz-tekst-2);text-wrap:pretty}
.pz-pf-tytul-rzad{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.pz-pf-tytul-rzad > .pz-strona{flex:0 1 auto}
/* 9. Liczby na górze /portfel — 4 kafle v2 z mini-wykresem (Q3) */
.pz-kafle.pz-pf-liczby{grid-template-columns:repeat(4,minmax(0,1fr))}
@container (max-width:980px){.pz-kafle.pz-pf-liczby{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pz-pf-liczby .pz-kafel__liczba{font-size:30px}
.pz-pf-liczby .pz-stan{white-space:normal}
@container (max-width:440px){.pz-pf-liczby .pz-kafel__liczba{font-size:22px;overflow-wrap:normal}.pz-pf-liczby .pz-kafel{padding:12px}}
.pz-pf-liczby .pz-kafel--glowny{background:var(--pz-nowa-tlo);border-color:var(--pz-nowa-kreska)}
@media (max-width:699px){.pz-pf-liczby .pz-kafel__liczba{font-size:22px}}
/* 10. Stany płatności — zwarty rząd nad listą do zapłaty (kafle stanu v2 w mniejszym wydaniu) */
.pz-pf-stany{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px}
.pz-pf-stan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;padding:10px 12px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska);border-radius:var(--pz-r-kafel);font-variant-numeric:tabular-nums}
.pz-pf-stan__etykieta{font-size:14px;font-weight:500;line-height:1.3;color:var(--pz-tekst-2)}
.pz-pf-stan__liczba{grid-column:1;font-size:22px;font-weight:600;line-height:1.1}
.pz-pf-stan__kwota{grid-column:1 / -1;font-size:14px;color:var(--pz-tekst-2)}
.pz-pf-stan > .pz-stan{grid-column:2;grid-row:1 / span 2;align-self:start}
.pz-pf-stan[data-stan="uwaga"]{background:var(--pz-uwaga-tlo);border-color:var(--pz-uwaga-kreska)}
.pz-pf-stan[data-stan="blad"]{background:var(--pz-blad-tlo);border-color:var(--pz-blad-kreska)}
@container (max-width:440px){.pz-pf-stany{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:699px){.pz-pf-stan__etykieta,.pz-pf-stan__kwota{font-size:15px}}
/* 11. Wiersz pozycji / cyklu / transakcji — zamiast tabeli: kiedy · za co (marka, kategoria) · kwota · stan · akcja */
.pz-pf-wiersze{border-top:1px solid var(--pz-tekst)}
.pz-pf-wiersz{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(120px,auto) 150px auto;grid-template-areas:"kiedy opis kwota stan akcja";gap:4px 20px;align-items:start;padding:12px 12px 13px;margin:0 -12px;border-bottom:1px solid var(--pz-kreska)}
.pz-pf-wiersze--bez-akcji .pz-pf-wiersz{grid-template-columns:96px minmax(0,1fr) minmax(120px,auto) 190px;grid-template-areas:"kiedy opis kwota stan"}
.pz-pf-wiersz__kiedy{grid-area:kiedy;display:flex;flex-direction:column;gap:1px;font-variant-numeric:tabular-nums}
.pz-pf-wiersz__data{font-size:16px;font-weight:600;line-height:1.3}
.pz-pf-wiersz__dzien{font-size:14px;line-height:1.35;color:var(--pz-tekst-2)}
.pz-pf-wiersz__opis{grid-area:opis;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.pz-pf-wiersz__tytul{font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;text-wrap:pretty}
.pz-pf-wiersz__tytul.pz-link{min-height:0;display:inline}
.pz-pf-wiersz__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px;line-height:1.35;color:var(--pz-tekst-2)}
.pz-pf-wiersz__kwota{grid-area:kwota;display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-variant-numeric:tabular-nums}
.pz-pf-wiersz__brutto{font-size:17px;font-weight:600;line-height:1.3;white-space:nowrap}
.pz-pf-wiersz__netto{font-size:14px;line-height:1.35;color:var(--pz-tekst-2);white-space:nowrap}
.pz-pf-wiersz__stan{grid-area:stan;display:flex;flex-direction:column;gap:2px;padding-top:3px;font-size:14px;line-height:1.35;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-pf-wiersz__stan .pz-stan{white-space:normal}
.pz-pf-wiersz__akcja{grid-area:akcja;display:flex;flex-direction:column;align-items:flex-end;gap:0}
.pz-pf-wiersz__akcja .pz-przycisk{min-height:44px;padding:8px 14px;font-size:14px}
.pz-pf-wiersz__akcja .pz-przycisk--link{padding:0 2px}
.pz-pf-wiersz[data-stan="blad"]{background:var(--pz-blad-tlo)}
.pz-pf-wiersz[data-stan="uwaga"]{background:var(--pz-uwaga-tlo)}
.pz-pf-wiersz[data-stan="brak"] .pz-pf-wiersz__brutto,.pz-pf-wiersz[data-stan="brak"] .pz-pf-wiersz__tytul{color:var(--pz-tekst-2)}
.pz-pf-wiersz__brutto[data-kierunek="przychod"]::before{content:"+";content:"+" / "przychód ";margin-right:1px}
.pz-pf-wiersz__brutto[data-kierunek="wyplyw"]::before{content:"−";content:"−" / "wydatek ";margin-right:1px}
.pz-pf-grupa{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 0 8px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-pf-grupa span{letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}
.pz-pf-grupa:first-child{padding-top:0}
@container (max-width:760px){
.pz-pf-wiersz,.pz-pf-wiersze--bez-akcji .pz-pf-wiersz{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kiedy kwota" "opis opis" "stan stan" "akcja akcja";gap:6px 14px;padding:12px 16px 14px;margin:0 -16px}
.pz-pf-wiersz__kiedy{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.pz-pf-wiersz__kwota{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0 8px}
.pz-pf-wiersz__stan{flex-direction:row;flex-wrap:wrap;gap:2px 10px;padding-top:0}
.pz-pf-wiersz__akcja{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:0 18px}
.pz-pf-wiersz__akcja:empty{display:none}
.pz-pf-wiersz__data{font-size:15px}
}
@media (max-width:699px){.pz-pf-wiersz__tytul{font-size:16px}.pz-pf-wiersz__meta,.pz-pf-wiersz__netto,.pz-pf-wiersz__stan{font-size:15px}.pz-pf-grupa span{font-size:15px}}
/* 12. Znaczniki: marka (wspólne / marki / prywatne — prywatne przerywane) i dopiski (podatek, automatyczna…) */
.pz-pf-marka{display:inline-flex;align-items:center;min-height:22px;padding:1px 7px;border:1px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:13px;font-weight:600;line-height:1.3;color:var(--pz-tekst);white-space:nowrap}
.pz-pf-marka[data-marka="wspolne"]{border-color:var(--pz-pole-kreska);font-weight:500}
.pz-pf-marka[data-marka="prywatne"]{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
.pz-pf-znacznik{display:inline-flex;align-items:center;min-height:22px;padding:1px 7px;background:var(--pz-wypelnienie);border-radius:var(--pz-r-znacznik);font-size:13px;font-weight:500;line-height:1.3;color:var(--pz-tekst);white-space:nowrap}
.pz-pf-znacznik[data-rodzaj="podatek"]{background:repeating-linear-gradient(45deg,var(--pz-wypelnienie) 0 4px,var(--pz-karta) 4px 7px);box-shadow:inset 0 0 0 1px var(--pz-kreska-przerywana)}
@media (max-width:699px){.pz-pf-marka,.pz-pf-znacznik{font-size:14px}}
/* 13. Karta „Prywatne” — wyraźnie osobno: przerywana ramka, napis „poza firmami” */
.pz-karta.pz-pf-prywatne{border-style:dashed;border-color:var(--pz-kreska-przerywana)}
.pz-pf-poza{display:inline-flex;align-items:center;min-height:26px;padding:2px 9px;border:1px dashed var(--pz-kreska-przerywana);border-radius:var(--pz-r-znacznik);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2);white-space:nowrap}
/* 14. Karta dokumentu — nagłówek pozycji, cyklu, transakcji */
.pz-pf-dokument{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@container (min-width:760px){.pz-pf-dokument{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:24px 40px}}
.pz-pf-dokument__glowna{display:flex;flex-direction:column;gap:8px;padding-bottom:4px}
.pz-pf-dokument__rodzaj{display:flex;flex-wrap:wrap;gap:6px}
.pz-pf-dokument__kwota{font-size:40px;font-weight:600;line-height:1.05;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pz-pf-dokument__kwota[data-kierunek="przychod"]::before{content:"+";content:"+" / "przychód ";}
.pz-pf-dokument__netto{font-size:15px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-pf-dokument__stan{margin-top:6px}
.pz-pf-dokument__stan .pz-stan__slowo{position:static;width:auto;height:auto;clip-path:none}
.pz-pf-dokument__pola{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:0 24px;margin:0;border-top:1px solid var(--pz-kreska)}
.pz-pf-dokument__pole{display:flex;flex-direction:column;gap:2px;padding:10px 0 11px;border-bottom:1px solid var(--pz-kreska);min-width:0}
.pz-pf-dokument__pole dt{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-pf-dokument__pole dd{margin:0;font-size:16px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pz-pf-dokument__pole dd span:not([class]){display:block;font-size:14px;font-weight:400;color:var(--pz-tekst-2)}
@media (max-width:699px){.pz-pf-dokument__kwota{font-size:32px}.pz-pf-dokument__pole dd span:not([class]){font-size:15px}}
/* 15. Pigułki szybkiego filtra i przełącznik miesiąca (linki GET) — pz-skrot v2 w rzędzie bez nawigacji strony */
.pz-pf-pigulki{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pz-pf-pigulki .pz-skrot{min-height:40px;font-size:14px}
.pz-pf-pigulki__etykieta{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-tekst-2);margin-right:4px}
@media (max-width:699px){.pz-pf-pigulki .pz-skrot{min-height:44px;font-size:15px}}
/* ===================================================================================================================
POPRAWKI WDROŻENIOWE — dopisane PO arkuszu z paczki Claude Design. Od CZSIw-08: paczka v2 (dokumenty/panel-claude-design-v2-oddanie/),
która wchłonęła P1–P9 z wersji 1 (README v2 §5; stary plik: dokumenty/panel-claude-design-20261003/panel-css-poprawki-v1-do-20261005.css).
Wygląd, kolory i układ zostają z projektu; tu tylko to, czego makieta nie mogła wiedzieć o prawdziwych danych.
Każda poprawka z powodem. Usterka WYGLĄDU = poprawka do Claude Design, nie tutaj.
=================================================================================================================== */
/* V2-1 (CZSIw-12, 8.10) — pz-tabela wyrównuje do prawej każdą kolumnę poza pierwszą (makieta: nazwa + liczby). Tabele Portfela mają tekst
(„Za co”, „Co”) w DRUGIEJ kolumnie, po terminie — z prawym wyrównaniem opis odjeżdżał od daty o pół ekranu (zrzut 1366 z danych produkcji).
Specyficzność 0,2,0 > 0,1,1 reguły tabeli; pierwszej kolumny (0,2,1) nie dotyka. Do przekazania Claude Design przy D6 jako „pz-tabela__tekst”. */
.pz-tabela .pz-tabela__tekst{text-align:left}
/* V3-1 (CZSIw-13, 9.10 — Jacek: „zrób oba, mini wykres i próg niskiego stanu”; propozycje README Portfela v3 §8 p. 10 i 12, wdrożone u nas):
linia progu niskiego stanu w W1 (przerywana, kolor stanu „uwaga” — nie kolor danych) + próbka w legendzie; pas „Portfel” na pulpicie — zdanie prognozy obok mini-wykresu v2.
Kolory z tokenów stanów v2 (--pz-uwaga #8A5700 jasny / #F0B957 ciemny, --pz-blad) — kontrast tekstu ≥ 4,5:1 jak „stan uwaga” w README §9. Do przekazania Claude Design przy kolejnej paczce. */
.pz-wyk__prog{fill:none;stroke:var(--pz-uwaga);stroke-width:1.5px;stroke-dasharray:9 4}
.pz-wyk__t--prog{fill:var(--pz-uwaga);font-weight:600}
.pz-wyk__probka[data-seria="prog"]{width:22px;height:0;background:none;border-top:2px dashed var(--pz-uwaga)}
.pz-pf-pas{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,320px);gap:6px 24px;align-items:end;padding:10px 0 14px;border-top:1px solid var(--pz-kreska)}
.pz-pf-pas__tekst{margin:0;font-size:15px;line-height:1.45;color:var(--pz-tekst);font-variant-numeric:tabular-nums}
.pz-pf-pas__tekst span{display:block;margin-top:2px;font-weight:600;color:var(--pz-uwaga)}
.pz-pf-pas[data-stan="blad"] .pz-pf-pas__tekst span{color:var(--pz-blad)}
.pz-pf-pas .pz-wykres{margin-top:0;padding-top:0}
@media (max-width:699px){.pz-pf-pas{grid-template-columns:minmax(0,1fr)}.pz-pf-pas__tekst{font-size:16px}}