/* Ekran logowania do panelu właściciela (16.09.2026) — granat i żółć z logo, ikony z panelu.
   Jeden wygląd niezależnie od motywu przeglądarki: kolory ustawione jawnie. */
:root{
  --granat:#0B2A57; --granat-2:#123A72; --granat-3:#071C3B; --zloty:#F5B70A; --zloty-2:#FFD34D;
  --papier:#FFFFFF; --mgla:#EEF2F8; --atrament:#16243B; --przygasly:#5A6B84; --linia:#D8E0EC;
  --tekst:"Source Sans 3","Segoe UI",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;background:var(--mgla);color:var(--atrament);font:400 16px/1.55 var(--tekst);
  padding-inline:16px;padding-block:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-bottom,0px));
  min-height:100svh;display:grid;align-content:center;justify-items:center}
img{max-width:100%}
[hidden]{display:none!important}

.ekran{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  background:var(--papier);border:1px solid var(--linia);border-radius:16px;overflow:hidden;
  box-shadow:0 20px 40px -28px rgba(11,42,87,.55)}

.lewa{background:linear-gradient(160deg,var(--granat-2) 0%,var(--granat) 52%,var(--granat-3) 100%);
  color:#E8EEF8;padding:40px clamp(22px,4vw,44px);display:grid;gap:22px;align-content:center}
.logo{display:block;width:min(370px,100%);height:auto;margin-inline:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.28))}
.haslo{margin:0;text-align:center;font:600 19px/1.4 var(--tekst);color:#FFFFFF;text-wrap:balance}
.haslo span{display:block;font-size:14.5px;color:#AFC2DC;font-weight:400;margin-top:4px}
.kafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.kafle li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;
  padding:14px 10px 12px;display:grid;justify-items:center;gap:6px;text-align:center}
.kafle img{width:64px;height:64px;display:block}
.kafle b{font:600 14px/1.25 var(--tekst);color:#FFFFFF}
.kafle span{font-size:12.5px;line-height:1.3;color:#AFC2DC}
.pomoc-tel{margin:0;text-align:center;font-size:14px;color:#AFC2DC}
.pomoc-tel b{color:var(--zloty-2);font-weight:600;font-variant-numeric:tabular-nums}

.prawa{padding:44px clamp(22px,4vw,48px);display:grid;align-content:center;justify-items:center;gap:19px;background:var(--papier)}
.prawa > *{width:min(420px,100%)}
h1{font:700 34px/1.15 var(--tekst);color:var(--granat);margin:0;text-wrap:balance;letter-spacing:-.01em}
.pod{margin:6px 0 0;color:var(--przygasly);font-size:15px}
form{display:grid;gap:14px}
.pole{display:grid;gap:6px}
label{font-weight:600;font-size:14px;color:var(--granat)}
input[type=email],input[type=password],input[type=text]{font:400 16px/1.4 var(--tekst);color:var(--atrament);
  background:var(--papier);padding:12px 14px;border:1.5px solid var(--linia);border-radius:10px;width:100%}
input:focus-visible{outline:none;border-color:var(--granat-2);box-shadow:0 0 0 3px rgba(18,58,114,.16)}
.haslo-pole{position:relative;display:grid}
.haslo-pole input{padding-right:104px}
.pokaz{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;
  color:var(--granat-2);font:600 13.5px var(--tekst);padding:8px 10px;border-radius:8px;cursor:pointer}
.pokaz:hover{background:var(--mgla)}
.zaloguj{font:700 17px/1 var(--tekst);color:var(--granat-3);background:linear-gradient(180deg,var(--zloty-2),var(--zloty));
  border:0;border-bottom:3px solid #C98F04;border-radius:10px;padding:15px 18px;cursor:pointer;width:100%}
.zaloguj:hover{filter:brightness(1.04)}
.zaloguj:active{transform:translateY(1px);border-bottom-width:2px}
button:focus-visible,a:focus-visible{outline:2px solid var(--granat-2);outline-offset:2px;border-radius:8px}
.odnosniki{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14.5px}
.odnosnik{border:0;background:transparent;padding:0;color:var(--granat-2);font:600 14.5px var(--tekst);
  cursor:pointer;border-bottom:1px solid rgba(18,58,114,.35)}
.odnosnik:hover{color:var(--granat)}
.uwaga{background:var(--mgla);border-left:3px solid var(--zloty);border-radius:0 10px 10px 0;
  padding:12px 14px;font-size:14.5px;color:var(--atrament);margin:0}
.uwaga b{color:var(--granat)}
.stopka{border-top:1px solid var(--linia);padding-top:14px;display:grid;gap:4px;font-size:13.5px;
  color:var(--przygasly);font-variant-numeric:tabular-nums}
.komunikat{margin:0;background:#FFF6DA;border:1px solid var(--zloty);border-radius:10px;
  padding:11px 14px;font-size:14.5px;color:var(--atrament)}
.komunikat--blad{background:#FDECEC;border-color:#E0A2A2}

@media (max-width:860px){
  .ekran{grid-template-columns:1fr}
  .lewa{order:2;padding-block:30px}
  .prawa{order:1;padding-block:32px 24px}
  .logo{width:min(300px,100%)}
}
@media (max-width:430px){
  .kafle{grid-template-columns:repeat(2,minmax(0,1fr))}
  h1{font-size:27px}
}