Uprzejmie informujemy, że został ustalony harmonogram mycia zsypów w budynkach znajdujących się na terenie Mistrzejowic.
.smm * { box-sizing: border-box; margin: 0; padding: 0; }
.smm {
--navy: #162040;
--red: #cb002f;
--red-2: #a80027;
--off: #f8f9fb;
--surface: #f2f4f8;
--white: #ffffff;
--border: rgba(20,30,60,0.08);
--t1: #0f1623;
--t2: #3a4560;
--t3: #7a85a0;
--t4: #b0baca;
--r-sm: 8px; --r-md: 12px; --r-lg: 16px;
--font: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
font-family: var(--font);
-webkit-font-smoothing: antialiased;
}
/* TOPBAR */
.smm-bar {
position: sticky; top: 0; z-index: 9900;
background: var(--white);
display: flex; align-items: center;
padding: 0 20px; height: 60px;
}
.smm-logo { display: flex; align-items: center; text-decoration: none; flex: 1; }
.smm-logo img { height: 40px; width: auto; display: block; }
.smm-actions { display: flex; align-items: center; gap: 8px; }
.smm-ham {
display: flex; flex-direction: column; justify-content: center;
gap: 5px; width: 40px; height: 40px;
border-radius: var(--r-sm); border: none;
background: var(--off); cursor: pointer; padding: 10px;
}
.smm-ham span {
display: block; width: 100%; height: 1.5px;
background: var(--t1); border-radius: 2px;
transition: transform 0.22s cubic-bezier(.4,0,.2,1), opacity 0.22s;
}
.smm-ham.on { background: var(--surface); }
.smm-ham.on span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.smm-ham.on span:nth-child(2) { opacity: 0; }
.smm-ham.on span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
/* OVERLAY */
.smm-overlay {
display: none; position: fixed; inset: 0;
background: rgba(10,15,30,0.25);
backdrop-filter: blur(2px); z-index: 9800;
}
.smm-overlay.on { display: block; }
/* DRAWER */
.smm-drawer {
position: fixed; top: 0; right: 0; bottom: 0;
width: 100%;
background: #ffffff !important;
z-index: 9850;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
transform: translateX(100%);
transition: transform 0.28s cubic-bezier(0.4,0,0.2,1);
display: flex; flex-direction: column;
}
.smm-drawer.on { transform: translateX(0); }
/* Drawer header */
.smm-drawer-head {
display: flex; align-items: center; justify-content: space-between;
padding: 16px 20px; border-bottom: 1px solid var(--border);
flex-shrink: 0; position: sticky; top: 0;
background: #fff; z-index: 10;
}
.smm-drawer-logo img { height: 36px; width: auto; }
.smm-close {
width: 36px; height: 36px; border-radius: var(--r-sm);
border: none; background: var(--off); cursor: pointer;
display: flex; align-items: center; justify-content: center;
color: var(--t2); font-size: 18px; transition: background 0.15s;
}
.smm-close:hover { background: var(--surface); }
/* Drawer body */
.smm-drawer-body { flex: 1; padding: 8px 0 32px; }
/* Section accordion */
.smm-section { border-bottom: 1px solid var(--border); }
.smm-section-head {
display: flex; align-items: center; justify-content: space-between;
padding: 16px 20px; cursor: pointer;
font-family: var(--font); font-size: 14px; font-weight: 600; color: var(--t1);
background: none; border: none; width: 100%;
text-align: left; transition: background 0.15s;
}
.smm-section-head:hover { background: var(--off); }
.smm-section-head i.chev {
font-size: 20px; color: var(--t3);
transition: transform 0.22s cubic-bezier(.4,0,.2,1);
flex-shrink: 0;
background: var(--surface);
border-radius: 6px; padding: 2px;
}
.smm-section-head.on { color: var(--navy); background: #eef2fa; }
.smm-section-head.on i.chev { transform: rotate(180deg); color: var(--navy); background: var(--off); }
.smm-section-body {
display: none; padding: 4px 0 12px; background: var(--off);
}
.smm-section-body.on { display: block; background: #f4f7fc; }
.smm-link {
display: flex; align-items: center; gap: 12px;
padding: 11px 20px; font-family: var(--font); font-size: 13.5px; font-weight: 400;
color: var(--t2); text-decoration: none;
transition: color 0.15s, background 0.15s;
}
.smm-link i { font-size: 16px; color: var(--t4); flex-shrink: 0; }
.smm-arr { font-size: 18px; color: var(--t4); margin-left: auto; line-height: 1; flex-shrink: 0; }
.smm-link:hover { color: var(--navy); background: var(--surface); }
.smm-link:hover i { color: var(--navy); }
/* Plain nav links */
.smm-plain {
display: flex; align-items: center;
padding: 16px 20px; font-family: var(--font); font-size: 14px; font-weight: 600;
color: var(--t1); text-decoration: none;
border-bottom: 1px solid var(--border); transition: background 0.15s;
}
.smm-plain:hover { background: var(--off); }
/* Sub-label */
.smm-sub-label {
font-size: 9px; font-weight: 700; letter-spacing: 0.12em;
text-transform: uppercase; color: var(--t4);
padding: 12px 20px 4px;
}
/* Login section */
.smm-login-section { padding: 20px 16px; border-bottom: 1px solid var(--border); margin-bottom: 8px; }
.smm-login-label { font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--t4); margin-bottom: 10px; }
.smm-login-item {
display: flex; align-items: center; gap: 12px;
padding: 10px 12px; margin: 0 -12px 2px;
text-decoration: none; border-radius: var(--r-md); transition: background 0.15s;
}
.smm-login-item:hover { background: var(--surface); }
.smm-li-icon { width: 32px; height: 32px; border-radius: var(--r-sm); background: var(--surface); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.smm-li-icon i { font-size: 15px; color: var(--navy); }
.smm-li-label { font-family: var(--font); font-size: 13px; font-weight: 600; color: var(--t1); }
.smm-li-sub { font-size: 11px; color: var(--t3); line-height: 1.2; }
.smm-login-div { display: flex; align-items: center; gap: 8px; margin: 12px 0 8px; }
.smm-login-div::before, .smm-login-div::after { content: ''; flex: 1; height: 1px; background: var(--border); }
.smm-login-div span { font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--navy); white-space: nowrap; }
.smm-login-hint {
margin: 6px 0 2px;
padding: 10px 12px;
font-size: 11px;
color: var(--t2);
background: var(--off);
border-radius: var(--r-sm);
font-family: var(--font);
}
.smm-login-hint a {
color: var(--red);
text-decoration: none;
font-weight: 600;
}
.smm-login-hint a:hover { text-decoration: underline; }
Przewodnik mieszkańca ›
Kontakt ›
(function() {
var SECTIONS = ['spoldzielnia','nieruchomosci','dokumenty'];
/* Move drawer & overlay to body to escape overflow:hidden containers */
(function() {
var drawer = document.getElementById('smm-drawer');
var ov = document.getElementById('smm-ov');
if (drawer) document.body.appendChild(drawer);
if (ov) document.body.appendChild(ov);
})();
function smmOpen() {
var drawer = document.getElementById('smm-drawer');
drawer.classList.add('on');
drawer.scrollTop = 0;
document.getElementById('smm-ov').classList.add('on');
document.getElementById('smm-ham').classList.add('on');
document.body.style.overflow = 'hidden';
}
function smmClose() {
document.getElementById('smm-drawer').classList.remove('on');
document.getElementById('smm-ov').classList.remove('on');
document.getElementById('smm-ham').classList.remove('on');
document.body.style.overflow = '';
}
function smmToggle(id) {
var head = document.getElementById('smm-h-' + id);
var body = document.getElementById('smm-b-' + id);
var isOn = body.classList.contains('on');
SECTIONS.forEach(function(s) {
document.getElementById('smm-h-' + s).classList.remove('on');
document.getElementById('smm-b-' + s).classList.remove('on');
});
if (!isOn) {
head.classList.add('on');
body.classList.add('on');
/* Scroll drawer to show the section head at top */
var drawer = document.getElementById('smm-drawer');
var headTop = head.getBoundingClientRect().top;
var drawerTop = drawer.getBoundingClientRect().top;
drawer.scrollTop = drawer.scrollTop + headTop - drawerTop - 70;
}
}
document.addEventListener('keydown', function(e) { if (e.key === 'Escape') smmClose(); });
window.smmOpen = smmOpen;
window.smmClose = smmClose;
window.smmToggle = smmToggle;
})();
Zaloguj się
eBOK (czynsze)
Sprawdź opłaty i saldo
Strefa dla Członków
Dokumenty dla zalogowanych
Brak konta lub problemy z dostępem? Sprawdź →
O nas
Dane kontaktowe›
Organy Spółdzielni›
Historia Spółdzielni›
Biuletyny informacyjne›
Zasoby i prawo
Akty prawne›
Mapy zasobów›
Przetargi
Przetargi dla oferentów›
Lokale i garaże›
Pozostałe
Ogłoszenia o pracę›
Zgłoszenia wewnętrzne›
RODO›
Dostęp wewnętrzny
Strefa Pracowników›
.smx * { box-sizing: border-box; margin: 0; padding: 0; }
.smx {
--navy: #162040;
--navy-2: #1e2d55;
--navy-3: #263570;
--red: #cb002f;
--red-2: #a80027;
--off: #f8f9fb;
--surface: #f2f4f8;
--white: #ffffff;
--border: rgba(20,30,60,0.08);
--border-2: rgba(20,30,60,0.13);
--t1: #0f1623;
--t2: #3a4560;
--t3: #7a85a0;
--t4: #b0baca;
--shadow-xs: 0 1px 3px rgba(15,22,35,0.06);
--shadow-sm: 0 4px 16px rgba(15,22,35,0.08);
--shadow-lg: 0 20px 60px rgba(15,22,35,0.12), 0 4px 16px rgba(15,22,35,0.06);
--r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px;
--font: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
font-family: var(--font);
-webkit-font-smoothing: antialiased;
}
/* BACKDROP */
.smx-backdrop {
display: none; position: fixed; inset: 0;
background: rgba(10,15,30,0.20);
backdrop-filter: blur(3px);
z-index: 9800;
}
.smx-backdrop.on { display: block; }
/* STICKY */
.smx-sticky {
position: sticky; top: 0; z-index: 9900;
background: rgba(255,255,255,0.96);
backdrop-filter: blur(20px);
border-bottom: none;
box-shadow: 0 4px 12px -2px rgba(15,22,35,0.08);
transition: box-shadow 0.25s;
overflow: visible !important;
}
.smx-sticky.scrolled { box-shadow: var(--shadow-sm); }
/* NAV INNER */
.smx-inner {
max-width: 1240px; margin: 0 auto; padding: 0 48px;
height: 76px; display: flex; align-items: center;
}
/* LOGO */
.smx-logo {
display: flex; align-items: center;
padding-right: 32px; margin-right: 8px;
text-decoration: none; flex-shrink: 0; height: 100%;
}
.smx-logo img { height: 50px; width: auto; display: block; }
/* LINKS */
.smx-links { display: flex; align-items: center; flex: 1; gap: 2px; }
.smx-trig {
display: flex; align-items: center; gap: 5px;
padding: 8px 14px;
font-family: var(--font); font-size: 13.5px; font-weight: 500;
color: var(--t2); background: none; border: none; cursor: pointer;
border-radius: var(--r-sm); transition: color 0.2s, background 0.2s;
white-space: nowrap; position: relative;
}
.smx-trig .ic { font-size: 11px; color: var(--t4); transition: transform 0.22s cubic-bezier(.4,0,.2,1), color 0.2s; }
.smx-trig:hover { color: var(--t1); background: var(--off); }
.smx-trig.on { color: var(--navy); background: var(--surface); }
.smx-trig.on .ic { transform: rotate(180deg); color: var(--navy); }
.smx-lnk {
display: flex; align-items: center; padding: 8px 14px;
font-family: var(--font); font-size: 13.5px; font-weight: 500;
color: var(--t2); text-decoration: none; white-space: nowrap;
border-radius: var(--r-sm); transition: color 0.2s, background 0.2s;
}
.smx-lnk:hover { color: var(--t1); background: var(--off); }
.smx-ico {
display: flex; align-items: center; justify-content: center;
width: 36px; height: 36px; border-radius: var(--r-sm);
color: var(--t3); border: none; background: none; cursor: pointer;
text-decoration: none; margin: 0 2px; transition: color 0.2s, background 0.2s;
}
.smx-ico:hover { color: var(--t1); background: var(--surface); }
.smx-ico.fb:hover { color: #1877f2; }
.smx-ico i { font-size: 17px; }
/* CTA */
.smx-cta {
display: flex; align-items: center; gap: 8px;
margin-left: auto; padding-left: 24px;
flex-shrink: 0;
}
.smx-btn-login {
display: flex; align-items: center; gap: 8px;
padding: 9px 20px; border-radius: var(--r-md);
font-family: var(--font); font-size: 13px; font-weight: 600;
border: none; background: var(--red); color: #fff;
cursor: pointer; transition: all 0.2s; white-space: nowrap;
box-shadow: 0 2px 8px rgba(203,0,47,0.25);
}
.smx-btn-login:hover {
background: var(--red-2);
box-shadow: 0 4px 16px rgba(203,0,47,0.35);
transform: translateY(-1px);
}
.smx-btn-login.on { background: #e8194a; transform: none; }
.smx-btn-login i { font-size: 15px; }
.smx-lc { font-size: 11px; color: rgba(255,255,255,0.7); transition: transform 0.22s cubic-bezier(.4,0,.2,1); }
.smx-btn-login.on .smx-lc { transform: rotate(180deg); }
/* HAMBURGER */
.smx-ham {
display: none; flex-direction: column; justify-content: center;
gap: 5px; width: 38px; height: 38px; border-radius: var(--r-sm);
border: none; background: none; cursor: pointer; margin-left: auto; padding: 8px;
}
.smx-ham span { display: block; width: 100%; height: 1.5px; background: var(--t2); border-radius: 2px; transition: transform 0.22s cubic-bezier(.4,0,.2,1), opacity 0.22s; }
.smx-ham.on span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.smx-ham.on span:nth-child(2) { opacity: 0; }
.smx-ham.on span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
/* DROPDOWN */
.smx-drop {
position: absolute;
left: 50%; transform: translateX(-50%);
width: 100vw;
top: 0;
display: none; z-index: 9910;
pointer-events: none;
}
.smx-drop.on { display: block; pointer-events: all; }
.smx-drop-card {
max-width: 1240px; margin: 0 auto;
background: var(--white);
border: 1px solid var(--border);
border-top: 2px solid var(--navy);
border-radius: 0 0 var(--r-xl) var(--r-xl);
box-shadow: var(--shadow-lg);
overflow: hidden;
animation: smxDrop 0.2s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes smxDrop {
from { opacity: 0; transform: scale(0.97) translateY(-6px); }
to { opacity: 1; transform: scale(1) translateY(0); }
}
.smx-drop-body { display: flex; }
.smx-drop-featured {
background: var(--off);
border-right: 1px solid var(--border);
padding: 28px 32px;
min-width: 280px; flex-shrink: 0;
}
.smx-drop-cols { display: flex; flex: 1; padding: 28px 32px; gap: 0; }
.smx-sec {
font-size: 10px; font-weight: 700; letter-spacing: 0.12em;
text-transform: uppercase; color: var(--t4); margin-bottom: 12px;
}
/* Featured link */
.smx-fl {
display: flex; align-items: flex-start; gap: 14px;
padding: 12px; margin: 0 -12px 2px;
border-radius: var(--r-md); text-decoration: none; cursor: pointer;
transition: background 0.15s;
}
.smx-fl:hover { background: var(--surface); }
.smx-fl-icon {
width: 38px; height: 38px; border-radius: var(--r-sm);
background: var(--white); border: 1px solid var(--border);
display: flex; align-items: center; justify-content: center;
flex-shrink: 0; box-shadow: var(--shadow-xs);
}
.smx-fl-icon i { font-size: 17px; color: var(--navy); }
.smx-fl-title { font-size: 13.5px; font-weight: 600; color: var(--t1); line-height: 1.3; margin-bottom: 2px; }
.smx-fl-desc { font-size: 11.5px; color: var(--t3); line-height: 1.5; }
/* Column */
.smx-col { min-width: 160px; }
.smx-col + .smx-col { padding-left: 32px; border-left: 1px solid var(--border); margin-left: 32px; }
.smx-sl {
display: flex; align-items: center; gap: 10px;
padding: 8px 10px; margin: 1px -10px;
font-size: 13.5px; font-weight: 500; color: var(--t2);
text-decoration: none; border-radius: var(--r-sm);
transition: background 0.12s, color 0.12s;
}
.smx-sl i { font-size: 15px; color: var(--t4); flex-shrink: 0; transition: color 0.12s; }
.smx-sl:hover { background: var(--off); color: var(--t1); }
.smx-sl:hover i { color: var(--navy); }
/* RMN stat badge */
.smx-rmn-stat {
display: flex; align-items: flex-start; gap: 8px;
margin-top: 16px; padding: 10px 12px;
background: var(--off); border-radius: var(--r-sm);
font-size: 12px; color: var(--t3); line-height: 1.4;
}
.smx-rmn-stat i { font-size: 14px; color: var(--t4); flex-shrink: 0; margin-top: 1px; }
.smx-rmn-stat strong { color: var(--t2); font-weight: 600; }
/* LOGIN PANEL */
.smx-login-wrap {
position: absolute; right: 0;
display: none; z-index: 9910;
pointer-events: none;
width: 360px;
}
.smx-login-wrap.on { display: block; pointer-events: all; animation: smxDrop 0.18s cubic-bezier(0.16,1,0.3,1) both; }
.smx-login-card {
background: var(--white);
border: 1px solid var(--border);
border-top: 2px solid var(--navy);
border-radius: 0 0 var(--r-xl) var(--r-xl);
box-shadow: var(--shadow-lg);
padding: 20px;
}
.smx-login-sec { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--t4); margin-bottom: 12px; }
.smx-login-item {
display: flex; align-items: center; gap: 12px;
padding: 7px 12px; margin: 0 -12px 1px;
text-decoration: none; border-radius: var(--r-md);
transition: background 0.15s;
}
.smx-login-item:hover { background: var(--off); }
.smx-li-icon {
width: 34px; height: 34px; border-radius: var(--r-sm);
background: var(--surface);
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.smx-li-icon i { font-size: 15px; color: var(--navy); }
.smx-li-label { font-size: 13px; font-weight: 600; color: var(--t1); }
.smx-li-normal { font-weight: 400; }
.smx-li-sub { font-size: 11px; color: var(--t3); line-height: 1.2; margin-top: 1px; }
.smx-login-item.primary .smx-li-icon { background: var(--navy); }
.smx-login-item.primary .smx-li-icon i { color: #fff; }
.smx-ext { font-size: 13px; color: var(--t4); margin-left: auto; flex-shrink: 0; }
.smx-login-divider {
display: flex; align-items: center; gap: 10px; margin: 20px 0 8px;
}
.smx-login-divider::before, .smx-login-divider::after {
content: ''; flex: 1; height: 1px; background: var(--border);
}
.smx-login-divider span {
font-size: 10.5px; font-weight: 700; letter-spacing: 0.10em;
text-transform: uppercase; color: var(--navy); white-space: nowrap;
}
.smx-login-hint {
margin: 6px 0 4px; padding: 10px 12px;
font-size: 11px; color: var(--t2);
background: var(--off); border-radius: var(--r-sm);
}
.smx-login-hint a { color: var(--red); text-decoration: none; font-weight: 500; }
.smx-login-hint a:hover { text-decoration: underline; }
/* MOBILE DRAWER */
.smx-drawer {
display: none; position: fixed; inset: 0;
background: var(--white); z-index: 9850;
overflow-y: auto; padding: 24px;
transform: translateX(100%);
transition: transform 0.28s cubic-bezier(0.4,0,0.2,1);
}
.smx-drawer.on { transform: translateX(0); }
.smx-mob-section { margin-bottom: 24px; }
.smx-mob-head { font-size: 9.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--t4); margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
.smx-mob-link { display: flex; align-items: center; gap: 12px; padding: 11px 0; font-size: 14px; font-weight: 500; color: var(--t1); text-decoration: none; border-bottom: 1px solid var(--border); }
.smx-mob-link i { font-size: 16px; color: var(--t4); }
.smx-mob-cta { display: flex; gap: 10px; margin-top: 24px; }
.smx-mob-cta a, .smx-mob-cta button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px; border-radius: var(--r-md); font-family: var(--font); font-size: 13px; font-weight: 600; text-decoration: none; border: none; cursor: pointer; }
/* ── TABLET (≤1024px) ── */
@media (max-width: 1024px) {
.smx-inner { padding: 0 24px; }
.smx-trig, .smx-lnk { padding: 8px 10px; font-size: 13px; }
.smx-drop-card { margin: 0 16px; }
.smx-drop-featured { min-width: 220px; padding: 20px; }
.smx-drop-cols { padding: 20px; gap: 0; }
}
/* Search bar */
.smx-search-bar {
position: absolute; top: 0; left: 0; right: 0;
background: var(--white);
display: flex; flex-direction: column;
padding: 0;
opacity: 0; pointer-events: none;
transform: translateY(-4px);
transition: opacity 0.2s, transform 0.2s;
z-index: 10;
border-bottom: 2px solid var(--navy);
box-shadow: var(--shadow-lg);
}
.smx-search-bar.on {
opacity: 1; pointer-events: all;
transform: translateY(0);
}
.smx-search-bar form {
display: flex; align-items: center;
width: 100%; gap: 12px;
height: 76px; padding: 0 48px;
border-bottom: 1px solid var(--border);
}
.smx-search-icon {
font-size: 18px; color: var(--t3); flex-shrink: 0;
}
.smx-search-input {
flex: 1; border: none; outline: none;
font-family: var(--font); font-size: 16px; font-weight: 400;
color: var(--t1); background: transparent;
caret-color: var(--navy);
}
.smx-search-input::placeholder { color: var(--t4); }
.smx-search-close {
display: flex; align-items: center; justify-content: center;
width: 34px; height: 34px; border-radius: var(--r-sm);
border: none; background: var(--surface); cursor: pointer;
color: var(--t3); flex-shrink: 0; transition: all 0.15s;
}
.smx-search-close:hover { background: var(--off); color: var(--t1); }
.smx-search-close i { font-size: 16px; }
.smx-search-quick {
display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
padding: 12px 48px;
background: var(--off);
}
.smx-search-quick-label {
font-size: 10px; font-weight: 700; letter-spacing: 0.10em;
text-transform: uppercase; color: var(--t4);
flex-shrink: 0; margin-right: 4px;
}
.smx-search-quick a {
font-size: 12.5px; font-weight: 500; color: var(--t2);
text-decoration: none;
padding: 4px 12px;
background: var(--white);
border: 1px solid var(--border-2);
border-radius: 20px;
transition: all 0.15s;
white-space: nowrap;
}
.smx-search-quick a:hover {
background: var(--navy); color: #fff;
border-color: var(--navy);
}
.smx-search-quick-divider {
width: 1px; height: 18px;
background: var(--border-2);
flex-shrink: 0; margin: 0 4px;
}
(function() {
var PANELS = ['spoldzielnia','nieruchomosci','dokumenty','login'];
function smxSetTop() {
var sticky = document.querySelector('.smx-sticky');
var inner = document.querySelector('.smx-inner');
if (!sticky) return;
var h = sticky.offsetHeight;
PANELS.forEach(function(id) {
var el = document.getElementById('smx-d-' + id);
if (el) el.style.top = h + 'px';
});
/* Align login panel to right edge of nav-inner */
var login = document.getElementById('smx-d-login');
if (login && inner) {
var stickyRect = sticky.getBoundingClientRect();
var innerRect = inner.getBoundingClientRect();
var fromRight = stickyRect.right - innerRect.right;
login.style.right = fromRight + 'px';
}
var drawer = document.getElementById('smx-drawer');
if (drawer) drawer.style.top = h + 'px';
}
function smxToggle(id) {
var panel = document.getElementById('smx-d-' + id);
var trig = document.getElementById('smx-t-' + id);
var isOn = panel && panel.classList.contains('on');
smxCloseAll();
if (!isOn && panel) {
smxSetTop();
panel.classList.add('on');
if (trig) { trig.classList.add('on'); trig.setAttribute('aria-expanded','true'); }
document.getElementById('smx-bd').classList.add('on');
}
}
function smxCloseAll() {
PANELS.forEach(function(id) {
var p = document.getElementById('smx-d-' + id);
var t = document.getElementById('smx-t-' + id);
if (p) p.classList.remove('on');
if (t) { t.classList.remove('on'); t.setAttribute('aria-expanded','false'); }
});
document.getElementById('smx-bd').classList.remove('on');
}
window.addEventListener('scroll', function() {
var nav = document.getElementById('smx-nav');
if (nav) nav.classList.toggle('scrolled', window.scrollY > 10);
}, { passive: true });
window.addEventListener('resize', smxSetTop);
document.addEventListener('keydown', function(e) { if (e.key === 'Escape') smxCloseAll(); });
smxSetTop();
window.addEventListener('load', smxSetTop);
setTimeout(smxSetTop, 300);
function smxToggleSearch() {
var bar = document.getElementById('smx-search-bar');
var btn = document.getElementById('smx-search-btn');
var isOn = bar.classList.contains('on');
if (!isOn) {
smxCloseAll();
bar.classList.add('on');
btn.classList.add('on');
setTimeout(function() {
document.getElementById('smx-search-input').focus();
}, 150);
} else {
bar.classList.remove('on');
btn.classList.remove('on');
}
}
/* Close search on Escape */
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
var bar = document.getElementById('smx-search-bar');
if (bar && bar.classList.contains('on')) smxToggleSearch();
}
});
window.smxToggle = smxToggle;
window.smxCloseAll = smxCloseAll;
window.smxToggleSearch = smxToggleSearch;
})();
Budynki i zasoby
Dokumenty nieruchomości
Dokumenty związane z Twoim blokiem
Harmonogramy i plany
Przeglądy i prace konserwacyjne
Plany remontowe
Zaplanowane remonty na bieżący rok
Rady Mieszkańców Nieruchomości
Wykaz Rad Mieszkańców
Jak założyć RMN
Spotkania z Radą Nadzorczą
W zasobach SM działają 34 Rady Mieszkańców
Zaloguj się
eBOK (czynsze)
Sprawdź opłaty i saldo online
Strefa dla Członków
Dokumenty tylko dla zalogowanych
Brak konta lub problemy z dostępem? Sprawdź →
Rada Nadzorcza
Materiały dla Rady Nadzorczej
Poczta e-mail
Rada Mieszkańców Nieruchomości
Materiały dla Rad Mieszkańców
Poczta e-mail
Strefa Pracowników
Materiały dla pracowników SM