/* ===================================================
   AutomatizaCRM - Login sobrio estilo ERP
   =================================================== */
body.auth-page{
  background:#f3f4f6;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.login-page-shell{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.login-topbar{
  background:linear-gradient(135deg, #171c23 0%, #1f252d 100%);
  border-bottom:1px solid rgba(243,144,53,.30);
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.login-topbar-inner{
  display:flex;
  align-items:center;
  min-height:52px;
  padding:0 .9rem;
}

.login-topbar-brand{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  color:#ffffff;
  font-weight:700;
  font-size:1.05rem;
  text-decoration:none;
}
.login-topbar-brand:hover{ color:#ffffff; }

.login-wrapper{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 20px;
}

.login-card--erp{
  width:100%;
  max-width:430px;
  border-radius:16px;
  border:1px solid #d1d5db;
  background:#f7f7f8;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  overflow:hidden;
}
.login-card--erp::before{ display:none !important; }

.login-card-body{
  padding:2rem 1.5rem 1.6rem;
}

.login-brand-block{
  margin-bottom:1.45rem;
}

.login-brand-logo{
  width:78px;
  height:78px;
  margin:0 auto .9rem;
  display:block;
}

.login-brand-logo--plain{
  filter:none;
}

.login-title{
  margin:0;
  color:#111827;
  font-size:1.05rem;
  font-weight:700;
}

.login-form .form-label{
  color:#111827;
  font-size:.98rem;
  margin-bottom:.45rem;
}

.login-card .form-control{
  height:46px;
  padding:.75rem .9rem;
  font-size:1rem;
  border-radius:8px;
  border:1px solid #cfd4dc;
  background:#ffffff;
  box-shadow:none;
}

.login-card .form-control:focus{
  border-color:#f39035;
  box-shadow:0 0 0 .2rem rgba(243,144,53,.16);
}

.login-submit-btn,
.login-card .btn-primary{
  width:100%;
  height:44px;
  border:none;
  border-radius:8px;
  background:linear-gradient(135deg, #f39035 0%, #ea7a17 100%);
  color:#fff;
  font-weight:700;
  letter-spacing:.01em;
  box-shadow:0 8px 18px rgba(234,122,23,.18);
}

.login-submit-btn:hover,
.login-card .btn-primary:hover,
.login-submit-btn:focus,
.login-card .btn-primary:focus{
  background:linear-gradient(135deg, #ea7a17 0%, #d86607 100%);
  color:#fff;
}

.login-card .text-muted{
  color:#6b7280 !important;
}

@media (max-width: 576px){
  .login-topbar-inner{ min-height:50px; padding:0 .75rem; }
  .login-topbar-brand{ font-size:.98rem; }
  .login-wrapper{ align-items:flex-start; padding:20px 14px; }
  .login-card--erp{ border-radius:14px; }
  .login-card-body{ padding:1.5rem 1rem 1.2rem; }
}