/* Ekran bramki konta, wspolny dla trzech powierzchni (mapa dzialek, karta firmy, karty
   jednostek). Uklad stal wczesniej w assets/mapa-dzialki.css jako .md-gate i byl dostepny
   tylko na jednej stronie. Od 8.09.2026 ekran rysuje jeden modul, wiec i nazwa ukladu jest
   jedna: kontener na stronie dzialki dostaje ta sama tresc, co kontenery kart. */
.bk-gate{padding:20px 18px 22px}
.bk-gate h2{font:800 19px/1.3 Lato,sans-serif;color:var(--navy);margin:0 0 8px}
.bk-gate p{font-size:15px;line-height:1.65;color:var(--ink);margin:0 0 12px}
.bk-gate-lista{margin:0 0 16px;padding-left:18px}
.bk-gate-lista li{font-size:15px;line-height:1.6;color:var(--ink);margin:0 0 7px}
.bk-gate-akcje{display:flex;gap:8px;flex-wrap:wrap}
.bk-gate-akcje .bk-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.bk-gate-note{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0 0}
/* Przycisk bramki ma wlasna nazwe, bo .md-btn z arkusza mapy sluzy tam takze poza bramka. */
.bk-btn{min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;font:700 14px Lato,sans-serif;color:var(--navy);cursor:pointer}
.bk-btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.bk-btn:hover{background:#f4f5f7}
.bk-btn.primary:hover{background:#000;border-color:#000}
@media (max-width:620px){
  .bk-gate-akcje{flex-direction:column}
  .bk-gate-akcje .bk-btn{width:100%}
}