:root { --tlo: #f6f7f9; --tekst: #111827; --karta: #ffffff; --ramka: #d1d5db; --akcent: #1f2937; --serwis: #e0ecff; --ostrzezenie: #9a3412; }
@media (prefers-color-scheme: dark) {
  :root { --tlo: #111827; --tekst: #e5e7eb; --karta: #1f2937; --ramka: #374151; --akcent: #e5e7eb; --serwis: #1e3a5f; --ostrzezenie: #fdba74; }
}
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.45 system-ui, sans-serif; background: var(--tlo); color: var(--tekst); }
header { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 16px; border-bottom: 1px solid var(--ramka); flex-wrap: wrap; }
nav a { margin-right: 16px; color: inherit; font-weight: 600; text-decoration: none; }
main { max-width: 900px; margin: 0 auto; padding: 16px; }
.wyloguj { display: flex; gap: 8px; align-items: center; }
.formularz { display: grid; gap: 12px; max-width: 520px; margin: 16px 0; }
.formularz label { display: grid; gap: 4px; }
input, textarea, button { font: inherit; padding: 8px; border: 1px solid var(--ramka); border-radius: 6px; background: var(--karta); color: inherit; }
button { cursor: pointer; font-weight: 600; }
.blad, .uwaga { color: var(--ostrzezenie); }
.lista { list-style: none; padding: 0; }
.lista li a { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 10px; margin-bottom: 8px; background: var(--karta); border: 1px solid var(--ramka); border-radius: 8px; color: inherit; text-decoration: none; }
.lista li.nowe a { border-left: 4px solid var(--akcent); }
.licznik { font-weight: 700; }
.filtry a { margin-right: 12px; }
.filtry a.wybrany { font-weight: 700; }
.wiadomosc { background: var(--karta); border: 1px solid var(--ramka); border-radius: 8px; padding: 10px; margin: 8px 0; }
.wiadomosc.serwis { background: var(--serwis); margin-left: 15%; }
.wiadomosc.stacja { margin-right: 15%; }
.wiadomosc header { border: 0; padding: 0; justify-content: flex-start; font-size: 14px; }
.tresc { white-space: pre-wrap; overflow-wrap: anywhere; }
.miniatura { max-width: 220px; max-height: 160px; border-radius: 6px; }
.dostarczenie { font-size: 13px; opacity: .75; margin: 4px 0 0; }
.kod code, .sekret code { font-size: 20px; letter-spacing: 1px; user-select: all; }
.qr svg { background: #fff; padding: 8px; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 6px; border-bottom: 1px solid var(--ramka); vertical-align: top; }
.odwolaj input { width: 130px; }
@media (max-width: 600px) { .wiadomosc.serwis { margin-left: 0; } .wiadomosc.stacja { margin-right: 0; } table { font-size: 14px; } }