/* Panel reklam 3PG – wygląd aplikacji (23.09.2026, prośba usera): miękki, tonalny, bez ramek, jak zakładka „Przesyłki DPD”
   w Hub3PG (~/Projekty/DPD_API/web/common.php – te same tokeny). Tylko tryb jasny (decyzja usera). Zastępuje kopię stylów
   Handbooka (baza.css) i panel.css. Kolor aplikacji = gradient ikony (koral → pomarańcz), akcent interfejsu = niebieski 3PG. */

:root{
	--bg:#f2f5f9; --s1:#ffffff; --s2:#eef2f7; --s3:#e2e8f0;
	--tx:#16323F; --dim:#5a6b82; --dim2:#8795a9;
	--acc:#159BD6; --acc-tx:#fff;
	--ton:color-mix(in srgb,var(--acc) 13%,#fff); --ton-h:color-mix(in srgb,var(--acc) 22%,#fff); --ton-tx:#0b6b97;
	--red:#c8102e; --red-ton:color-mix(in srgb,#c8102e 10%,#fff);
	--ok:#16875a; --ok-ton:color-mix(in srgb,#16875a 12%,#fff);
	--warn:#b26b00; --warn-ton:color-mix(in srgb,#f5a623 16%,#fff);
	--app:#EF6440; --app-ton:color-mix(in srgb,#EF6440 12%,#fff);
	--r:14px; --r-sm:10px;
	--cien:0 1px 3px rgba(22,50,63,.10);
	--cien-duzy:0 18px 50px -12px rgba(22,50,63,.28);
	--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
	--mono:ui-monospace,SFMono-Regular,Menlo,monospace;
	/* zgodność z nazwami, których używają wykresy i skrypty panelu */
	--navy:var(--tx); --blue:var(--acc); --orange:#F5A623; --muted:var(--dim); --muted-2:var(--dim2);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--ton-tx)}
h1,h2,h3,h4{letter-spacing:-.015em;color:var(--tx)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* ── nagłówek aplikacji ── */
.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;padding:12px 24px;
	background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.top .marka{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}
.app-ikona{width:40px;height:40px;border-radius:11px;flex:none;display:block;box-shadow:0 2px 8px -2px rgba(229,65,59,.45)}
.top .nazwa{display:flex;flex-direction:column;line-height:1.15}
.top .nazwa b{font-size:17px;letter-spacing:-.02em}
.top .nazwa span{font-size:12px;color:var(--dim)}
.nav{display:flex;gap:4px;background:var(--s2);padding:4px;border-radius:999px;margin-left:12px}
.nav a{padding:7px 16px;border-radius:999px;color:var(--dim);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.nav a:hover{color:var(--tx)}
.nav a.on{background:var(--s1);color:var(--tx);box-shadow:var(--cien)}
.nav a.nowa-proc{display:none}
.top .nowa{margin-left:auto}
.konto{position:relative}
.konto-btn{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:4px 6px 4px 4px;border-radius:999px;cursor:pointer}
.konto-btn:hover{background:var(--s2)}
.konto-btn .kto{display:none}
.konto-btn .strz{color:var(--dim);font-size:11px}
.awatar{width:34px;height:34px;border-radius:50%;background:var(--app-ton);color:#b8401f;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.drop{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;background:var(--s1);border-radius:16px;padding:8px;box-shadow:var(--cien-duzy);display:none}
.drop.otw{display:block}
.drop .glowa{display:flex;align-items:center;gap:12px;padding:10px 10px 12px}
.drop .glowa b{display:block;font-size:14px}
.drop .glowa span span{display:block;font-size:12.5px;color:var(--dim)}
.drop a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--tx);text-decoration:none;font-size:14px}
.drop a:hover{background:var(--s2)}
.drop .ikonka{width:20px;display:inline-flex;justify-content:center;color:var(--dim)}
.drop .ikonka svg{width:18px;height:18px}
.drop a:hover .ikonka{color:var(--ton-tx)}
.drop .kreska{height:1px;background:var(--s2);margin:6px 8px}

/* ── plansza i nagłówki stron ── */
.plansza{max-width:1240px;margin:0 auto}
/* nagłówek wyrównany do tej samej kolumny co treść – symetrycznie na szerokim ekranie */
.top{padding-left:max(24px,calc((100% - 1240px) / 2 + 24px));padding-right:max(24px,calc((100% - 1240px) / 2 + 24px))}
.p3g-tbl{width:100%}
/* tabela nigdy nie wystaje poza kolumnę treści – przy braku miejsca przewija się w swojej ramce */
.p3g-tbl-ramka{overflow-x:auto;border-radius:var(--r)}
.p3g-strona{padding:14px 24px 120px}
.p3g-edytor-strona{max-width:980px;margin:0 auto}
.p3g-naglowek{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:6px 0 20px;flex-wrap:wrap}
.p3g-naglowek h1{margin:0;font-size:26px;letter-spacing:-.025em}
.p3g-pod{margin:6px 0 0;font-size:13.5px;color:var(--dim);line-height:1.55}
.p3g-pod--cicho{color:var(--dim2)}
.p3g-okruszek{margin:0 0 4px;font-size:13px;color:var(--dim)}
.p3g-okruszek a{color:var(--ton-tx);text-decoration:none;font-weight:600}
.p3g-akcje{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* ── przyciski (pigułki: główny, tonalny, cichy) ── */
.przyc{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:11px 20px;background:var(--acc);color:var(--acc-tx);
	font-weight:600;font-size:14.5px;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,transform .05s}
.przyc:hover{background:color-mix(in srgb,var(--acc) 86%,#000)}
.przyc:active{transform:scale(.98)}
.przyc.wtorny{background:var(--ton);color:var(--ton-tx)}
.przyc.wtorny:hover{background:var(--ton-h)}
.przyc.usun{background:var(--red-ton);color:var(--red)}
.przyc.usun:hover{background:color-mix(in srgb,#c8102e 18%,#fff)}
.przyc[disabled]{opacity:.55;cursor:progress}
a.przyc{display:inline-flex}
.log-jak-link{border:0;background:none;padding:0;color:var(--ton-tx);font-weight:600;cursor:pointer;text-decoration:none;font-size:inherit}
.log-jak-link:hover{text-decoration:underline}

/* ── komunikaty ── */
.log-blad,.log-info,.p3g-uwaga,.p3g-pas-publikacji{border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5}
.log-blad{background:var(--red-ton);color:var(--red)}
.log-info{background:var(--ton);color:var(--ton-tx)}
.p3g-uwaga{margin:10px 0 0;background:var(--warn-ton);color:var(--warn);font-size:13.5px}
.p3g-pas-publikacji{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;background:var(--warn-ton);color:#6b4300;padding:14px 18px}
[data-p3g="wynik-publikacji"] > div{margin-bottom:14px}
[data-p3g="wynik-publikacji"] ul{margin:6px 0 0;padding-left:18px}

/* ── logowanie ── */
.ekran-logowania .plansza{min-height:100vh;display:flex}
.log-plansza{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 18px}
.log-karta{width:100%;max-width:400px;background:var(--s1);border-radius:24px;padding:36px 32px 30px;box-shadow:0 30px 80px -40px rgba(22,50,63,.35)}
.log-logo{width:64px;height:64px;border-radius:17px;display:block;margin:0 0 20px;box-shadow:0 8px 20px -6px rgba(229,65,59,.5)}
.log-karta h1{margin:0 0 6px;font-size:26px;letter-spacing:-.03em}
.log-karta h1 span{color:var(--dim);font-weight:600}
.log-wstep{margin:0 0 22px;color:var(--dim);font-size:14.5px}
.log-karta .log-blad,.log-karta .log-info{margin:0 0 16px}
.log-form{display:flex;flex-direction:column;gap:6px}
.log-etykieta{font-size:12.5px;font-weight:600;color:var(--dim)}
.log-pole{width:100%;padding:13px 14px;border:0;border-radius:12px;background:var(--s2);font-size:15.5px;outline:none;transition:background .15s,box-shadow .15s}
.log-pole:hover{background:var(--s3)}
.log-pole:focus{background:var(--s1);box-shadow:0 0 0 2px var(--acc)}
.log-kod{font-family:var(--mono);font-size:26px;letter-spacing:.34em;text-align:center;padding:14px}
.log-przyc{width:100%;margin-top:12px;padding:14px 20px;font-size:15.5px}
.log-licznik{margin:10px 0 0;font-size:13px;color:var(--dim);text-align:center}
.log-licznik.malo{color:var(--warn)}
.log-licznik.koniec{color:var(--red)}
.log-drobne{margin:16px 0 0;font-size:13px;color:var(--dim);line-height:1.6;text-align:center}

/* ── pola formularza (wypełnione, bez ramek) ── */
.p3g-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px 14px;margin:12px 0}
.p3g-pole{display:flex;flex-direction:column;gap:5px;min-width:0}
.p3g-pole--szerokie{grid-column:1/-1}
.p3g-pole > span{font-size:12.5px;font-weight:600;color:var(--dim)}
.p3g-pole input[type=text],.p3g-pole input[type=url],.p3g-pole input[type=number],.p3g-pole input[type=datetime-local],.p3g-pole input[type=email],
.p3g-pole input:not([type]),.p3g-pole select,.p3g-pole textarea,.p3g-hs-wiersz select,.p3g-hs-wiersz input[type=text],.p3g-hs-wiersz input[type=url],.p3g-zakres input{
	width:100%;border:0;border-radius:var(--r-sm);padding:11px 13px;background:var(--s2);color:var(--tx);font-size:14.5px;outline:none;transition:background .15s,box-shadow .15s}
.p3g-pole select,.p3g-hs-wiersz select{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235a6b82' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 14px center}
.p3g-pole input:hover,.p3g-pole select:hover,.p3g-pole textarea:hover{background-color:var(--s3)}
.p3g-pole input:focus,.p3g-pole select:focus,.p3g-pole textarea:focus,.p3g-hs-wiersz input:focus,.p3g-hs-wiersz select:focus,.p3g-zakres input:focus{background-color:var(--s1);box-shadow:0 0 0 2px var(--acc)}
.p3g-pole input::placeholder,.p3g-pole textarea::placeholder{color:color-mix(in srgb,var(--dim) 65%,transparent)}
.p3g-pole textarea{font-family:var(--mono);font-size:13px;resize:vertical;line-height:1.5}
.p3g-pole small{font-size:12px;color:var(--dim);line-height:1.5}

/* chipy wyboru: pigułka tonalna; pole wyboru przykrywa całą pigułkę (klik i dostępność bez widocznego kwadracika) */
.p3g-chipy{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.p3g-chip{position:relative;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 14px;background:var(--s2);color:var(--dim);font-size:13.5px;font-weight:600;cursor:pointer;user-select:none;transition:background .15s}
.p3g-chip:hover{background:var(--s3);color:var(--tx)}
.p3g-chip.on{background:var(--ton);color:var(--ton-tx)}
.p3g-chip.on::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.p3g-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.p3g-chip:has(input:focus-visible){box-shadow:0 0 0 2px var(--acc)}
.p3g-mala{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--dim);font-weight:500}
.p3g-mala input{accent-color:var(--acc);width:16px;height:16px}
.p3g-wiecej{margin-top:14px}
.p3g-wiecej summary{display:inline-flex;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ton-tx);background:var(--ton);padding:8px 14px;border-radius:999px;list-style:none}
.p3g-wiecej summary::-webkit-details-marker{display:none}
.p3g-wiecej[open] summary{margin-bottom:6px}

/* ── karty sekcji ── */
.p3g-karta{background:var(--s1);border-radius:var(--r);padding:20px 22px;margin-bottom:14px}
.p3g-karta > header{margin-bottom:12px}
.p3g-karta h2{margin:0;font-size:16.5px}
.p3g-karta > header p{margin:4px 0 0;font-size:13.5px;color:var(--dim);line-height:1.55}

/* rodzaj kampanii: kafle wyboru */
.p3g-rodzaje{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.p3g-rodzaj{position:relative;display:flex;flex-direction:column;gap:5px;border-radius:12px;padding:15px 17px;cursor:pointer;background:var(--s2);transition:background .15s,box-shadow .15s}
.p3g-rodzaj:hover{background:var(--s3)}
.p3g-rodzaj.on{background:var(--ton);box-shadow:inset 0 0 0 2px var(--acc)}
.p3g-rodzaj input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.p3g-rodzaj b{font-size:15px}
.p3g-rodzaj span{font-size:13px;color:var(--dim);line-height:1.5}
@media (max-width:700px){.p3g-rodzaje{grid-template-columns:1fr}}

/* warianty: przełącznik segmentowy */
.p3g-zakladki{display:inline-flex;flex-wrap:wrap;gap:3px;background:var(--s2);padding:4px;border-radius:999px;margin-bottom:16px}
.p3g-zakladka{border:0;background:none;font-size:13.5px;font-weight:600;padding:8px 15px;color:var(--dim);cursor:pointer;border-radius:999px}
.p3g-zakladka:hover{color:var(--tx)}
.p3g-zakladka.on{background:var(--s1);color:var(--tx);box-shadow:var(--cien)}
.p3g-zakladka small{font-weight:500;color:var(--dim2);margin-left:4px}
.p3g-zakladka--dodaj{color:var(--ton-tx)}
.p3g-kreacja{padding-top:18px;margin-top:18px;border-top:1px solid var(--s2)}
.p3g-kreacja:first-of-type{border-top:0;margin-top:0;padding-top:0}
.p3g-kreacja h3{font-size:15px;margin:0 0 6px}
.p3g-kreacja h3 small,.p3g-obrazy h4 small{font-weight:500;color:var(--dim2)}
.p3g-obrazy{display:grid;grid-template-columns:3fr 2fr;gap:20px;align-items:start}
.p3g-obrazy h4{margin:0 0 8px;font-size:13px;color:var(--dim)}

/* wgrywanie grafiki */
.p3g-wgraj{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:170px;border-radius:14px;
	background:var(--s2);cursor:pointer;text-align:center;padding:20px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--dim) 16%,transparent);transition:background .15s,box-shadow .15s}
.p3g-wgraj:hover{background:var(--ton);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--acc) 45%,transparent)}
.p3g-wgraj input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.p3g-wgraj b{color:var(--ton-tx);font-size:14.5px}
.p3g-wgraj span{font-size:12.5px;color:var(--dim);max-width:300px;line-height:1.5}
.p3g-wgraj--trwa{opacity:.7;pointer-events:none}

/* grafika z obszarami (rysowanie myszką) */
.p3g-obraz{position:relative;user-select:none;cursor:crosshair;border-radius:12px;overflow:hidden;line-height:0;max-width:560px;background:var(--s2)}
.p3g-obraz img{width:100%;display:block;pointer-events:none}
.p3g-hs{position:absolute;border:2px solid var(--app);background:rgba(239,100,64,.16);border-radius:4px;cursor:move}
.p3g-hs--pusty{border-style:dashed}
.p3g-hs--rysowany{border-style:dashed;pointer-events:none}
.p3g-hs .p3g-hs-nr{position:absolute;top:-1px;left:-1px;line-height:1}
.p3g-hs-nr{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--app);color:#fff;font-size:11.5px;font-weight:700;border-radius:999px}
.p3g-hs-uchwyt{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;background:#fff;border:2px solid var(--app);border-radius:50%;cursor:nwse-resize}
.p3g-obraz-info{margin-top:10px}
.p3g-hs-wiersz{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;padding:10px;background:var(--s2);border-radius:12px}
.p3g-hs-wiersz select,.p3g-hs-wiersz input[type=text],.p3g-hs-wiersz input[type=url]{width:auto;background-color:var(--s1);padding:8px 11px;font-size:13.5px}
.p3g-hs-wiersz select{padding-right:34px}
.p3g-hs-wiersz input[type=url]{flex:1;min-width:200px}

/* pasek zapisu: pływająca karta przy dolnej krawędzi */
.p3g-pasek{position:sticky;bottom:14px;z-index:30;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:end;padding:14px 18px;margin:18px 0 0;
	background:color-mix(in srgb,var(--s1) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:18px;box-shadow:var(--cien-duzy)}
.p3g-pasek .p3g-pole{min-width:280px}
.p3g-pasek-stan{display:flex;flex-direction:column;gap:5px}
.p3g-pasek-etykieta{font-size:12.5px;font-weight:600;color:var(--dim)}
.p3g-stany{display:inline-flex;gap:3px;background:var(--s2);padding:4px;border-radius:999px}
.p3g-stan-opcja{position:relative;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--dim);cursor:pointer;white-space:nowrap}
.p3g-stan-opcja:hover{color:var(--tx)}
.p3g-stan-opcja input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.p3g-stan-opcja svg{width:16px;height:16px;flex:none}
.p3g-stan-kropka{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}
.p3g-stan-opcja.on{background:var(--s1);box-shadow:var(--cien);color:var(--tx)}
.p3g-stan-opcja--wlaczona.on{color:var(--ok)}
.p3g-stan-opcja--wlaczona.on .p3g-stan-kropka{box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 22%,transparent)}
.p3g-stan-opcja--wstrzymana.on{color:var(--warn)}
.p3g-stan-opis{font-size:12px;color:var(--dim)}
.p3g-pasek-info{display:flex;flex-direction:column;gap:6px;font-size:13px;padding-bottom:6px}
.p3g-status{align-self:flex-start;font-weight:700;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--s2);color:var(--dim)}
.p3g-status--zmiany{background:var(--warn-ton);color:var(--warn)}
.p3g-status--ok{background:var(--ok-ton);color:var(--ok)}
.p3g-gotowa{color:var(--ok);font-size:13px;font-weight:600}
.p3g-braki-lista summary{cursor:pointer;color:var(--red);font-weight:600;list-style:none}
.p3g-braki-lista summary::-webkit-details-marker{display:none}
.p3g-braki-lista ul{margin:6px 0 0;padding-left:18px;color:var(--red)}
.p3g-pasek-akcje{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.p3g-pasek-wynik{grid-column:1/-1}
.p3g-pasek-wynik:empty{display:none}

/* ── lista kampanii ── */
.rej-narz{display:inline-flex;flex-wrap:wrap;gap:3px;background:var(--s2);padding:4px;border-radius:999px;margin:0 0 14px}
.rej-filtr{padding:7px 14px;border-radius:999px;color:var(--dim);text-decoration:none;font-weight:600;font-size:13.5px}
.rej-filtr:hover{color:var(--tx)}
.rej-filtr.on{background:var(--s1);color:var(--tx);box-shadow:var(--cien)}
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--s1);border-radius:var(--r);overflow:hidden;font-size:14px}
.tbl th{text-align:left;font-size:12px;font-weight:600;color:var(--dim);padding:13px 14px 10px;white-space:nowrap}
.tbl td{padding:12px 14px;border-top:1px solid var(--s2);vertical-align:middle}
.tbl tbody tr{transition:background .12s}
.tbl tbody tr:hover{background:color-mix(in srgb,var(--s2) 55%,#fff)}
.tbl tr.k3 td{background:var(--ok-ton)}
.p3g-tbl th.l,.p3g-tbl td.l{text-align:right}
.p3g-tbl td:first-child{min-width:250px}
.p3g-kamp{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}
.p3g-kamp > span{min-width:0;overflow-wrap:anywhere}
@media (max-width:1250px){
	.p3g-tbl .p3g-okres{white-space:normal;width:96px}
	.p3g-tbl td:first-child{min-width:210px}}
@media (max-width:1000px){.p3g-tbl-kampanie th:nth-child(7),.p3g-tbl-kampanie td:nth-child(7){display:none}}
.p3g-kamp img,.p3g-mini-pusta{width:46px;height:46px;border-radius:11px;object-fit:cover;flex:none;background:var(--s2)}
.p3g-kamp b{display:block;font-size:14px}
.p3g-kamp span span{display:block;font-size:12.5px;color:var(--dim);margin-top:2px}
.p3g-kamp:hover b{color:var(--ton-tx)}
.p3g-braki{margin-top:6px;font-size:12.5px;color:var(--red)}
.p3g-strony{white-space:nowrap}
.p3g-str{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;margin:0 4px 2px 0}
.p3g-str--of{background:color-mix(in srgb,#159BD6 14%,#fff);color:#0b6b97}
.p3g-str--wf{background:color-mix(in srgb,#16875a 14%,#fff);color:#11704b}
.p3g-str--pg{background:color-mix(in srgb,#EF6440 14%,#fff);color:#b8431f}
.p3g-str--x{background:var(--s2);color:var(--dim)}
.p3g-okres{font-size:12.5px;white-space:nowrap;color:var(--dim)}
.p3g-wiersz-akcje{white-space:nowrap;text-align:right}
.p3g-wiersz-akcje a.p3g-ik{margin:0}
.p3g-wiersz-akcje button{font-size:13px}
.p3g-stan{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%}
.p3g-stan svg{width:17px;height:17px}
.p3g-tbl th.c,.p3g-tbl-kampanie td:nth-child(4){text-align:center}
.p3g-th-ik{position:relative;display:inline-flex;vertical-align:middle;color:var(--dim)}
.p3g-th-ik svg{width:19px;height:19px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.p3g-stan[data-tip]:hover::after,.p3g-th-ik[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 8px);background:var(--tx);color:#fff;font-size:12.5px;font-weight:500;line-height:1.35;padding:7px 10px;border-radius:9px;white-space:nowrap;box-shadow:var(--cien-duzy);pointer-events:none;z-index:5;text-transform:none;letter-spacing:0}
.p3g-th-ik[data-tip]:hover::after{bottom:auto;top:calc(100% + 8px)}
.p3g-stan--aktywna{background:var(--ok-ton);color:var(--ok)}
.p3g-stan--zaplanowana{background:var(--ton);color:var(--ton-tx)}
.p3g-stan--szkic{background:var(--s2);color:var(--dim)}
.p3g-stan--wstrzymana{background:var(--warn-ton);color:var(--warn)}
.p3g-stan--zakonczona{background:var(--s2);color:var(--dim2)}
.p3g-cel{min-width:150px}
.p3g-cel-liczby{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.p3g-cel-liczby b{font-size:15px;font-variant-numeric:tabular-nums}
.p3g-cel-liczby span{font-size:12px;color:var(--dim)}
.p3g-cel-tor{height:6px;border-radius:999px;background:var(--s2);overflow:hidden;margin-top:6px}
.p3g-cel-tor i{display:block;height:100%;border-radius:999px;background:var(--acc);min-width:3px}
.p3g-cel-tor i.ok{background:var(--ok)}
.p3g-prog{margin-top:6px;font-size:12px;line-height:1.4;padding:4px 9px;border-radius:8px;display:inline-block}
.p3g-prog--ok{background:var(--ok-ton);color:var(--ok)}
.p3g-prog--zle{background:var(--red-ton);color:var(--red)}
.p3g-pusto{max-width:520px;margin:70px auto;text-align:center;background:var(--s1);border-radius:24px;padding:40px 32px}
.p3g-pusto h2{margin:0 0 8px}
.p3g-pusto p{color:var(--dim);line-height:1.6;margin:0 0 20px}

/* ── statystyki ── */
.p3g-kafle{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0 0 16px}
.p3g-kafel{border-radius:var(--r);padding:16px 18px;background:var(--s1)}
.p3g-kafel-ik{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--ton);color:var(--ton-tx)}
.p3g-kafel-ik svg{width:20px;height:20px}
.p3g-kafel-ik[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 8px);background:var(--tx);color:#fff;font-size:12.5px;font-weight:500;line-height:1.35;padding:7px 10px;border-radius:9px;white-space:nowrap;box-shadow:var(--cien-duzy);pointer-events:none;z-index:5}
.p3g-kafel b{display:block;font-size:26px;margin-top:8px;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.p3g-kafel small{display:block;font-size:12px;color:var(--dim2);margin-top:2px}
.p3g-karta .p3g-kafle{margin:0}
.p3g-karta .p3g-kafel{background:var(--s2)}
.p3g-wykres{width:100%;height:auto;display:block}
.p3g-wykres .slupek{fill:var(--acc)}
.p3g-wykres .slupek-k{fill:var(--orange)}
.p3g-wykres text{font:11px var(--font);fill:var(--dim)}
.p3g-legenda{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--dim);margin:8px 0 0}
.p3g-legenda i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.p3g-werdykt{padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.6;margin-bottom:14px}
.p3g-werdykt--roznica_pewna{background:var(--ok-ton);color:var(--ok)}
.p3g-werdykt--brak_roznicy{background:var(--ton);color:var(--ton-tx)}
.p3g-werdykt--za_malo_danych{background:var(--s2);color:var(--dim)}
.p3g-postep{height:10px;background:var(--s2);border-radius:999px;overflow:hidden;margin:8px 0 4px}
.p3g-postep i{display:block;height:100%;background:var(--ok);border-radius:999px}
.p3g-zakres{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);flex-wrap:wrap}
.p3g-zakres label{display:flex;align-items:center;gap:6px}
.p3g-zakres input{width:auto;padding:8px 11px;font-size:13.5px}

/* ── podgląd okna ── */
.p3g-podglad{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.62);display:flex;flex-direction:column}
.p3g-podglad-pasek{display:flex;gap:6px;align-items:center;margin:14px auto 0;padding:5px;background:var(--s1);border-radius:999px;font-size:13px;box-shadow:var(--cien-duzy)}
.p3g-podglad-pasek button{border:0;background:none;color:var(--dim);border-radius:999px;padding:8px 15px;font-weight:600;cursor:pointer}
.p3g-podglad-pasek button.on{background:var(--ton);color:var(--ton-tx)}
.p3g-podglad-pasek span{color:var(--dim2);margin:0 6px}
.p3g-podglad-ekran{flex:1;display:flex;align-items:center;justify-content:center;padding:30px}
.p3g-podglad-ekran--mobile{max-width:390px;margin:20px auto;background:#fff;border-radius:28px;box-shadow:0 0 0 10px #111;padding:40px 12px;position:relative}
.p3g-podglad-ekran--mobile::before{content:"";position:absolute;inset:0;background:rgba(15,23,42,.62);border-radius:28px}
.p3g-podglad-okno{position:relative;width:min(92%,560px,calc(78vh * var(--p)),var(--szer,560px));border-radius:10px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.35);line-height:0}
.p3g-podglad-obraz{position:relative;border-radius:10px;overflow:hidden}
.p3g-podglad-obraz img{width:100%;display:block}
.p3g-podglad-hs{position:absolute;outline:2px dashed rgba(255,191,71,.9);border-radius:3px}
.p3g-podglad-hs:hover{background:rgba(255,191,71,.25)}
.p3g-podglad-x{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#1a2b49;font:700 22px/36px system-ui,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.3);cursor:pointer;z-index:2}
.p3g-podglad-ekran--mobile .p3g-podglad-x{top:-46px;right:0}

/* ── wąskie ekrany ── */
@media (max-width:900px){
	.top{padding:10px 16px;gap:10px;flex-wrap:wrap}
	.top .nazwa span{display:none}
	.top .nowa{padding:9px 15px;font-size:14px}
	.top .nowa-dl{display:none}
	.konto-btn .strz{display:none}
	.nav{order:3;width:100%;margin-left:0}
	.nav a{flex:1;text-align:center}
	.p3g-strona{padding:12px 16px 130px}
	.p3g-obrazy{grid-template-columns:1fr}
	.p3g-pasek{grid-template-columns:1fr;bottom:10px}
	.p3g-pasek .p3g-pole{min-width:0}
	.p3g-naglowek{flex-direction:column;align-items:flex-start}
	.p3g-tbl{display:block;overflow-x:auto}
}

/* akcje w wierszu listy i okno potwierdzenia */
.p3g-ikony{display:inline-flex;gap:6px}
.p3g-ik{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:12px;background:var(--s2);color:var(--ton-tx);cursor:pointer;text-decoration:none;padding:0}
.p3g-ik:hover{background:var(--ton-h)}
.p3g-ik--usun{color:var(--red)}
.p3g-ik--usun:hover{background:var(--red-ton)}
.p3g-ik:disabled{opacity:.5;cursor:wait}
.p3g-ik[data-tip]:hover::after,.p3g-ik[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;right:0;bottom:calc(100% + 8px);background:var(--tx);color:#fff;font-size:12.5px;font-weight:500;line-height:1.35;padding:7px 10px;border-radius:9px;white-space:nowrap;box-shadow:var(--cien-duzy);pointer-events:none;z-index:5}
.p3g-link-usun{color:var(--red)}
.rej-filtr--arch{margin-left:auto}
.p3g-dlg-tlo{position:fixed;inset:0;z-index:1000;background:rgba(22,50,63,.32);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}
.p3g-dlg{background:var(--s1);border-radius:22px;box-shadow:0 24px 60px rgba(22,50,63,.25);max-width:460px;width:100%;padding:26px 26px 20px}
.p3g-dlg h2{margin:0 0 10px;font-size:20px}
.p3g-dlg p{margin:0 0 10px;line-height:1.5}
.p3g-dlg-ostrz{background:#fdecea;color:#8e2418;border-radius:12px;padding:10px 14px}
.p3g-dlg-przyc{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.przyc--grozne{background:#d64533}
.przyc--grozne:hover{background:#b8382a}

/* dokumentacja /docs/ */
.p3g-docs{max-width:980px;margin:0 auto;line-height:1.6}
.p3g-docs h1{font-size:30px;margin:6px 0 2px}
.p3g-docs h2{font-size:21px;margin:34px 0 10px;padding-top:6px}
.p3g-docs h3{font-size:16px;margin:22px 0 8px}
.p3g-docs p,.p3g-docs li{font-size:14.5px}
.p3g-docs li{margin:4px 0}
.p3g-docs code{font-family:var(--mono);font-size:12.5px;background:var(--s2);padding:1px 5px;border-radius:5px}
.p3g-docs pre{background:#16323F;color:#e7eef3;border-radius:var(--r);padding:14px 16px;overflow-x:auto}
.p3g-docs pre code{background:none;padding:0;color:inherit;font-size:12.5px}
.p3g-docs blockquote{margin:16px 0;background:var(--red-ton);color:#8e2418;border-radius:var(--r);padding:12px 16px}
.p3g-docs blockquote code{background:rgba(255,255,255,.6)}
.docs-meta{color:var(--dim);font-size:13px}
.docs-spis{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.docs-spis a{background:var(--s1);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--ton-tx);text-decoration:none}
.docs-tab{overflow-x:auto;background:var(--s1);border-radius:var(--r);margin:10px 0}
.docs-tab table{border-collapse:collapse;width:100%;font-size:13.5px}
.docs-tab th,.docs-tab td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--s2);vertical-align:top}
.docs-tab th{color:var(--dim);font-weight:600;font-size:12.5px}

/* historia zmian */
.p3g-hist-szukaj{display:flex;align-items:center;gap:14px;margin:4px 0 14px}
.p3g-hist-szukaj input{flex:1;max-width:520px;border:0;background:var(--s1);border-radius:999px;padding:11px 18px;font-size:14.5px;box-shadow:var(--cien)}
.p3g-hist-szukaj input:focus{outline:2px solid var(--acc);outline-offset:1px}
.p3g-hist td{vertical-align:top}
.p3g-hist-kiedy{white-space:nowrap;font-size:12.5px}
.p3g-hist-mail{display:block;color:var(--dim);font-size:12px;margin-top:2px}
.p3g-zrodlo{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.p3g-zrodlo--panel{background:var(--ton);color:var(--ton-tx)}
.p3g-zrodlo--api{background:var(--app-ton);color:#b8431f}
.p3g-zrodlo--cli{background:var(--s2);color:var(--dim)}
.p3g-hist details summary{cursor:pointer;color:var(--ton-tx);font-weight:600;font-size:13px}
.p3g-hist-zmiany{margin:6px 0 0;padding-left:16px;font-size:12.5px;max-width:520px}
.p3g-hist-zmiany li{margin:3px 0;overflow-wrap:anywhere}
.p3g-hist-zmiany s{color:var(--dim)}

/* edytor: pasek stanu po prawej jako przyklejona kolumna na całej szerokości strony (jak nagłówek), a gdy się nie mieści – na dole */
@media (min-width:1180px){
	.p3g-edytor-strona{max-width:none}
	#p3g-edytor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
	#p3g-edytor > .p3g-pasek{position:sticky;top:92px;bottom:auto;margin:0;grid-template-columns:1fr;align-items:stretch;gap:16px;padding:18px}
	#p3g-edytor > .p3g-pasek .p3g-stany{display:flex;flex-direction:column;border-radius:16px;gap:2px}
	#p3g-edytor > .p3g-pasek .p3g-stan-opcja{border-radius:12px}
	#p3g-edytor > .p3g-pasek .p3g-pasek-info{padding-bottom:0}
	#p3g-edytor > .p3g-pasek .p3g-pasek-akcje{flex-direction:column;align-items:stretch}
	#p3g-edytor > .p3g-pasek .p3g-pasek-akcje .przyc{width:100%;justify-content:center;text-align:center}
	#p3g-edytor > .p3g-pasek .p3g-pasek-akcje .log-jak-link{text-align:center}
}
.p3g-hist-ile{margin:0 0 10px}
.p3g-strony-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0 0}
#histWynik{transition:opacity .15s}
#histWynik.p3g-laduje{opacity:.45}

/* Pas „Kreacja domowa” na liście banerów (24.09.2026) */
.p3g-domowa{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:0 0 18px;padding:14px 18px;border-radius:12px;background:#fff7e6;border:1px solid #f3d59b}
.p3g-domowa.jest{background:#f2f8f4;border-color:#cfe5d6}
.p3g-domowa b{display:block;margin-bottom:2px}
.p3g-domowa span{font-size:14px;color:var(--ink-2,#4a5a60)}
.p3g-domowa .przyc{flex:none}
@media (max-width:640px){.p3g-domowa{flex-direction:column;align-items:flex-start}}
.p3g-domowa .przyc.drugi{background:#fff;color:inherit;box-shadow:inset 0 0 0 1px #cfe5d6}