/* eNoWork: lewa strona stron z rodziny logowania w wyglądzie /main/signin.html
   (mobile-app.html, reset-password.html, two-step-verification.html).
   Style są kopią wbudowanych stylów signin.html (tam zostają w <style>), plus elementy tych stron:
   kod 6 cyfr, sklepy z aplikacją, kod QR. Prawy panel: /main/css/auth-panel.css (ładować PO tym pliku). */
[x-cloak]{display:none !important}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#26215C;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,input,select{font:inherit;color:inherit}
a{color:#7A5AF8}
@keyframes enowork-rot{to{transform:rotate(360deg)}}

/* ===== Układ: lewa kolumna + prawy panel od tabletu ===== */
.enowork-su{display:flex;min-height:100vh;min-height:100dvh}
.enowork-su-left{flex:1 1 auto;min-width:0;display:flex;justify-content:center;background:#fff}
.enowork-su-inner{width:100%;max-width:520px;padding:16px 16px 20px;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.enowork-su-right{display:none}
@media(min-width:768px){
  .enowork-su-left{flex:0 0 54%}
  .enowork-su-inner{padding:32px 32px 20px}
  .enowork-su-right{display:flex;flex:1 1 46%;position:sticky;top:0;height:100vh;height:100dvh}
}
@media(min-width:1200px){
  .enowork-su-left{flex-basis:50%}
  .enowork-su-inner{padding:48px 40px 20px}
}

/* ===== Preloader ===== */
.enowork-preload{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:50}
.enowork-preload span{width:40px;height:40px;border:4px solid #ece8ff;border-top-color:#7A5AF8;border-radius:50%;animation:enowork-rot .8s linear infinite}

/* ===== Nagłówek: logo (telefon) / powrót (od tabletu) + język ===== */
.enowork-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.enowork-logo-m{display:block}
.enowork-logo-m img{height:30px;width:auto;display:block}
.enowork-back{display:none;align-items:center;gap:6px;font-size:14px;color:#64748b;text-decoration:none}
.enowork-back:hover{color:#26215C}
@media(min-width:768px){.enowork-logo-m{display:none}.enowork-back{display:inline-flex}}

.enowork-lang{position:relative;z-index:20}
.enowork-lang-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid #e4e2ef;border-radius:10px;background:#fff;font-size:14px;cursor:pointer;color:#26215C}
.enowork-lang-btn:hover{border-color:#c9bffb}
.enowork-lang-btn svg{transition:transform .15s}
.enowork-lang.is-open .enowork-lang-btn svg{transform:rotate(180deg)}
.enowork-lang-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:#fff;border:1px solid #e4e2ef;border-radius:12px;box-shadow:0 12px 32px rgba(38,33,92,.12);overflow:hidden;display:none}
.enowork-lang.is-open .enowork-lang-menu{display:block}
.enowork-lang-opt{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border:0;background:#fff;font-size:14px;text-align:left;cursor:pointer;color:#26215C}
.enowork-lang-opt:hover{background:#f5f2ff}
.enowork-lang-opt.is-active{background:#efeaff;font-weight:600}
.fi{border-radius:2px}

/* ===== Treść wyśrodkowana w pionie ===== */
.enowork-si-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:28px 0}
.enowork-h1{margin:0;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#26215C}
.enowork-sub{margin:8px 0 0;font-size:15px;line-height:1.5;color:#64748b}
@media(min-width:768px){.enowork-h1{font-size:32px}}

/* ===== Formularz ===== */
.enowork-form{display:grid;gap:16px;margin-top:24px}
.enowork-field label.enowork-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#26215C}
.enowork-req{color:#dc2626;margin-left:2px}
.enowork-ctl{position:relative}
.enowork-input{width:100%;height:52px;padding:0 16px;border:1.5px solid #dcd9ea;border-radius:12px;background:#fff;font-size:16px;color:#26215C;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.enowork-input::placeholder{color:#9aa1b5}
.enowork-input:focus{border-color:#7A5AF8;box-shadow:0 0 0 3px rgba(122,90,248,.1)}
.enowork-btn{width:100%;height:54px;border:0;border-radius:12px;background:#7A5AF8;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px rgba(122,90,248,.24);transition:background-color .15s,transform .1s;text-decoration:none}
.enowork-btn:hover{background:#6a4ae8}
.enowork-btn:active{transform:translateY(1px)}
.enowork-foot{margin:20px 0 0;font-size:14px;color:#475569;text-align:center}
.enowork-foot a{font-weight:600;text-decoration:none}
.enowork-foot a:hover{text-decoration:underline}
@media(min-width:768px){.enowork-foot{text-align:left}}

/* ===== Kod 6 cyfr (pola .otp-input obsługuje bundle.js) ===== */
.enowork-pin{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.enowork-pin input{width:100%;min-width:0;height:58px;padding:0;text-align:center;font-size:24px;font-weight:700;border:1.5px solid #dcd9ea;border-radius:12px;background:#fff;color:#26215C;outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:textfield}
.enowork-pin input:focus{border-color:#7A5AF8;box-shadow:0 0 0 3px rgba(122,90,248,.1)}

/* ===== Aplikacja: ikona, sklepy, kod QR (mobile-app.html) ===== */
.enowork-app{display:flex;flex-direction:column;align-items:center;text-align:center}
@media(min-width:768px){.enowork-app{align-items:flex-start;text-align:left}}
.enowork-registered{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 14px;border-radius:999px;background:#ecfdf5;color:#15803d;font-size:13px;font-weight:600}
.enowork-registered svg{width:16px;height:16px}
.enowork-app-icon{width:64px;height:64px;margin-bottom:22px;border-radius:18px;background:linear-gradient(135deg,#7A5AF8,#5646d6);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(122,90,248,.30)}
.enowork-app-icon svg{width:32px;height:32px;color:#fff}
.enowork-app .enowork-sub{max-width:460px}
.enowork-dl{margin:26px 0 12px;font-size:14px;font-weight:600;color:#26215C}
.enowork-stores{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
@media(min-width:768px){.enowork-stores{justify-content:flex-start}}
.enowork-store-btn{display:inline-flex;border-radius:10px;transition:transform .15s,opacity .15s}
.enowork-store-btn:hover{transform:translateY(-1px);opacity:.92}
.enowork-store-btn img{height:48px;width:auto;border-radius:8px;display:block}
.enowork-qr-box{display:none;align-items:center;gap:18px;width:100%;margin-top:26px;padding:16px 18px;border:1px solid #ebe6ff;border-radius:14px;background:#f7f5ff;text-align:left}
.enowork-qr-box img{width:124px;height:124px;flex-shrink:0;border-radius:10px;background:#fff;border:1px solid #e4e2ef;padding:6px}
.enowork-qr-box p{margin:0;font-size:13.5px;line-height:1.55;color:#64748b}
.enowork-qr-box strong{display:block;margin-bottom:4px;font-size:14.5px;color:#26215C}
@media(min-width:640px){.enowork-qr-box{display:flex}}
.enowork-back-login{margin-top:24px;font-size:14px;font-weight:600;color:#7A5AF8;text-decoration:none}
.enowork-back-login:hover{text-decoration:underline}

/* ===== Prawy panel: powitanie nad telefonem (reset-password.html, two-step-verification.html, jak signin.html) ===== */
.enowork-greet{margin:0;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:#fff;text-align:center;animation:enowork-rise .5s cubic-bezier(.22,.8,.2,1) both}
@media (prefers-reduced-motion: reduce){
  .enowork-greet{animation:none}
}