/* Broniarz - panel admina (/panel): zaproszenia i użytkownicy, wygodnie z telefonu i komputera. */
.kafel-link { text-decoration: none; color: var(--tekst); }
.kafel-link:hover { border-color: var(--akcent); text-decoration: none; }
.zaproszenia > li { flex-wrap: wrap; align-items: flex-start; }
.zaproszenia .rozciagnij { display: flex; flex-direction: column; gap: 2px; min-width: 200px; }
.kod-zaproszenia { font-family: var(--font-liczby); font-size: 1.05rem; letter-spacing: .04em; color: var(--tekst); }
.zaproszenie-uzyte, .zaproszenie-wygasle { opacity: .55; }
.zaproszenie-nowe { background: var(--mosiadz-tlo); border-radius: 12px; padding-left: 10px !important; padding-right: 10px !important; }
.zaproszenia .przyciski form { margin: 0; }
.uzytkownicy > li { display: block; }
.uzytkownik summary { display: flex; align-items: center; gap: 12px; cursor: pointer; list-style: none; }
.uzytkownik summary::-webkit-details-marker { display: none; }
.uzytkownik .rozciagnij { display: flex; flex-direction: column; gap: 2px; }
.dane-konta { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 14px 0; font-size: .9rem; }
.dane-konta dt { color: var(--tekst-3); }
.dane-konta dd { margin: 0; }
.usun-konto { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ramka); }
.karta fieldset.wybor { border: 0; padding: 0; margin: 0; }
.link-hasla { overflow-wrap: anywhere; font-size: .9rem; }
.nowe-zaproszenie { max-width: 560px; }   /* na komputerze pole i przycisk przez całą szerokość wyglądały jak pasek */