/* 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, html.pyn-dark body { background-color: rgb(6, 6, 7) !important; color: rgb(205, 211, 223) !important; }
html.pyn-dark .zp-root { background-color: rgb(6, 6, 7); color: rgb(205, 211, 223); }
html.pyn-dark .zp-nav-center a { color: rgb(157, 157, 157); }
html.pyn-dark .zp-nav-center a:hover { color: rgb(205, 211, 223); }
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 .pyn-hero-pill { background-color: rgb(17, 23, 34); color: rgba(196, 208, 232, 0.62); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .pyn-hero h1 { color: rgb(205, 211, 223); }
html.pyn-dark .pyn-hero-sub { color: rgba(196, 208, 232, 0.65); }
html.pyn-dark .pyn-quick-nav { background-color: rgb(19, 19, 22); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .pyn-quick-link { color: rgba(196, 208, 232, 0.66); }
html.pyn-dark .pyn-quick-link:hover { background-color: rgb(6, 6, 7); color: rgb(82, 129, 234); }
html.pyn-dark .pyn-section-head { border-bottom-color: rgba(255, 255, 255, 0.012); }
html.pyn-dark .pyn-section-number { color: rgb(82, 129, 234); }
html.pyn-dark .pyn-section-head h2 { color: rgb(205, 211, 223); }
html.pyn-dark .pyn-section-head p { color: rgba(196, 208, 232, 0.55); }
html.pyn-dark .pyn-item { border-bottom-color: rgba(255, 255, 255, 0.01); }
html.pyn-dark .pyn-item::after { background-color: rgb(19, 19, 22); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .pyn-item-title { color: rgb(205, 211, 223); }
html.pyn-dark .pyn-item:hover .pyn-item-title { color: rgb(82, 129, 234); }
html.pyn-dark .pyn-item-desc { color: rgba(196, 208, 232, 0.58); }
html.pyn-dark .pyn-item-meta { color: rgba(196, 208, 232, 0.42); }
html.pyn-dark .pyn-item-arrow { background-color: rgb(17, 23, 34); color: rgba(196, 208, 232, 0.5); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .pyn-support-banner { background-color: rgb(221, 221, 221); }
html.pyn-dark .pyn-btn-support { background-color: rgb(19, 19, 22); border-top-color: rgb(6, 6, 6); border-right-color: rgb(6, 6, 6); border-bottom-color: rgb(6, 6, 6); border-left-color: rgb(6, 6, 6); color: rgb(230, 230, 230) !important; }
html.pyn-dark .pyn-btn-support:hover { background-color: rgb(25, 25, 26); border-top-color: rgb(25, 25, 25); border-right-color: rgb(25, 25, 25); border-bottom-color: rgb(25, 25, 25); border-left-color: rgb(25, 25, 25); }
html.pyn-dark .tool-modal { background-color: rgba(17, 29, 49, 0.32); }
html.pyn-dark .tool-modal-panel { background-color: rgb(19, 19, 22); box-shadow: rgba(0, 0, 0, 0.44) 0px 18px 50px; outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .tool-modal-head { background-color: rgb(221, 221, 221); color: rgb(25, 25, 25); }
html.pyn-dark .tool-modal h2 { color: rgb(205, 211, 223); }
html.pyn-dark .tool-modal-copy { color: rgba(196, 208, 232, 0.6); }
html.pyn-dark .tool-modal h3 { border-top-color: rgba(255, 255, 255, 0.011); color: rgba(196, 208, 232, 0.4); }
html.pyn-dark .tool-models span { border-bottom-color: rgba(255, 255, 255, 0.008); color: rgb(205, 211, 223); }
html.pyn-dark .tool-note { background-color: rgb(19, 19, 22); color: rgba(196, 208, 232, 0.5); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .pynokio-footer { background-color: rgb(6, 6, 7); border-top-color: rgba(255, 255, 255, 0.01); color: rgba(196, 208, 232, 0.65); }
html.pyn-dark .pynokio-footer-tagline { color: rgba(196, 208, 232, 0.55); }
html.pyn-dark .pynokio-footer-heading { color: rgb(205, 211, 223); }
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); }
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); }

/* ===== Poprawki (recznie) ===== */
/* 07.10.2026: baner "Need help or have questions?" mial jasne tlo i bialy
   tekst (nieczytelny), a panel boczny jasny pasek z bialym napisem. */
html.pyn-dark .pyn-support-banner { background-color: #141416 !important; outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .pyn-support-content h3 { color: #f5f5f3 !important; }
html.pyn-dark .pyn-support-content p { color: rgba(245, 245, 243, 0.62) !important; }
html.pyn-dark .pyn-btn-support { background-color: #ffffff !important; border-color: #ffffff !important; color: #111111 !important; }
html.pyn-dark .pyn-btn-support:hover { background-color: #e6e6e8 !important; border-color: #e6e6e8 !important; }
html.pyn-dark .tool-modal { background-color: rgba(0, 0, 0, 0.55); }
html.pyn-dark .tool-modal-panel { background-color: #141416; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.6); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .tool-modal-head { background-color: #1e1e21; color: #f5f5f3; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
html.pyn-dark .tool-modal-kicker { color: rgba(245, 245, 243, 0.8); }
html.pyn-dark .tool-modal-close { background-color: rgba(255, 255, 255, 0.1); color: #f5f5f3; }
html.pyn-dark .tool-modal-close:hover { background-color: rgba(255, 255, 255, 0.2); }
html.pyn-dark .tool-modal h2 { color: #f5f5f3; }
html.pyn-dark .tool-modal-copy { color: rgba(245, 245, 243, 0.62); }
html.pyn-dark .tool-modal h3 { border-top-color: rgba(255, 255, 255, 0.08); color: rgba(245, 245, 243, 0.45); }
html.pyn-dark .tool-models span { border-bottom-color: rgba(255, 255, 255, 0.07); color: #f5f5f3; }
html.pyn-dark .tool-models span::before { background: rgb(82, 129, 234); }
html.pyn-dark .tool-note { background-color: #1c1c1f; color: rgba(245, 245, 243, 0.55); outline: none; }