/* Widget builder Light / Dark visible switch */

.widget-controls #wb-theme.wb-theme-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

.wb-theme-toggle{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  padding:4px!important;

  min-height:43px!important;

  background:#eaf2f8!important;
  border:1px solid #c5d7e5!important;
  border-radius:11px!important;
}

.wb-theme-choice{
  border:1px solid transparent!important;
  border-radius:8px!important;
  padding:8px 10px!important;

  font:inherit!important;
  font-weight:800!important;

  cursor:pointer!important;

  transition:
    background-color .15s ease,
    border-color .15s ease,
    color .15s ease,
    box-shadow .15s ease!important;
}

/* Light choice */
.wb-theme-choice[data-theme="light"]{
  background:#ffffff!important;
  color:#24425f!important;
}

/* Dark choice */
.wb-theme-choice[data-theme="dark"]{
  background:#0c2438!important;
  color:#d8e8f5!important;
}

.wb-theme-choice[aria-pressed="true"]{
  border-color:#3c82b6!important;
  box-shadow:0 0 0 2px rgba(60,130,182,.14)!important;
}

.wb-theme-choice[data-theme="light"][aria-pressed="true"]{
  color:#155b8e!important;
}

.wb-theme-choice[data-theme="dark"][aria-pressed="true"]{
  background:#071a2a!important;
  color:#ffffff!important;
  border-color:#4aa3c7!important;
}

/* Preview container also reflects chosen appearance */
.widget-frame-wrap{
  background:#eef5fa!important;
  border-color:#bcd2e1!important;
}

.widget-frame-wrap[data-preview-theme="dark"]{
  background:#081827!important;
}