/* Дорвол — страницы входа в стиле «Солидный» (2026-10-31). Используется login.html и payroll_login.html. */
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:#1b232a;color:#1b2329;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 0%,rgba(224,184,61,.10),transparent 34rem)}
body:after{content:"";position:fixed;left:0;right:0;bottom:9%;height:4px;pointer-events:none;opacity:.45;background:repeating-linear-gradient(90deg,rgba(224,184,61,.6) 0 46px,transparent 46px 92px)}
.login-card{position:relative;z-index:1;width:min(400px,100%);padding:32px 32px 30px;background:#fff;border-radius:12px;border-top:4px solid #e0b83d;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.mark{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;background:#e0b83d;color:#1b2329;font-weight:800;letter-spacing:.02em}
.brand b{display:block;font-size:15px}
.brand span{display:block;margin-top:3px;color:#64717b;font-size:12px}
h1{margin:0 0 6px;font-size:22px;letter-spacing:-.01em}
p{margin:0 0 22px;color:#64717b;font-size:14px;line-height:1.45}
label{display:block;margin-bottom:7px;color:#34414b;font-size:12px;font-weight:700}
input{width:100%;padding:12px 14px;border:1px solid #c5ced5;border-radius:8px;font:inherit;background:#fff;color:#1b2329;outline:none}
input:focus{border-color:#c69b27;box-shadow:0 0 0 3px rgba(224,184,61,.28)}
button{width:100%;margin-top:14px;padding:13px;border:1px solid #c69b27;border-radius:8px;background:#e0b83d;color:#1b2329;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgba(27,35,41,.14)}
button:hover{background:#d4aa2c}
button:focus-visible{outline:2px solid #1b2329;outline-offset:2px}
.error{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#fdeeed;border:1px solid #f4c7c3;color:#b32b22;font-size:13px}
@media(prefers-reduced-motion:no-preference){
  .login-card{animation:card-in .35s ease both}
  @keyframes card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}