/* LupikCMS – wygląd panelu (projekt Darka 28.10.2026, od 29.10.2026 jedyny). html[data-panel="2"] ustawia zawsze motyw.js.
   Szkielet rysuje wspolne.js (szkielet2), pulpit pulpit.js; panel.css trzyma klasy stron, które ten plik nadpisuje.
   Wytyczne: ../WYGLAD.md. Ciemny motyw: te same zmienne baza.css – część robocza zostaje czytelna. */

html[data-panel="2"] {
  --v2-tlo: #f6f7f9;
  --v2-karta: #ffffff;
  --v2-ramka: #e6e8ec;
  --v2-ramka-2: #eef0f3;
  --v2-tekst: #1f2328;
  --v2-szary: #6b7280;
  --v2-granat: #1f3b63;
  --v2-granat-jasny: #eaf0f8;
  --v2-czerwony: #d32f2f;
  --v2-zielony: #1d7a45;
  --v2-pomarancz: #e8890c;
  --v2-promien: 10px;
  --v2-cien: 0 1px 2px rgba(16, 24, 40, .04);
  --v2-pasek: 84px;   /* wysokość górnego paska – od niej liczą się przyklejone paski i panel edycji Treści */
}
@media (max-width: 900px) { html[data-panel="2"] { --v2-pasek: 64px; } }
html[data-panel="2"][data-motyw="ciemny"] {
  --v2-tlo: #15171b;
  --v2-karta: #1d2026;
  --v2-ramka: #2c3038;
  --v2-ramka-2: #262a31;
  --v2-tekst: #e9eaee;
  --v2-szary: #9aa3af;
  --v2-granat: #8fb3e3;
  --v2-granat-jasny: #22304a;
  --v2-zielony: #6fbf8a;
}

/* ---------- Szkielet: menu na całą wysokość po lewej, górny pasek nad częścią roboczą ---------- */
html[data-panel="2"] body.panel { display: grid; grid-template-columns: 264px minmax(0, 1fr); grid-template-rows: auto 1fr; min-height: 100vh; background: var(--v2-tlo); }
html[data-panel="2"] .gorny { display: none !important; }
html[data-panel="2"] .boczny.boczny2 { grid-column: 1; grid-row: 1 / span 2; position: sticky; top: 0; height: 100vh; overflow-y: auto; display: flex; flex-direction: column; gap: 6px;
  padding: 18px 14px 18px; background: var(--firma-tlo, #1b1c1f); color: var(--firma-tekst, #ece9e4); scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent; }
html[data-panel="2"] .boczny2::before { display: none; }
html[data-panel="2"] .gorny2 { grid-column: 2; grid-row: 1; }
/* --glowny-x: boczny margines części roboczej – od niego liczą się ujemne marginesy przyklejonych pasków (Kalendarz, Treści, Sprzęt) */
html[data-panel="2"] main.glowny { --glowny-x: clamp(16px, 2.2vw, 26px); grid-column: 2; grid-row: 2; padding: 20px var(--glowny-x) 40px; }
/* nagłówek strony i elementy wspólne starszych stron w stylu pulpitu (WYGLAD.md) */
html[data-panel="2"] .glowny__glowa { margin-bottom: 18px; }
/* tytuł podstrony: 28 px (29.10.2026 – 36 px z makiet okazało się za duże), opis 14.5 px */
html[data-panel="2"] .glowny__glowa h1 { font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; margin-bottom: 6px; }
html[data-panel="2"] .glowny__glowa p { max-width: 780px; font-size: 14.5px; line-height: 1.55; color: var(--v2-szary); }
@media (max-width: 600px) { html[data-panel="2"] .glowny__glowa h1 { font-size: 24px; } html[data-panel="2"] .glowny__glowa p { font-size: 14px; } }
html[data-panel="2"] .pigulka { border-radius: 999px; }
html[data-panel="2"] .akt-uklad { align-items: stretch; gap: 14px; margin-bottom: 14px; }

html[data-panel="2"] .boczny2__marka { display: flex; align-items: center; gap: 12px; padding: 6px 8px 18px; margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.09); color: inherit; text-decoration: none; }
html[data-panel="2"].firma-jasna .boczny2__marka { border-bottom-color: rgba(0,0,0,.1); }
html[data-panel="2"] .boczny2__logo { width: 44px; height: 44px; object-fit: contain; border-radius: 8px; flex: none; }
html[data-panel="2"] .boczny2__marka-tekst { display: grid; gap: 3px; min-width: 0; }
html[data-panel="2"] .boczny2__marka-tekst b { font: 700 17px/1.2 var(--sans); letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-panel="2"] .boczny2__marka-tekst small { font: 700 10.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; opacity: .6; }
html[data-panel="2"] .boczny2__grupa { display: grid; gap: 2px; padding: 6px 0 10px; }
html[data-panel="2"] .boczny2__grupa + .boczny2__grupa { border-top: 1px solid rgba(255,255,255,.08); padding-top: 14px; }
html[data-panel="2"].firma-jasna .boczny2__grupa + .boczny2__grupa { border-top-color: rgba(0,0,0,.1); }
html[data-panel="2"] .boczny2__naglowek { padding: 0 12px 6px; font: 700 10.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; opacity: .55; }
html[data-panel="2"] .boczny2 a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid transparent; border-radius: 10px; color: inherit; text-decoration: none;
  font: 500 14.5px/1.2 var(--sans); opacity: .9; transition: background .15s, border-color .15s, opacity .15s; }
