/* KAZUKO LABEL V1.1.5 LOGIN V3 - one-screen desktop/laptop, clean responsive */
.kzlg-screen{--orange:#ee5a14;--line:#f2a36f;--mint:#c9f3df;font-family:Arial,"Segoe UI",sans-serif;color:#151515;background:linear-gradient(135deg,#fffaf6,#fff1e4);box-sizing:border-box}.kzlg-screen *{box-sizing:border-box}
@media(min-width:901px){.kzlg-screen{position:fixed;inset:0;overflow:hidden;padding:10px 18px;z-index:50}.kzlg-wrap{height:100%;max-width:1420px;margin:auto;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:6px}.kzlg-main{min-height:0;display:grid;grid-template-columns:42% 58%;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.kzlg-visual{min-height:0;overflow:hidden;background:#fff8f1}.kzlg-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}.kzlg-formbox{min-height:0;padding:clamp(18px,2.5vh,32px) clamp(38px,5vw,78px);display:flex;flex-direction:column;justify-content:center}.kzlg-mobile-brand{display:none}.kzlg-title{text-align:center;color:var(--orange);font-size:clamp(28px,2.2vw,38px);font-weight:900;line-height:1.02}.kzlg-welcome{text-align:center;font-size:clamp(11px,.85vw,14px);line-height:1.28;margin:7px 0 0}.kzlg-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 10px;color:#f09a57}.kzlg-divider span{width:54px;border-top:1px solid #f09a57}.kzlg-form{display:grid;gap:7px}.kzlg-input{height:44px;border:1px solid #d8cdc5;border-radius:9px;display:grid;grid-template-columns:34px 1fr auto;align-items:center}.kzlg-input input{border:0!important;outline:0!important;width:100%;height:100%;font:14px Arial,sans-serif;background:transparent!important}.kzlg-input>span{text-align:center}.kzlg-eye{border:0;background:none;padding:0 12px}.kzlg-tools{display:flex;justify-content:space-between;align-items:center;font-size:11px}.kzlg-tools label{display:flex;align-items:center;gap:6px}.kzlg-tools input{width:15px;height:15px}.kzlg-tools button,.kzlg-signup button{border:0;background:none;color:var(--orange)}.kzlg-screen .login-error{min-height:8px;font-size:9px;color:#a00;text-align:center}.kzlg-submit{height:44px;border:1.5px solid #ef3b36;border-radius:9px;background:var(--mint);font-weight:900;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.kzlg-submit b{grid-column:2}.kzlg-submit span{grid-column:3;justify-self:center}.kzlg-or{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:10px;color:#777}.kzlg-or span{flex:1;border-top:1px solid #efa36f}.kzlg-or em{font-style:normal}.kzlg-social{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kzlg-social button{height:36px;border:1px solid var(--line);border-radius:8px;background:#fff}.kzlg-signup{text-align:center;font-size:11px;margin-top:5px}.kzlg-company{text-align:center;line-height:1.15;padding:0 8px}.kzlg-company h2{font-size:clamp(15px,1.18vw,19px);color:var(--orange);margin:0 0 2px}.kzlg-contact{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 14px;font-size:clamp(8px,.67vw,10.5px)}.kzlg-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.kzlg-benefits>div{min-height:34px;border:1px solid #ead7c8;border-radius:9px;background:#fff9f4;display:flex;align-items:center;justify-content:center;gap:6px}.kzlg-benefits b{font-size:9px}.kzlg-benefits small{font-size:8px;color:#777}.kzlg-bottom{display:none}.kzlg-copy{display:none}.login-toast{position:fixed;right:16px;top:16px;background:#e8fff3;color:#173b2a;border:1.5px solid var(--orange);border-radius:9px;padding:9px 13px;opacity:0;pointer-events:none}.login-toast.show{opacity:1}}
@media(min-width:901px) and (max-height:760px){.kzlg-screen{padding:6px 12px}.kzlg-wrap{gap:4px}.kzlg-main{grid-template-columns:40% 60%}.kzlg-formbox{padding:10px 44px}.kzlg-title{font-size:26px}.kzlg-welcome{font-size:10px}.kzlg-divider{margin:4px 0 6px}.kzlg-input,.kzlg-submit{height:38px}.kzlg-form{gap:5px}.kzlg-social button{height:32px}.kzlg-company h2{font-size:14px}.kzlg-contact{font-size:8px}.kzlg-benefits>div{min-height:28px}.kzlg-benefits b{font-size:8px}.kzlg-benefits small{font-size:7px}}
@media(max-width:900px){.kzlg-screen{min-height:100svh;padding:10px;overflow:auto}.kzlg-wrap{width:min(620px,100%);margin:auto;display:grid;gap:8px}.kzlg-main{border:1px solid var(--line);border-radius:16px;background:#fff}.kzlg-visual{display:none}.kzlg-formbox{padding:18px 15px}.kzlg-mobile-brand{display:block;width:min(220px,64vw);max-height:95px;object-fit:contain;margin:0 auto 6px}.kzlg-title{text-align:center;color:var(--orange);font-size:26px;font-weight:900;line-height:1.03}.kzlg-welcome{text-align:center;font-size:12px}.kzlg-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:7px 0}.kzlg-divider span{width:42px;border-top:1px solid var(--line)}.kzlg-form{display:grid;gap:8px}.kzlg-input{height:46px;border:1px solid #d8cdc5;border-radius:9px;display:grid;grid-template-columns:34px 1fr auto;align-items:center}.kzlg-input input{border:0!important;outline:0!important;width:100%;height:100%;font:16px Arial,sans-serif}.kzlg-eye{border:0;background:none}.kzlg-tools{display:flex;justify-content:space-between;font-size:12px}.kzlg-tools button,.kzlg-signup button{border:0;background:none;color:var(--orange)}.kzlg-submit{height:46px;width:100%;background:var(--mint);border:1.5px solid #ef3b36;border-radius:9px;font-weight:900}.kzlg-or{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:10px;color:#777}.kzlg-or span{flex:1;border-top:1px solid var(--line)}.kzlg-or em{font-style:normal}.kzlg-social{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kzlg-social button{height:40px;background:#fff;border:1px solid var(--line);border-radius:8px}.kzlg-signup{text-align:center;font-size:12px;margin-top:6px}.kzlg-company{text-align:center}.kzlg-company h2{font-size:15px;color:var(--orange);margin:0 0 4px}.kzlg-contact{display:grid;gap:3px;text-align:center;font-size:10px}.kzlg-benefits{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kzlg-benefits>div{min-height:40px;border:1px solid #ead7c8;border-radius:9px;background:#fff9f4;display:flex;align-items:center;justify-content:center;gap:5px}.kzlg-benefits b{font-size:10px}.kzlg-benefits small{font-size:8px}.kzlg-bottom,.kzlg-copy{display:none}.login-toast{position:fixed;left:12px;right:12px;top:12px;background:#e8fff3;border:1.5px solid var(--orange);border-radius:9px;padding:9px 13px;opacity:0;pointer-events:none}.login-toast.show{opacity:1}}

/* V1.2.0 desktop/laptop balance: smaller hero, larger readable company/footer, still one viewport */
@media(min-width:901px){
  .kzlg-wrap{grid-template-rows:minmax(0,1fr) auto auto!important;gap:8px!important}
  .kzlg-main{max-height:calc(100% - 108px)!important;align-self:stretch!important}
  .kzlg-visual img{object-position:center 48%!important}
  .kzlg-company{padding:2px 12px 0!important}
  .kzlg-company h2{font-size:clamp(17px,1.25vw,21px)!important;margin-bottom:4px!important}
  .kzlg-contact{font-size:clamp(9px,.72vw,11px)!important;gap:4px 16px!important;line-height:1.25!important}
  .kzlg-benefits{gap:8px!important}
  .kzlg-benefits>div{min-height:40px!important;padding:5px 8px!important}
  .kzlg-benefits b{font-size:10px!important}.kzlg-benefits small{font-size:9px!important}
}
@media(min-width:901px) and (max-height:760px){
  .kzlg-main{max-height:calc(100% - 90px)!important}
  .kzlg-company h2{font-size:15px!important}.kzlg-contact{font-size:8.5px!important}
  .kzlg-benefits>div{min-height:32px!important}.kzlg-benefits b{font-size:9px!important}.kzlg-benefits small{font-size:8px!important}
}


/* V1.2.1 FINAL TWO FIXES: desktop login balance + no wasted gap */
@media(min-width:901px){
  .kzlg-screen{padding:8px 18px!important}
  .kzlg-wrap{height:100%!important;grid-template-rows:auto auto auto!important;align-content:center!important;gap:7px!important}
  .kzlg-main{height:clamp(490px,68vh,610px)!important;max-height:none!important;min-height:0!important;align-self:auto!important}
  .kzlg-main{grid-template-columns:42% 58%!important}
  .kzlg-visual img{object-position:center 50%!important}
  .kzlg-formbox{padding:clamp(14px,2vh,24px) clamp(36px,4.6vw,70px)!important}
  .kzlg-title{font-size:clamp(29px,2.1vw,36px)!important}
  .kzlg-company{padding:0 10px!important;margin:0!important}
  .kzlg-company h2{font-size:clamp(18px,1.28vw,22px)!important;line-height:1.05!important;margin:0 0 4px!important}
  .kzlg-contact{font-size:clamp(10px,.74vw,12px)!important;gap:4px 18px!important;line-height:1.25!important}
  .kzlg-benefits{gap:8px!important}
  .kzlg-benefits>div{min-height:42px!important;padding:5px 10px!important}
  .kzlg-benefits b{font-size:11px!important}.kzlg-benefits small{font-size:9.5px!important}
}
@media(min-width:901px) and (max-height:780px){
  .kzlg-wrap{align-content:start!important;gap:5px!important}
  .kzlg-main{height:clamp(440px,67vh,520px)!important}
  .kzlg-formbox{padding:10px 38px!important}
  .kzlg-title{font-size:27px!important}.kzlg-welcome{font-size:10px!important}
  .kzlg-input,.kzlg-submit{height:38px!important}.kzlg-social button{height:32px!important}
  .kzlg-company h2{font-size:16px!important}.kzlg-contact{font-size:9px!important}
  .kzlg-benefits>div{min-height:34px!important}.kzlg-benefits b{font-size:9.5px!important}.kzlg-benefits small{font-size:8px!important}
}

/* ===== V1.2.3 FINAL LOGIN LAYOUT - source-of-truth override =====
   IMPORTANT: login-v3.css is loaded AFTER style.css, so this block must be final. */
@media (min-width:901px){
  .kzlg-screen{
    position:fixed!important;
    inset:0!important;
    overflow:hidden!important;
    padding:10px 18px 8px!important;
  }
  .kzlg-wrap{
    width:min(1500px,94vw)!important;
    max-width:1500px!important;
    height:100%!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    align-content:start!important;
    gap:7px!important;
  }
  .kzlg-main{
    width:100%!important;
    height:clamp(520px,72vh,650px)!important;
    max-height:none!important;
    min-height:0!important;
    align-self:start!important;
    grid-template-columns:42% 58%!important;
  }
  .kzlg-visual img{
    object-fit:cover!important;
    object-position:center 48%!important;
  }
  .kzlg-formbox{
    padding:clamp(14px,2vh,24px) clamp(38px,4.8vw,72px)!important;
  }
  .kzlg-title{font-size:clamp(30px,2.15vw,37px)!important}
  .kzlg-welcome{font-size:clamp(11px,.82vw,14px)!important}
  .kzlg-company{
    margin:0!important;
    padding:0 12px!important;
    text-align:center!important;
  }
  .kzlg-company h2{
    font-size:clamp(19px,1.32vw,23px)!important;
    line-height:1.05!important;
    margin:0 0 4px!important;
  }
  .kzlg-contact{
    justify-content:center!important;
    font-size:clamp(10.5px,.76vw,12.5px)!important;
    line-height:1.3!important;
    gap:4px 18px!important;
  }
  .kzlg-benefits{
    gap:8px!important;
  }
  .kzlg-benefits>div{
    min-height:44px!important;
    padding:6px 10px!important;
  }
  .kzlg-benefits b{font-size:11.5px!important}
  .kzlg-benefits small{font-size:10px!important}
}

/* Typical 1366x768 / short laptop: still one screen, no vertical scrollbar. */
@media (min-width:901px) and (max-height:800px){
  .kzlg-screen{padding:6px 14px 5px!important}
  .kzlg-wrap{gap:5px!important}
  .kzlg-main{height:clamp(430px,68vh,535px)!important}
  .kzlg-formbox{padding:9px 38px!important}
  .kzlg-title{font-size:27px!important}
  .kzlg-welcome{font-size:10px!important;margin-top:4px!important}
  .kzlg-divider{margin:4px 0 6px!important}
  .kzlg-input,.kzlg-submit{height:39px!important}
  .kzlg-social button{height:32px!important}
  .kzlg-company h2{font-size:17px!important}
  .kzlg-contact{font-size:9.2px!important;gap:2px 12px!important}
  .kzlg-benefits>div{min-height:34px!important;padding:4px 8px!important}
  .kzlg-benefits b{font-size:9.5px!important}
  .kzlg-benefits small{font-size:8.5px!important}
}

/* Very short desktop windows: prioritize fitting without shrinking the whole page. */
@media (min-width:901px) and (max-height:650px){
  .kzlg-main{height:410px!important}
  .kzlg-title{font-size:24px!important}
  .kzlg-welcome{display:none!important}
  .kzlg-company h2{font-size:15px!important}
  .kzlg-contact{font-size:8.2px!important}
  .kzlg-benefits>div{min-height:30px!important}
}