.pw-root { position: fixed; inset: 0; z-index: var(--z-takeover); background: var(--pv-color-bg-void); color: var(--pv-color-text-high); font-size: 14px; overflow: hidden; touch-action: none; }
.pw-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.pw-bar { position: absolute; left: 0; right: 0; top: 0; display: flex; align-items: center; gap: 10px; padding: 8px 12px; background: linear-gradient(var(--pv-color-overlay-blackA600), var(--pv-color-overlay-white000)); pointer-events: none; }
.pw-bar > * { pointer-events: auto; }
.pw-tytul { flex: 1; font-weight: 600; letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-zoom { display: flex; gap: 6px; }
.pw-x { min-width: 44px; min-height: 44px; padding: 0 12px; border: 1px solid var(--pv-color-surface-lineStrong); border-radius: 10px; background: var(--pv-color-surface-panel); color: var(--pv-color-text-high); font-size: 16px; cursor: pointer; }
.pw-x:hover, .pw-btn:hover:not(:disabled) { border-color: var(--pv-color-signal-info); }
.pw-etykiety { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.pw-etyk { position: absolute; left: 0; top: 0; padding: 2px 8px; border-radius: 999px; background: var(--pv-color-overlay-blackA500); border: 1px solid var(--pv-color-surface-line); color: var(--pv-color-text-low); font-size: 12px; white-space: nowrap; }
.pw-dok { position: absolute; left: 12px; bottom: 12px; max-width: 420px; display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: 12px; background: var(--pv-color-surface-plateA94); border: 1px solid var(--pv-color-surface-line); }
.pw-stat { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.pw-akcja { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.pw-panel { position: absolute; right: 12px; top: 64px; bottom: 12px; width: 360px; display: flex; flex-direction: column; border-radius: 12px; background: var(--pv-color-surface-plateA95); border: 1px solid var(--pv-color-surface-lineStrong); overflow: hidden; }
.pw-panel[hidden], .pw-toast[hidden] { display: none; }
.pw-ph { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 8px 8px 14px; border-bottom: 1px solid var(--pv-color-surface-line); }
.pw-ph .pw-x { min-width: 44px; padding: 0; }
.pw-lista { flex: 1; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 8px; -webkit-overflow-scrolling: touch; }
.pw-cand { display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 10px; background: var(--pv-color-surface-fill); border: 1px solid var(--pv-color-surface-line); border-left: 4px solid var(--pv-color-signal-world); }
.pw-cand[data-klasa="energia"] { border-left-color: var(--pv-color-emit-panel); }
.pw-cand[data-klasa="nauka"] { border-left-color: var(--pv-color-emit-science); }
.pw-cand[data-klasa="magazyn"] { border-left-color: var(--pv-color-mat-silo); }
.pw-cand[data-klasa="warsztat"] { border-left-color: var(--pv-color-emit-yard); }
.pw-cand[data-klasa="przemysl"] { border-left-color: var(--pv-color-emit-plasmaHot); }
.pw-cand[data-klasa="handel"] { border-left-color: var(--pv-color-emit-gold); }
.pw-cand[data-klasa="mieszkania"] { border-left-color: var(--pv-color-emit-hab); }
.pw-cand.nie { opacity: .72; }
.pw-cand-h { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.pw-cand-h i { color: var(--pv-color-text-low); font-style: normal; font-size: 12px; }
.pw-row { display: flex; flex-wrap: wrap; gap: 4px 6px; }
.pw-chip { padding: 2px 8px; border-radius: 999px; background: var(--pv-color-surface-tintA12); font-size: 12px; white-space: nowrap; }
.pw-chip.bad { color: var(--pv-color-signal-danger); }
.pw-chip.pos { color: var(--pv-color-signal-ok); }
.pw-chip.neg { color: var(--pv-color-signal-danger); }
.pw-chip.dim, .pw-dim { color: var(--pv-color-text-low); }
.pw-req { font-size: 13px; }
.pw-req.ok { color: var(--pv-color-signal-ok); }
.pw-req.bad { color: var(--pv-color-signal-danger); }
.pw-btn { min-height: 44px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--pv-color-surface-lineStrong); background: var(--pv-color-surface-tintA15); color: var(--pv-color-text-high); font-size: 14px; cursor: pointer; }
.pw-btn.prime { background: var(--pv-color-signal-accent); border-color: var(--pv-color-signal-accent); color: var(--pv-color-bg-void); font-weight: 600; }
.pw-btn:disabled { opacity: .45; cursor: default; }
.pw-toast { position: absolute; left: 50%; top: 64px; transform: translateX(-50%); max-width: 90vw; padding: 8px 14px; border-radius: 10px; background: var(--pv-color-surface-plateA95); border: 1px solid var(--pv-color-signal-ok); color: var(--pv-color-text-high); }
.pw-toast.bad { border-color: var(--pv-color-signal-danger); }
@media (max-width: 640px) {
  .pw-panel { left: 0; right: 0; top: auto; bottom: 0; width: auto; max-height: 58vh; border-radius: 14px 14px 0 0; border-left: 0; border-right: 0; border-bottom: 0; }
  .pw-dok { left: 8px; right: 8px; bottom: 8px; max-width: none; }
  .pw-root.pw-z-panelem .pw-dok { display: none; }
  .pw-back { padding: 0 10px; }
  .pw-tytul { font-size: 13px; }
}