/* GoodLife ERP — вход (v2, 24.10.2026). Откат: вернуть gl-login.css из .bak-loginstyle-* или удалить строку подключения в login.php */
html body{
  min-height:100vh;min-height:100dvh;margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"!important;
  color:#2b2b2b;
  background-color:#f6f5f1!important;
  background-image:
    radial-gradient(900px 520px at 12% -8%, rgba(246,209,61,.30), transparent 60%),
    radial-gradient(760px 520px at 108% 112%, rgba(246,209,61,.20), transparent 60%),
    radial-gradient(rgba(43,43,43,.055) 1px, transparent 1.2px)!important;
  background-size:auto,auto,22px 22px!important;
  background-attachment:fixed;
}
html body .login-container{
  position:relative;max-width:400px;padding:40px 34px 34px;border-radius:22px;
  background:rgba(255,255,255,.96);border:1px solid #ecebe5;
  box-shadow:0 1px 2px rgba(40,35,20,.04),0 24px 60px -24px rgba(40,35,20,.22);
  animation:glIn .45s cubic-bezier(.2,.7,.2,1) both;
}
html body .login-container::before{
  content:"";display:block;width:108px;height:108px;margin:0 auto 18px;
  background:url(/apple-touch-icon.png?v=gl1) center/contain no-repeat;border-radius:26px;
  box-shadow:0 10px 24px -10px rgba(120,95,10,.35);
}
html body h1{
  font-family:inherit!important;font-size:24px!important;font-weight:700;letter-spacing:-.01em;line-height:1.2;
  background:none!important;-webkit-text-fill-color:#2b2b2b!important;color:#2b2b2b!important;margin:0 0 6px;
}
html body .subtitle{color:#7a7974;margin:0 0 28px;font-size:14px;}
html body .input-group{margin-bottom:14px;}
/* подписи остаются для экранных дикторов, на экране — иконка в поле и подсказка */
html body .input-group label{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
html body input[type="text"], html body .password-wrapper input{
  width:100%;height:50px;padding:0 14px 0 46px!important;font-size:16px;color:#2b2b2b;
  background-color:#fbfbf9!important;background-repeat:no-repeat!important;background-position:15px 50%!important;background-size:20px 20px!important;
  border:1px solid #dcdbd5!important;border-radius:12px!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
  -webkit-appearance:none;appearance:none;
}
html body input[type="text"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9893' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c1.5-3.6 4.4-5.4 8-5.4s6.5 1.8 8 5.4'/%3E%3C/svg%3E")!important;}
html body .password-wrapper input{padding-right:48px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9893' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")!important;}
html body input[type="text"]:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b38f00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c1.5-3.6 4.4-5.4 8-5.4s6.5 1.8 8 5.4'/%3E%3C/svg%3E")!important;}
html body .password-wrapper input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b38f00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")!important;}
html body input[type="text"]:hover, html body .password-wrapper input:hover{border-color:#c9c7bf!important;}
html body input[type="text"]:focus, html body .password-wrapper input:focus{outline:none;background-color:#fff!important;border-color:#e0b70f!important;box-shadow:0 0 0 4px rgba(246,209,61,.28);}
html body input::placeholder{color:#a3a19b;}
html body .toggle-password{
  right:8px!important;width:36px;height:36px;border-radius:10px;font-size:0!important;line-height:0;opacity:1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8883' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/20px 20px no-repeat;
  transition:background-color .15s ease;
}
html body .toggle-password:hover{background-color:#f1f0ea;}
html body button{
  width:100%;height:50px;margin-top:10px;padding:0 16px;
  background:#f6d13d!important;color:#2b2b2b!important;border:1px solid #e3bb12!important;border-radius:12px!important;
  font-weight:650!important;font-size:15px;letter-spacing:.04em;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 8px 18px -10px rgba(179,143,0,.55)!important;
  transition:background-color .18s ease,box-shadow .18s ease,transform .12s ease!important;
}
html body button:hover{background:#efc72a!important;transform:translateY(-1px)!important;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 12px 22px -12px rgba(179,143,0,.6)!important;}
html body button:active{transform:translateY(0) scale(.985)!important;background:#e6bd1d!important;}
html body button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(246,209,61,.4)!important;}
html body .error{background:#fbf1f0;color:#b83a32;border:1px solid #efd3d0;border-radius:12px;font-size:14px;text-align:left;padding:11px 14px;}
@keyframes glIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:480px){
  html body{padding:16px!important;align-items:flex-start!important;padding-top:max(9vh,calc(env(safe-area-inset-top) + 24px))!important;}
  html body .login-container{padding:30px 20px 24px;border-radius:20px;}
  html body .login-container::before{width:92px;height:92px;border-radius:22px;margin-bottom:14px;}
  html body h1{font-size:22px!important;}
  html body .subtitle{margin-bottom:22px;}
}
@media (prefers-reduced-motion:reduce){html body .login-container{animation:none}html body *{transition:none!important}}