:root{
  --navy-975:#111719;
  --navy-950:#151c1f;
  --navy-900:#1b2428;
  --navy-850:#222d32;
  --navy-800:#2b383e;
  --petrol:#9b7900;
  --blue:#ffc800;
  --blue-2:#ffd94a;
  --blue-soft:#fff7d0;
  --white:#fff;
  --paper:#f5f6f6;
  --paper-2:#edf0f1;
  --ink:#20282c;
  --muted:#6f7b82;
  --line:#dfe5e8;
  --success:#3d9a70;
  --danger:#b74242;
  --shadow:0 28px 78px rgba(4,10,12,.46);
  --card-shadow:0 10px 35px rgba(35,43,47,.07);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:Montserrat,"Segoe UI",Arial,sans-serif}
button,input{font:inherit}
a{color:inherit}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* LOGIN */
.login-screen{
  min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(24px,3.4vh,38px) clamp(28px,6vw,88px) 20px;
  color:#fff;background:
    radial-gradient(circle at 79% 10%,rgba(255,200,0,.13) 0,transparent 30%),
    radial-gradient(circle at 12% 90%,rgba(255,255,255,.05) 0,transparent 33%),
    linear-gradient(135deg,#101618 0%,#1c2529 48%,#29353a 100%);
}
.login-screen:before{content:"";position:absolute;z-index:-1;width:min(44vw,640px);aspect-ratio:1;right:-16vw;top:-30vh;border-radius:50%;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 78px rgba(255,255,255,.018),0 0 0 156px rgba(255,255,255,.012)}
.login-screen:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;left:-200px;bottom:-230px;border-radius:50%;border:1px solid rgba(255,200,0,.07)}
.brand{width:min(1400px,100%);margin:0 auto;display:flex;align-items:center;gap:16px;flex:0 0 auto}
.brand-logo-wrap{display:flex;align-items:center;justify-content:flex-start;width:156px;height:38px}
.brand-logo{width:148px;max-height:32px;height:auto;display:block;object-fit:contain;object-position:left center}
.brand-copy{min-height:39px;padding-left:17px;border-left:1px solid rgba(255,255,255,.24);display:flex;flex-direction:column;justify-content:center}
.brand-copy b{font-size:14px;font-weight:700;letter-spacing:-.015em}.brand-copy small{margin-top:4px;color:#c0c9cd;font-size:9px;font-weight:500}

.login-layout{width:min(1400px,100%);margin:0 auto;flex:1;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr);grid-template-rows:auto auto auto auto auto;column-gap:clamp(64px,7vw,110px);row-gap:16px;align-content:center;padding:24px 0 18px}
.login-intro{display:contents}.login-intro>.eyebrow{grid-column:1;grid-row:1}.login-intro>h1{grid-column:1;grid-row:2}.login-intro>p{grid-column:1;grid-row:3}.login-intro>.internal-strip{grid-column:1;grid-row:4}.login-intro>.features{grid-column:1;grid-row:5}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#eef1f2;font-size:11px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.eyebrow i{position:relative;width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--blue-2);box-shadow:0 0 0 6px rgba(36,185,219,.12)}
.eyebrow i:after{content:"";position:absolute;inset:-1px;border:1px solid rgba(99,214,239,.95);border-radius:50%;animation:perekoPulse 1.8s ease-out infinite}
@keyframes perekoPulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(3.1);opacity:0}100%{transform:scale(3.1);opacity:0}}
.login-intro h1{max-width:820px;margin:6px 0 0;font-size:clamp(46px,4.75vw,70px);font-weight:800;line-height:1.01;letter-spacing:-.055em}.login-intro h1 span{display:block;color:var(--blue-2);margin-top:4px}
.login-intro>p{max-width:760px;margin:0;color:#d0d6d8;font-size:14px;font-weight:500;line-height:1.68}
.internal-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:13px 16px;border:1px solid rgba(36,185,219,.28);border-radius:14px;background:rgba(36,185,219,.08);backdrop-filter:blur(8px)}
.internal-strip strong{display:block;font-size:12px;font-weight:700}.internal-strip small{display:block;margin-top:4px;color:#c8d0d3;font-size:9px;font-weight:500;line-height:1.4}.internal-strip-badge{flex:0 0 auto;padding:8px 11px;border-radius:999px;color:#181d1f;background:linear-gradient(135deg,var(--blue-2),var(--blue));font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.feature{min-height:90px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.045);backdrop-filter:blur(8px)}
.feature-icon{grid-row:1/span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(99,214,239,.28);color:var(--blue-2);background:rgba(36,185,219,.09)}.feature-icon svg{width:20px;height:20px}.feature b{font-size:12px;font-weight:700}.feature small{margin-top:4px;color:#c0c9cd;font-size:8.5px;font-weight:500;line-height:1.5}

.login-card{grid-column:2;grid-row:2/6;width:100%;height:100%;min-height:0;align-self:stretch;margin:0;padding:clamp(24px,2vw,30px);border:1px solid rgba(255,255,255,.26);border-radius:24px;color:var(--ink);background:rgba(255,255,255,.985);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}
.login-card-head>label{display:block;color:#a47b00;text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:900}.login-card h2{margin:8px 0 7px;font-size:clamp(22px,1.55vw,27px);font-weight:700;line-height:1.12;letter-spacing:-.035em}.login-card-head>p{margin:0 0 14px;color:var(--muted);font-size:9.5px;font-weight:500;line-height:1.5}
.login-field{display:block;margin:7px 0}.login-field>span:first-child{display:block;margin-bottom:6px;color:#52616a;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.input-wrap{position:relative;display:block}.login-field input{width:100%;height:43px;padding:0 43px 0 14px;border:1px solid #d3dde2;border-radius:11px;outline:none;color:var(--ink);background:#fff;font-size:11px;font-weight:500;transition:.18s}.login-field input::placeholder{color:#99a5ab}.login-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,185,219,.16)}
.toggle-password{position:absolute;right:7px;top:50%;width:32px;height:32px;transform:translateY(-50%);border:0;border-radius:9px;color:#73828a;background:transparent;cursor:pointer}.toggle-password:hover{background:#edf3f5}.toggle-password svg{width:16px;height:16px}
.submit{width:100%;min-height:44px;margin-top:8px;border:0;border-radius:11px;color:#181d1f;background:linear-gradient(135deg,var(--blue-2),var(--blue));cursor:pointer;font-size:10px;font-weight:900;box-shadow:0 12px 28px rgba(197,148,0,.22);transition:.18s}.submit:hover{transform:translateY(-1px);box-shadow:0 15px 33px rgba(197,148,0,.29)}.submit:focus-visible,.toggle-password:focus-visible{outline:3px solid rgba(36,185,219,.30);outline-offset:3px}.login-error{min-height:12px;display:block;margin-top:5px;color:var(--danger);font-size:8.5px;font-weight:700}
.admin-support{margin-top:3px;padding:10px 12px;border:1px solid #d8e4e9;border-radius:12px;background:#f5f9fa}.admin-support-title{display:block;color:#a47b00;font-size:7.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.admin-support p{margin:4px 0 6px;color:#65747c;font-size:8px;font-weight:500;line-height:1.4}.admin-support-contact{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;font-size:8px;line-height:1.35}.admin-support-contact strong{color:#1d2b33;font-size:9px}.admin-support-contact a{color:#8f6f00;text-decoration:none;font-weight:700}.admin-support-contact a:hover{text-decoration:underline}
.security{display:flex;gap:8px;margin-top:9px;padding-top:10px;border-top:1px solid var(--line);color:#839099;font-size:7.5px;font-weight:500;line-height:1.45}.security i{width:8px;height:8px;flex:0 0 auto;margin-top:2px;border:2px solid var(--success);border-radius:50%}
.login-footer{width:min(1400px,100%);margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex:0 0 auto;color:#8fa5af;font-size:8px;font-weight:500}



/* DYSKRETNA STREFA PRACOWNIKA */
.employee-trigger{display:inline-flex;align-items:center;gap:7px;margin-left:14px;padding:5px 0;border:0;color:#96a4aa;background:transparent;cursor:pointer;font:600 8px Montserrat,"Segoe UI",Arial,sans-serif;opacity:.82;transition:.18s}
.employee-trigger:hover{color:#ffd94a;opacity:1}.employee-trigger svg{width:11px;height:11px;stroke-width:2}
.login-footer-right{display:flex;align-items:center;gap:10px}
.employee-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(8,12,14,.64);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.2s}
.employee-overlay.is-open{opacity:1;visibility:visible}
.employee-modal{position:relative;width:min(560px,100%);max-height:min(760px,calc(100vh - 42px));overflow:auto;padding:28px 30px 26px;border:1px solid #dfe5e8;border-radius:22px;color:#20282c;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.42)}
.employee-close{position:absolute;top:16px;right:16px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #e0e5e7;border-radius:10px;color:#6f7b82;background:#f7f9f9;cursor:pointer}.employee-close:hover{color:#20282c;background:#eef1f2}.employee-close svg{width:16px;height:16px}
.employee-kicker{display:inline-flex;align-items:center;gap:8px;color:#9b7900;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.employee-kicker svg{width:13px;height:13px}
.employee-modal h2{max-width:460px;margin:10px 46px 8px 0;font-size:25px;line-height:1.12;letter-spacing:-.035em}.employee-modal>p{margin:0 0 14px;color:#6f7b82;font-size:10px;line-height:1.55}
.employee-info{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 16px}.employee-info span{padding:9px 10px;border:1px solid #e2e7e9;border-radius:10px;background:#f7f9f9;color:#5d696f;font-size:7.5px;font-weight:700;line-height:1.35}.employee-info b{display:block;margin-bottom:3px;color:#252e32;font-size:8px}
.employee-modal .submit{background:linear-gradient(135deg,#ffd94a,#ffc800);box-shadow:0 12px 28px rgba(197,148,0,.22)}.employee-modal .submit:hover{box-shadow:0 15px 33px rgba(197,148,0,.29)}
.employee-help{margin-top:10px;padding:10px 12px;border:1px solid #e1e6e8;border-radius:11px;background:#f7f9f9;color:#68757b;font-size:8px;line-height:1.5}.employee-help b{color:#252e32}.employee-help a{color:#8f6f00;text-decoration:none;font-weight:700}.employee-success{display:block;min-height:12px;margin-top:5px;color:#327a59;font-size:8.5px;font-weight:700}
.partner-info{margin-top:4px;padding:10px 12px;border:1px solid #e0e5e7;border-radius:12px;background:#f7f9f9}.partner-info-title{display:block;color:#9b7900;font-size:7.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.partner-info p{margin:4px 0 0;color:#68757b;font-size:8px;font-weight:500;line-height:1.45}
@media(max-width:680px){.employee-info{grid-template-columns:1fr}.employee-modal{padding:24px 20px}.login-footer-right{align-items:flex-end;flex-direction:column;gap:3px}.employee-trigger{margin-left:0}}

/* V5 — wzmocniona identyfikacja i pełniejsze wykorzystanie karty partnerskiej */
:root{
  --petrol:#8d6c00;
  --blue:#ffd400;
  --blue-2:#ffe14a;
  --blue-soft:#fff8cc;
}
.login-screen{
  background:
    radial-gradient(circle at 79% 10%,rgba(255,212,0,.17) 0,transparent 30%),
    radial-gradient(circle at 12% 90%,rgba(255,255,255,.05) 0,transparent 33%),
    linear-gradient(135deg,#101618 0%,#1c2529 48%,#29353a 100%);
}
.login-screen:after{border-color:rgba(255,212,0,.10)}
.eyebrow i{background:var(--blue);box-shadow:0 0 0 6px rgba(255,212,0,.13)}
.eyebrow i:after{border-color:rgba(255,225,74,.98)}
.internal-strip{border-color:rgba(255,212,0,.34);background:rgba(255,212,0,.075)}
.feature-icon{border-color:rgba(255,225,74,.32);color:var(--blue-2);background:rgba(255,212,0,.085)}
.login-card{justify-content:space-between;gap:18px}
.partner-card-top,.partner-card-bottom{display:flex;flex-direction:column}
.partner-card-top{gap:4px}
.partner-card-bottom{gap:10px}
.partner-fields{display:flex;flex-direction:column}
.login-card-head>label{color:#a47b00}
.login-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(255,212,0,.18)}
.submit{color:#161a1c;background:linear-gradient(135deg,#ffe14a 0%,#ffd400 58%,#ffc400 100%);box-shadow:0 12px 28px rgba(218,171,0,.26)}
.submit:hover{box-shadow:0 15px 33px rgba(218,171,0,.34)}
.partner-info{margin-top:0;padding:12px 14px;border-color:#e1e5e6;background:#f8f9f9}
.partner-info-title{color:#9a7600;font-size:8px}
.partner-info p{font-size:8.5px;line-height:1.5}
.partner-access-help{padding:13px 14px;border:1px solid #e0e5e7;border-radius:13px;background:#fffdf5;box-shadow:inset 3px 0 0 var(--blue)}
.partner-access-help-kicker{display:block;color:#8f6d00;font-size:7.8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.partner-access-help>p{margin:5px 0 9px;color:#66747a;font-size:8.4px;font-weight:500;line-height:1.45}
.partner-access-contact{display:flex;align-items:center;justify-content:space-between;gap:12px}
.partner-access-person{display:flex;align-items:center;gap:9px;min-width:0}.partner-access-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#252e32;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.03em}.partner-access-person strong{display:block;color:#20282c;font-size:9.2px}.partner-access-person small{display:block;margin-top:2px;color:#7b878d;font-size:7px;font-weight:600}
.partner-access-links{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.partner-access-links a{display:inline-flex;align-items:center;gap:5px;color:#735900;text-decoration:none;font-size:7.5px;font-weight:800;white-space:nowrap}.partner-access-links a:hover{text-decoration:underline}.partner-access-links svg{width:12px;height:12px;color:#b08900}
.partner-access-alt{margin-top:9px;padding-top:8px;border-top:1px solid #ece7cf;color:#758187;font-size:7.5px;font-weight:600;line-height:1.4}.partner-access-alt span{display:inline-block;margin-right:5px;padding:2px 6px;border-radius:999px;color:#6d5500;background:#fff2a6;font-size:6.5px;font-weight:900;text-transform:uppercase}
.security{margin-top:0;padding-top:10px}

/* większa i bardziej reprezentacyjna strefa pracownika */
.employee-modal{width:min(640px,100%);padding:32px 34px 30px;border-radius:24px;overflow:hidden}
.employee-modal:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ffd400,#ffe871,#ffd400)}
.employee-modal:after{content:"B2B";position:absolute;right:24px;bottom:10px;z-index:0;color:#20282c;font-size:82px;font-weight:900;letter-spacing:-.08em;opacity:.028;pointer-events:none}
.employee-modal>*{position:relative;z-index:1}
.employee-modal-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:48px}
.employee-kicker{font-size:9.5px}.employee-kicker svg{width:15px;height:15px}
.employee-internal-badge{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #e3e7e9;border-radius:999px;color:#626f75;background:#f7f9f9;font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.employee-modal h2{max-width:500px;margin:12px 46px 9px 0;font-size:30px;line-height:1.1}
.employee-modal>p{margin-bottom:17px;font-size:11.5px;line-height:1.6}
.employee-info{gap:9px;margin:16px 0 18px}.employee-info span{padding:12px;border-radius:12px;font-size:8.5px;line-height:1.45}.employee-info b{font-size:9.5px;margin-bottom:4px}
.employee-modal .login-field{margin:9px 0}.employee-modal .login-field>span:first-child{font-size:8.7px;margin-bottom:7px}.employee-modal .login-field input{height:48px;font-size:11.5px;border-radius:12px}.employee-modal .submit{min-height:48px;font-size:10.8px;border-radius:12px}
.employee-help{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:9px;line-height:1.55}.employee-help b{font-size:9.5px}
.employee-success,.employee-modal .login-error{font-size:9px}
.employee-close{top:17px;right:17px;width:36px;height:36px}
.employee-trigger:hover{color:var(--blue)}

@media(max-width:900px){
  .login-card{justify-content:flex-start}
  .partner-access-contact{align-items:flex-start;flex-direction:column}
  .partner-access-links{align-items:flex-start}
}
@media(max-width:680px){
  .employee-modal{padding:30px 20px 24px}
  .employee-modal-topline{align-items:flex-start;flex-direction:column;padding-right:42px;gap:8px}
  .employee-modal h2{font-size:26px}
  .employee-modal>p{font-size:10.5px}
  .partner-access-links a{white-space:normal}
}

/* V6 — uproszczona karta partnerska + mocniejszy brand PEREKO */
:root{
  --petrol:#7a6200;
  --blue:#ffdd00;
  --blue-2:#ffe84d;
  --blue-soft:#fff9cc;
}
.login-screen{
  background:
    radial-gradient(circle at 79% 10%,rgba(255,221,0,.18) 0,transparent 29%),
    radial-gradient(circle at 12% 90%,rgba(255,255,255,.035) 0,transparent 31%),
    linear-gradient(135deg,#0b1012 0%,#151d20 48%,#222d31 100%);
}
.login-screen:after{border-color:rgba(255,221,0,.11)}
.login-intro h1 span{color:var(--blue-2);font-weight:800}
.login-intro h1 span strong{font-weight:800}
.eyebrow i{background:var(--blue);box-shadow:0 0 0 6px rgba(255,221,0,.14)}
.internal-strip{border-color:rgba(255,221,0,.38);background:rgba(255,221,0,.085)}
.feature-icon{border-color:rgba(255,232,77,.36);color:var(--blue-2);background:rgba(255,221,0,.095)}
.login-card-head>label{color:#9a7600}
.login-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(255,221,0,.20)}
.submit{background:linear-gradient(135deg,#ffe84d 0%,#ffdd00 58%,#ffd000 100%);box-shadow:0 12px 28px rgba(215,173,0,.30)}
.submit:hover{box-shadow:0 15px 34px rgba(215,173,0,.39)}
.partner-card-bottom{gap:12px}
.partner-info{padding:13px 15px;background:#f8f9f9}
.partner-info-title{color:#8a6a00;font-size:8.2px}
.partner-info p{font-size:8.7px;line-height:1.52}

.request-access{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid #e2e5e6;border-radius:13px;text-align:left;color:#20282c;background:#fffdf4;box-shadow:inset 3px 0 0 var(--blue);cursor:pointer;transition:.18s ease}
.request-access:hover{transform:translateY(-1px);border-color:#d8ca7b;background:#fffbea;box-shadow:inset 3px 0 0 var(--blue),0 9px 24px rgba(32,40,44,.07)}
.request-access-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#242d31;color:var(--blue)}
.request-access-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.request-access-copy strong{display:block;font-size:9.2px;font-weight:800}.request-access-copy small{display:block;margin-top:3px;color:#78848a;font-size:7.4px;font-weight:600;line-height:1.35}
.request-access-cta{display:inline-flex;align-items:center;gap:5px;color:#765b00;font-size:7.5px;font-weight:900;white-space:nowrap}.request-access-cta svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.security{padding-top:11px}

.access-overlay{position:fixed;inset:0;z-index:1050;display:grid;place-items:center;padding:24px;background:rgba(8,12,14,.66);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.2s}
.access-overlay.is-open{opacity:1;visibility:visible}
.access-modal{position:relative;width:min(590px,100%);max-height:calc(100vh - 42px);overflow:auto;padding:31px 32px 28px;border:1px solid #dfe5e8;border-radius:23px;color:#20282c;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.42)}
.access-modal:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ffdd00,#ffed74,#ffdd00)}
.access-close{position:absolute;right:16px;top:16px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e0e5e7;border-radius:50%;color:#6b777d;background:#f7f9f9;cursor:pointer}.access-close:hover{background:#eef1f2;color:#222b2f}.access-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.access-modal-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-right:48px}
.access-kicker{display:inline-flex;align-items:center;gap:8px;color:#836500;font-size:8.5px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.access-kicker i{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(255,221,0,.13)}
.access-badge{padding:6px 9px;border:1px solid #e3e7e9;border-radius:999px;color:#657178;background:#f7f9f9;font-size:6.8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.access-modal h2{margin:13px 48px 8px 0;font-size:29px;line-height:1.08;letter-spacing:-.035em}.access-modal>p{margin:0;color:#69767d;font-size:10.5px;font-weight:500;line-height:1.62}
.access-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 14px}.access-steps>div{min-height:106px;padding:12px;border:1px solid #e2e6e8;border-radius:13px;background:#f8f9f9}.access-steps>div>span{display:grid;place-items:center;width:27px;height:27px;margin-bottom:8px;border-radius:8px;background:#242d31;color:var(--blue);font-size:8px;font-weight:900}.access-steps p{margin:0;color:#737f85;font-size:7.6px;font-weight:600;line-height:1.45}.access-steps b{display:block;margin-bottom:4px;color:#222a2e;font-size:8.6px}
.access-contact-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #e1e5e6;border-radius:13px;background:#fffdf3;box-shadow:inset 3px 0 0 var(--blue)}
.access-contact-person{display:flex;align-items:center;gap:10px}.access-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#242d31;color:var(--blue);font-size:10px;font-weight:900}.access-contact-person small{display:block;color:#7e898e;font-size:6.8px;font-weight:700}.access-contact-person strong{display:block;margin-top:2px;font-size:10px}
.access-contact-links{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.access-contact-links a{display:inline-flex;align-items:center;gap:5px;color:#745900;text-decoration:none;font-size:7.6px;font-weight:800}.access-contact-links a:hover{text-decoration:underline}.access-contact-links svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.access-alt{margin-top:10px;padding:10px 12px;border-radius:11px;color:#6f7b81;background:#f4f6f6;font-size:8px;font-weight:600;line-height:1.45}.access-alt span{display:inline-block;margin-right:6px;padding:2px 6px;border-radius:999px;color:#6f5600;background:#fff0a1;font-size:6.4px;font-weight:900;text-transform:uppercase}
.access-done{width:100%;min-height:44px;margin-top:12px;border:0;border-radius:11px;color:#161a1c;background:linear-gradient(135deg,#ffe84d,#ffdd00);font-size:9.5px;font-weight:900;cursor:pointer}.access-done:hover{filter:brightness(.98)}

.employee-modal:before{background:linear-gradient(90deg,#ffdd00,#ffed74,#ffdd00)}
.employee-trigger:hover{color:var(--blue)}

@media(max-width:680px){
  .request-access{grid-template-columns:36px minmax(0,1fr)}.request-access-cta{grid-column:2;margin-top:2px}
  .access-modal{padding:29px 20px 23px}.access-modal-topline{align-items:flex-start;flex-direction:column;gap:8px}.access-steps{grid-template-columns:1fr}.access-steps>div{min-height:0}.access-contact-card{align-items:flex-start;flex-direction:column}.access-contact-links{align-items:flex-start}
}

/* V7 — karta Dostęp partnerski wzorowana 1:1 na logowaniu Panelu B2B Handlowca */
.login-card{
  justify-content:center;
  gap:0;
  padding:clamp(28px,2.2vw,34px);
}
.partner-card-top,.partner-card-bottom{display:block}
.login-card-head>label{
  margin-bottom:8px;
  color:#a87f00;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.12em;
}
.login-card h2{
  margin:0 0 8px;
  font-size:clamp(27px,1.8vw,32px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.04em;
}
.login-card-head>p{
  margin:0 0 20px;
  color:#6f7b82;
  font-size:11.5px;
  font-weight:500;
  line-height:1.55;
}
.partner-fields{display:block}
.login-field{margin:0 0 14px}
.login-field>span:first-child{
  display:block;
  margin-bottom:7px;
  color:#465157;
  font-size:9.2px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.login-field input{
  height:50px;
  padding:0 15px;
  border-radius:12px;
  font-size:11.8px;
  font-weight:500;
}
.submit{
  min-height:50px;
  margin-top:2px;
  border-radius:12px;
  font-size:11px;
  font-weight:900;
}
.login-error{display:block;min-height:15px;margin-top:7px;font-size:9px}
.partner-card-bottom{margin-top:14px}
.partner-support{
  padding:13px 14px;
  border:1px solid #dfe5e8;
  border-radius:12px;
  background:#f8f9f9;
}
.partner-support-title{
  display:block;
  margin-bottom:5px;
  color:#9a7600;
  font-size:8.6px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.partner-support p{
  margin:0 0 8px;
  color:#657178;
  font-size:9px;
  font-weight:500;
  line-height:1.45;
}
.partner-support-contact{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 12px;
}
.partner-support-contact strong{
  color:#20282c;
  font-size:9.6px;
  font-weight:800;
}
.partner-support-contact a{
  color:#8a6a00;
  font-size:8.8px;
  font-weight:800;
  text-decoration:none;
}
.partner-support-contact a:hover{text-decoration:underline}
.security{
  margin-top:10px;
  padding-top:11px;
  font-size:8px;
  line-height:1.45;
}
/* stare komponenty dostępu partnerskiego nie są już używane */
.partner-info,.request-access,.access-overlay{display:none!important}

@media(max-width:900px){
  .login-card{justify-content:flex-start}
}
@media(max-width:680px){
  .login-card{padding:25px 20px}
  .login-card h2{font-size:27px}
  .login-card-head>p{font-size:10.5px}
  .partner-support-contact{align-items:flex-start;flex-direction:column;gap:4px}
}


/* V8 — referencyjny żółty PEREKO + kompatybilne okno Strefy Pracownika */
:root{
  --pereko-yellow:#ffdd00;
  --blue:#ffdd00;
  --blue-2:#ffdd00;
  --blue-soft:#fff9cc;
}
.login-intro h1 span,
.eyebrow,
.feature-icon,
.employee-trigger:hover{color:var(--pereko-yellow)}
.eyebrow i{background:var(--pereko-yellow);box-shadow:0 0 0 6px rgba(255,221,0,.15)}
.internal-strip-badge,
.submit{background:var(--pereko-yellow);color:#151a1c}
.internal-strip-badge{box-shadow:0 8px 24px rgba(255,221,0,.12)}
.submit{box-shadow:0 12px 28px rgba(255,221,0,.18)}
.submit:hover{background:#ffe533;box-shadow:0 15px 33px rgba(255,221,0,.24)}
.feature-icon{border-color:rgba(255,221,0,.38);background:rgba(255,221,0,.09)}
.login-field input:focus{border-color:var(--pereko-yellow);box-shadow:0 0 0 3px rgba(255,221,0,.20)}
.login-card-head>label,.partner-support-title,.partner-support-contact a{color:#8a6b00}
.login-screen{
  background:
    radial-gradient(circle at 79% 10%,rgba(255,221,0,.13) 0,transparent 30%),
    radial-gradient(circle at 12% 90%,rgba(255,255,255,.045) 0,transparent 33%),
    linear-gradient(135deg,#0f1517 0%,#1a2226 48%,#263237 100%);
}

/* Modal pracownika — konstrukcja zgodna z oknami chronionych podsystemów */
.employee-overlay{background:rgba(10,14,16,.70);backdrop-filter:blur(8px)}
.employee-modal.employee-protected{
  width:min(690px,100%);
  max-height:min(790px,calc(100vh - 36px));
  padding:30px 32px 28px;
  overflow:auto;
  border:1px solid #d9e0e3;
  border-radius:22px;
  color:#20282c;
  background:#fff;
  box-shadow:0 34px 100px rgba(0,0,0,.48);
}
.employee-modal.employee-protected:before{display:none}
.employee-modal.employee-protected:after{display:none}
.employee-protected>*{position:relative;z-index:2}
.employee-protected .employee-close{
  top:18px;right:18px;width:36px;height:36px;border-radius:11px;
  border:1px solid #e0e5e7;background:#f6f8f8;color:#69767c;
}
.employee-protected .employee-close:hover{background:#edf1f2;color:#20282c}
.protected-lock{
  width:58px;height:58px;display:grid;place-items:center;margin-bottom:22px;
  border-radius:16px;background:var(--pereko-yellow);color:#1c2529;
  box-shadow:0 11px 25px rgba(255,221,0,.22);
}
.protected-lock svg{width:25px;height:25px;stroke-width:2.1}
.protected-kicker{
  margin-bottom:9px;color:#7e898e;font-size:9px;font-weight:900;
  letter-spacing:.13em;text-transform:uppercase;
}
.employee-protected h2{
  max-width:570px;margin:0 44px 11px 0;color:#20282c;
  font-size:clamp(27px,2.2vw,34px);font-weight:850;line-height:1.08;letter-spacing:-.045em;
}
.protected-lead{
  max-width:610px!important;margin:0!important;color:#66737a!important;
  font-size:11.5px!important;font-weight:500;line-height:1.65!important;
}
.protected-login-box{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr) auto;
  align-items:end;gap:10px;margin-top:23px;padding:15px;
  border:1px solid #dce3e6;border-radius:15px;background:#f5f7f7;
}
.protected-field{display:block;min-width:0}
.protected-field>span:first-child{
  display:block;margin:0 0 7px 2px;color:#7b878d;font-size:8px;
  font-weight:900;letter-spacing:.09em;text-transform:uppercase;
}
.protected-field input{
  width:100%;height:48px;padding:0 14px;border:1px solid #ccd5d9;border-radius:11px;
  outline:0;background:#fff;color:#20282c;font-size:11px;font-weight:600;transition:.18s;
}
.protected-field input::placeholder{color:#9ba6ab;font-weight:500}
.protected-field input:focus{border-color:var(--pereko-yellow);box-shadow:0 0 0 3px rgba(255,221,0,.20)}
.protected-input-wrap{position:relative;display:block}
.protected-password input{padding-right:43px}
.protected-toggle{right:7px;top:50%;transform:translateY(-50%)}
.protected-submit{
  height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:0 17px;border:0;border-radius:11px;white-space:nowrap;
  background:var(--pereko-yellow);color:#171c1e;cursor:pointer;
  font-size:10px;font-weight:900;box-shadow:0 10px 24px rgba(255,221,0,.18);transition:.18s;
}
.protected-submit:hover{transform:translateY(-1px);background:#ffe533;box-shadow:0 13px 28px rgba(255,221,0,.25)}
.protected-submit svg{width:15px;height:15px;stroke-width:2}
.protected-error,.protected-success{display:block;min-height:14px;margin-top:7px;font-size:9px;font-weight:800}
.protected-help{margin-top:13px;color:#67747a;font-size:9.5px;line-height:1.5}
.protected-help p{margin:0 0 7px}.protected-help strong{display:block;margin-bottom:8px;color:#283135;font-size:10.5px}
.protected-help-links{display:flex;flex-wrap:wrap;gap:8px 15px}
.protected-help-links a{
  display:inline-flex;align-items:center;gap:6px;color:#8a6a00;text-decoration:none;
  font-size:9px;font-weight:900;
}
.protected-help-links a:hover{text-decoration:underline;color:#6f5600}
.protected-help-links svg{width:14px;height:14px;stroke-width:2}
.protected-back{
  display:inline-flex;align-items:center;gap:7px;min-height:42px;margin-top:20px;padding:0 15px;
  border:1px solid #ccd5d9;border-radius:11px;background:#f5f7f7;color:#344045;cursor:pointer;
  font-size:9.5px;font-weight:900;transition:.18s;
}
.protected-back:hover{background:#eceff0;border-color:#bbc6ca}
.protected-back svg{width:14px;height:14px;stroke-width:2}
.protected-watermark{
  position:absolute!important;right:22px;bottom:-18px!important;z-index:0!important;
  color:#243035;font-size:110px;font-weight:900;line-height:1;opacity:.035;pointer-events:none;
}
@media(max-width:780px){
  .employee-modal.employee-protected{padding:26px 20px 24px}
  .protected-login-box{grid-template-columns:1fr}
  .protected-submit{width:100%}
  .employee-protected h2{font-size:28px}
  .protected-lead{font-size:10.5px!important}
}


/* V9 — dopracowane okno Strefy pracownika: bez scrollbara, większa typografia, równe marginesy */
.employee-modal.employee-protected{
  width:min(760px,calc(100vw - 48px));
  max-height:none;
  overflow:hidden;
  padding:32px;
  border-radius:24px;
}
.employee-protected .employee-close{display:none!important}
.protected-heading{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin:0 0 22px;
}
.protected-lock{
  width:64px;
  height:64px;
  margin:0;
  border-radius:17px;
  box-shadow:0 12px 28px rgba(255,221,0,.24);
}
.protected-lock svg{width:28px;height:28px}
.protected-heading-copy{min-width:0}
.protected-kicker{
  margin:1px 0 8px;
  color:#6f7b80;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.12em;
}
.employee-protected h2{
  max-width:none;
  margin:0 0 9px;
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.protected-lead{
  max-width:none!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.protected-login-box{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.82fr) auto;
  gap:12px;
  margin-top:0;
  padding:16px;
  border-radius:16px;
}
.protected-field>span:first-child{
  margin-bottom:8px;
  font-size:10px;
  letter-spacing:.075em;
}
.protected-field input{
  height:52px;
  padding:0 15px;
  border-radius:12px;
  font-size:13px;
}
.protected-password input{padding-right:46px}
.protected-submit{
  height:52px;
  padding:0 18px;
  border-radius:12px;
  font-size:11.5px;
}
.protected-error,.protected-success{
  min-height:13px;
  margin-top:6px;
  font-size:10px;
}
.protected-help{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:20px;
  row-gap:5px;
  align-items:center;
  margin-top:10px;
  padding:13px 15px;
  border:1px solid #dce3e6;
  border-radius:14px;
  background:#f7f9f9;
  color:#5e6b71;
  font-size:11.5px;
  line-height:1.45;
}
.protected-help p{margin:0;grid-column:1/2}
.protected-help strong{
  grid-column:1/2;
  margin:0;
  font-size:12px;
  line-height:1.35;
}
.protected-help-links{
  grid-column:2/3;
  grid-row:1/3;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  min-width:205px;
}
.protected-help-links a{font-size:11px;gap:7px}
.protected-help-links svg{width:15px;height:15px}
.protected-back{
  min-height:46px;
  margin-top:14px;
  padding:0 17px;
  border-radius:12px;
  font-size:11px;
}
.protected-watermark{right:24px;bottom:-22px!important;font-size:102px}

@media(max-height:760px) and (min-width:781px){
  .employee-modal.employee-protected{padding:26px 28px}
  .protected-heading{grid-template-columns:56px minmax(0,1fr);gap:15px;margin-bottom:16px}
  .protected-lock{width:56px;height:56px;border-radius:15px}
  .protected-lock svg{width:24px;height:24px}
  .employee-protected h2{font-size:28px;margin-bottom:7px}
  .protected-kicker{font-size:10px;margin-bottom:6px}
  .protected-lead{font-size:11.5px!important;line-height:1.48!important}
  .protected-login-box{padding:13px;gap:10px}
  .protected-field input,.protected-submit{height:47px}
  .protected-help{margin-top:8px;padding:10px 13px;font-size:10.5px}
  .protected-help strong{font-size:11px}
  .protected-help-links a{font-size:10.5px}
  .protected-back{min-height:41px;margin-top:10px}
}

@media(max-width:780px){
  .employee-modal.employee-protected{
    width:min(640px,calc(100vw - 28px));
    max-height:none;
    overflow:hidden;
    padding:24px 20px;
  }
  .protected-heading{grid-template-columns:52px minmax(0,1fr);gap:14px;margin-bottom:18px}
  .protected-lock{width:52px;height:52px;border-radius:14px}
  .protected-lock svg{width:23px;height:23px}
  .employee-protected h2{font-size:25px}
  .protected-kicker{font-size:9.5px}
  .protected-lead{font-size:11.5px!important}
  .protected-login-box{grid-template-columns:1fr;gap:11px}
  .protected-submit{width:100%}
  .protected-help{grid-template-columns:1fr;gap:7px;font-size:11px}
  .protected-help p,.protected-help strong,.protected-help-links{grid-column:1;grid-row:auto}
  .protected-help-links{min-width:0}
}