/* Panel szczegółów stanu: boczny na desktopie, "bottom sheet" na telefonie */
#stp{position:fixed;z-index:60;right:16px;top:calc(env(safe-area-inset-top,0px) + 72px);width:344px;max-width:calc(100vw - 32px);
max-height:calc(100vh - 96px - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;background:var(--card);color:var(--fg);
border:1px solid var(--neu);border-radius:16px;box-shadow:0 24px 60px -24px rgba(0,0,0,.6);
transform:translateX(calc(100% + 24px));visibility:hidden;opacity:0;
transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s}
#stp.on{transform:none;visibility:visible;opacity:1;transition:transform .22s ease,opacity .18s ease}
#stp:focus{outline:none}
#stp .stp-g{display:none}
#stp .stp-hd{display:flex;align-items:flex-start;gap:8px;padding:14px 12px 4px 18px}
#stp .stp-tt{flex:1;min-width:0}
#stp .stp-tt b{display:block;font-size:1.05rem;line-height:1.25}
#stp .stp-tt span{display:block;font-size:.75rem;color:var(--mut);margin-top:2px}
#stp .stp-x{flex:none;width:44px;height:44px;margin:-6px -2px 0 0;border:0;border-radius:10px;background:transparent;color:var(--mut);cursor:pointer;display:flex;align-items:center;justify-content:center}
#stp .stp-x:hover,#stp .stp-x:focus-visible{background:var(--neu);color:var(--fg)}
#stp .stp-bd{overflow-y:auto;overscroll-behavior:contain;padding:0 18px 6px}
#stp .stp-bd .res{max-width:none;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
#stp .stp-bd .res>.h:first-child{display:none}
#stp .stp-sw{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--bg);font-size:.85rem;line-height:1.4}
#stp .stp-sw b{font-variant-numeric:tabular-nums}
#stp .stp-sw .tm{margin:0}
#stp .stp-ft{padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px))}
#stp.nb .stp-ft{padding-bottom:14px}
#stp .stp-bd .res .row{gap:12px;align-items:baseline}
#stp .stp-bd .res .row span:first-child{min-width:0}
#stp .stp-bd .res .row span:last-child{text-align:right;flex:0 1 auto;max-width:56%}
#stp .stp-go{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:10px;border:1px solid var(--neu);background:var(--bg);color:var(--fg);text-decoration:none;font-size:.9rem;font-weight:600}
#stp .stp-go:hover,#stp .stp-go:focus-visible{border-color:var(--acc)}
@media(max-width:720px){
#stp{left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;max-height:min(58vh,calc(100dvh - 190px));border-radius:18px 18px 0 0;border-bottom:0;
transform:translateY(100%)}
#stp.on{transform:none}
#stp .stp-g{display:block;flex:none;height:22px;touch-action:none;cursor:grab;position:relative}
#stp .stp-g::before{content:"";position:absolute;left:50%;top:9px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--mut);opacity:.6}
#stp .stp-hd{padding-top:0}
}
@media(prefers-reduced-motion:reduce){#stp,#stp.on{transition:none}}

/* zaznaczony stan na kafelkach i mapie */
.t[data-stsel]{outline:3px solid var(--fg);outline-offset:2px;position:relative;z-index:3}
#dc[data-stsel]{outline:3px solid var(--fg);outline-offset:2px}
#geo .datamaps-subunit[data-stsel]{stroke:var(--fg)!important;stroke-width:2.6px!important;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(0,0,0,.55))}