html[data-panel="2"] .boczny2 a svg { flex: none; opacity: .85; }
html[data-panel="2"] .boczny2 a:hover { background: rgba(255,255,255,.07); opacity: 1; }
html[data-panel="2"].firma-jasna .boczny2 a:hover { background: rgba(0,0,0,.06); }
html[data-panel="2"] .boczny2 a.aktywny { opacity: 1; font-weight: 600; background: color-mix(in srgb, var(--firma-kolor, #b98b3f) 45%, transparent); border-color: color-mix(in srgb, var(--firma-kolor, #b98b3f) 85%, #fff 0%); }
html[data-panel="2"] .boczny2 a > span:first-of-type { flex: 1; min-width: 0; }
html[data-panel="2"] .boczny2 a > b { min-width: 20px; padding: 2px 7px; border-radius: 999px; background: var(--v2-czerwony); color: #fff; font: 700 11px/1.3 var(--sans); text-align: center; }
html[data-panel="2"] .boczny2 a > b[hidden] { display: none; }
/* „Zobacz swoją stronę” z „+” po prawej – rozwija podgląd na urządzeniach */
html[data-panel="2"] .boczny2__strona-blok { margin-top: 6px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.08); }
html[data-panel="2"].firma-jasna .boczny2__strona-blok { border-top-color: rgba(0,0,0,.1); }
html[data-panel="2"] .boczny2__strona-wiersz { display: flex; align-items: center; gap: 4px; }
html[data-panel="2"] .boczny2__strona-wiersz .boczny2__strona { flex: 1; min-width: 0; }
html[data-panel="2"] .boczny2__plus { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: transparent; color: inherit; cursor: pointer; transition: background .15s; }
html[data-panel="2"].firma-jasna .boczny2__plus { border-color: rgba(0,0,0,.16); }
html[data-panel="2"] .boczny2__plus:hover { background: rgba(255,255,255,.08); }
html[data-panel="2"] .boczny2__plus svg { transition: transform .2s; }
html[data-panel="2"] .boczny2__plus--otwarty svg { transform: rotate(45deg); }
html[data-panel="2"] .boczny2__podglad { display: grid; gap: 2px; padding: 4px 0 2px 30px; }
html[data-panel="2"] .boczny2__podglad[hidden] { display: none; }
html[data-panel="2"] .boczny2__podglad button { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 0; border-radius: 8px; background: none; color: inherit; font: 500 13.5px var(--sans); text-align: left; opacity: .85; cursor: pointer; }
html[data-panel="2"] .boczny2__podglad button:hover { background: rgba(255,255,255,.07); opacity: 1; }
html[data-panel="2"].firma-jasna .boczny2__podglad button:hover { background: rgba(0,0,0,.06); }
.gorny2__lista a.aktywny { background: var(--v2-tlo); font-weight: 600; }
html[data-panel="2"] .boczny2__grupa--konto { margin-top: auto; border-top: 1px solid rgba(255,255,255,.08); padding-top: 12px; }
html[data-panel="2"] .boczny2__grupa--konto a { padding: 8px 12px; font-size: 14px; opacity: .78; }

/* górny pasek */
.gorny2 { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 18px; height: var(--v2-pasek); padding: 0 clamp(16px, 2.4vw, 28px);
  background: var(--v2-karta); border-bottom: 1px solid var(--v2-ramka); color: var(--v2-tekst); }
.gorny2__menu { display: none; width: 40px; height: 40px; border: 1px solid var(--v2-ramka); border-radius: 10px; background: var(--v2-karta); color: inherit; align-items: center; justify-content: center; cursor: pointer; }
.gorny2__tytul { display: grid; gap: 3px; min-width: 0; margin-right: auto; }
.gorny2__tytul strong { font: 700 20px/1.2 var(--sans); letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gorny2__tytul span { font-size: 13px; color: var(--v2-szary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gorny2 .haslo-ostrzezenie { position: relative; }
.gorny2 .haslo-ostrzezenie__przycisk { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid color-mix(in srgb, var(--v2-zielony) 25%, transparent); border-radius: 999px;
  background: color-mix(in srgb, var(--v2-zielony) 10%, var(--v2-karta)); color: var(--v2-zielony); font: 600 13px var(--sans); cursor: pointer; }
.gorny2 .haslo-ostrzezenie__przycisk::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; order: -1; }
.gorny2 .haslo-ostrzezenie__przycisk svg:first-child { order: 2; }
.gorny2 .haslo-ostrzezenie__przycisk svg:last-child { display: none; }
.gorny2 .haslo-ostrzezenie__szczegoly { position: absolute; top: calc(100% + 8px); right: 0; left: auto; z-index: 40; width: min(360px, 80vw); padding: 16px; border: 1px solid var(--v2-ramka); border-radius: var(--v2-promien);
  background: var(--v2-karta); box-shadow: 0 18px 40px -18px rgba(16, 24, 40, .35); color: var(--v2-tekst); font-size: 13.5px; }
.gorny2__narzedzia { display: flex; align-items: center; gap: 4px; }
.gorny2__akcja { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 0; border-radius: 10px; background: none; color: var(--v2-tekst);
  font: 500 14.5px var(--sans); text-decoration: none; cursor: pointer; }
.gorny2__akcja:hover { background: var(--v2-tlo); }
.gorny2__akcja--ikona { width: 40px; justify-content: center; padding: 0; }
.gorny2__odstep { width: 1px; height: 32px; background: var(--v2-ramka); }
.gorny2__konto { position: relative; }
.gorny2__osoba { display: flex; align-items: center; gap: 12px; padding: 4px 8px 4px 4px; border: 0; border-radius: 12px; background: none; color: inherit; cursor: pointer; text-align: left; }
.gorny2__osoba:hover { background: var(--v2-tlo); }
.gorny2__awatar { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--v2-tlo); border: 1px solid var(--v2-ramka); color: var(--v2-szary); }
.gorny2__awatar { overflow: hidden; }
.gorny2__awatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gorny2__kto { display: grid; gap: 1px; }
.gorny2__kto b { font: 600 15px/1.2 var(--sans); }
.gorny2__kto small { font-size: 12.5px; color: var(--v2-szary); }
.gorny2__strzalka { color: var(--v2-szary); transform: rotate(90deg); display: grid; }
.gorny2__lista { position: absolute; top: calc(100% + 8px); right: 0; z-index: 40; min-width: 230px; display: grid; padding: 6px; border: 1px solid var(--v2-ramka); border-radius: var(--v2-promien);
  background: var(--v2-karta); box-shadow: 0 18px 40px -18px rgba(16, 24, 40, .35); }
.gorny2__lista[hidden] { display: none; }
.gorny2__lista a, .gorny2__lista button { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 0; border-radius: 8px; background: none; color: var(--v2-tekst);
  font: 500 14px var(--sans); text-decoration: none; text-align: left; cursor: pointer; }
.gorny2__lista a:hover, .gorny2__lista button:hover { background: var(--v2-tlo); }
.gorny2__lista-naglowek { padding: 8px 10px 4px; font: 700 10.5px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--v2-szary); border-top: 1px solid var(--v2-ramka-2); margin-top: 4px; }
.gorny2__wyloguj { border-top: 1px solid var(--v2-ramka-2) !important; border-radius: 0 0 8px 8px !important; margin-top: 4px; color: var(--v2-czerwony) !important; }

/* ---------- Karty i przyciski części roboczej ---------- */
html[data-panel="2"] main .karta { background: var(--v2-karta); border: 1px solid var(--v2-ramka); border-radius: var(--v2-promien); box-shadow: var(--v2-cien); padding: 16px 18px; }
/* ikona i akcja nagłówka w linii z tytułem (nie na środku tytułu z opisem); rozciąga się tylko blok tytułu, nie zakładki */
html[data-panel="2"] main .karta__glowa { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 12px; }
html[data-panel="2"] main .karta__glowa h2 { margin: 0; font: 700 15.5px/1.25 var(--sans); letter-spacing: -.01em; color: var(--v2-tekst); }
html[data-panel="2"] main .karta__glowa > div:not(.filtry) { flex: 1; min-width: 0; }
html[data-panel="2"] main .karta__ikona { width: 20px; height: 20px; background: none; color: var(--v2-granat); flex: none; }
html[data-panel="2"] main .karta__ikona svg { width: 18px; height: 18px; }
html[data-panel="2"] main .karta__opis { margin: 3px 0 0; font-size: 12.5px; color: var(--v2-szary); }

.przycisk2 { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 0 14px; border: 1px solid var(--v2-ramka); border-radius: 8px;
  background: var(--v2-karta); color: var(--v2-tekst); font: 600 13.5px/1.2 var(--sans); text-decoration: none; cursor: pointer; white-space: nowrap; transition: background .15s, border-color .15s, color .15s; }
.przycisk2:hover { border-color: color-mix(in srgb, var(--v2-granat) 40%, var(--v2-ramka)); background: var(--v2-tlo); }
.przycisk2:disabled { opacity: .6; cursor: default; }
.przycisk2--maly { min-height: 30px; padding: 0 10px; font-size: 12.5px; border-radius: 7px; }
.przycisk2--czerwony { background: var(--v2-czerwony); border-color: var(--v2-czerwony); color: #fff; }
.przycisk2--czerwony:hover { background: #b71c1c; border-color: #b71c1c; color: #fff; }
.przycisk2--granat { background: var(--v2-granat); border-color: var(--v2-granat); color: #fff; }
html[data-motyw="ciemny"] .przycisk2--granat { color: #0f1a2a; }
.przycisk2--granat:hover { background: color-mix(in srgb, var(--v2-granat) 85%, #000); border-color: transparent; color: #fff; }
.przycisk2--kreci svg { animation: v2-obrot .8s linear infinite; }
@keyframes v2-obrot { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .przycisk2--kreci svg { animation: none; } }

.pigulka2 { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font: 600 12px/1.2 var(--sans); white-space: nowrap; }
.pigulka2::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.pigulka2--ok { background: color-mix(in srgb, var(--v2-zielony) 12%, var(--v2-karta)); color: var(--v2-zielony); }
.pigulka2--uwaga { background: color-mix(in srgb, var(--v2-pomarancz) 14%, var(--v2-karta)); color: #b45f06; }
.pigulka2--blad { background: color-mix(in srgb, var(--v2-czerwony) 12%, var(--v2-karta)); color: var(--v2-czerwony); }
.pigulka2--szara { background: var(--v2-tlo); color: var(--v2-szary); }
html[data-motyw="ciemny"] .pigulka2--uwaga { color: #f0b35a; }

/* ---------- Pulpit: dwa rzędy kafelków (.kafle2 z pulpit.js) i program poleceń dosunięty do dolnej krawędzi ekranu ---------- */
html[data-panel="2"] main.pulpit { display: flex; flex-direction: column; gap: 14px; box-sizing: border-box; min-height: calc(100dvh - var(--v2-pasek)); padding-bottom: 20px; }
html[data-panel="2"] .kafle2 { order: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
html[data-panel="2"] .pulpit__glowa { display: none; }
html[data-panel="2"] #uwaga, html[data-panel="2"] .pulpit__dwie, html[data-panel="2"] .pulpit__lewa, html[data-panel="2"] .pulpit__prawa { display: contents; }
/* rząd 1: status · sprawy · domena; rząd 2: dane i kontakt od gości · godziny · dni wolne i zmiany; rząd 3: odwiedziny · posty · pakiet; pod spodem polecenia */
html[data-panel="2"] #stan { grid-column: span 4; order: 1; }
html[data-panel="2"] #uwaga-lista { grid-column: span 4; order: 2; }
html[data-panel="2"] #adres-karta { grid-column: span 4; order: 3; }
/* stałe miejsca rzędów 1–2 (29.10.2026): brak któregoś kafelka zostawia puste pole zamiast przesuwać resztę (dane firmy w 1. rzędzie
   rozciągały kafelki stanu i spraw) */
@media (min-width: 1181px) {
  html[data-panel="2"] #stan { grid-area: 1 / 1 / 2 / 5; }
  html[data-panel="2"] #uwaga-lista { grid-area: 1 / 5 / 2 / 9; }
  html[data-panel="2"] #adres-karta { grid-area: 1 / 9 / 2 / 13; }
  html[data-panel="2"] .kolumna2 { grid-area: 2 / 1 / 3 / 5; }
  html[data-panel="2"] #godziny-karta { grid-area: 2 / 5 / 3 / 9; }
  html[data-panel="2"] #wyjatki-karta { grid-area: 2 / 9 / 3 / 13; }
}
html[data-panel="2"] .kolumna2 { grid-column: span 4; order: 4; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
html[data-panel="2"] .kolumna2 > :last-child { flex: 1; }
html[data-panel="2"] .rzad3 > #opieka-karta { margin: 0; }
html[data-panel="2"] #godziny-karta { grid-column: span 4; order: 5; }
html[data-panel="2"] #wyjatki-karta { grid-column: span 4; order: 6; margin: 0; }
/* stare marginesy kart (reguły z #id w panel.css) psuły wysokość rzędów */
html[data-panel="2"] #stan, html[data-panel="2"] #uwaga-lista, html[data-panel="2"] #adres-karta, html[data-panel="2"] #dane-karta,
html[data-panel="2"] #godziny-karta, html[data-panel="2"] #opieka-karta { margin: 0 !important; }
/* drugi rząd: karty równej wysokości, nagłówek i treść od góry */
html[data-panel="2"] #dane-karta, html[data-panel="2"] #godziny-karta, html[data-panel="2"] #opieka-karta { align-self: stretch; display: flex; flex-direction: column; }
html[data-panel="2"] .karta2__tresc { flex: 1; display: flex; flex-direction: column; min-height: 0; }
/* gdy kafelki zajmują mniej niż ekran, polecenia stoją przy dolnej krawędzi; przy dłuższej treści – zwykle pod kafelkami */
html[data-panel="2"] #polecenia { order: 7; margin: auto 0 0 !important; }
html[data-panel="2"] main.pulpit > .demo-pas { order: 0; }
html[data-panel="2"] main.pulpit > section:not(.karta):not(#uwaga), html[data-panel="2"] main.pulpit > dialog { order: 20; }
html[data-panel="2"] main.pulpit .karta { margin: 0; scroll-margin-top: 104px; }
@media (max-width: 1180px) {
  html[data-panel="2"] #stan, html[data-panel="2"] #uwaga-lista, html[data-panel="2"] #adres-karta { grid-column: 1 / -1; }
  html[data-panel="2"] .kolumna2, html[data-panel="2"] #godziny-karta { grid-column: span 6; }
  html[data-panel="2"] #wyjatki-karta { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
  html[data-panel="2"] .kolumna2, html[data-panel="2"] #stan, html[data-panel="2"] #uwaga-lista, html[data-panel="2"] main.pulpit .karta { grid-column: 1 / -1 !important; }
}

/* kafelki pierwszego rzędu: równa wysokość; nagłówek (ikona · tytuł · podpis), treść, przyciski przy dolnej krawędzi */
html[data-panel="2"] main .kafel2 { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 14px 16px; border: 1px solid var(--v2-ramka); border-radius: var(--v2-promien);
  background: var(--v2-karta); box-shadow: var(--v2-cien); overflow: hidden; min-width: 0; }
.kafel2--blad { --kafel: var(--v2-czerwony); background: color-mix(in srgb, var(--v2-czerwony) 6%, var(--v2-karta)) !important; border-color: color-mix(in srgb, var(--v2-czerwony) 22%, var(--v2-ramka)) !important; }
.kafel2--ok { --kafel: var(--v2-zielony); background: color-mix(in srgb, var(--v2-zielony) 6%, var(--v2-karta)) !important; border-color: color-mix(in srgb, var(--v2-zielony) 20%, var(--v2-ramka)) !important; }
.kafel2--uwaga { --kafel: var(--v2-pomarancz); }
.kafel2--spokoj { --kafel: var(--v2-zielony); }
.kafel2--zwykly { --kafel: var(--v2-granat); }
.kafel2__glowa { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 12px; }
.kafel2__ikona { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--kafel) 14%, var(--v2-karta)); color: var(--kafel); }
.kafel2__ikona svg { width: 17px; height: 17px; stroke-width: 2; }
.kafel2__tekst { display: grid; gap: 2px; min-width: 0; }
.kafel2__tytul { display: flex; align-items: center; gap: 8px; min-width: 0; }
.kafel2__tytul b { font: 700 14.5px/1.3 var(--sans); color: var(--v2-tekst); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kafel2--blad .kafel2__tytul b { color: color-mix(in srgb, var(--v2-czerwony) 85%, var(--v2-tekst)); }
.kafel2__tytul .pigulka2 { padding: 2px 8px; font-size: 11px; }
.kafel2__tekst small { font-size: 12.5px; line-height: 1.35; color: var(--v2-szary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kafel2__tekst small a { color: var(--v2-granat); text-decoration: none; font-weight: 600; }
.kafel2__tekst small a:hover { text-decoration: underline; }
.kafel2__tekst small svg { vertical-align: -2px; }
.kafel2__akcje { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.kafel2__akcje .przycisk2 { min-height: 30px; padding: 0 10px; font-size: 12.5px; }
/* węższe trzy kolumny (do 1440 px): oba przyciski statusu nadal w jednym rzędzie */
@media (max-width: 1440px) {
  .kafel2__akcje .przycisk2 { padding: 0 8px; gap: 5px; font-size: 12px; }
  .kafel2__akcje .przycisk2 + .przycisk2 svg { display: none; }
}
.kafel2__opis { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--v2-szary); }
.kafel2__opis a { color: var(--v2-granat); text-decoration: none; font-weight: 600; }
.kafel2__opis a:hover { text-decoration: underline; }
.kafel2__opis svg { vertical-align: -2px; }
/* domena: pigułka stanu po prawej w nagłówku, wiersze etykieta – wartość w równej kolumnie */
html[data-panel="2"] #adres-karta .kafel2__tytul .pigulka2 { margin-left: auto; }
.domena3 { display: grid; gap: 5px; margin: 0; }
.domena3 > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: baseline; gap: 8px; }
.domena3 dt { font-size: 12px; color: var(--v2-szary); }
.domena3 dd { margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: var(--v2-tekst); }
.domena3 dd b { font-size: 14.5px; letter-spacing: -.01em; }
.domena3 dd a { color: var(--v2-granat); text-decoration: none; }
.domena3 dd b a { color: var(--v2-tekst); }
.domena3 dd a:hover { text-decoration: underline; }
.domena3 dd svg { vertical-align: -1px; color: var(--v2-szary); }
.domena3__brak { color: var(--v2-szary); }
.kafel2__domena { margin: 0; font: 700 17px/1.25 var(--sans); letter-spacing: -.01em; color: var(--v2-tekst); overflow-wrap: anywhere; }
.kafel2__domena a { color: inherit; text-decoration: none; }
.kafel2__domena svg { vertical-align: -1px; color: var(--v2-szary); }
/* sprawy: cały kafelek otwiera okno z pełną treścią */
html[data-panel="2"] main .kafel2--klik { padding: 0; transition: border-color .15s, box-shadow .15s; }
html[data-panel="2"] main .kafel2--klik:hover { border-color: color-mix(in srgb, var(--v2-granat) 35%, var(--v2-ramka)); box-shadow: 0 6px 18px -12px rgba(16, 24, 40, .35); }
.kafel2__caly { flex: 1; display: flex; flex-direction: column; gap: 10px; width: 100%; padding: 14px 16px; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.kafel2__caly:focus-visible { outline: 2px solid var(--v2-granat); outline-offset: -2px; border-radius: var(--v2-promien); }
/* (29.10.2026) zwięzłe kafelki pierwszego rzędu: jeden wiersz (ikona · tytuł z podpisem · strzałka albo mały przycisk) */
html[data-panel="2"] main .kafel2--wiersz { flex-direction: row; align-items: center; }
html[data-panel="2"] main .kafel2--wiersz .kafel2__glowa { flex: 1; min-width: 0; }
html[data-panel="2"] main .kafel2--wiersz .kafel2__akcje { flex: none; margin: 0; }
.kafel2__caly--wiersz { flex-direction: row; align-items: center; }
.kafel2__caly--wiersz .kafel2__glowa { flex: 1; min-width: 0; }
.kafel2__strzalka { flex: none; display: grid; color: var(--v2-szary); transition: transform .15s, color .15s; }
.kafel2--klik:hover .kafel2__strzalka { color: var(--v2-granat); transform: translateX(2px); }
.przycisk2--ikona { width: 32px; padding: 0 !important; justify-content: center; }
.domena2-okno { width: min(480px, calc(100vw - 32px)); }
.domena2-okno .okno-instrukcji__glowa h2 { display: flex; align-items: center; gap: 10px; font: 700 18px/1.3 var(--sans); }
.domena2-okno__tresc { display: grid; gap: 14px; padding: 16px 22px 20px; }
.kafel2__skroty { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.kafel2__skrot { position: relative; min-width: 0; padding-left: 14px; font-size: 13px; color: var(--v2-tekst); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kafel2__skrot span { position: absolute; left: 0; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--v2-pomarancz); }
.kafel2__skrot--pilne span, .kafel2__skrot--blad span { background: var(--v2-czerwony); }
.kafel2__skrot--info span { background: var(--v2-granat); }
.kafel2__wiecej-spraw { font-size: 12px; color: var(--v2-granat); font-weight: 600; }
.uwagi2-okno { width: min(560px, 94vw); }
.uwagi2-okno__lista { padding: 4px 20px 20px !important; }
.uwagi2-okno .uwagi2__poz .przycisk2 { min-height: 32px; padding: 0 12px; font-size: 12.5px; white-space: nowrap; }
.uwagi2-okno .uwagi2__ile { vertical-align: 2px; margin-left: 4px; }

/* wymaga Twojej uwagi */
.uwagi2 { display: grid; align-content: start; gap: 8px; padding: 16px 18px; background: var(--v2-karta); border: 1px solid var(--v2-ramka); border-radius: var(--v2-promien); box-shadow: var(--v2-cien); }
.uwagi2__glowa { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.uwagi2__glowa h2 { margin: 0; font: 700 15.5px/1.25 var(--sans); letter-spacing: -.01em; }
.uwagi2__ile { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--v2-czerwony); color: #fff; font: 700 11.5px var(--sans); }
.uwagi2__wszystkie { margin-left: auto; border: 0; background: none; padding: 2px 0; color: var(--v2-granat); font: 600 12.5px var(--sans); cursor: pointer; }
.uwagi2__wszystkie:hover { text-decoration: underline; }
.uwagi2__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 8px; }
.uwagi2__poz { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 9px 10px 9px 12px; border-radius: 8px; background: var(--v2-tlo); }
.uwagi2__kropka { width: 8px; height: 8px; border-radius: 50%; background: var(--v2-pomarancz); align-self: start; margin-top: 5px; }
.uwagi2__poz--pilne .uwagi2__kropka, .uwagi2__poz--blad .uwagi2__kropka { background: var(--v2-czerwony); }
.uwagi2__poz--info .uwagi2__kropka { background: var(--v2-granat); }
.uwagi2__tekst { display: grid; gap: 1px; min-width: 0; }
.uwagi2__tekst b { font: 600 13px/1.3 var(--sans); color: var(--v2-tekst); }
.uwagi2__tekst small { font-size: 12px; line-height: 1.4; color: var(--v2-szary); }
.uwagi2__poz .przycisk2 { min-height: 30px; padding: 0 10px; font-size: 12.5px; background: var(--v2-karta); }
.uwagi2__pusto { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 8px; background: color-mix(in srgb, var(--v2-zielony) 8%, var(--v2-karta)); }
.uwagi2__ok { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--v2-zielony) 16%, var(--v2-karta)); color: var(--v2-zielony); flex: none; }
.uwagi2__pusto b { display: block; font-size: 13.5px; }
.uwagi2__pusto small { color: var(--v2-szary); font-size: 12px; }

/* dane firmy */
html[data-panel="2"] #dane-karta .karta__glowa .przycisk2, html[data-panel="2"] #godziny-karta .karta__glowa .przycisk2 { margin-left: auto; color: var(--v2-granat); }
.dane2__nazwa { margin: 0 0 8px; font: 700 17px/1.25 var(--sans); letter-spacing: -.02em; color: var(--v2-tekst); }
.dane2__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.dane2__lista li { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 12px; align-items: start; }
.dane2__ikona { color: var(--v2-granat); display: grid; padding-top: 1px; }
.dane2__ikona svg { width: 15px; height: 15px; }
.pakiet2__zawiera li svg { width: 12px; height: 12px; }
.uwagi2__ok svg { width: 18px; height: 18px; }
.przycisk2 svg { width: 15px; height: 15px; }
.dane2__wartosc { font-size: 13px; line-height: 1.45; color: var(--v2-tekst); overflow-wrap: anywhere; }
.dane2__wartosc a { color: var(--v2-granat); text-decoration: none; }
.dane2__wartosc a:hover { text-decoration: underline; }
.dane2__wartosc svg { vertical-align: -2px; }
.dane2__mapa { margin-left: 10px; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.dane2__kropka { color: var(--v2-szary); }

/* godziny otwarcia */
html[data-panel="2"] #godziny-karta .karta__glowa { margin-bottom: 10px; align-items: flex-start; }
html[data-panel="2"] #godziny-karta .karta__opis { margin: 2px 0 0; font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] #godziny-karta .godziny__stan.pigulka--ok { display: none; }
html[data-panel="2"] .godziny__podglad .wyjatki__naglowek, html[data-panel="2"] .godziny__skrot, html[data-panel="2"] .godziny__podglad > .przycisk { display: none; }
html[data-panel="2"] .godziny__podglad { padding: 0; background: none; border: 0; }
.tydzien2 { display: grid; gap: 0; margin: 0 0 2px 30px; }
.tydzien2__dzien { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 1px 0; font-size: 13px; color: var(--v2-tekst); }
.tydzien2__dzien span:last-child { color: var(--v2-tekst); font-variant-numeric: tabular-nums; }
.tydzien2__dzien--wolny span:last-child { color: var(--v2-szary); }
html[data-panel="2"] #godziny-karta .godziny__uklad { display: none; }

/* karta „Dni wolne i zmiany” (przygotuj2): wyjątki do publikacji i na stronie, propozycje świąt, pasek zapisu na dole */
html[data-panel="2"] #wyjatki-karta { display: flex; flex-direction: column; gap: 12px; }
html[data-panel="2"] #wyjatki-karta .karta__glowa { margin: 0; align-items: flex-start; }
html[data-panel="2"] #wyjatki-karta .karta__opis { margin: 2px 0 0; font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] #wyjatki-karta .karta__glowa .przycisk2 { margin-left: auto; color: var(--v2-granat); }
html[data-panel="2"] #wyjatki-karta .wyjatki__suma { margin-left: 8px; vertical-align: 2px; }
.wyjatki2 { display: grid; gap: 14px; }
.wyjatki2__tytul { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; font: 700 11px/1.3 var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--v2-szary); }
.wyjatki2__ile { padding: 1px 6px; border-radius: 999px; background: var(--v2-tlo); color: var(--v2-tekst); letter-spacing: 0; }
.wyjatki2__sekcja--czeka .wyjatki2__tytul { color: #b45f06; }
.wyjatki2__sekcja--czeka .wyjatki2__ile { background: color-mix(in srgb, var(--v2-pomarancz) 16%, var(--v2-karta)); color: #b45f06; }
html[data-motyw="ciemny"] .wyjatki2__sekcja--czeka .wyjatki2__tytul, html[data-motyw="ciemny"] .wyjatki2__sekcja--czeka .wyjatki2__ile { color: #f0b35a; }
html[data-panel="2"] .wyjatki2__lista { margin: 0; max-height: 228px; overflow: auto; gap: 4px; }
/* wiersz: kropka, data, pod nią opis ze znacznikiem (bez ucinania), akcje z prawej */
html[data-panel="2"] #wyjatki-karta .wyjatek__pozycja { grid-template-columns: 8px minmax(0, 1fr) auto; column-gap: 10px; row-gap: 1px; padding: 6px 6px 6px 10px;
  border-color: var(--v2-ramka); }
html[data-panel="2"] #wyjatki-karta .wyjatek__pozycja::before { grid-row: 1 / span 2; align-self: center; }
html[data-panel="2"] #wyjatki-karta .wyjatek__data { grid-column: 2; grid-row: 1; font-size: 13px; }
html[data-panel="2"] #wyjatki-karta .wyjatek__opis { grid-column: 2; grid-row: 2; white-space: normal; font-size: 12.5px; }
html[data-panel="2"] #wyjatki-karta .wyjatek__akcje { grid-column: 3; grid-row: 1 / span 2; }
.wyjatek__znacznik { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 999px; background: color-mix(in srgb, var(--v2-pomarancz) 14%, var(--v2-karta));
  color: #b45f06; font: 600 11px/1.6 var(--sans); white-space: nowrap; }
html[data-motyw="ciemny"] .wyjatek__znacznik { color: #f0b35a; }
.wyjatek__znacznik--usuniety { background: color-mix(in srgb, var(--v2-czerwony) 10%, var(--v2-karta)); color: var(--v2-czerwony); }
html[data-panel="2"] #wyjatki-karta .wyjatek__pozycja--usuniety .wyjatek__data, html[data-panel="2"] #wyjatki-karta .wyjatek__pozycja--usuniety .wyjatek__opis b { text-decoration: line-through; color: var(--v2-szary); }
html[data-panel="2"] #wyjatki-karta .wyjatek__pozycja--usuniety::before { background: var(--v2-szary); }
html[data-panel="2"] #wyjatki-karta .wyjatek__pozycja--tydzien::before { background: var(--v2-granat); }
.wyjatki2__pusto { display: grid; gap: 4px; padding: 12px 14px; border: 1px dashed var(--v2-ramka); border-radius: 8px; font-size: 12.5px; line-height: 1.5; color: var(--v2-szary); }
.wyjatki2__pusto b { font-size: 13.5px; color: var(--v2-tekst); }
/* najbliższe 7 dni w karcie „Dni wolne i zmiany” – jak tabela tygodnia obok */
.wyjatki2__dni ul { list-style: none; margin: 0; padding: 0; display: grid; }
.wyjatki2__dzien { display: grid; grid-template-columns: 78px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 2px 0; font-size: 13px; color: var(--v2-tekst); }
.wyjatki2__dzien b { font-weight: 600; white-space: nowrap; }
.wyjatki2__dzien > span:nth-child(2) { font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wyjatki2__dzien small { font-size: 12px; color: var(--v2-szary); }
.wyjatki2__dzien--wolny > span:nth-child(2) { color: var(--v2-szary); }
.wyjatki2__dzien .wyjatek__znacznik { margin: 0; }
.dodaj2 { display: grid; gap: 6px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--v2-ramka-2); }
.dodaj2__glowa { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dodaj2__glowa .wyjatki2__tytul { margin: 0; }
.dodaj2__opis { margin: -2px 0 0; font-size: 12px; color: var(--v2-szary); }
.dodaj2__glowa .przycisk2 { flex: none; color: var(--v2-granat); }
/* święto w jednej linii: data · nazwa · „Zamknięte”; kolumna daty wspólna dla wierszy (subgrid) */
.dodaj2__swieta ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; gap: 4px 8px; }
.dodaj2__swieta li { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: center; padding: 4px 4px 4px 10px; border-radius: 8px; background: var(--v2-tlo); }
.dodaj2__swieta b { font-size: 12.5px; color: var(--v2-tekst); white-space: nowrap; }
.dodaj2__swieta span { font-size: 12px; color: var(--v2-szary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dodaj2__swieta .przycisk2 { min-height: 26px; padding: 0 7px; gap: 3px; font-size: 12px; background: var(--v2-karta); }
/* pasek zapisu (gdy są zmiany) na dole karty: stan i „Odrzuć zmiany”, pod nimi „Zapisz roboczo” i „Opublikuj”;
   panel.css przykleja go do dołu z ujemnymi marginesami – tu zwykły blok w obrębie karty */
html[data-panel="2"] #wyjatki-karta .godziny__akcje:not([hidden]) { position: static; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8px;
  margin: auto 0 0; padding: 12px 0 0; border-top: 1px solid var(--v2-ramka-2); border-radius: 0; background: none; box-shadow: none; }
html[data-panel="2"] #wyjatki-karta .godziny__akcje .godziny__stan { grid-row: 1; grid-column: 1; justify-self: start; }
html[data-panel="2"] #godziny-odrzuc { grid-row: 1; grid-column: 2; justify-self: end; font-size: 12.5px; }
html[data-panel="2"] #godziny-szkic, html[data-panel="2"] #godziny-publikuj { grid-row: 2; min-height: 34px; padding: 0 10px; font-size: 13px; justify-content: center; }
html[data-panel="2"] #godziny-szkic { grid-column: 1; }
html[data-panel="2"] #godziny-publikuj { grid-column: 2; }
html[data-panel="2"] #godziny-status { grid-column: 1 / -1; font-size: 12.5px; }
html[data-panel="2"] #godziny-status:empty { display: none; }

/* okno „Dzień wolny lub inne godziny” (formularz #wyjatek przeniesiony z karty) */
.wyjatek2-okno { width: min(500px, calc(100vw - 32px)); }
.wyjatek2-okno .okno-instrukcji__glowa h2 { font: 700 18px/1.3 var(--sans); letter-spacing: -.01em; }
.wyjatek2-okno .wyjatek { display: grid; gap: 16px; margin: 0; padding: 18px 22px 0; border: 0; }
.wyjatek2-okno .wyjatek .pole { display: grid; gap: 6px; margin: 0; }
.wyjatek2-okno .wyjatek .pole[hidden], .wyjatek2-okno #w-godziny[hidden] { display: none; }
.wyjatek2__pole { display: grid; gap: 6px; }
.wyjatek2__etykieta, .wyjatek2-okno .wyjatek .pole label { font: 600 13px/1.3 var(--sans); color: var(--v2-tekst); }
.wyjatek2-okno .wyjatek .pole label small { font-weight: 500; color: var(--v2-szary); }
.wyjatek2-okno .wyjatek .pole input { box-sizing: border-box; width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid var(--v2-ramka); border-radius: 8px;
  background: var(--v2-karta); color: var(--v2-tekst); font: 14px var(--sans); }
.wyjatek2-okno .wyjatek .pole input:focus { outline: 0; border-color: var(--v2-granat); box-shadow: 0 0 0 3px color-mix(in srgb, var(--v2-granat) 18%, transparent); }
.wybor2 { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border: 1px solid var(--v2-ramka); border-radius: 10px; background: var(--v2-tlo); }
.wybor2 button { min-height: 38px; padding: 0 10px; border: 0; border-radius: 7px; background: none; color: var(--v2-szary); font: 600 13.5px/1.2 var(--sans); cursor: pointer; }
.wybor2 button:hover { color: var(--v2-tekst); }
.wybor2 button[aria-checked="true"] { background: var(--v2-karta); color: var(--v2-tekst); box-shadow: 0 1px 3px rgba(15, 23, 42, .14); }
.wyjatek2__rzad, .wyjatek2-okno #w-godziny { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wyjatek2__info { margin: -4px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--v2-szary); }
.wyjatek2__stopka { display: flex; justify-content: flex-end; gap: 8px; margin: 0 -22px; padding: 14px 22px 18px; border-top: 1px solid var(--v2-ramka-2); }
@media (max-width: 480px) { .wyjatek2__rzad, .wybor2 { grid-template-columns: 1fr; } }
.wyjatek2__stopka .wyjatek2__info { margin: 0 auto 0 0; align-self: center; }

/* okno „Godziny otwarcia w tygodniu” (formularz #godziny przeniesiony z karty); reguły panel.css dla wąskich ekranów nadpisane */
.tydzien2-okno { width: min(520px, calc(100vw - 32px)); }
.tydzien2-okno .okno-instrukcji__glowa h2 { font: 700 18px/1.3 var(--sans); letter-spacing: -.01em; }
.tydzien2-okno__opis { margin: 6px 22px 0; font-size: 13px; line-height: 1.5; color: var(--v2-szary); }
.tydzien2-okno .wyjatek2__stopka { margin: 0; }
.tydzien2-okno .godziny__formularz { display: block; margin: 0; padding: 8px 22px 10px; }
.tydzien2-okno .godziny__formularz .godziny__dzien { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 40px; padding: 6px 0;
  border-bottom: 1px solid var(--v2-ramka-2); }
.tydzien2-okno .godziny__formularz .godziny__dzien:last-child { border-bottom: 0; }
.tydzien2-okno .godziny__nazwa { display: flex; align-items: center; gap: 12px; font: 600 14px var(--sans); color: var(--v2-tekst); cursor: pointer; }
.tydzien2-okno .godziny__wolne { display: none; }
.tydzien2-okno .godziny__nazwa input { appearance: none; -webkit-appearance: none; flex: none; position: relative; width: 36px; height: 20px; margin: 0; border-radius: 999px;
  background: var(--v2-ramka); cursor: pointer; transition: background .15s; }
.tydzien2-okno .godziny__nazwa input::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: transform .15s; }
.tydzien2-okno .godziny__nazwa input:checked { background: var(--v2-zielony); }
.tydzien2-okno .godziny__nazwa input:checked::after { transform: translateX(16px); }
.tydzien2-okno .godziny__nazwa input:focus-visible { outline: 2px solid var(--v2-granat); outline-offset: 2px; }
.tydzien2-okno .godziny__formularz .godziny__dzien .godziny__zakres { display: flex; grid-row: auto; grid-column: auto; align-items: center; gap: 8px; color: var(--v2-szary); opacity: 1; }
.tydzien2-okno .godziny__zakres input { box-sizing: border-box; width: 104px; min-height: 38px; padding: 0 10px; border: 1px solid var(--v2-ramka); border-radius: 8px;
  background: var(--v2-karta); color: var(--v2-tekst); font: 500 14px var(--sans); opacity: 1; }
.tydzien2-okno .godziny__zakres input:focus { outline: 0; border-color: var(--v2-granat); box-shadow: 0 0 0 3px color-mix(in srgb, var(--v2-granat) 18%, transparent); }
/* dzień zamknięty: zamiast pól napis „Zamknięte” – wg stanu przełącznika, bez przerysowania wiersza */
.tydzien2-okno .godziny__formularz .godziny__dzien:has(.godziny__nazwa input:not(:checked)) .godziny__zakres { display: none; }
.tydzien2-okno .godziny__dzien:has(.godziny__nazwa input:not(:checked))::after { content: 'Zamknięte'; font-size: 13px; color: var(--v2-szary); }
.tydzien2-okno .godziny__dzien:has(.godziny__nazwa input:not(:checked)) .godziny__nazwa { color: var(--v2-szary); }
@media (max-width: 480px) {
  /* telefon: godziny otwartego dnia w drugiej linii, pod nazwą */
  .tydzien2-okno .godziny__formularz .godziny__dzien { row-gap: 8px; }
  .tydzien2-okno .godziny__formularz .godziny__dzien .godziny__zakres { grid-column: 1 / -1; padding-left: 48px; }
  .tydzien2-okno .godziny__zakres input { flex: 1; width: auto; min-width: 0; }
  .wyjatek2__stopka { flex-wrap: wrap; }
  .wyjatek2__stopka .wyjatek2__info { flex-basis: 100%; }
}

/* domena i adres strony */
html[data-panel="2"] #adres-karta .karta__glowa .pigulka2 { margin-left: auto; }
.domena2__etykieta { margin: 0 0 2px; font-size: 12px; color: var(--v2-szary); }
.domena2__nazwa { margin: 0 0 8px; font: 700 18px/1.25 var(--sans); letter-spacing: -.02em; color: var(--v2-tekst); overflow-wrap: anywhere; }
.domena2__nazwa a { color: inherit; text-decoration: none; }
.domena2__nazwa--brak { font-size: 15px; color: var(--v2-szary); }
.domena2__opis { margin: 0 0 12px; font-size: 12.5px; line-height: 1.5; color: var(--v2-szary); }
.domena2__opis b { color: var(--v2-tekst); }
.domena2__akcja .przycisk2 { color: var(--v2-granat); }
.domena2__techniczny { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--v2-ramka-2); }
.domena2__techniczny a { color: var(--v2-granat); text-decoration: none; font-size: 13px; }
.domena2__techniczny a svg { vertical-align: -2px; }
.domena2__techniczny a:hover { text-decoration: underline; }

/* Twój pakiet */
html[data-panel="2"] #opieka-karta .karta__ikona { color: var(--v2-granat); }
html[data-panel="2"] #opieka-karta .karta__glowa .pigulka2 { margin-left: auto; }
html[data-panel="2"] #opieka { display: grid; gap: 12px; }
.pakiet2__pole { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 12px 14px; border-radius: 8px; background: var(--v2-tlo); border: 1px solid var(--v2-ramka-2); }
/* kolor tylko z powodu: 30 dni przed końcem żółty, 7 dni przed końcem (i po terminie) czerwony */
html[data-panel="2"] #opieka-karta.pakiet2--uwaga { border-color: color-mix(in srgb, #e0a100 45%, var(--v2-ramka)); }
.pakiet2--uwaga .pakiet2__pole { background: color-mix(in srgb, #f5c400 13%, var(--v2-karta)); border-color: color-mix(in srgb, #e0a100 35%, transparent); }
html[data-panel="2"] #opieka-karta.pakiet2--blad { border-color: color-mix(in srgb, var(--v2-czerwony) 45%, var(--v2-ramka)); }
.pakiet2--blad .pakiet2__pole { background: color-mix(in srgb, var(--v2-czerwony) 8%, var(--v2-karta)); border-color: color-mix(in srgb, var(--v2-czerwony) 30%, transparent); }
.pakiet2__cena { display: grid; align-content: start; gap: 4px; }
.pakiet2__odznaka { justify-self: start; padding: 3px 8px; border-radius: 5px; background: var(--v2-granat-jasny); color: var(--v2-granat); font: 700 10.5px/1.2 var(--sans); letter-spacing: .06em; text-transform: uppercase; }
.pakiet2__ceny { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 4px 0 2px; }
.pakiet2__cena-poz { display: grid; gap: 1px; min-width: 0; }
.pakiet2__cena-poz small { font-size: 11px; color: var(--v2-szary); }
.pakiet2__cena-poz--po { padding-left: 10px; border-left: 1px solid var(--v2-ramka); }
.pakiet2__ceny--znizka .pakiet2__cena-poz--regularna .pakiet2__kwota b { color: var(--v2-szary); text-decoration: line-through; text-decoration-thickness: 1.5px; }
.pakiet2__ceny--znizka .pakiet2__cena-poz--po .pakiet2__kwota b { color: var(--v2-zielony); }
.pakiet2__kwota--zacheta { font-size: 12.5px !important; color: var(--v2-granat) !important; font-weight: 600 !important; padding-top: 4px; }
.pakiet2__kwota { margin: 0; font: 400 12.5px/1.2 var(--sans); color: var(--v2-szary); white-space: nowrap; }
.pakiet2__kwota b { font: 700 19px/1.15 var(--sans); letter-spacing: -.02em; color: var(--v2-tekst); }
.pakiet2__termin { margin: 0; font-size: 12.5px; color: var(--v2-szary); }
.pakiet2__termin b { font-weight: 500; color: var(--v2-tekst); white-space: nowrap; }
.pakiet2__dni { display: inline; margin-left: 4px; font-size: 12px; color: var(--v2-szary); white-space: nowrap; }
.pakiet2__dni::before { content: '· '; }
.pakiet2__dni--blisko { color: #9a6700; font-weight: 600; }
.pakiet2__dni--po { color: var(--v2-czerwony); font-weight: 600; }
/* „W pakiecie” w jednej linii (etykieta i trzy pozycje), na wąskiej karcie najwyżej w dwóch */
.pakiet2__zawiera { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 8px; padding-top: 8px; border-top: 1px solid var(--v2-ramka); }
.pakiet2__zawiera p { margin: 0; font: 600 11.5px var(--sans); color: var(--v2-szary); }
.pakiet2__zawiera ul { display: contents; list-style: none; }
.pakiet2__zawiera li { display: flex; align-items: center; gap: 3px; font-size: 11.5px; color: var(--v2-tekst); white-space: nowrap; }
.pakiet2__zawiera li svg { color: var(--v2-zielony); flex: none; }
.pakiet2__akcje { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pakiet2__akcje .przycisk2 { min-height: 32px; font-size: 13px; }
.pakiet2__status { font-size: 12px; color: var(--v2-zielony); }


/* program poleceń: granatowy baner z poświatą, Lupik, drabinka pięciu nagród */
html[data-panel="2"] #polecenia.polecenia2 { position: relative; overflow: hidden; isolation: isolate; padding: 24px 28px; border: 0;
  background: radial-gradient(120% 140% at 85% 0%, #2f6bc2 0%, rgba(47, 107, 194, 0) 55%), linear-gradient(120deg, #10223f 0%, #173a6b 55%, #1d4f91 100%); color: #fff; }
html[data-panel="2"] #polecenia.polecenia2:not([hidden]) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) 150px; gap: 28px; align-items: center; }
html[data-panel="2"] #polecenia.polecenia2[hidden] { display: none; }
.polecenia2::before { content: ''; position: absolute; z-index: -1; right: 120px; bottom: -140px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 210, 120, .28), transparent 65%); }
.polecenia2__etykieta { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 10px; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.12);
  font: 700 11px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: #ffd98a; }
.polecenia2__haslo { margin: 0 0 8px; font: 800 22px/1.2 var(--sans); letter-spacing: -.02em; color: #fff; }
.polecenia2__haslo em { font-style: normal; color: #ffd98a; }
.polecenia2__opis { margin: 0 0 16px; font-size: 13.5px; line-height: 1.5; color: rgba(255,255,255,.78); }
.polecenia2__akcje { display: flex; flex-wrap: wrap; gap: 8px; }
.przycisk2--bialy { background: #fff; border-color: #fff; color: #10223f; }
.przycisk2--bialy:hover { background: #ffd98a; border-color: #ffd98a; color: #10223f; }
.przycisk2--jasny { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3); color: #fff; }
.przycisk2--jasny:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.5); color: #fff; }
.polecenia2__stan { margin: 0 0 14px; font-size: 13px; color: rgba(255,255,255,.75); }
.polecenia2__stan b { font: 800 18px var(--sans); color: #fff; }
.polecenia2__stan span { color: #ffd98a; font-weight: 600; }
.polecenia2__drabinka { --postep: 0; position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.polecenia2__drabinka::before, .polecenia2__drabinka::after { content: ''; position: absolute; top: 19px; left: 10%; height: 3px; border-radius: 3px; }
.polecenia2__drabinka::before { right: 10%; background: rgba(255,255,255,.18); }
.polecenia2__drabinka::after { width: calc(80% * var(--postep)); background: linear-gradient(90deg, #ffd98a, #ffb547); }
.polecenia2__stopien { position: relative; z-index: 1; display: grid; justify-items: center; gap: 4px; text-align: center; }
.polecenia2__kolo { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: #183764; border: 2px solid rgba(255,255,255,.25); color: rgba(255,255,255,.75); font: 700 14px var(--sans); }
.polecenia2__kolo svg { width: 17px; height: 17px; stroke-width: 2.2; }
.polecenia2__stopien b { margin-top: 2px; font: 800 15px/1.1 var(--sans); color: #fff; }
.polecenia2__stopien small { font-size: 11px; color: rgba(255,255,255,.6); }
.polecenia2__stopien--zdobyty .polecenia2__kolo { background: #ffd98a; border-color: #ffd98a; color: #10223f; }
.polecenia2__stopien--nastepny .polecenia2__kolo { border-color: #ffd98a; color: #ffd98a; box-shadow: 0 0 0 5px rgba(255, 217, 138, .18); }
@media (prefers-reduced-motion: no-preference) {
  .polecenia2__stopien--nastepny .polecenia2__kolo { animation: v2-puls 2.4s ease-in-out infinite; }
  @keyframes v2-puls { 50% { box-shadow: 0 0 0 9px rgba(255, 217, 138, .06); } }
}
.polecenia2__stopien--max b { color: #ffd98a; }
.polecenia2__stopien--max .polecenia2__kolo { border-style: dashed; }
.polecenia2__stopien--max.polecenia2__stopien--zdobyty .polecenia2__kolo { border-style: solid; }
.polecenia2__lupik { align-self: end; width: 150px; height: auto; margin: -10px 0 -24px; filter: drop-shadow(0 12px 18px rgba(0,0,0,.35)); pointer-events: none; }
.polecenia2-okno__tresc { padding: 4px 22px 22px; font-size: 14.5px; line-height: 1.6; }
.polecenia2-okno__stopnie { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 6px; }
.polecenia2-okno__stopnie li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 14px; border-radius: 8px; background: var(--v2-tlo); }
.polecenia2-okno__stopnie li.zrobione { background: color-mix(in srgb, var(--v2-zielony) 12%, var(--v2-karta)); }
.polecenia2-okno__stopnie li span { font-weight: 700; color: var(--v2-granat); }
@media (max-width: 1180px) {
  html[data-panel="2"] #polecenia.polecenia2:not([hidden]) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
  .polecenia2__lupik { display: none; }
}
@media (max-width: 760px) {
  html[data-panel="2"] #polecenia.polecenia2:not([hidden]) { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 20px 18px; }
  .polecenia2__kolo { width: 34px; height: 34px; }
  .polecenia2__drabinka::before, .polecenia2__drabinka::after { top: 16px; }
  .polecenia2__stopien b { font-size: 13px; }
  .polecenia2__stopien small { display: none; }
}

/* ---------- Trzeci rząd pulpitu: odwiedziny · kontakt od gości · aktualności (rysujRzad3 w pulpit.js) ---------- */
html[data-panel="2"] .rzad3 { grid-column: 1 / -1; order: 7; display: grid; grid-template-columns: repeat(var(--ile, 3), minmax(0, 1fr)); gap: 14px; }
html[data-panel="2"] .rzad3[hidden], html[data-panel="2"] .rzad3 > [hidden] { display: none !important; }
.kafel2__opis--uwaga { color: #b45f06; }
.kafel2__opis b { color: var(--v2-tekst); font-weight: 600; }

/* odwiedziny: liczba z tego tygodnia, zmiana do poprzedniego, 14 słupków (poprzedni tydzień jaśniej) */
.ruch2 { display: grid; gap: 8px; }
.ruch2__liczba { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 6px; margin: 0; font-size: 12.5px; color: var(--v2-szary); }
.ruch2__liczba b { font: 700 26px/1 var(--sans); letter-spacing: -.02em; color: var(--v2-tekst); }
.ruch2__zmiana { margin-left: auto; align-self: center; padding: 2px 8px; border-radius: 999px; font: 700 11.5px/1.4 var(--sans); white-space: nowrap; }
.ruch2__zmiana--w-gore { background: color-mix(in srgb, var(--v2-zielony) 13%, var(--v2-karta)); color: var(--v2-zielony); }
.ruch2__zmiana--w-dol { background: color-mix(in srgb, var(--v2-czerwony) 11%, var(--v2-karta)); color: var(--v2-czerwony); }
.ruch2__zmiana--bez { background: var(--v2-tlo); color: var(--v2-szary); }
.ruch2__wykres { display: grid; grid-template-columns: repeat(14, minmax(0, 1fr)); grid-template-rows: 52px; align-items: end; gap: 3px; }
.ruch2__slupek { height: max(3px, calc(var(--h) * 100%)); border-radius: 3px 3px 0 0; background: color-mix(in srgb, var(--v2-granat) 20%, var(--v2-karta)); }
.ruch2__slupek--teraz { background: var(--v2-granat); }
.ruch2__os { display: flex; justify-content: space-between; margin: -4px 0 0; font-size: 11px; color: var(--v2-szary); }

/* kontakt od gości: trzy liczby z licznika, pod nimi ostatnie zapytania (z dodatkiem „skrzynka”) */
.kontakt2__liczby { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
/* liczba u góry po lewej, ikona w prawym górnym rogu, opis pod liczbą – dwa wiersze zamiast trzech */
.kontakt2__liczby li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 3px 6px; padding: 9px 10px; border-radius: 8px; background: var(--v2-tlo); min-width: 0; }
.kontakt2__liczby li b { grid-column: 1; grid-row: 1; }
.kontakt2__liczby li small { grid-column: 1 / -1; grid-row: 2; }
.kontakt2__ikona { grid-column: 2; grid-row: 1; display: grid; color: var(--v2-granat); }
.kontakt2__liczby b { font: 700 22px/1 var(--sans); letter-spacing: -.02em; color: var(--v2-tekst); }
.kontakt2__liczby small { font-size: 12px; color: var(--v2-szary); }
.kontakt2__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.kontakt2__zap { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 8px; border: 1px solid var(--v2-ramka-2);
  color: inherit; text-decoration: none; }
.kontakt2__zap:hover { background: var(--v2-tlo); }
.kontakt2__zap b { display: block; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kontakt2__zap small { display: block; font-size: 12px; color: var(--v2-szary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kontakt2__zap .pigulka2 { padding: 2px 8px; font-size: 11px; }

/* aktualności: dwa najnowsze wpisy ze zdjęciem, źródłem i datą */
.wpisy2 { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.wpisy2 a { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 10px; padding: 4px; margin: 0 -4px; border-radius: 8px; color: inherit; text-decoration: none; }
.wpisy2 a:hover { background: var(--v2-tlo); }
.wpisy2__zdjecie { width: 52px; height: 52px; border-radius: 8px; object-fit: cover; display: grid; place-items: center; background: var(--v2-tlo); color: var(--v2-szary); }
.wpisy2__tresc { display: grid; gap: 2px; min-width: 0; }
.wpisy2__meta { font-size: 11.5px; color: var(--v2-szary); }
.wpisy2__tekst { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.35; color: var(--v2-tekst); }

@media (max-width: 1180px) {
  html[data-panel="2"] .rzad3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-panel="2"] .rzad3__szeroki { grid-column: 1 / -1; }
}
@media (max-width: 900px) { html[data-panel="2"] .rzad3 { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Telefon i tablet: menu wysuwane, pasek niższy ---------- */
@media (max-width: 1180px) {
  .gorny2 .haslo-ostrzezenie__tekst { display: none; }
  .gorny2 .haslo-ostrzezenie__przycisk { padding: 7px 10px; }
  .gorny2__akcja-tekst { display: none; }
  .gorny2__akcja { width: 40px; justify-content: center; padding: 0; }
  .gorny2__kto { display: none; }
}
@media (max-width: 900px) {
  html[data-panel="2"] body.panel { grid-template-columns: minmax(0, 1fr); }
  html[data-panel="2"] .gorny2 { grid-column: 1; gap: 10px; padding: 0 14px; }
  html[data-panel="2"] main.glowny { --glowny-x: 14px; grid-column: 1; padding: 16px var(--glowny-x) 40px; }
  .gorny2__menu { display: inline-flex; flex: none; }
  .gorny2__tytul strong { font-size: 19px; }
  .gorny2__tytul span, .gorny2__odstep { display: none; }
  .gorny2 .haslo-ostrzezenie__tekst { display: none; }
  .gorny2 .haslo-ostrzezenie__przycisk { padding: 7px 10px; }
  html[data-panel="2"] .boczny.boczny2 { position: fixed; top: 0; left: 0; bottom: 0; width: min(300px, 86vw); z-index: 40; transform: translateX(-100%); transition: transform .25s ease; box-shadow: 0 0 40px rgba(0,0,0,.35); }
  html[data-panel="2"] body.menu-otwarte .boczny.boczny2 { transform: none; }
  html[data-panel="2"] .gorny__tlo { display: none; position: fixed; inset: 0; z-index: 35; background: rgba(7, 21, 35, .5); }
  html[data-panel="2"] body.menu-otwarte .gorny__tlo { display: block !important; }
  .uwagi2__poz { grid-template-columns: 10px minmax(0, 1fr); }
  .uwagi2__poz .przycisk2 { grid-column: 2; justify-self: start; }
}
@media (max-width: 760px) {
  /* telefon: szczegóły hasła pod paskiem na całą szerokość (panel.css daje im tu left: 12px, co z right: 0 i 80vw wypychało dymek
     w prawo za ekran) */
  .gorny2 .haslo-ostrzezenie { position: static; }
  .gorny2 .haslo-ostrzezenie__szczegoly { position: fixed; top: calc(var(--v2-pasek) + 8px); left: 12px; right: 12px; width: auto; }
}

/* ---------- Przyklejone paski innych stron i panel edycji Treści: pod górnym paskiem (--v2-pasek), w tle części roboczej ---------- */
html[data-panel="2"] .kal-pasek, html[data-panel="2"] .sp-pasek { top: calc(var(--v2-pasek) + 3px); background: var(--v2-tlo); }
html[data-panel="2"] .kal-dzien { top: calc(var(--v2-pasek) + 72px); max-height: calc(100vh - var(--v2-pasek) - 88px); }
html[data-panel="2"] .formularz__prawa { top: calc(var(--v2-pasek) + 16px); }
html[data-panel="2"] .zespol-uklad__bok { top: calc(var(--v2-pasek) + 24px); }
html[data-panel="2"] .pomoc__bok { top: calc(var(--v2-pasek) + 20px); }
html[data-panel="2"] .edytor__panel { top: var(--v2-pasek); }
html[data-panel="2"] main .karta, html[data-panel="2"] main .kafel2 { scroll-margin-top: calc(var(--v2-pasek) + 20px); }


/* telefon: w pasku menu, nazwa firmy, hasło i konto; Instrukcja i motyw w menu konta */
.gorny2__lista .gorny2__tylko-telefon { display: none; }
@media (max-width: 600px) {
  .gorny2__narzedzia { display: none; }
  .gorny2__lista .gorny2__tylko-telefon { display: flex; }
  .gorny2__strzalka { display: none; }
  .gorny2__osoba { padding: 2px; }
  .gorny2__awatar { width: 38px; height: 38px; }
  .gorny2__tytul strong { font-size: 18px; }
}

/* ---------- Strona „Pakiet i płatności” (pakiet.html, pakiet.js) – w obu wyglądach; w obecnym zmienne v2 z barw panel.css ---------- */
html:not([data-panel="2"]) .pakiet3 { --v2-tlo: var(--tlo-2, var(--tlo)); --v2-karta: var(--karta); --v2-ramka: var(--linia); --v2-ramka-2: var(--linia); --v2-tekst: var(--atrament);
  --v2-szary: var(--szary); --v2-granat: var(--akcent); --v2-granat-jasny: color-mix(in srgb, var(--akcent) 10%, var(--karta)); --v2-zielony: var(--zielony);
  --v2-czerwony: var(--czerwony); --v2-pomarancz: #e8890c; --v2-promien: 8px; }
.pakiet3 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.pakiet3 > .brak-danych { grid-column: 1 / -1; }
.pakiet3 > .pakiet3__karta { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 18px 20px; min-width: 0; }
.pakiet3 > #pakiet-karta, .pakiet3 > #polecenia-karta { grid-column: span 7; }
.pakiet3 > #platnosc-karta, .pakiet3 > #historia-karta { grid-column: span 5; }
.pakiet3__glowa { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pakiet3__glowa h2 { margin: 0; font: 700 16px/1.3 var(--sans); letter-spacing: -.01em; color: var(--v2-tekst); }
.pakiet3__glowa > .pigulka2 { margin-left: auto; }
.pakiet3__ikona { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--v2-granat) 12%, var(--v2-karta)); color: var(--v2-granat); }
.pakiet3__ikona svg { width: 17px; height: 17px; }
.pakiet3__przypis { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--v2-szary); }
.pakiet3__przypis a, .pakiet3__pusto a { color: var(--v2-granat); font-weight: 600; text-decoration: none; }
.pakiet3__przypis a:hover { text-decoration: underline; }
.pakiet3__pusto { margin: 0; padding: 14px 16px; border-radius: 8px; background: var(--v2-tlo); font-size: 13px; line-height: 1.5; color: var(--v2-szary); }
.pakiet3__akcje { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 4px; }
.pakiet3__akcje .przycisk2 { min-height: 34px; font-size: 13px; }
.pakiet3__status { margin: 0; font-size: 12.5px; color: var(--v2-zielony); }

/* pakiet: odznaka, nazwa i dla kogo; daty w jednym rzędzie; lista w dwóch kolumnach; wyższy pakiet */
.pakiet3__nazwa { display: grid; justify-items: start; gap: 4px; }
.pakiet3__nazwa h3 { margin: 2px 0 0; font: 700 22px/1.2 var(--sans); letter-spacing: -.02em; color: var(--v2-tekst); }
.pakiet3__nazwa p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--v2-szary); }
.pakiet3__odznaka { padding: 3px 8px; border-radius: 5px; background: var(--v2-granat-jasny); color: var(--v2-granat); font: 700 10.5px/1.2 var(--sans); letter-spacing: .06em; text-transform: uppercase; }
.pakiet3__fakty { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin: 0; }
.pakiet3__fakty div { padding: 10px 12px; border-radius: 8px; background: var(--v2-tlo); }
.pakiet3__fakty dt { font-size: 11.5px; color: var(--v2-szary); }
.pakiet3__fakty dd { margin: 2px 0 0; font: 600 14px/1.3 var(--sans); color: var(--v2-tekst); }
.pakiet3__podtytul { margin: 4px 0 0; font: 700 13px/1.3 var(--sans); color: var(--v2-tekst); }
.pakiet3__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; }
.pakiet3__lista li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; font-size: 13px; line-height: 1.45; color: var(--v2-tekst); }
.pakiet3__ok { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; margin-top: 1px; background: color-mix(in srgb, var(--v2-zielony) 14%, var(--v2-karta)); color: var(--v2-zielony); }
.pakiet3__ok svg { width: 11px; height: 11px; stroke-width: 3; }
/* Twoje dodatki: nazwa i cena w jednym wierszu (cena ukryta albo bez ceny – sama nazwa) */
.pakiet3__dodatki { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pakiet3__dodatki li { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; align-items: start; gap: 8px; font-size: 13px; line-height: 1.45; color: var(--v2-tekst); }
.pakiet3__dodatki b { font-weight: 700; white-space: nowrap; }
.pakiet3__wyzszy { display: grid; justify-items: start; gap: 6px; padding: 12px 14px; border: 1px dashed var(--v2-ramka); border-radius: 8px; font-size: 13px; color: var(--v2-tekst); }
.pakiet3__wyzszy ul { margin: 0; padding-left: 18px; color: var(--v2-szary); }

/* kolejna płatność: data duża, rozliczenie jak na rachunku */
.pakiet3__termin { margin: 0; font: 700 24px/1.2 var(--sans); letter-spacing: -.02em; color: var(--v2-tekst); }
.pakiet3__rachunek { margin: 0; padding: 4px 14px; border-radius: 8px; background: var(--v2-tlo); }
.pakiet3__rachunek div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; font-size: 13.5px; }
.pakiet3__rachunek div + div { border-top: 1px solid var(--v2-ramka); }
.pakiet3__rachunek dt { color: var(--v2-szary); }
.pakiet3__rachunek dd { margin: 0; font-weight: 600; color: var(--v2-tekst); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pakiet3__rachunek-znizka dd { color: var(--v2-zielony); }
.pakiet3__rachunek-suma dt, .pakiet3__rachunek-suma dd { font-size: 15px; font-weight: 700; color: var(--v2-tekst); }

/* polecenia: ile do wykorzystania, pięć kroków, lista firm */
.pakiet3__polecenia-stan { display: grid; gap: 10px; }
.pakiet3__ile { margin: 0; font-size: 13.5px; color: var(--v2-szary); }
.pakiet3__ile b { margin-right: 2px; font: 700 26px/1 var(--sans); letter-spacing: -.02em; color: var(--v2-tekst); }
.pakiet3__postep { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.pakiet3__krok { padding: 6px 4px 0; border-top: 4px solid var(--v2-ramka); font: 600 11.5px/1.3 var(--sans); text-align: center; color: var(--v2-szary); }
.pakiet3__krok--zdobyty { border-top-color: var(--v2-zielony); color: var(--v2-zielony); }
.pakiet3__polecenia { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pakiet3__polecenia li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border: 1px solid var(--v2-ramka); border-radius: 8px; }
.pakiet3__polecenie { display: grid; gap: 1px; min-width: 0; }
.pakiet3__polecenie b { font-size: 13.5px; color: var(--v2-tekst); overflow-wrap: anywhere; }
.pakiet3__polecenie small { font-size: 12px; color: var(--v2-szary); }
.pakiet3__polecenia .pigulka2 { flex: none; padding: 3px 9px; font-size: 11.5px; }

/* historia płatności */
.pakiet3__tabela { width: 100%; border-collapse: collapse; font-size: 13px; }
.pakiet3__tabela th { padding: 0 8px 8px 0; border-bottom: 1px solid var(--v2-ramka); text-align: left; font: 600 11.5px/1.3 var(--sans); color: var(--v2-szary); }
.pakiet3__tabela td { padding: 10px 8px 10px 0; border-bottom: 1px solid var(--v2-ramka-2); color: var(--v2-tekst); vertical-align: top; }
.pakiet3__tabela tr:last-child td { border-bottom: 0; }
.pakiet3__tabela .pakiet3__kwota { padding-right: 0; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pakiet3__tabela td.pakiet3__kwota { font-weight: 600; }
.pakiet3__data { white-space: nowrap; }

@media (max-width: 1100px) { .pakiet3 > .pakiet3__karta { grid-column: 1 / -1 !important; } }
@media (max-width: 600px) {
  .pakiet3 > .pakiet3__karta { padding: 16px 14px; }
  .pakiet3__lista { grid-template-columns: minmax(0, 1fr); }
  .pakiet3__nazwa h3 { font-size: 19px; }
  .pakiet3__glowa { flex-wrap: wrap; }
  .pakiet3__polecenia li { flex-wrap: wrap; }
}

/* Regulamin: punkty programu poleceń (regulamin.html#polecenia) */
.regulamin__punkty h3 { margin: 18px 0 4px; font: 700 15px/1.35 var(--sans); }
.regulamin__punkty h3:first-child { margin-top: 0; }
.regulamin__punkty p, .regulamin__punkty ul { margin: 0 0 8px; }
.regulamin__karta + .regulamin__karta { margin-top: 16px; }
.regulamin__karta .karta__opis a, .regulamin__punkty a { color: var(--v2-granat, var(--akcent)); font-weight: 600; }
.polecenia2-okno__linki { display: flex; flex-wrap: wrap; gap: 6px 16px; }

/* ---------- (29.10.2026) podstrony spójne z pulpitem i Treściami: rząd niskich kafelków pod nagłówkiem (Formularz, Statystyki, SEO) ---------- */
html[data-panel="2"] .kafle-rzad { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 14px; margin: 0 0 20px; }
html[data-panel="2"] main .kafle-rzad > .kafel2 { min-height: 64px; margin: 0; }
html[data-panel="2"] .kafle-rzad .kafel2__akcje { flex-wrap: nowrap; }
html[data-panel="2"] .kafle-rzad .kafel2__akcje .przycisk2 svg { width: 14px; height: 14px; }
/* liczba jako tytuł kafelka (Statystyki): duża, tabelaryczna */
.kafel2__liczba { font: 700 20px/1.1 var(--sans); letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--v2-tekst); }
@media (max-width: 1180px) { html[data-panel="2"] .kafle-rzad { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  html[data-panel="2"] .kafle-rzad { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html[data-panel="2"] main .kafle-rzad > .kafel2--wiersz:has(.kafel2__akcje) { flex-direction: column; align-items: stretch; }
}

/* Formularz kontaktowy: odbiorcy i wiersze pól jak listy w kartach pulpitu (tło --v2-tlo, kontrolki 34 px, usuwanie ikoną) */
html[data-panel="2"] .powiadomienia-adresy li { border: 1px solid var(--v2-ramka-2); background: var(--v2-tlo); padding: 9px 12px; font-size: 13.5px; }
html[data-panel="2"] .pow-uwaga { background: color-mix(in srgb, var(--v2-pomarancz) 10%, var(--v2-karta)); color: color-mix(in srgb, var(--v2-pomarancz) 55%, var(--v2-tekst)); font-size: 12.5px; }
html[data-panel="2"] .formularz__uklad { gap: 14px; }
html[data-panel="2"] .formularz__lewa, html[data-panel="2"] .formularz__prawa { gap: 14px; }
html[data-panel="2"] .pola-edytor { gap: 6px; }
html[data-panel="2"] .pola-edytor__pole { padding: 6px 8px 6px 4px; border: 1px solid var(--v2-ramka-2); background: var(--v2-tlo); }
html[data-panel="2"] .pola-edytor__pole--cel { box-shadow: 0 0 0 2px var(--v2-granat); }
html[data-panel="2"] .pola-edytor__glowne { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto 32px; gap: 8px; }
html[data-panel="2"] .pola-edytor__glowne input, html[data-panel="2"] .pola-edytor__glowne select, html[data-panel="2"] .pola-edytor__dodatek input,
html[data-panel="2"] .formularz__pola .pole input, html[data-panel="2"] .formularz__pola .pole textarea {
  min-height: 34px; border: 1px solid var(--v2-ramka); border-radius: 8px; background: var(--v2-karta); color: var(--v2-tekst); font: 500 13.5px var(--sans); }
html[data-panel="2"] .pola-edytor__glowne input:focus, html[data-panel="2"] .pola-edytor__glowne select:focus, html[data-panel="2"] .pola-edytor__dodatek input:focus,
html[data-panel="2"] .formularz__pola .pole input:focus, html[data-panel="2"] .formularz__pola .pole textarea:focus {
  outline: none; border-color: var(--v2-granat); box-shadow: 0 0 0 3px color-mix(in srgb, var(--v2-granat) 15%, transparent); }
html[data-panel="2"] .pola-edytor__uchwyt { color: var(--v2-szary); }
html[data-panel="2"] .pola-edytor__uchwyt:hover, html[data-panel="2"] .pola-edytor__uchwyt:focus-visible { color: var(--v2-granat); background: var(--v2-karta); }
html[data-panel="2"] .pola-edytor__wymagane { font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] .pola-edytor__stale { min-width: 32px; justify-content: center; font-size: 11.5px; }
html[data-panel="2"] .pola-edytor__stale::before { display: none; }
html[data-panel="2"] .pola-edytor__usun { width: 32px; min-height: 32px; color: var(--v2-szary); background: var(--v2-karta); }
html[data-panel="2"] .pola-edytor__usun:hover:not(:disabled) { color: var(--v2-czerwony); border-color: color-mix(in srgb, var(--v2-czerwony) 35%, var(--v2-ramka)); }
html[data-panel="2"] .pola-edytor__usun svg { width: 15px; height: 15px; }
html[data-panel="2"] .formularz__pola .pole label { color: var(--v2-tekst); }
html[data-panel="2"] .formularz__pola .pole label small { color: var(--v2-szary); }
/* przełącznik zamiast pola wyboru („Wysyłaj nadawcy potwierdzenie”) – jak przełączniki w Aktualnościach */
html[data-panel="2"] .opcja--przelacznik { align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--v2-ramka-2); background: var(--v2-tlo); border-radius: 8px; cursor: pointer; }
html[data-panel="2"] .opcja--przelacznik input[type="checkbox"] { appearance: none; flex: none; position: relative; width: 40px; height: 24px; margin: 0; border-radius: 999px;
  background: var(--v2-ramka); cursor: pointer; transition: background .2s; }
html[data-panel="2"] .opcja--przelacznik input[type="checkbox"]::after { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform .2s; }
html[data-panel="2"] .opcja--przelacznik input[type="checkbox"]:checked { background: var(--v2-zielony); }
html[data-panel="2"] .opcja--przelacznik input[type="checkbox"]:checked::after { transform: translateX(16px); }
html[data-panel="2"] .opcja--przelacznik input[type="checkbox"]:focus-visible { outline: 2px solid var(--v2-granat); outline-offset: 2px; }
html[data-panel="2"] .opcja--przelacznik input[type="checkbox"]:disabled { opacity: .55; cursor: default; }
html[data-panel="2"] .opcja--przelacznik b { font: 600 13.5px/1.35 var(--sans); color: var(--v2-tekst); }
html[data-panel="2"] .opcja--przelacznik small { font-size: 12.5px; color: var(--v2-szary); }

/* ---------- Statystyki (29.10.2026): rząd liczb na górze (był przesuwany na dół przez kolejność z pulpitu), kafelki jak na pulpicie,
   okres jako segment jak zakładki w Aktualnościach, odstępy 14 px, nieparzysta ostatnia karta na całą szerokość ---------- */
html[data-panel="2"] main.pulpit.statystyki > section#kpi.kpi { order: 0; }   /* wyżej niż „main.pulpit > section:not(.karta):not(#uwaga)” */
html[data-panel="2"] main.statystyki { gap: 0; }
html[data-panel="2"] .statystyki .kpi { gap: 14px; margin-bottom: 14px; }
html[data-panel="2"] .statystyki .kpi__kafel { min-height: 0; gap: 12px; padding: 14px 16px; border: 1px solid var(--v2-ramka); border-radius: var(--v2-promien); background: var(--v2-karta); box-shadow: var(--v2-cien); }
html[data-panel="2"] .statystyki .kpi__etykieta { font: 600 12.5px/1.3 var(--sans); color: var(--v2-szary); }
html[data-panel="2"] .statystyki .kpi__wartosc { font: 700 26px/1.15 var(--sans); letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--v2-tekst); }
html[data-panel="2"] .statystyki .kpi__kafel--glowny .kpi__wartosc { font-size: 30px; }
html[data-panel="2"] .statystyki .kpi__dol small, html[data-panel="2"] .statystyki .kpi__dopisek { font-size: 12px; color: var(--v2-szary); }
html[data-panel="2"] .statystyki .kpi__ikona { width: 34px; height: 34px; background: color-mix(in srgb, var(--v2-granat) 12%, var(--v2-karta)); color: var(--v2-granat); }
html[data-panel="2"] .statystyki .kpi__ikona svg { width: 17px; height: 17px; }
html[data-panel="2"] .statystyki .pierscien { width: 56px; height: 56px; }
html[data-panel="2"] .statystyki .karta--szeroka { margin: 0 0 14px; }
html[data-panel="2"] .statystyki .siatka-kart { gap: 14px; margin-bottom: 14px; }
html[data-panel="2"] .statystyki .siatka-kart > .karta { margin: 0; }
html[data-panel="2"] .statystyki .siatka-kart > .karta:nth-last-child(1 of :not([hidden])):nth-child(odd of :not([hidden])) { grid-column: 1 / -1; }
html[data-panel="2"] .okres { gap: 0; padding: 0; background: var(--v2-karta); border: 1px solid var(--v2-ramka); border-radius: 8px; overflow: hidden; }
html[data-panel="2"] .okres button { padding: 9px 18px; border-right: 1px solid var(--v2-ramka); border-radius: 0; font: 600 13.5px var(--sans); color: var(--v2-tekst); box-shadow: none; }
html[data-panel="2"] .okres button:last-child { border-right: 0; }
html[data-panel="2"] .okres button[aria-selected="true"] { background: color-mix(in srgb, var(--firma-kolor, #b98b3f) 16%, var(--v2-karta)); box-shadow: none; color: var(--v2-tekst); }

/* pusty stan w kartach (wszystkie podstrony): ramka przerywana, szare zdanie – jak „Nic nie czeka” na pulpicie */
html[data-panel="2"] main .karta .brak-danych { padding: 14px 16px; border: 1px dashed var(--v2-ramka); background: none; color: var(--v2-szary); font-size: 13px; line-height: 1.5; }

/* ---------- Ustawienia SEO (29.10.2026): kafelki stanu jak w Treściach, „Do poprawy” i „Podstrony” jako karty, podstrony jak wiersze listy ---------- */
/* kafelki stanu nad kolumnami: te same proporcje i odstęp co .seo__kolumny niżej (7 · 5), żeby krawędzie się pokrywały */
html[data-panel="2"] .seo__kafle { grid-auto-flow: row; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 14px; margin-bottom: 14px; }
/* „Sprawdź w Google” przed uruchomieniem / demo / bez indeksowania: kafelek ostrzegawczy – pomarańczowe tło, pasek z lewej, pełne zdanie */
html[data-panel="2"] main .kafel2.seo-google--brak { background: color-mix(in srgb, var(--v2-pomarancz) 9%, var(--v2-karta)); border-color: color-mix(in srgb, var(--v2-pomarancz) 38%, var(--v2-ramka));
  box-shadow: inset 4px 0 0 var(--v2-pomarancz), var(--v2-cien); }
html[data-panel="2"] .seo-google--brak .kafel2__ikona { background: var(--v2-pomarancz); color: #fff; }
html[data-panel="2"] .seo-google--brak .kafel2__tytul { flex-wrap: wrap; row-gap: 4px; }
html[data-panel="2"] .seo-google--brak .kafel2__tytul b { font-size: 15px; white-space: normal; overflow: visible; }
html[data-panel="2"] .seo-google--brak .kafel2__tekst small { white-space: normal; overflow: visible; font-size: 13px; line-height: 1.45; color: var(--v2-tekst); }
html[data-panel="2"] main.seo > .karta { margin: 0 0 14px; }
html[data-panel="2"] .seo__uwagi .sprawy__lista { gap: 6px; }
html[data-panel="2"] .seo__uwagi .sprawa { position: relative; padding: 10px 12px 10px 22px; border: 1px solid var(--v2-ramka-2); border-radius: 8px; background: var(--v2-tlo); }
html[data-panel="2"] .seo__uwagi .sprawa::before { left: 10px; background: var(--v2-pomarancz); }
html[data-panel="2"] .seo__uwagi .sprawa--pilne::before { background: var(--v2-czerwony); }
html[data-panel="2"] .seo__uwagi .sprawa__tresc { padding-left: 0; font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] .seo__uwagi .sprawa__tresc strong { font-size: 13.5px; color: var(--v2-tekst); }
html[data-panel="2"] .seo__uwagi .sprawa__akcja { color: var(--v2-granat); font-size: 13px; }
html[data-panel="2"] .seo__strony .seo__lista { gap: 8px; }
html[data-panel="2"] main .seo__strony .seo__strona { margin: 0; border: 1px solid var(--v2-ramka-2); box-shadow: none; }
html[data-panel="2"] .seo__strony .seo__strona > summary:hover { background: var(--v2-tlo); }
html[data-panel="2"] .seo__strony .seo__strona[open] { border-color: var(--v2-ramka); }
a.kafel2__caly, a.kafel2__caly:hover { color: inherit; text-decoration: none; }

/* ---------- Pakiet i płatności (29.10.2026): nagłówki kart jak w pozostałych kartach (ikona liniowa w granacie, bez kółka, tytuł 15.5 px),
   pusty stan poleceń z ramką przerywaną ---------- */
html[data-panel="2"] .pakiet3__glowa { align-items: center; }
html[data-panel="2"] .pakiet3__glowa h2 { font-size: 15.5px; }
html[data-panel="2"] .pakiet3__ikona { width: 20px; height: 20px; border-radius: 0; background: none; }
html[data-panel="2"] .pakiet3__ikona svg { width: 18px; height: 18px; }
html[data-panel="2"] .pakiet3__pusto { border: 1px dashed var(--v2-ramka); background: none; }

/* ---------- Zespół (29.10.2026): osoby jak wiersze list pulpitu, akcje jako małe przyciski (Zablokuj/Usuń – ikony z podpowiedzią),
   rola jako pigułka, „Potrzebujesz więcej kont?” tuż pod listą (bez sztywnego odstępu 92 px) ---------- */
html[data-panel="2"] .zespol-uklad { gap: 14px; }
html[data-panel="2"] .zespol-uklad__glowna { gap: 14px; }
html[data-panel="2"] .zespol-strona .osoba { padding: 10px 12px; border: 1px solid var(--v2-ramka-2); border-radius: 8px; background: var(--v2-tlo); }
html[data-panel="2"] .zespol-strona .osoba__kto strong { font-size: 14px; color: var(--v2-tekst); }
html[data-panel="2"] .zespol-strona .osoba__kto span { font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] .osoba__awatar { background: var(--v2-karta); border: 1px solid var(--v2-ramka); color: var(--v2-szary); }
html[data-panel="2"] .osoba__awatar--wlasciciel { background: color-mix(in srgb, var(--v2-granat) 12%, var(--v2-karta)); border-color: transparent; color: var(--v2-granat); }
html[data-panel="2"] .osoba__rola { padding: 3px 9px; border-radius: 999px; background: var(--v2-karta); border: 1px solid var(--v2-ramka); color: var(--v2-szary); font-size: 11.5px; }
html[data-panel="2"] .osoba__rola--wlasciciel { background: color-mix(in srgb, var(--v2-granat) 10%, var(--v2-karta)); border-color: transparent; color: var(--v2-granat); }
html[data-panel="2"] .zespol-strona .osoba__stan small { font-size: 12px; color: var(--v2-szary); }
html[data-panel="2"] .zespol-strona .osoba__akcje { gap: 6px; align-items: center; }
html[data-panel="2"] .osoba__akcja { min-height: 32px; padding: 0 10px; font-size: 12.5px; background: var(--v2-karta); }
html[data-panel="2"] .osoba__ikona { width: 32px; min-height: 32px; color: var(--v2-szary); background: var(--v2-karta); }
html[data-panel="2"] .osoba__ikona svg { width: 15px; height: 15px; }
html[data-panel="2"] .osoba__ikona:hover { color: var(--v2-granat); }
html[data-panel="2"] .osoba__ikona--usun:hover { color: var(--v2-czerwony); border-color: color-mix(in srgb, var(--v2-czerwony) 35%, var(--v2-ramka)); }
html[data-panel="2"] .zespol__limit { margin-top: 14px; border-color: var(--v2-ramka); background: none; }
html[data-panel="2"] .zespol__limit-ikona { background: color-mix(in srgb, var(--v2-granat) 12%, var(--v2-karta)); color: var(--v2-granat); }
html[data-panel="2"] .limit-kont__kreska { background: var(--v2-ramka); }
html[data-panel="2"] .limit-kont__kreska--zajeta { background: var(--v2-granat); }
html[data-panel="2"] .zespol-strona .osoba { grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto; }
html[data-panel="2"] .zespol-strona .osoba__akcje { flex-wrap: nowrap; }
@media (max-width: 1500px) {
  html[data-panel="2"] .zespol-strona .osoba { grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr); }
  html[data-panel="2"] .zespol-strona .osoba__akcje { grid-column: 2 / -1; justify-content: flex-start; flex-wrap: wrap; }
}
@media (max-width: 760px) {
  html[data-panel="2"] .seo__domyslne .seo__uklad { grid-template-columns: minmax(0, 1fr); }
  html[data-panel="2"] .seo__domyslne .udost { max-width: none; }
}
@media (max-width: 600px) {
  html[data-panel="2"] .kafle-rzad .kafel2__tytul b, html[data-panel="2"] .kafle-rzad .kafel2__tekst small { white-space: normal; }
}
@media (max-width: 600px) {
  /* Statystyki na telefonie: liczby po dwie w rzędzie, bez ikon i kółek (wartość jest liczbą obok) */
  html[data-panel="2"] .statystyki .kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html[data-panel="2"] .statystyki .kpi__kafel--glowny { grid-column: auto; }
  html[data-panel="2"] .statystyki .kpi__kafel { grid-template-columns: minmax(0, 1fr); padding: 12px 14px; }
  html[data-panel="2"] .statystyki .kpi__ikona, html[data-panel="2"] .statystyki .kpi .pierscien { display: none; }
  html[data-panel="2"] .statystyki .kpi__wartosc, html[data-panel="2"] .statystyki .kpi__kafel--glowny .kpi__wartosc { font-size: 22px; }
}
@media (max-width: 760px) {
  html[data-panel="2"] .zespol-strona .osoba { grid-template-columns: auto minmax(0, 1fr); }
  html[data-panel="2"] .zespol-strona .osoba__stan, html[data-panel="2"] .zespol-strona .osoba__akcje { grid-column: 2; }
}

/* SEO na komputerze w dwóch kolumnach: podstrony (7) · zdjęcie przy udostępnianiu (5); w kartach pola nad podglądem */
html[data-panel="2"] .seo__kolumny { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 14px; align-items: start; margin-bottom: 14px; }
html[data-panel="2"] main .seo__kolumny > .karta { margin: 0; }
html[data-panel="2"] .seo__kolumny .seo__uklad, html[data-panel="2"] .seo__kolumny .seo__domyslne .seo__uklad { grid-template-columns: minmax(0, 1fr); gap: 16px; }
html[data-panel="2"] .seo__kolumny .seo__domyslne .udost { max-width: none; }
html[data-panel="2"] .seo__kolumny .serp { max-width: none; }
@media (max-width: 1180px) { html[data-panel="2"] .seo__kolumny, html[data-panel="2"] .seo__kafle { grid-template-columns: minmax(0, 1fr); } }
html[data-panel="2"] .seo__kolumny:has(> .seo__domyslne[hidden]) { grid-template-columns: minmax(0, 1fr); }

/* Statystyki: 7 kafelków liczb – na komputerze 4 w rzędzie (kontakt z odwiedzin na dwa miejsca), do 1100 px po dwa (główny na całą
   szerokość), na telefonie po dwa z kontaktem na całą szerokość */
html[data-panel="2"] .statystyki .kpi { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[data-panel="2"] .statystyki .kpi__kafel--szeroki { grid-column: span 2; }
@media (max-width: 1100px) {
  html[data-panel="2"] .statystyki .kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-panel="2"] .statystyki .kpi__kafel--glowny { grid-column: 1 / -1; }
  html[data-panel="2"] .statystyki .kpi__kafel--szeroki { grid-column: auto; }
}
@media (max-width: 600px) {
  html[data-panel="2"] .statystyki .kpi__kafel--glowny { grid-column: auto; }
  html[data-panel="2"] .statystyki .kpi__kafel--szeroki { grid-column: 1 / -1; }
}

/* ---------- Pomoc (29.10.2026): „Technologia i bezpieczeństwo” jako zwykła karta (bez niebieskiego gradientu), ikony jak w kafelkach
   pulpitu (kółko 34 px w odcieniu granatu), odstępy 14 px, kropka stanu opieki w jednej linii z tekstem ---------- */
html[data-panel="2"] .pomoc__uklad, html[data-panel="2"] .pomoc__dol { gap: 14px; }
html[data-panel="2"] .pomoc__dol { margin-top: 14px; }
html[data-panel="2"] .opieka-pas { margin-top: 14px; padding: 16px 18px 18px; border: 1px solid var(--v2-ramka); border-radius: var(--v2-promien); background: var(--v2-karta); box-shadow: var(--v2-cien); }
html[data-panel="2"] .opieka-pas__glowa { margin-bottom: 12px; }
html[data-panel="2"] .opieka-pas__glowa h2 { font: 700 15.5px/1.25 var(--sans); color: var(--v2-tekst); }
html[data-panel="2"] .opieka-pas__glowa p { font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] .opieka-pas__lista { gap: 10px; }
html[data-panel="2"] .opieka-pas__lista li { padding: 12px 14px; border: 1px solid var(--v2-ramka-2); border-radius: 8px; background: var(--v2-tlo); box-shadow: none; }
html[data-panel="2"] .opieka-pas__ikona { width: 34px; height: 34px; background: color-mix(in srgb, var(--v2-granat) 12%, var(--v2-karta)); color: var(--v2-granat); }
html[data-panel="2"] .opieka-pas__lista strong { font-size: 13.5px; color: var(--v2-tekst); }
html[data-panel="2"] .opieka-pas__lista li > span:last-child { font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] .watki-karta__ikona, html[data-panel="2"] .nowe-zgl__ikona { background: color-mix(in srgb, var(--v2-granat) 12%, var(--v2-karta)); color: var(--v2-granat); }
html[data-panel="2"] .nowe-zgl:not([open]) .nowe-zgl__belka:hover .nowe-zgl__ikona { background: var(--v2-granat); color: #fff; }
html[data-panel="2"] .kontakt-karta #opieka.opiekun__opieka { display: flex; align-items: center; gap: 8px; }   /* #opieka na pulpicie to karta z siatką */
html[data-panel="2"] .kontakt-karta .kontakt-lista__ikona { background: color-mix(in srgb, var(--v2-granat) 12%, var(--v2-karta)); color: var(--v2-granat); }
html[data-panel="2"] .kontakt-karta .kontakt-lista li { background: var(--v2-tlo); }
html[data-panel="2"] .kontakt-karta .kontakt-lista li:has(a):hover { background: var(--v2-karta); box-shadow: 0 0 0 1px var(--v2-granat); }

/* ---------- Regulamin (29.10.2026): jak Pomoc i Zespół – treść po lewej, przyklejony spis treści z pytaniem po prawej ---------- */
html[data-panel="2"] .regulamin-uklad { display: grid; grid-template-columns: minmax(0, 1fr) clamp(260px, 26%, 340px); gap: 14px; align-items: start; }
html[data-panel="2"] main .regulamin-uklad .karta { margin: 0; }
html[data-panel="2"] .regulamin__karta { max-width: none; }
html[data-panel="2"] .regulamin__karta + .regulamin__karta { margin-top: 14px; }
html[data-panel="2"] .regulamin-uklad__bok { position: sticky; top: calc(var(--v2-pasek) + 16px); }
html[data-panel="2"] .regulamin__tresc { font-size: 14px; line-height: 1.65; color: var(--v2-tekst); }
html[data-panel="2"] .regulamin__punkty h3 { font-size: 14.5px; scroll-margin-top: calc(var(--v2-pasek) + 16px); }
html[data-panel="2"] .regulamin__karta { scroll-margin-top: calc(var(--v2-pasek) + 16px); }
html[data-panel="2"] .regulamin__pusto b { display: block; margin-bottom: 2px; color: var(--v2-tekst); }
.regulamin-spis { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.regulamin-spis > li { padding: 8px 0; border-top: 1px solid var(--v2-ramka-2); font-size: 13.5px; }
.regulamin-spis > li:first-child { border-top: 0; padding-top: 0; }
.regulamin-spis a { color: var(--v2-granat); font-weight: 600; text-decoration: none; }
.regulamin-spis a:hover { text-decoration: underline; }
.regulamin-spis .pigulka2 { margin-left: 4px; padding: 1px 7px; font-size: 10.5px; vertical-align: 1px; }
.regulamin-spis ul { list-style: none; margin: 6px 0 0; padding: 0 0 0 12px; display: grid; gap: 4px; border-left: 2px solid var(--v2-ramka-2); }
.regulamin-spis ul a { font-weight: 500; font-size: 12.5px; color: var(--v2-szary); }
.regulamin-spis ul a:hover { color: var(--v2-granat); }
.regulamin-spis__pytanie { display: grid; justify-items: start; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--v2-ramka-2); }
.regulamin-spis__pytanie p { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--v2-szary); }
@media (max-width: 1000px) {
  html[data-panel="2"] .regulamin-uklad { grid-template-columns: minmax(0, 1fr); }
  html[data-panel="2"] .regulamin-uklad__bok { position: static; }
}
html[data-panel="2"] .regulamin__tresc { max-width: 78ch; }

/* ---------- Moje konto (29.10.2026): odstępy 14 px, karta „Potwierdzanie logowania” na całą szerokość, nagłówki kart i przyciski jak
   w reszcie panelu (bez starego koloru --akcent), pola formularzy jak w Formularzu kontaktowym ---------- */
html[data-panel="2"] .konto__wizytowka { margin-bottom: 14px; }
html[data-panel="2"] .konto .siatka-kart { gap: 14px; margin-bottom: 14px; }
html[data-panel="2"] main.konto .siatka-kart > .karta { margin: 0; }
html[data-panel="2"] .konto .siatka-kart > .karta--szeroka { grid-column: 1 / -1; }
html[data-panel="2"] main.konto > .karta { margin: 0 0 14px; }
html[data-panel="2"] .konto .karta__ikona { width: 20px; height: 20px; color: var(--v2-granat); }
html[data-panel="2"] .konto .karta__glowa--ikona { align-items: flex-start; }
html[data-panel="2"] .konto .karta__glowa--ikona h2 { font-size: 15.5px; }
html[data-panel="2"] .konto .karta__glowa--ikona .karta__opis { font-size: 12.5px; }
html[data-panel="2"] .konto .przycisk:not(.przycisk--obrys) { background: var(--v2-granat); border-color: var(--v2-granat); }
html[data-panel="2"] .konto__kto strong { font-size: 16px; color: var(--v2-tekst); }
html[data-panel="2"] .konto__kto span { font-size: 13px; color: var(--v2-szary); }
html[data-panel="2"] .konto__zmien { color: var(--v2-granat); }
html[data-panel="2"] .konto__zmien--usun { color: var(--v2-czerwony); }
html[data-panel="2"] .konto .formularz-konta .pole label { color: var(--v2-tekst); }
html[data-panel="2"] .konto .formularz-konta .pole input, html[data-panel="2"] .konto__email-form .pole input, html[data-panel="2"] .konto__imie-form input {
  min-height: 38px; border: 1px solid var(--v2-ramka); border-radius: 8px; background: var(--v2-karta); color: var(--v2-tekst); font: 500 13.5px var(--sans); }
html[data-panel="2"] .konto .formularz-konta .pole input:focus, html[data-panel="2"] .konto__email-form .pole input:focus, html[data-panel="2"] .konto__imie-form input:focus {
  outline: none; border-color: var(--v2-granat); box-shadow: 0 0 0 3px color-mix(in srgb, var(--v2-granat) 15%, transparent); }
html[data-panel="2"] .konto__email-form { border-color: var(--v2-ramka-2); background: var(--v2-tlo); }
html[data-panel="2"] .konto .sesja { border: 1px solid var(--v2-ramka-2); background: var(--v2-tlo); }
html[data-panel="2"] .konto .sesja--biezaca { box-shadow: inset 3px 0 0 var(--v2-granat); }
/* pas „Więcej od Lupik Media” (Pomoc): ilustracja narzędzi wystawała w bok przy ~1024 px – przycięcie tylko w poziomie (głowa maskotki dalej nad pasem) */
html[data-panel="2"] .pomoc > .lupik-pas.lupik-pas { overflow-x: clip; overflow-y: visible; }

/* Moje konto na komputerze w dwóch kolumnach (29.10.2026): wizytówka i zabezpieczenia (7) · urządzenia i aktywność (5); do 1180 px jedna */
html[data-panel="2"] .konto-uklad { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 14px; align-items: start; }
html[data-panel="2"] .konto-uklad__lewa, html[data-panel="2"] .konto-uklad__prawa { display: grid; gap: 14px; min-width: 0; }
html[data-panel="2"] main.konto .konto-uklad .karta, html[data-panel="2"] .konto-uklad .konto__wizytowka, html[data-panel="2"] .konto-uklad .siatka-kart { margin: 0; }
/* w węższej kolumnie stan konta (rola, 2FA, ostatnie logowanie) pod imieniem, nie z prawej */
html[data-panel="2"] .konto-uklad .konto__wizytowka { grid-template-columns: auto minmax(0, 1fr); }
html[data-panel="2"] .konto-uklad .konto__meta { grid-column: 2; justify-content: flex-start; }
@media (max-width: 1180px) { html[data-panel="2"] .konto-uklad { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Funkcje z wyższej wersji (29.10.2026): wszystkie kafelki i pozycje menu w każdej wersji, niedostępne wyszarzone ---------- */
html[data-panel="2"] .boczny2 a.boczny2__zablokowany { opacity: .55; }
html[data-panel="2"] .boczny2 a.boczny2__zablokowany:hover, html[data-panel="2"] .boczny2 a.boczny2__zablokowany.aktywny { opacity: .85; }
.boczny2__klodka { display: grid; margin-left: auto; }
.boczny2__klodka svg { width: 14px; height: 14px; }
html[data-panel="2"] main .kafel2.kafel2--zablokowany { border-style: dashed; background: var(--v2-tlo); box-shadow: none; }
.kafel2--zablokowany .kafel2__ikona { background: var(--v2-karta); color: var(--v2-szary); }
.kafel2--zablokowany .kafel2__tytul b { color: var(--v2-szary); }
.kafel2--zablokowany .pigulka2 svg { width: 11px; height: 11px; }
.wyzszy-pakiet { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; align-items: start; max-width: 760px; }
.wyzszy-pakiet__ikona { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--v2-granat) 12%, var(--v2-karta)); color: var(--v2-granat); }
.wyzszy-pakiet__ikona svg { width: 22px; height: 22px; }
.wyzszy-pakiet__tekst { display: grid; gap: 8px; }
.wyzszy-pakiet__etykieta { display: inline-flex; align-items: center; gap: 6px; margin: 0; font: 700 11px/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--v2-szary); }
.wyzszy-pakiet__etykieta svg { width: 13px; height: 13px; }
.wyzszy-pakiet h2 { margin: 0; font: 700 18px/1.3 var(--sans); color: var(--v2-tekst); }
.wyzszy-pakiet p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--v2-szary); }
.wyzszy-pakiet__akcje { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }

/* Pomoc bez zgłoszeń (29.10.2026): karta „Twoje zgłoszenia” zostaje, w niej wyszarzony przykładowy temat i jedno zdanie */
.watki-lista__poz--zaslepka { border: 1px dashed var(--v2-ramka) !important; background: none !important; cursor: default; opacity: .75; }
.watki-lista__poz--zaslepka .watki-lista__stan { color: var(--v2-szary); }
.watki-lista__wskazowka { padding: 10px 12px 6px; font-size: 12.5px; line-height: 1.5; color: var(--v2-szary); }

/* Ikona oka przy polu hasła (haslo.js, 30.10.2026): przycisk w prawym rogu pola, pole z miejscem na ikonę; natywne oczko Edge ukryte,
   żeby nie było dwóch. Bez tokenów v2 (logowanie i aktywacja nie ładują motyw.js) – kolory z baza.css. */
.haslo-pole { position: relative; display: block; }
.pole .haslo-pole input[data-oko], .haslo-pole input[data-oko] { width: 100%; padding-right: 46px; }
.haslo-pole input[data-oko]::-ms-reveal, .haslo-pole input[data-oko]::-ms-clear { display: none; }
.haslo-oko { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); display: grid; place-items: center; width: 36px; height: 36px;
  padding: 0; border: 0; border-radius: 6px; background: none; color: var(--v2-szary, var(--szary)); cursor: pointer; }
.haslo-oko:hover { color: var(--v2-tekst, var(--atrament)); background: var(--v2-tlo, var(--akcent-jasny)); }
.haslo-oko:focus-visible { outline: 2px solid var(--firma-kolor, var(--akcent)); outline-offset: 0; }
.haslo-oko[aria-pressed="true"] { color: var(--v2-granat, var(--akcent)); }

/* Wygląd w Google (30.10.2026): frazy podstrony – pod polem lista fraz z pigułkami „tytuł / opis / treść” i jedna rada;
   karta „Opis dla asystentów AI” – pole po lewej, podgląd llms.txt po prawej (jak wynik Google w kartach podstron) */
html[data-panel="2"] .seo__opcjonalnie { font-weight: 500; color: var(--v2-szary); }
html[data-panel="2"] .seo__dlaczego { padding: 0; border: 0; background: none; font: inherit; font-weight: 600; color: var(--v2-granat); cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
html[data-panel="2"] .seo__frazy-stan { display: grid; gap: 6px; margin-top: 2px; }
html[data-panel="2"] .seo__frazy-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
html[data-panel="2"] .seo__fraza { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 13px; }
html[data-panel="2"] .seo__fraza b { font-weight: 600; overflow-wrap: anywhere; }
html[data-panel="2"] .seo__fraza-znaki { display: inline-flex; flex-wrap: wrap; gap: 6px; }
html[data-panel="2"] .seo__fraza .pigulka2 { padding: 2px 8px; font-size: 11.5px; }
html[data-panel="2"] .seo__frazy-rada { margin: 0; font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] main .seo__ai { margin: 0 0 14px; }
html[data-panel="2"] .seo__ai h2 .pigulka2 { margin-left: 6px; vertical-align: 2px; padding: 2px 8px; font-size: 11px; }
html[data-panel="2"] .seo__ai .seo__uklad { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px 24px; }
html[data-panel="2"] .seo__ai textarea { min-height: 150px; }
html[data-panel="2"] .seo__ai-akcje { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0; }
html[data-panel="2"] .seo__ai-akcje small { font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] .seo__llms { margin: 0; max-height: 360px; overflow: auto; padding: 12px 14px; white-space: pre-wrap; overflow-wrap: anywhere;
  font: 12.5px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--v2-tekst); background: var(--v2-tlo); border: 1px solid var(--v2-ramka); border-radius: 8px; }
html[data-panel="2"] .seo__llms-adres { margin: 8px 0 0; font-size: 12.5px; color: var(--v2-szary); }
html[data-panel="2"] .seo__llms-adres a { display: inline-flex; align-items: center; gap: 4px; color: var(--v2-granat); font-weight: 600; text-decoration: none; }
html[data-panel="2"] .seo__llms-adres a:hover { text-decoration: underline; }
html[data-panel="2"] .seo__llms-adres span { display: inline-flex; align-items: center; gap: 4px; }
@media (max-width: 1000px) { html[data-panel="2"] .seo__ai .seo__uklad { grid-template-columns: minmax(0, 1fr); } }