/* @bansiistudio – wspólny wygląd panelu i ekranu hasła: czarny pasek z logo, niebieskie tło, czarne/szare bloki */
:root{--blue:#222ae9;--grey:#d8d8d8;--ph:#8f8f8f;--ink:#000;--white:#fff}
.bs,.bs *{box-sizing:border-box}
.bs{margin:0;min-height:100%;background:var(--blue);color:var(--ink);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}
/* nagłówek panelu: samo logo na niebieskim (bez czarnego paska) */
.bs-bar{background:transparent;height:calc(clamp(64px,17.6vw,150px) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);
  display:flex;align-items:center;justify-content:center}
.bs-bar img{width:min(56vw,520px);height:auto;display:block;user-select:none}
/* ekran hasła: całe niebieskie, logo + blok PASSWORD na środku (szerokość bloku = 100cqw) */
.bs-login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px 12vh}
.bs-box{width:clamp(280px,78.5vw,560px);container-type:inline-size}
.bs-logo{display:block;width:99.5%;height:auto;margin:0 auto 5.6cqw;user-select:none}
.bs-box form{display:flex;flex-direction:column;border:max(1.5px,.35cqw) solid var(--grey)}
.bs-lab{display:block;background:#000;color:#f2f2f2;font-size:13.2cqw;letter-spacing:-.075em;line-height:1;padding:6.6cqw 3.4cqw 6.8cqw;text-transform:uppercase}
.bs-in{display:flex;align-items:flex-end;background:var(--grey);height:13.9cqw;padding-bottom:2cqw}
.bs-in input{flex:1;min-width:0;width:100%;background:transparent;border:0;border-bottom:max(2px,.6cqw) solid #000;margin:0;padding:0 .4cqw .4cqw;
  font:inherit;font-size:max(16px,9.4cqw);letter-spacing:-.075em;line-height:1.1;color:#000;border-radius:0;outline:none}
.bs-in input::placeholder{color:#b3b3b3;text-transform:uppercase;opacity:1}
.bs-go{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0;margin:-1px}   /* Enter wysyła; przycisk tylko dla czytników */
.bs-err{min-height:1.4em;margin-top:3.4cqw;color:#fff;font-size:max(13px,4.4cqw);letter-spacing:-.03em;text-transform:uppercase;text-align:center}
.bs-wait .bs-in input{opacity:.4}
.bs :focus-visible{outline:2px solid #fff;outline-offset:2px}
.bs-in input:focus,.bs-in input:focus-visible{outline:none}
/* bez dodatków Safari w polu hasła (kluczyk, strzałka Caps Lock, podpowiedź „Hasła”) */
.bs input.tajne{-webkit-text-security:disc}
.bs input::-webkit-credentials-auto-fill-button,.bs input::-webkit-caps-lock-indicator,.bs input::-webkit-contacts-auto-fill-button,
.bs input::-webkit-strong-password-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;width:0;margin:0}
/* strona „jak aplikacja”: bez rozciągania przy przewijaniu, bez zaznaczania tekstu i przeciągania obrazków
   (pola do wpisywania i pole z linkiem zostają normalne) */
html,body{overscroll-behavior:none}
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}
input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
[hidden]{display:none !important}