/* Strona logowania trybu serwer. Bez skryptów i bez zasobów z zewnątrz. */
:root { --tlo: #f5f6f8; --panel: #fff; --ramka: #dcdfe4; --tekst: #1d232b; --slaby: #5d6773; --akcent: #1f63d6; --zle: #b42318; color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
  :root { --tlo: #14171c; --panel: #1b1f26; --ramka: #2e343e; --tekst: #e4e8ee; --slaby: #9aa4b1; --akcent: #5b9bff; --zle: #ff7b6e; }
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--tlo); color: var(--tekst);
  font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; padding: 1rem; }
.logowanie { width: 100%; max-width: 360px; background: var(--panel); border: 1px solid var(--ramka); border-radius: 12px; padding: 1.6rem 1.5rem; }
h1 { font-size: 1.3rem; margin: 0 0 .3rem; }
.opis { color: var(--slaby); font-size: .88rem; margin: 0 0 1rem; }
.komunikat { color: var(--zle); font-weight: 600; margin: 0 0 .8rem; }
label { display: block; font-weight: 600; margin: .7rem 0 .25rem; font-size: .92rem; }
input { width: 100%; font: inherit; padding: .5rem .6rem; border: 1px solid var(--ramka); border-radius: 7px; background: var(--panel); color: var(--tekst); }
input:focus-visible, button:focus-visible { outline: 2px solid var(--akcent); outline-offset: 2px; }
button { margin-top: 1.1rem; width: 100%; font: inherit; font-weight: 600; padding: .55rem; border: 0; border-radius: 7px; background: var(--akcent); color: #fff; cursor: pointer; }