/* Ciemny motyw strony (html.pyn-dark, ustawiane przez site-chrome.js z zapisu
   "pynokio-theme" - tego samego co w platformie). Paleta jak w platformie:
   tlo rgb(6,6,7), karty #0d0d0f, linie rgba(255,255,255,.08), tekst #f5f5f3.
   Czesc ogolna + nadpisania kolorow regul strony (wygenerowane z jasnych
   regul, potem poprawione recznie - sekcja "Poprawki" na koncu pliku). */
html.pyn-dark, html.pyn-dark body { background-color: rgb(6, 6, 7); color: rgb(245, 245, 243); }
html.pyn-dark img[src*="logo-official"]:not(.pynmt-bar *):not(.pynmt-menu *) { filter: invert(1) !important; }
html.pyn-dark ::selection { background: rgba(57, 198, 255, 0.35); }

/* ===== Wygenerowane ===== */
html.pyn-dark.sc-dc-streaming .sc-placeholder::before, html.pyn-dark.sc-dc-streaming .sc-interp.sc-missing::before { background-image: linear-gradient(90deg, rgba(217, 119, 87, 0) 25%, rgba(53, 29, 14, 0.95) 37%, rgba(217, 119, 87, 0) 63%); }
html.pyn-dark .sc-interp.sc-missing { border-top-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.5); border-left-color: rgba(255, 255, 255, 0.5); }
html.pyn-dark, html.pyn-dark body { background-color: rgb(6, 6, 7); color: rgb(205, 211, 223); }
html.pyn-dark a { color: rgb(82, 129, 234); }
html.pyn-dark a:hover { color: rgb(18, 86, 229); }
html.pyn-dark .zp-root { background-color: rgb(6, 6, 7) !important; color: rgb(205, 211, 223) !important; }
html.pyn-dark .zp-nav-center .zp-wave { color: rgb(157, 157, 157); }
html.pyn-dark .zp-nav-center .zp-wave:hover, html.pyn-dark .zp-nav-center .zp-wave[aria-current="page"] { color: rgb(205, 211, 223); }
html.pyn-dark .zp-toggle { border-top-color: rgba(255, 255, 255, 0.014); border-right-color: rgba(255, 255, 255, 0.014); border-bottom-color: rgba(255, 255, 255, 0.014); border-left-color: rgba(255, 255, 255, 0.014); background-color: rgba(13, 13, 15, 0.8); color: rgb(205, 211, 223); }
html.pyn-dark .zp-toggle:hover { background-color: rgba(17, 29, 49, 0.06); }
html.pyn-dark .zp-nav-btn { background-color: rgb(221, 221, 221); border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); color: rgb(25, 25, 25) !important; }
html.pyn-dark .zp-nav-btn:hover { background-color: rgb(198, 198, 198); border-top-color: rgb(198, 198, 198); border-right-color: rgb(198, 198, 198); border-bottom-color: rgb(198, 198, 198); border-left-color: rgb(198, 198, 198); }
html.pyn-dark .zp-resources-panel { background-color: rgb(19, 19, 22); }
html.pyn-dark .zp-resource-link { color: rgb(205, 211, 223); }
html.pyn-dark .zp-resource-link:hover { color: rgb(82, 129, 234); }
html.pyn-dark .zp-resource-icon { color: rgb(42, 157, 247); }
html.pyn-dark .zp-title { color: rgb(205, 211, 223) !important; }
html.pyn-dark .zp-sub { color: rgba(196, 208, 232, 0.65) !important; }
html.pyn-dark .zp-billing { background-color: rgb(18, 26, 34); border-top-color: rgb(25, 32, 42); border-right-color: rgb(25, 32, 42); border-bottom-color: rgb(25, 32, 42); border-left-color: rgb(25, 32, 42); box-shadow: rgba(0, 0, 0, 0.088) 0px 1px 2px inset; }
html.pyn-dark .zp-billing button { color: rgba(196, 208, 232, 0.65); }
html.pyn-dark .zp-yearly-badge { box-shadow: rgba(16, 185, 129, 0.4) 0px 3px 8px, rgba(0, 0, 0, 0.264) 0px 1px 2px; }
html.pyn-dark .zp-card { box-shadow: rgba(0, 0, 0, 0.176) 0px 8px 24px -4px, rgba(0, 0, 0, 0.088) 0px 2px 8px -1px !important; }
html.pyn-dark .zp-card.zp-pro { box-shadow: rgba(47, 127, 240, 0.22) 0px 12px 32px -4px, rgba(0, 0, 0, 0.132) 0px 4px 12px !important; }
html.pyn-dark .zp-card-top { border-bottom-color: rgba(255, 255, 255, 0.01); }
html.pyn-dark .zp-card-bottom { background-color: rgb(19, 19, 22); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .zp-popbadge { box-shadow: rgba(26, 86, 219, 0.35) 0px 6px 16px, rgba(0, 0, 0, 0.33) 0px 2px 6px; }
html.pyn-dark .zp-cardname { background-image: linear-gradient(rgba(13, 13, 15, 0.82) 0%, rgba(13, 13, 15, 0.52) 100%); box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.132) 0px -1px 2px 0px inset, rgba(0, 0, 0, 0.264) 0px 4px 14px, rgba(0, 0, 0, 0.132) 0px 1px 3px; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 0px; color: rgb(196, 210, 233) !important; }
html.pyn-dark .zp-card.zp-pro .zp-cardname { background-image: linear-gradient(rgba(13, 13, 15, 0.88) 0%, rgba(13, 13, 15, 0.58) 100%); box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.132) 0px -1px 2px 0px inset, rgba(0, 0, 0, 0.264) 0px 4px 14px, rgba(0, 0, 0, 0.132) 0px 1px 3px; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 0px; color: rgb(196, 210, 233) !important; }
html.pyn-dark .zp-carddesc { color: rgb(169, 169, 169) !important; }
html.pyn-dark .zp-price { color: rgb(197, 207, 232) !important; }
html.pyn-dark .zp-priceunit { color: rgb(142, 142, 142) !important; }
html.pyn-dark .zp-billnote { color: rgb(20, 173, 253) !important; }
html.pyn-dark .zp-featlist { border-top-color: rgba(255, 255, 255, 0.01); }
html.pyn-dark .zp-featrow { color: rgb(202, 211, 226) !important; }
html.pyn-dark .zp-chk { color: rgb(42, 157, 247); }
html.pyn-dark .zp-btn-primary:active { background-image: linear-gradient(120deg, rgb(16, 46, 122), rgb(19, 74, 156)) !important; }
html.pyn-dark .zp-btn-ghost { background-color: rgb(19, 28, 40) !important; color: rgb(197, 207, 232) !important; }
html.pyn-dark .zp-btn-ghost:hover { background-color: rgb(23, 33, 46) !important; }
html.pyn-dark .zp-btn-ghost:active { background-color: rgb(30, 40, 52) !important; }
html.pyn-dark .zp-btn-ghost.zp-btn-disabled, html.pyn-dark .zp-btn-ghost.zp-btn-disabled:hover, html.pyn-dark .zp-btn-ghost.zp-btn-disabled:active { background-color: rgb(19, 28, 40) !important; color: rgba(196, 208, 232, 0.5) !important; }
html.pyn-dark .zp-btn-current { background-color: rgb(19, 28, 40) !important; color: rgba(196, 208, 232, 0.7) !important; }
html.pyn-dark .zp-cmp-table { background-color: rgb(19, 19, 22) !important; border-top-color: rgba(255, 255, 255, 0.011) !important; border-right-color: rgba(255, 255, 255, 0.011) !important; border-bottom-color: rgba(255, 255, 255, 0.011) !important; border-left-color: rgba(255, 255, 255, 0.011) !important; box-shadow: rgba(0, 0, 0, 0.11) 0px 10px 30px !important; }
html.pyn-dark .zp-cmp-head > div { color: rgb(205, 211, 223) !important; border-bottom-color: rgba(255, 255, 255, 0.011) !important; }
html.pyn-dark .zp-cmp-head > div:first-child { color: rgba(196, 208, 232, 0.55) !important; }
html.pyn-dark .zp-cmp-head .zp-cmp-pro { color: rgb(82, 129, 234) !important; }
html.pyn-dark .zp-cmp-group { color: rgb(42, 157, 247) !important; background-color: rgb(11, 11, 12) !important; border-top-color: rgba(255, 255, 255, 0.01) !important; border-bottom-color: rgba(255, 255, 255, 0.007) !important; }
html.pyn-dark .zp-cmp-row { border-bottom-color: rgba(255, 255, 255, 0.007) !important; }
html.pyn-dark .zp-cmp-row:hover { background-color: rgba(17, 29, 49, 0.02) !important; }
html.pyn-dark .zp-cmp-model { color: rgb(205, 211, 223) !important; }
html.pyn-dark .zp-cmp-cell { color: rgb(205, 211, 223) !important; }
html.pyn-dark .zp-cmp-cell[data-muted="true"] { color: rgba(194, 209, 234, 0.22) !important; }
html.pyn-dark .zp-cmp-cell[data-pro="true"] { color: rgb(82, 129, 234) !important; }
html.pyn-dark .zp-cmp-tag { background-color: rgba(17, 29, 49, 0.06) !important; color: rgba(196, 208, 232, 0.6) !important; }
@media (max-width: 760px) { html.pyn-dark .zp-cmp-tabs { background-color: rgb(18, 26, 34); border-top-color: rgb(25, 32, 42); border-right-color: rgb(25, 32, 42); border-bottom-color: rgb(25, 32, 42); border-left-color: rgb(25, 32, 42); } }
@media (max-width: 760px) { html.pyn-dark .zp-cmp-tab { color: rgba(196, 208, 232, 0.65); } }
@media (max-width: 760px) { html.pyn-dark .zp-cmp-table .zp-cmp-cell[data-pro="true"] { color: rgb(205, 211, 223) !important; } }
@media (max-width: 760px) { html.pyn-dark .zp-cmp-cell[data-muted="true"] { color: rgba(194, 209, 234, 0.3) !important; } }
html.pyn-dark .zp-faqcard { border-top-color: rgba(255, 255, 255, 0.01) !important; border-right-color: rgba(255, 255, 255, 0.01) !important; border-bottom-color: rgba(255, 255, 255, 0.01) !important; border-left-color: rgba(255, 255, 255, 0.01) !important; background-color: rgb(19, 19, 22) !important; box-shadow: rgba(0, 0, 0, 0.066) 0px 4px 14px !important; }
html.pyn-dark .zp-faq-q { color: rgb(205, 211, 223) !important; }
html.pyn-dark .zp-faq-chev { color: rgb(42, 157, 247) !important; }
html.pyn-dark .zp-faq-a { color: rgba(196, 208, 232, 0.65) !important; }
html.pyn-dark .pynokio-footer { background-color: rgb(6, 6, 7) !important; border-top-color: rgba(255, 255, 255, 0.01) !important; color: rgba(196, 208, 232, 0.65) !important; }
html.pyn-dark .pynokio-footer-tagline { color: rgba(196, 208, 232, 0.55); }
html.pyn-dark .pynokio-footer-heading { color: rgb(205, 211, 223) !important; }
html.pyn-dark .pynokio-footer a { color: rgba(196, 208, 232, 0.65); }
html.pyn-dark .pynokio-footer a:hover { color: rgb(82, 129, 234) !important; }
html.pyn-dark .pynokio-footer-socials a { border-top-color: rgba(255, 255, 255, 0.018); border-right-color: rgba(255, 255, 255, 0.018); border-bottom-color: rgba(255, 255, 255, 0.018); border-left-color: rgba(255, 255, 255, 0.018); color: rgb(205, 211, 223); }
html.pyn-dark .pynokio-footer-socials a:hover { background-color: rgba(17, 29, 49, 0.06); }
html.pyn-dark .pynokio-footer-bottom { border-top-color: rgba(255, 255, 255, 0.01); color: rgba(196, 208, 232, 0.45); }
@media (max-width: 760px) { html.pyn-dark .pynokio-footer::before { background-color: rgba(17, 29, 49, 0.08); } }

/* ===== Poprawki (recznie) ===== */
/* Plakietki planow (FREE ... SCALE) zostaja biale, jak w jasnym motywie. */
html.pyn-dark .zp-cardname { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.52) 100%) !important; box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 2px 0 rgba(0, 0, 0, 0.06), 0 4px 14px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06) !important; color: #0c1524 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important; }
html.pyn-dark .zp-card.zp-pro .zp-cardname { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.58) 100%) !important; box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 2px 0 rgba(0, 0, 0, 0.06), 0 4px 14px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06) !important; color: #0c1524 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important; }
/* Karty widoczne na ciemnym tle: jasniejszy dol karty i delikatny obrys. */
html.pyn-dark .zp-card-bottom { background-color: #141417 !important; }
html.pyn-dark .zp-card:not(.zp-pro) { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.10), 0 14px 36px -10px rgba(0, 0, 0, 0.7) !important; }
html.pyn-dark .zp-card-top { border-bottom-color: rgba(255, 255, 255, 0.08) !important; }
/* "Most popular": bialy napis i ikona. */
html.pyn-dark .zp-popbadge, html.pyn-dark .zp-popbadge * { color: #fff !important; }
html.pyn-dark .zp-popbadge svg { stroke: currentColor; }