/* ============================================================
   OMC V18 - PRIVACIDADE EXCLUSIVA DO EMAIL
   ============================================================ */

.v18EmailPrivacy{
  width:100%;
  max-width:760px;

  margin:18px auto 0;
  padding:18px;

  border:1px solid #dbe6f1;
  border-radius:13px;

  background:#fff;

  box-shadow:
    0 6px 20px
    rgba(32,75,116,.06);
}

.v18EmailPrivacyHeader{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.v18EmailPrivacyIcon{
  flex:0 0 auto;

  width:35px;
  height:35px;

  display:grid;
  place-items:center;

  border-radius:9px;

  background:#edf6ff;
  color:#0b61c7;

  font-size:16px;
}

.v18EmailPrivacyHeader strong{
  display:block;

  color:#214f7d;

  font-size:13px;
}

.v18EmailPrivacyHeader p{
  margin:4px 0 0;

  color:#76889a;

  font-size:10px;
  line-height:1.5;
}

.v18EmailAccount{
  margin-top:13px;
  padding:11px 12px;

  border:1px solid #e2e9f0;
  border-radius:9px;

  background:#f9fbfd;
}

.v18EmailAccount small{
  display:block;

  color:#8594a4;

  font-size:8px;
  font-weight:850;
}

.v18EmailAccount span{
  display:block;

  margin-top:3px;

  color:#365d82;

  font-size:10px;
  font-weight:750;

  overflow-wrap:anywhere;
}

.v18EmailToggleRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  margin-top:13px;
  padding:13px 0 2px;

  border-top:1px solid #ebf0f5;
}

.v18EmailToggleText strong{
  display:block;

  color:#2b5379;

  font-size:11px;
}

.v18EmailToggleText small{
  display:block;

  max-width:520px;

  margin-top:4px;

  color:#8492a1;

  font-size:9px;
  line-height:1.45;
}

.v18EmailSwitch{
  position:relative;

  flex:0 0 auto;

  width:42px;
  height:24px;
}

.v18EmailSwitch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.v18EmailSlider{
  position:absolute;
  inset:0;

  cursor:pointer;

  border-radius:999px;

  background:#cbd7e3;

  transition:.18s ease;
}

.v18EmailSlider::after{
  content:"";

  position:absolute;

  width:18px;
  height:18px;

  top:3px;
  left:3px;

  border-radius:50%;

  background:#fff;

  box-shadow:
    0 1px 4px
    rgba(31,56,83,.25);

  transition:.18s ease;
}

.v18EmailSwitch input:checked +
.v18EmailSlider{
  background:#0c65ce;
}

.v18EmailSwitch input:checked +
.v18EmailSlider::after{
  transform:translateX(18px);
}

.v18EmailPrivacyStatus{
  min-height:15px;

  margin-top:9px;

  color:#697f94;

  font-size:8px;
}

.v18EmailPrivacyStatus.success{
  color:#287054;
}

.v18EmailPrivacyStatus.error{
  color:#a04451;
}

/* ============================================================
   PERFIL PUBLICO
   ============================================================ */

.v18PublicEmail{
  display:flex;
  align-items:center;
  gap:8px;

  width:max-content;
  max-width:100%;

  margin-top:10px;
  padding:7px 10px;

  border:1px solid #dce7f1;
  border-radius:8px;

  background:#f8fbfe;

  color:#486b8c;

  font-size:9px;

  overflow-wrap:anywhere;
}

.v18PublicEmail[hidden]{
  display:none !important;
}

.v18PublicEmail strong{
  color:#245b90;
}

@media(max-width:600px){

  .v18EmailPrivacy{
    padding:15px;
  }

  .v18EmailToggleRow{
    align-items:flex-start;
  }
}