/* Страница входа CRM «Бумажный прораб» */
:root { --navy: #0B2E55; --navy-2: #123D6B; --orange: #EF7A1E; --orange-ink: #C25808; --surface: #fff; --ink: #0F2340; --ink-3: #6B7A90; --line: #E1E7EF; --bad: #C63B3B; --f-display: "Unbounded", "Manrope", system-ui, sans-serif; --f-body: "Manrope", "Segoe UI", system-ui, sans-serif; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --surface: #14233A; --ink: #E6EDF7; --ink-3: #93A3BA; --line: #26395A; --bad: #FF7B7B; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font: 500 15px/1.45 var(--f-body); color: var(--ink); background: var(--navy);
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 24px 24px; }
.lg { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; }
.lg-card { position: relative; width: min(400px, 100%); background: var(--surface); border-radius: 22px; padding: 26px 24px 22px; box-shadow: 0 30px 80px -30px rgba(0,0,0,.6); display: flex; flex-direction: column; gap: 12px; }
.lg-logo { width: 150px; height: auto; align-self: flex-start; background: var(--navy); border-radius: 12px; padding: 8px 10px; }
h1 { font: 600 22px var(--f-display); margin: 6px 0 0; }
.lg-sub { margin: 0; color: var(--ink-3); font-weight: 600; }
.lg-who { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lg-who input { position: absolute; opacity: 0; pointer-events: none; }
.lg-who span { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px; border: 2px solid var(--line); border-radius: 14px; cursor: pointer; font-weight: 800; transition: border-color .15s, box-shadow .15s; }
.lg-who small { color: var(--ink-3); font-weight: 600; font-size: 12px; }
.lg-who input:checked + span { border-color: var(--orange); box-shadow: 0 0 0 4px rgba(239,122,30,.18); }
.lg-who input:focus-visible + span { outline: 3px solid var(--orange); outline-offset: 2px; }
.av { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: #fff; font: 700 13px var(--f-display); margin-bottom: 4px; }
.av.m { background: var(--navy-2); } .av.i { background: var(--orange); }
.lg-field { display: flex; flex-direction: column; gap: 6px; font-weight: 700; font-size: 13px; }
.lg-field input { font: 600 16px var(--f-body); padding: 12px 14px; border: 1.5px solid var(--line); border-radius: 12px; background: transparent; color: var(--ink); }
.lg-field input:focus { outline: none; border-color: var(--orange); box-shadow: 0 0 0 4px rgba(239,122,30,.18); }
.lg-err { min-height: 1.2em; margin: 0; color: var(--bad); font-weight: 700; font-size: 13px; }
.lg-btn { font: 800 16px var(--f-body); color: #fff; background: var(--orange); border: 0; border-radius: 12px; padding: 13px; cursor: pointer; box-shadow: 0 10px 24px -10px rgba(239,122,30,.8); }
.lg-btn:hover { background: var(--orange-ink); } .lg-btn:disabled { opacity: .7; cursor: progress; }
.lg-note { margin: 0; font-size: 12px; color: var(--ink-3); padding-right: 70px; }
.lg-mascot { position: absolute; right: 10px; bottom: 8px; width: 62px; height: auto; pointer-events: none; }
.lg-card p a { color: var(--orange-ink); font-weight: 700; }