/*
 * Demo PK — własna, neutralna warstwa wyglądu aplikacji.
 * Bez znaków i logotypów firmowych. Wydruki dokumentów pozostają bez zmian.
 */
:root{
  --pk-accent:#d97720;
  --pk-accent-soft:#fff4e8;
  --pk-ink:#17202a;
  --pk-ink-2:#29333d;
  --pk-bg:#f4f6f8;
  --pk-card:#ffffff;
  --pk-border:#dfe4e8;
  --pk-muted:#6c7780;
}

*{box-sizing:border-box}
body{background:var(--pk-bg)}

/* Własny pasek aplikacji — wyraźnie inny od portali firmowych. */
body::before{
  content:"";
  display:block;
  height:5px;
  background:var(--pk-accent);
}

header{
  background:var(--pk-card)!important;
  color:var(--pk-ink)!important;
  border:0!important;
  border-bottom:1px solid var(--pk-border)!important;
  padding:11px max(18px,calc((100vw - 1580px)/2 + 18px))!important;
  min-height:64px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  box-shadow:0 2px 12px rgba(0,0,0,.035);
}

header strong.app-brand{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:max-content;
  font-size:21px;
  font-weight:850;
  letter-spacing:-.015em;
}

.app-brand-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:10px;
  background:var(--pk-ink);
  color:#fff;
  border-bottom:4px solid var(--pk-accent);
  font-size:16px;
  font-weight:900;
  letter-spacing:.04em;
  line-height:1;
}

header nav,
header > div{
  display:flex!important;
  align-items:center!important;
  gap:7px 13px!important;
  flex-wrap:wrap;
}

header a{
  color:var(--pk-ink)!important;
  text-decoration:none;
  font-weight:750;
  padding:8px 9px;
  border-radius:8px;
}
header a:hover{background:var(--pk-accent-soft)}
header span{font-weight:700}

/* Jeden wspólny, duży przycisk cofania na podstronach. */
.app-backbar{
  width:100%;
  max-width:1580px;
  margin:16px auto -4px;
  padding:0 14px;
}
.app-back-button{
  border:1px solid #101820;
  border-radius:11px;
  background:var(--pk-ink);
  color:#fff;
  padding:12px 19px;
  min-height:50px;
  font:inherit;
  font-size:17px;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 3px 12px rgba(0,0,0,.10);
}
.app-back-button .arrow{
  display:inline-block;
  margin-right:9px;
  font-size:27px;
  line-height:0;
  transform:translateY(2px);
}
.app-back-button:hover{background:var(--pk-ink-2)}
.app-back-button:active{transform:translateY(1px)}

/* Delikatne własne akcenty bez naruszania istniejących formularzy. */
.card{border:1px solid rgba(0,0,0,.025)}
button:not(.danger),.btn:not(.danger),.action{
  transition:transform .08s ease,filter .12s ease;
}
button:not(.danger):hover,.btn:not(.danger):hover,.action:hover{filter:brightness(1.035)}

