/* CB Login — Modern Soft Blue login form styles
 * Scoped to .scc-modern-blue container (class-based, cacheable).
 * @version 1.3.11 */
.scc-modern-blue .scc-card {
  background:#ffffff;
  border:1px solid #e3ebf5;
  border-radius:16px;
  box-shadow:0 6px 18px rgba(17,24,39,0.08);
  padding:1.1rem 1.2rem;
  margin:0 0 1.5rem 0;
}
.scc-modern-blue .scc-card-title {
  position:relative;
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:.2px;
  color:#15324a;
  margin:0 0 .6rem 0;
  padding:0 0 .55rem .7rem;
  border-bottom:1px solid #e6ecf0 !important;
}
.scc-modern-blue .scc-card-title::before {
  content:"";
  position:absolute;
  left:0; top:.1em;
  height:1.15em; width:4px;
  border-radius:3px;
  background:#1890d7;
}
.scc-modern-blue .scc-login-form .scc-field { margin-bottom:.6rem; }
.scc-modern-blue .scc-login-form .scc-field:last-child { margin-bottom:0; }
.scc-modern-blue .scc-login-form label {
  font-size:.7rem;
  font-weight:600;
  color:#4a647a;
  margin-bottom:.2rem;
  display:block;
}
.scc-modern-blue .scc-field-wrapper {
  position:relative;
  display:flex;
  align-items:center;
}
.scc-modern-blue .scc-field-icon {
  position:absolute;
  left:.55rem;
  width:14px; height:14px;
  fill:#92a7b9;
  pointer-events:none;
}
.scc-modern-blue .scc-login-form input[type=text],
.scc-modern-blue .scc-login-form input[type=password] {
  width:100%;
  padding:.42rem .6rem .42rem 2rem;
  border:1px solid #d0dbe5;
  border-radius:8px;
  font-size:.82rem;
  color:#15324a;
  background:#f8fbfd;
  box-sizing:border-box;
}
.scc-modern-blue .scc-login-form input:focus {
  outline:none;
  border-color:#1890d7;
  background:#ffffff;
  box-shadow:0 0 0 2px rgba(24,144,215,0.12);
}
.scc-modern-blue .scc-password-toggle {
  position:absolute;
  right:.6rem;
  background:none;
  border:0;
  cursor:pointer;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px; height:18px;
  color:#92a7b9;
}
.scc-modern-blue .scc-password-toggle:hover { color:#1890d7; }
.scc-modern-blue .scc-remember-row {
  display:flex;
  align-items:center;
  gap:.4rem;
  font-size:.75rem;
  color:#4a647a;
  margin:.6rem 0;
}
.scc-modern-blue .scc-remember-row input[type=checkbox] {
  width:14px; height:14px;
  accent-color:#1890d7;
}
.scc-modern-blue .scc-action-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:.6rem;
  font-size:.75rem;
}
.scc-modern-blue .scc-login-btn {
  background:#1890d7;
  color:#ffffff;
  border:0;
  border-radius:8px;
  padding:.5rem 1.2rem;
  font-size:.82rem;
  font-weight:600;
  cursor:pointer;
  transition:background .15s;
}
.scc-modern-blue .scc-login-btn:hover { background:#157bb3; }
.scc-modern-blue .scc-login-links {
  display:flex;
  gap:1rem;
  font-size:.75rem;
  justify-content:center;
}
.scc-modern-blue .scc-login-links a {
  color:#1890d7;
  text-decoration:none;
}
.scc-modern-blue .scc-login-links a:hover { text-decoration:underline; }
.scc-modern-blue .scc-divider {
  text-align:center;
  font-size:.75rem;
  color:#b0becc;
  margin:.6rem 0;
  position:relative;
  letter-spacing:.3px;
}
.scc-modern-blue .scc-divider::before,
.scc-modern-blue .scc-divider::after {
  content:"";
  position:absolute;
  top:50%;
  width:40%;
  height:1px;
  background:#e3ebf5;
}
.scc-modern-blue .scc-divider::before { left:0; }
.scc-modern-blue .scc-divider::after { right:0; }