/* SBD B2B Portal – Pretty Custom Login (Woodmart friendly) */

:root{
  --sbd-green:#6fb82e;
  --sbd-green-dark:#5ca026;
  --sbd-orange:#ec511d;
  --sbd-dark:#0f172a;
  --sbd-bg:#f7f8fa;
  --sbd-border:#e5e7eb;
  --sbd-radius:18px;
}

body.sbd-b2b-portal-login{ background: var(--sbd-bg); }

.sbd-b2b-login-wrap{
  min-height: calc(100vh - 120px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 36px 16px;
}

.sbd-b2b-login-card{
  width: min(520px, 100%);
  background:#fff;
  border:1px solid var(--sbd-border);
  border-radius: var(--sbd-radius);
  box-shadow: 0 18px 50px rgba(15,23,42,.10);
  padding: 26px 26px 22px;
}

.sbd-b2b-login-brand{
  display:flex; align-items:center; gap:10px; margin-bottom: 8px;
}

.sbd-b2b-dot{
  width:12px; height:12px; border-radius:999px;
  background: linear-gradient(135deg, var(--sbd-green), var(--sbd-orange));
  box-shadow: 0 0 0 4px rgba(111,184,46,.15);
}

.sbd-b2b-title{ font-size: 18px; font-weight: 800; color: var(--sbd-dark); }
.sbd-b2b-subtitle{ color:#6b7280; font-size: 13px; margin-bottom: 16px; }

.sbd-alert{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 12px;
}

.sbd-b2b-form .sbd-field{ margin-bottom: 12px; }
.sbd-b2b-form label{ display:block; font-size: 13px; font-weight: 700; color: var(--sbd-dark); margin-bottom: 6px; }

.sbd-b2b-form input[type="text"],
.sbd-b2b-form input[type="password"]{
  width:100%;
  border:1px solid var(--sbd-border);
  border-radius: 12px;
  padding: 10px 12px;
  background:#fff;
  box-shadow: none;
  transition: .18s ease;
}

.sbd-b2b-form input:focus{
  outline:none;
  border-color: var(--sbd-green);
  box-shadow: 0 0 0 2px rgba(111,184,46,.15);
}

.sbd-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin: 6px 0 14px;
}

.sbd-check{ display:flex; align-items:center; gap:8px; font-size: 13px; color:#374151; font-weight: 600; }
.sbd-link{ color: var(--sbd-orange); font-weight: 800; font-size: 13px; text-decoration: none; }
.sbd-link:hover{ opacity:.85; }

.sbd-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 800;
  text-decoration:none;
  cursor:pointer;
  border:1px solid transparent;
  width: 100%;
}

.sbd-btn-primary{
  background: var(--sbd-green);
  border-color: var(--sbd-green);
  color:#fff;
  box-shadow: 0 10px 26px rgba(111,184,46,.25);
  transition: .18s ease;
}

.sbd-btn-primary:hover{
  background: var(--sbd-green-dark);
  border-color: var(--sbd-green-dark);
  transform: translateY(-1px);
}