.app-footer{
  margin:32px auto 18px;
  padding:0 16px;
  text-align:center;
  color:#8a9299;
  font-size:11px;
  letter-spacing:.025em;
}
.app-footer strong{color:#687179;font-weight:700}
.app-footer .dot{color:var(--pk-accent);padding:0 5px}
.app-footer-legal{
  margin-bottom:4px;
  color:#9aa2a9;
  font-size:10px;
  letter-spacing:.015em;
}
.app-footer-legal a{
  color:#7d8790;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
.app-footer-legal a:hover{color:var(--pk-ink)}
.app-footer-credit{line-height:1.35}
.app-version-link{color:#687179;font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.app-version-link:hover{color:var(--pk-ink)}

@media(max-width:760px){
  body::before{height:4px}
  header{
    padding:9px 12px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  header strong.app-brand{font-size:18px;gap:9px}
  .app-brand-mark{width:36px;height:36px;border-radius:9px;font-size:14px}
  header nav,header > div{gap:4px 6px!important}
  header a{padding:6px 6px;font-size:14px}
  .app-backbar{margin-top:12px;padding:0 10px}
  .app-back-button{width:100%;text-align:left;min-height:52px;font-size:17px}
}


/* PWA — przycisk instalacji pojawia się tylko, gdy przeglądarka udostępni instalację. */
.pwa-install-button{
  border:1px solid #c86d1c;
  border-radius:9px;
  background:var(--pk-accent);
  color:#fff;
  padding:8px 11px;
  min-height:38px;
  font:inherit;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(217,119,32,.18);
}
.pwa-install-button:hover{filter:brightness(1.04)}
.pwa-install-button:disabled{opacity:.6;cursor:wait}
.pwa-install-button[hidden]{display:none!important}

@media(max-width:760px){
  .pwa-install-button{padding:7px 9px;min-height:36px;font-size:14px}
}

/* LIVE V2 — lekkie powiadomienia bez przeładowania strony. */
.app-live-toast-stack{
  position:fixed;
  right:18px;
  top:18px;
  z-index:9999;
  display:grid;
  gap:10px;
  width:min(390px,calc(100vw - 32px));
  pointer-events:none;
}
.app-live-toast{
  pointer-events:auto;
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px 14px;
  border:1px solid #d8dee3;
  border-radius:13px;
  background:#fff;
  color:#17202a;
  text-decoration:none;
  box-shadow:0 10px 30px #00000020;
  transition:opacity .22s ease,transform .22s ease;
}
.app-live-toast:hover{box-shadow:0 12px 34px #0000002b}
.app-live-toast.is-leaving{opacity:0;transform:translateY(-6px)}
.app-live-toast-icon{font-size:22px;line-height:1.2}
.app-live-toast-text{display:grid;gap:2px;min-width:0}
.app-live-toast-text strong{font-size:14px}
.app-live-toast-text span{font-size:12px;color:#68747f;overflow-wrap:anywhere}
@media(max-width:600px){
  .app-live-toast-stack{right:12px;top:12px;width:calc(100vw - 24px)}
}


/* Ver.038 FIX01 — prosty przełącznik języka interfejsu. */
.pk-language-switch{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px;
  border:1px solid var(--pk-border);
  border-radius:10px;
  background:#f7f9fa;
  white-space:nowrap;
}
.pk-language-switch a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:5px 9px!important;
  border-radius:7px;
  color:#4d5b66!important;
  text-decoration:none;
  font-size:13px;
  font-weight:850;
  line-height:1;
}
.pk-language-switch a:hover{background:#eef2f4!important}
.pk-language-switch a.is-active{
  background:var(--pk-ink)!important;
  color:#fff!important;
}
.pk-language-switch-login{
  width:max-content;
  margin:0 0 10px auto;
}
@media(max-width:760px){
  .pk-language-switch a{min-height:30px;padding:5px 7px!important;font-size:12px}
}

/* FIX65: compact six-language menu. Clamped for narrow mobile headers. */
.pk-language-menu{position:relative;display:inline-block;flex:0 0 auto;vertical-align:middle;color:#263744;font-size:13px;line-height:1.2;z-index:30}
.pk-language-menu summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--pk-border,#cbd5df);border-radius:10px;min-height:35px;padding:7px 11px;cursor:pointer;background:#f7f9fa;color:#253547!important;font-weight:800;white-space:nowrap;user-select:none}
.pk-language-menu summary::-webkit-details-marker{display:none}
.pk-language-menu summary:hover,.pk-language-menu[open] summary{background:#eaf1f7}
.pk-language-menu summary:focus-visible,.pk-language-menu a:focus-visible{outline:3px solid #3277b8;outline-offset:2px}
.pk-language-menu .pk-lang-chevron{font-size:11px;opacity:.7}
.pk-lang-options{position:absolute;z-index:9999;right:0;top:calc(100% + 7px);min-width:224px;max-width:calc(100vw - 16px);padding:6px;border-radius:12px;border:1px solid #cbd5df;background:#fff;box-shadow:0 12px 38px rgba(0,0,0,.2);display:grid;gap:2px;white-space:nowrap}
.pk-lang-options a{color:#263747!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:37px!important;padding:9px 11px!important;border-radius:8px;text-decoration:none!important;font-size:14px!important;font-weight:650!important;line-height:1.2!important;background:transparent!important}
.pk-lang-options a:hover{background:#edf2f6!important}
.pk-lang-options a.is-active{background:#dceaf6!important;color:#17466f!important}
.pk-lang-options .pk-lang-flag{font-size:17px}
.pk-lang-options kbd{margin-left:auto;font-size:11px;border-radius:5px;background:#edf0f4;padding:3px 6px;color:#475569;font-weight:700;font-family:inherit}
.pk-language-switch-login{display:flex;justify-content:flex-end;margin:0 0 10px}
@media(max-width:760px){.pk-language-menu summary{min-height:32px;padding:6px 8px;gap:4px}.pk-lang-options{min-width:198px}}

/* FIX66 — dropdown pionowy, odporny na kaskadę oraz niezaładowany arkusz zewnętrzny. */
details.pk-language-menu {position:relative!important;display:inline-block!important;flex:0 0 auto!important;vertical-align:middle!important;color:#263747;z-index:50!important;isolation:isolate}
details.pk-language-menu[open] {z-index:99999!important}
details.pk-language-menu > summary {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:36px!important;box-sizing:border-box!important;list-style:none!important;padding:7px 11px!important;border:1px solid #d3dce5!important;border-radius:10px!important;background:#f7f9fb!important;color:#263747!important;cursor:pointer!important;font:700 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;white-space:nowrap!important;user-select:none}
details.pk-language-menu > summary::-webkit-details-marker {display:none!important}
details.pk-language-menu > summary:hover,details.pk-language-menu[open] > summary {background:#eaf1f7!important}
details.pk-language-menu > summary:focus-visible,details.pk-language-menu .pk-lang-options a:focus-visible {outline:2px solid #246ba8!important;outline-offset:2px!important}
details.pk-language-menu:not([open]) > .pk-lang-options {display:none!important}
details.pk-language-menu[open] > .pk-lang-options {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;position:absolute!important;top:calc(100% + 7px)!important;right:0!important;left:auto!important;z-index:99999!important;min-width:230px!important;width:max-content!important;max-width:calc(100vw - 20px)!important;box-sizing:border-box!important;padding:6px!important;border:1px solid #cbd5df!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 38px rgba(19,36,54,.22)!important;white-space:nowrap!important}
details.pk-language-menu .pk-lang-options > a {display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:9px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#253747!important;text-decoration:none!important;text-align:left!important;font:650 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;box-sizing:border-box!important}
details.pk-language-menu .pk-lang-options > a:hover {background:#edf3f7!important}
details.pk-language-menu .pk-lang-options > a.is-active {background:#dceaf6!important;color:#17466f!important}
details.pk-language-menu .pk-lang-options > a .pk-lang-flag {display:inline-block!important;flex:0 0 22px!important;font-size:18px!important;text-align:center!important}
details.pk-language-menu .pk-lang-options > a > span:nth-child(2) {flex:1 1 auto!important}
details.pk-language-menu .pk-lang-options > a kbd {flex:0 0 auto!important;margin-left:auto!important;padding:3px 6px!important;border-radius:5px!important;background:#edf0f4!important;color:#475569!important;font:700 11px/1.2 system-ui,sans-serif!important}
@media(max-width:760px) {details.pk-language-menu > summary {padding:7px 9px!important}details.pk-language-menu[open] > .pk-lang-options {min-width:205px!important}}