/* SHP Pro Seller login R3 — fiel a landing/paleta-escura.css v3.7.2.
   A alteracao fica EXCLUSIVAMENTE dentro do container .seller-login. */
.seller-login {
  --sps-night: #0b111a;
  --sps-navy: #101d26;
  --sps-petrol: #183c3b;
  --sps-petrol-strong: #167568;
  --sps-turquoise: #5ce8cc;
  --sps-orange: #ee4d2d;
  --sps-soft-white: #f2f5f4;
  --sps-muted: #a7b6bd;
  background: #f7f9fb !important;
}
@media (min-width: 1024px) {
  .seller-login > section:first-child {
    background: radial-gradient(ellipse 95% 90% at 97% 37%, #183c3b 0%, #101d26 48%, #081019 100%) !important;
    border-right: 1px solid #304a4b !important;
    isolation: isolate;
  }
  .seller-login > section:first-child::before {
    content: '';
    position: absolute;
    width: 660px;
    height: 660px;
    right: -355px;
    top: -165px;
    border: 1px solid #54dbc128;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
  }
  .seller-login > section:first-child::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    right: -380px;
    bottom: -410px;
    border-radius: 50%;
    border: 1px solid #68e4cb2d;
    box-shadow: 0 0 100px #16756812, inset 0 0 70px #16756817;
    pointer-events: none;
    z-index: 0;
  }
  .seller-login > section:first-child > .absolute {
    background: #167568 !important;
    opacity: .38 !important;
    filter: blur(95px);
  }
  .seller-login > section:first-child > .relative { z-index: 1; }
  .seller-login > section:first-child h1 { color: #f2f5f4 !important; }
  .seller-login > section:first-child h1 span { color: #5ce8cc !important; }
  .seller-login > section:first-child .seller-kicker { color: #5ce8cc !important; }
  .seller-login > section:first-child .text-slate-600 { color: #bed0d1 !important; }
  .seller-login > section:first-child .grid > div {
    background: #152a31eb !important;
    border: 1px solid #345354 !important;
    color: #f2f5f4 !important;
    box-shadow: 0 12px 35px #0610162b;
  }
  .seller-login > section:first-child .grid > div > svg { color: #5ce8cc !important; }
  .seller-login > section:first-child .grid > div p { color: #b2c9c8 !important; }
}
/* O lado do formulario continua claro e o botao conserva o laranja da marca. */
.seller-login > section:last-child { background: #f7f9fb !important; }
.seller-login > section:last-child .seller-primary-btn {
  background: #ee4d2d !important;
  color: #fff !important;
}
.seller-login > section:last-child .seller-primary-btn:hover { background: #d94322 !important; }
.seller-login > section:last-child .seller-primary-btn:disabled { opacity: .6; }
.seller-login > section:last-child .seller-kicker { color: #ee4d2d !important; }
.seller-login > section:last-child a.text-orange-700 { color: #d94322 !important; }
.seller-login > section:last-child .seller-field:focus {
  border-color: #ee4d2d !important;
  box-shadow: 0 0 0 3px #ee4d2d1a !important;
}