/* ============================================================================
   AdvEntERP — sign in
   ========================================================================== */
.lg-body{min-height:100vh;display:block;background:var(--bg);font-family:var(--sans);color:var(--text)}
.lg-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}

/* ── brand side ── */
.lg-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;
  padding:40px 46px;color:#fff;overflow:hidden;
  background:linear-gradient(150deg,#17333D 0%,#1F4E5F 60%,#2A6274 100%)}
.lg-brand::after{content:"";position:absolute;right:-160px;top:-180px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.075),transparent 65%);pointer-events:none}
.lg-brand::before{content:"";position:absolute;left:-120px;bottom:-200px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(95,168,181,.14),transparent 68%);pointer-events:none}
.lg-brand-in{position:relative;z-index:1;max-width:520px;margin:auto 0}
.lg-logo{display:flex;align-items:center;gap:12px;margin-bottom:44px}
.lg-mark{width:42px;height:42px;border-radius:11px;background:var(--brand-2);display:grid;place-items:center;
  font-family:var(--mono);font-weight:600;font-size:19px;flex:none;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
.lg-logo b{display:block;font-size:1.12rem;font-weight:600;letter-spacing:.1px}
.lg-logo span{display:block;font-size:.66rem;color:#8FB4BD;letter-spacing:.08em;text-transform:uppercase}
.lg-brand h1{font-size:2.05rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}
.lg-brand p{font-size:.94rem;line-height:1.65;color:#B9D2D9;max-width:46ch}
.lg-points{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:11px}
.lg-points li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:#CFE1E6}
.lg-points span{flex:none;width:19px;height:19px;border-radius:50%;background:rgba(126,214,170,.16);
  color:#7ED6AA;display:grid;place-items:center;font-size:.66rem;font-weight:700;margin-top:1px}
.lg-foot{position:relative;z-index:1;font-size:.72rem;color:#7FA3AC}

/* ── form side ── */
.lg-panel{display:grid;place-items:center;padding:36px 30px}
.lg-card{width:min(400px,100%)}
.lg-head{margin-bottom:24px}
.lg-badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px}
.lg-badge svg{width:20px;height:20px}
.lg-badge.new{background:var(--brand-soft);color:var(--brand)}
.lg-head h2{font-size:1.55rem;font-weight:600;letter-spacing:-.015em}
.lg-head p{margin-top:7px;font-size:.87rem;color:var(--muted);line-height:1.6}
.lg-head p b{color:var(--text);font-weight:600}

.lg-form{display:flex;flex-direction:column;gap:14px}
.lg-field{display:flex;flex-direction:column;gap:6px}
.lg-field span{font-size:.77rem;font-weight:600;color:var(--muted)}
.lg-field input{padding:11px 13px;border:1px solid #D3E0DD;border-radius:10px;background:var(--card);
  font-family:inherit;font-size:.9rem;color:var(--text);transition:border-color .12s,box-shadow .12s}
.lg-field input::placeholder{color:var(--faint)}
.lg-field input:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(44,110,128,.13)}

.lg-readonly{display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:10px;
  background:#EEF3F2;border:1px dashed #D3E0DD;font-size:.86rem;color:var(--muted);font-family:var(--mono)}
.lg-readonly svg{width:15px;height:15px;flex:none;color:var(--faint)}

.lg-submit{margin-top:4px;height:44px;border:none;border-radius:10px;background:var(--brand);color:#fff;
  font-family:inherit;font-size:.92rem;font-weight:600;letter-spacing:.01em;
  box-shadow:0 6px 18px -6px rgba(31,78,95,.55);transition:background .14s,transform .08s}
.lg-submit:hover{background:var(--brand-2)}
.lg-submit:active{transform:translateY(1px)}

.lg-alt{display:block;text-align:center;margin-top:2px;font-size:.8rem;color:var(--muted);text-decoration:none}
.lg-alt:hover{color:var(--brand);text-decoration:underline}

.lg-err,.lg-ok{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:9px;
  font-size:.82rem;font-weight:500;line-height:1.45}
.lg-err{background:var(--neg-soft);color:#A63B2E;border:1px solid #F0C9C2}
.lg-ok{background:var(--pos-soft);color:#1F6E52;border:1px solid #BFE3D4}
.lg-err svg,.lg-ok svg{width:15px;height:15px;flex:none}

.lg-rules{font-size:.74rem;color:var(--faint);line-height:1.5;margin-top:-4px}

.lg-hint{margin-top:22px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.lg-hint b{display:block;font-size:.79rem;font-weight:650;color:var(--text);margin-bottom:3px}
.lg-hint span{font-size:.78rem;color:var(--muted);line-height:1.55}

@media (max-width:900px){
  .lg-wrap{grid-template-columns:1fr}
  .lg-brand{display:none}
  .lg-panel{padding:28px 20px}
}

/* remember-me row */
.lg-remember{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);
  border-radius:10px;background:var(--card);cursor:pointer;transition:border-color .12s}
.lg-remember:hover{border-color:#C7D4D1}
.lg-remember input{width:16px;height:16px;margin-top:2px;flex:none;accent-color:var(--brand-2);cursor:pointer}
.lg-remember b{display:block;font-size:.82rem;font-weight:600;color:var(--text)}
.lg-remember small{display:block;margin-top:2px;font-size:.72rem;color:var(--muted);line-height:1.45}

/* ── company picker (shown after sign-in on a multi-company tenant) ── */
.cc-card{width:min(440px,100%)}
.cc-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0}
.cc-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;text-align:left;
  border:1px solid var(--line);border-radius:11px;background:var(--card);
  font-family:inherit;color:var(--text);transition:border-color .12s,box-shadow .12s,transform .08s}
.cc-item:hover{border-color:var(--brand-2);box-shadow:0 6px 18px -10px rgba(31,78,95,.5)}
.cc-item:active{transform:translateY(1px)}
.cc-item.is-default{border-color:var(--brand-2);background:var(--brand-soft)}
.cc-av{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  background:var(--brand);color:#fff;font-family:var(--mono);font-size:.8rem;font-weight:600}
.cc-body{flex:1;min-width:0}
.cc-body b{display:block;font-size:.92rem;font-weight:600;letter-spacing:-.005em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-body small{display:block;margin-top:2px;font-size:.72rem;color:var(--brand);font-weight:600}
.cc-go{flex:none;width:17px;height:17px;color:var(--faint)}
.cc-item:hover .cc-go{color:var(--brand-2)}

/* legal links — present on every unauthenticated screen, as SaaS sign-in pages do */
.lg-legal{margin:22px 0 0;display:flex;justify-content:center;gap:10px;font-size:.74rem;color:var(--muted)}
.lg-legal a{color:var(--muted);font-weight:600;text-decoration:none}
.lg-legal a:hover{color:var(--text);text-decoration:underline}