/**
 * DWF Weight Estimator
 * Revision: 1.8.3
 *
 * This stylesheet is deliberately scoped under .dwf-weight-estimator so it can
 * live inside an existing WordPress theme without changing nearby page content.
 */

.dwf-weight-estimator {
  --dwf-ink: #193044;
  --dwf-muted: #637587;
  --dwf-border: #d7e2ea;
  --dwf-panel: #ffffff;
  --dwf-bg: #f4f8fa;
  --dwf-blue: #156f9b;
  --dwf-blue-dark: #123f63;
  --dwf-teal: #0f827c;
  --dwf-teal-dark: #0a625e;
  --dwf-track: #c9d8e3;
  --dwf-warm: #b96324;
  box-sizing: border-box !important;
  max-width: 1020px !important;
  margin: 20px auto !important;
  padding: 18px !important;
  border: 1px solid #dce8ef !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #f8fbfd 0%, var(--dwf-bg) 100%) !important;
  color: var(--dwf-ink) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  box-shadow: 0 16px 40px rgba(17, 55, 82, 0.12) !important;
}

/* Core owns the outer shell when available; keep the calculator itself flush inside it. */
.dwf-weight-estimator--core {
  margin: 0 auto !important;
}

/* Text-only fallback identity for sites running without a compatible Core shell. */
.dwf-weight-estimator__fallback-brand {
  margin: 0 0 16px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(21, 111, 155, 0.24) !important;
  border-radius: 10px !important;
  background: #eef7fa !important;
}

.dwf-weight-estimator__fallback-eyebrow {
  margin: 0 0 4px !important;
  color: var(--dwf-teal-dark) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.dwf-weight-estimator__fallback-brand h2 {
  margin: 0 !important;
  color: var(--dwf-blue-dark) !important;
  font-size: 1.55rem !important;
  line-height: 1.15 !important;
}

.dwf-weight-estimator__fallback-brand p {
  margin: 6px 0 0 !important;
  color: var(--dwf-muted) !important;
  line-height: 1.45 !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__fallback-brand {
  border-color: #345367 !important;
  background: #102838 !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__fallback-eyebrow,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__fallback-brand h2,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__fallback-brand p {
  color: #eefaff !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__fallback-brand {
  border: 2px solid #fff !important;
  background: #000 !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__fallback-eyebrow {
  color: #fff200 !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__fallback-brand h2,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__fallback-brand p {
  color: #fff !important;
}

.dwf-weight-estimator *,
.dwf-weight-estimator *::before,
.dwf-weight-estimator *::after {
  box-sizing: border-box !important;
}

.dwf-weight-estimator [hidden],
.dwf-weight-estimator__modal[hidden],
.dwf-weight-estimator__breakdown-row[hidden],
.dwf-weight-estimator__calibration-form[hidden],
.dwf-weight-estimator__clear-calibration[hidden] {
  display: none !important;
}

/* Scoped form/button reset to keep WordPress theme styles out of the widget. */
.dwf-weight-estimator button,
.dwf-weight-estimator input,
.dwf-weight-estimator select {
  font: inherit !important;
  letter-spacing: 0 !important;
}

.dwf-weight-estimator button {
  text-transform: none !important;
}

.dwf-weight-estimator__disclaimer {
  margin: 0 0 18px !important;
  padding: 12px 14px !important;
  border: 1px solid #f0d1b4 !important;
  border-left: 4px solid var(--dwf-warm) !important;
  border-radius: 8px !important;
  background: #fff8f1 !important;
  color: #6d3b14 !important;
  font-size: 0.94rem !important;
  line-height: 1.45 !important;
}

.dwf-weight-estimator__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.82fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.dwf-weight-estimator__card {
  min-width: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--dwf-border) !important;
  border-radius: 10px !important;
  background: var(--dwf-panel) !important;
  box-shadow: 0 8px 20px rgba(25, 48, 68, 0.06) !important;
}

.dwf-weight-estimator__card h3 {
  margin: 0 0 18px !important;
  padding: 0 0 9px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--dwf-border) !important;
  color: var(--dwf-blue-dark) !important;
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

/* Compact slider-pill toggle rows. The values stay outside the pill by design. */
.dwf-weight-estimator__toggle-group {
  display: grid !important;
  gap: 10px !important;
  margin: 0 0 22px !important;
  padding: 12px !important;
  border: 1px solid #d8e7ee !important;
  border-radius: 10px !important;
  background: #eef6f8 !important;
}

.dwf-weight-estimator__toggle-row {
  display: grid !important;
  grid-template-columns: minmax(112px, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

.dwf-weight-estimator__toggle-title {
  color: #284257 !important;
  font-size: 0.91rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.dwf-weight-estimator__toggle-control {
  display: grid !important;
  grid-template-columns: auto 48px auto !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: end !important;
}

.dwf-weight-estimator__toggle-value {
  min-width: 52px !important;
  color: var(--dwf-muted) !important;
  cursor: pointer !important;
  font-size: 0.88rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  opacity: 0.72 !important;
  transition: color 0.16s ease, opacity 0.16s ease !important;
  user-select: none !important;
  white-space: nowrap !important;
}

.dwf-weight-estimator__toggle-value:first-child {
  text-align: right !important;
}

.dwf-weight-estimator__toggle-row[data-position="left"] .dwf-weight-estimator__toggle-value[data-select-value]:first-child,
.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-value[data-select-value]:last-child {
  color: var(--dwf-blue-dark) !important;
  opacity: 1 !important;
}

.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-value[data-select-value]:last-child {
  color: var(--dwf-teal-dark) !important;
}

.dwf-weight-estimator__toggle-pill {
  position: relative !important;
  display: inline-block !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 26px !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(18, 63, 99, 0.22) !important;
  border-radius: 999px !important;
  background: var(--dwf-blue) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28), 0 2px 6px rgba(17, 55, 82, 0.16) !important;
  cursor: pointer !important;
  outline: none !important;
  vertical-align: middle !important;
}

.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-pill {
  background: var(--dwf-teal) !important;
}

.dwf-weight-estimator__toggle-pill:focus-visible {
  box-shadow: 0 0 0 3px rgba(21, 111, 155, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.28) !important;
}

.dwf-weight-estimator__toggle-knob {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 2px 5px rgba(17, 55, 82, 0.28) !important;
  transition: transform 0.18s ease !important;
}

.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-knob {
  transform: translateX(22px) !important;
}

.dwf-weight-estimator__field {
  margin: 0 0 19px !important;
}

.dwf-weight-estimator__field:last-child {
  margin-bottom: 0 !important;
}

.dwf-weight-estimator__field label {
  display: block !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #29465d !important;
  font-size: 0.95rem !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
}

.dwf-weight-estimator__field label span {
  color: var(--dwf-blue) !important;
  font-weight: 850 !important;
}

.dwf-weight-estimator__field-note {
  margin: 7px 0 0 !important;
  color: var(--dwf-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
}

.dwf-weight-estimator__custom-tank {
  margin-top: 10px !important;
  padding: 12px !important;
  border: 1px solid #d8e7ee !important;
  border-radius: 10px !important;
  background: #f4fafb !important;
}

.dwf-weight-estimator__custom-tank-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.dwf-weight-estimator__custom-tank-grid label {
  margin: 0 !important;
}

.dwf-weight-estimator__custom-tank-grid label > span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #29465d !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.dwf-weight-estimator__field select,
.dwf-weight-estimator__field input[type="number"],
.dwf-weight-estimator__inline-input input {
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  border: 1px solid #c7d6e1 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: var(--dwf-ink) !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
}

.dwf-weight-estimator__field select:focus,
.dwf-weight-estimator__field input[type="number"]:focus,
.dwf-weight-estimator__inline-input input:focus {
  border-color: var(--dwf-blue) !important;
  box-shadow: 0 0 0 3px rgba(21, 111, 155, 0.16) !important;
}

/* Range tracks are painted by JS using --dwf-range-pct. */
.dwf-weight-estimator__range {
  --dwf-range-fill: var(--dwf-blue);
  --dwf-range-pct: 50%;
  -webkit-appearance: none !important;
  appearance: none !important;
  display: block !important;
  width: 100% !important;
  height: 30px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  cursor: pointer !important;
  outline: none !important;
}

.dwf-weight-estimator__range[data-dwf-role="build"] {
  --dwf-range-fill: var(--dwf-teal);
}

.dwf-weight-estimator__range::-webkit-slider-runnable-track {
  height: 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(to right, var(--dwf-range-fill) 0%, var(--dwf-range-fill) var(--dwf-range-pct), var(--dwf-track) var(--dwf-range-pct), var(--dwf-track) 100%) !important;
}

.dwf-weight-estimator__range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 24px !important;
  height: 24px !important;
  margin-top: -7px !important;
  border: 3px solid var(--dwf-range-fill) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 2px 7px rgba(17, 55, 82, 0.25) !important;
}

.dwf-weight-estimator__range::-moz-range-track {
  height: 10px !important;
  border-radius: 999px !important;
  background: var(--dwf-track) !important;
}

.dwf-weight-estimator__range::-moz-range-progress {
  height: 10px !important;
  border-radius: 999px !important;
  background: var(--dwf-range-fill) !important;
}

.dwf-weight-estimator__range::-moz-range-thumb {
  width: 18px !important;
  height: 18px !important;
  border: 3px solid var(--dwf-range-fill) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 2px 7px rgba(17, 55, 82, 0.25) !important;
}

.dwf-weight-estimator__range:focus-visible {
  box-shadow: 0 0 0 3px rgba(21, 111, 155, 0.16) !important;
}

.dwf-weight-estimator__build-markers {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
  margin-top: 4px !important;
  color: var(--dwf-muted) !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.dwf-weight-estimator__build-markers span:first-child {
  text-align: left !important;
}

.dwf-weight-estimator__build-markers span:last-child {
  text-align: right !important;
}

.dwf-weight-estimator__outputs {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border-color: #123f63 !important;
  background: linear-gradient(165deg, #123f63 0%, #145d78 58%, #0f766e 100%) !important;
  color: #ffffff !important;
}

.dwf-weight-estimator__outputs > :not(.dwf-weight-estimator__bubbles) {
  position: relative !important;
  z-index: 1 !important;
}

.dwf-weight-estimator__bubbles {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.dwf-weight-estimator__bubble {
  position: absolute !important;
  bottom: -48px !important;
  display: block !important;
  width: var(--dwf-bubble-size, 18px) !important;
  height: var(--dwf-bubble-size, 18px) !important;
  left: var(--dwf-bubble-left, 50%) !important;
  border: 1.5px solid rgba(217, 251, 255, 0.9) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 34% 30%, rgba(255, 255, 255, 0.9) 0 12%, transparent 13%),
    radial-gradient(circle at 50% 50%, rgba(217, 251, 255, 0.28) 0 54%, rgba(217, 251, 255, 0.08) 55% 100%) !important;
  box-shadow:
    inset 0 0 10px rgba(255, 255, 255, 0.22),
    0 0 16px rgba(217, 251, 255, 0.22) !important;
  opacity: 0;
  animation-name: dwf-bubble-rise !important;
  animation-duration: var(--dwf-bubble-duration, 10s) !important;
  animation-delay: var(--dwf-bubble-delay, 0s) !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
}

.dwf-weight-estimator__bubble:nth-child(1) {
  --dwf-bubble-left: 10%;
  --dwf-bubble-size: 12px;
  --dwf-bubble-duration: 10s;
  --dwf-bubble-delay: -2s;
}

.dwf-weight-estimator__bubble:nth-child(2) {
  --dwf-bubble-left: 22%;
  --dwf-bubble-size: 20px;
  --dwf-bubble-duration: 14s;
  --dwf-bubble-delay: -9s;
}

.dwf-weight-estimator__bubble:nth-child(3) {
  --dwf-bubble-left: 39%;
  --dwf-bubble-size: 10px;
  --dwf-bubble-duration: 9s;
  --dwf-bubble-delay: -4s;
}

.dwf-weight-estimator__bubble:nth-child(4) {
  --dwf-bubble-left: 56%;
  --dwf-bubble-size: 26px;
  --dwf-bubble-duration: 16s;
  --dwf-bubble-delay: -12s;
}

.dwf-weight-estimator__bubble:nth-child(5) {
  --dwf-bubble-left: 72%;
  --dwf-bubble-size: 15px;
  --dwf-bubble-duration: 11s;
  --dwf-bubble-delay: -6s;
}

.dwf-weight-estimator__bubble:nth-child(6) {
  --dwf-bubble-left: 88%;
  --dwf-bubble-size: 22px;
  --dwf-bubble-duration: 17s;
  --dwf-bubble-delay: -14s;
}

.dwf-weight-estimator__bubble:nth-child(7) {
  --dwf-bubble-left: 33%;
  --dwf-bubble-size: 16px;
  --dwf-bubble-duration: 13s;
  --dwf-bubble-delay: -1s;
}

.dwf-weight-estimator__bubble:nth-child(8) {
  --dwf-bubble-left: 64%;
  --dwf-bubble-size: 9px;
  --dwf-bubble-duration: 8s;
  --dwf-bubble-delay: -5s;
}

@keyframes dwf-bubble-rise {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.72);
  }

  8% {
    opacity: 0.72;
  }

  35% {
    opacity: 0.58;
    transform: translate3d(12px, -210px, 0) scale(0.95);
  }

  70% {
    opacity: 0.42;
    transform: translate3d(-10px, -430px, 0) scale(1.08);
  }

  92% {
    opacity: 0.22;
  }

  100% {
    opacity: 0;
    transform: translate3d(8px, -620px, 0) scale(1.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dwf-weight-estimator__bubble {
    animation: none !important;
    display: none !important;
  }
}

.dwf-weight-estimator__outputs h3 {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  color: #ffffff !important;
}

.dwf-weight-estimator__output-header {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin-bottom: 18px !important;
}

.dwf-weight-estimator__guide-button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.13) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.dwf-weight-estimator__guide-button:hover,
.dwf-weight-estimator__guide-button:focus-visible {
  background: rgba(255, 255, 255, 0.22) !important;
  outline: none !important;
}

.dwf-weight-estimator__total {
  margin: 10px 0 22px !important;
  color: #d9fbff !important;
  font-size: 4.15rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.16) !important;
}

.dwf-weight-estimator__end-dive-card {
  display: grid !important;
  gap: 4px !important;
  margin: -8px 0 18px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.86) !important;
  text-align: center !important;
}

.dwf-weight-estimator__end-dive-card > span {
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.dwf-weight-estimator__end-dive-card > strong {
  color: #ffffff !important;
  font-size: 1.75rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

.dwf-weight-estimator__end-dive-card > small {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.78rem !important;
  line-height: 1.3 !important;
}

.dwf-weight-estimator__guide-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  margin: -4px 0 18px !important;
}

.dwf-weight-estimator__guide-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.dwf-weight-estimator__guide-button:disabled {
  cursor: wait !important;
  opacity: 0.55 !important;
}

.dwf-weight-estimator__breakdown {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
  padding: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.11) !important;
}

.dwf-weight-estimator__breakdown-row {
  display: flex !important;
  gap: 12px !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 0.92rem !important;
  line-height: 1.3 !important;
}

.dwf-weight-estimator__breakdown-row strong {
  color: #ffffff !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.dwf-weight-estimator__calibration {
  margin-top: auto !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.dwf-weight-estimator__calibration-toggle {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #d9fbff !important;
  cursor: pointer !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  box-shadow: none !important;
}

.dwf-weight-estimator__calibration-form {
  margin-top: 10px !important;
}

.dwf-weight-estimator__calibration-form p {
  margin: 0 0 10px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 0.86rem !important;
  line-height: 1.42 !important;
}

.dwf-weight-estimator__inline-input {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

.dwf-weight-estimator__inline-input input {
  flex: 1 1 132px !important;
  min-width: 0 !important;
}

.dwf-weight-estimator__inline-input button {
  width: auto !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border: 0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 0.92rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.dwf-weight-estimator__save-calibration {
  background: #5bd19a !important;
  color: #073f31 !important;
}

.dwf-weight-estimator__clear-calibration {
  background: #ffe1d2 !important;
  color: #7a2d10 !important;
}

.dwf-weight-estimator__modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(10, 31, 48, 0.68) !important;
}

.dwf-weight-estimator__modal-content {
  position: relative !important;
  width: min(620px, 100%) !important;
  max-height: 86vh !important;
  overflow-y: auto !important;
  padding: 28px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: var(--dwf-ink) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3) !important;
}

.dwf-weight-estimator__modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #edf5f8 !important;
  color: var(--dwf-blue-dark) !important;
  cursor: pointer !important;
  font-size: 1.55rem !important;
  font-weight: 500 !important;
  line-height: 34px !important;
  text-align: center !important;
  box-shadow: none !important;
}

.dwf-weight-estimator__modal-content h2 {
  margin: 0 42px 10px 0 !important;
  color: var(--dwf-blue-dark) !important;
  font-size: 1.45rem !important;
  line-height: 1.2 !important;
}

.dwf-weight-estimator__modal-content h3 {
  margin: 18px 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--dwf-teal-dark) !important;
  font-size: 1.04rem !important;
  line-height: 1.2 !important;
}

.dwf-weight-estimator__modal-content p,
.dwf-weight-estimator__modal-content li {
  color: #40586b !important;
  font-size: 0.96rem !important;
  line-height: 1.5 !important;
}

.dwf-weight-estimator__modal-content p {
  margin: 0 0 12px !important;
}

.dwf-weight-estimator__modal-content ul {
  margin: 0 !important;
  padding-left: 20px !important;
}

.dwf-weight-estimator__modal-content li {
  margin: 0 0 7px !important;
}

.dwf-weight-estimator__label-with-help,
.dwf-weight-estimator__toggle-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.dwf-weight-estimator__help {
  position: relative !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  border: 1px solid rgba(18, 63, 99, 0.35) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.85) !important;
  color: #123f63 !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.dwf-weight-estimator__help:hover,
.dwf-weight-estimator__help:focus-visible,
.dwf-weight-estimator__help[data-tooltip-open] {
  background: #123f63 !important;
  color: #ffffff !important;
  outline: none !important;
}

.dwf-weight-estimator__help:hover::after,
.dwf-weight-estimator__help:focus-visible::after,
.dwf-weight-estimator__help[data-tooltip-open]::after {
  content: attr(data-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  width: min(280px, 72vw) !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #082f49 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: normal !important;
  transform: translateX(-50%) !important;
}

.dwf-weight-estimator__note {
  margin: 8px 0 0 !important;
  padding: 10px 12px !important;
  border-left: 4px solid #0f766e !important;
  border-radius: 12px !important;
  background: rgba(15, 118, 110, 0.08) !important;
  color: #123f63 !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}

.dwf-weight-estimator__safety-note {
  margin: 0 0 18px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(15, 118, 110, 0.22) !important;
  border-radius: 16px !important;
  background: rgba(15, 118, 110, 0.08) !important;
}

.dwf-weight-estimator__safety-note h3 {
  margin-top: 0 !important;
}

.dwf-weight-estimator__why-button {
  margin: 8px 0 14px !important;
  padding: 9px 13px !important;
  border: 1px solid rgba(18, 63, 99, 0.22) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #123f63 !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.dwf-weight-estimator__why-button:hover,
.dwf-weight-estimator__why-button:focus-visible {
  background: #123f63 !important;
  color: #ffffff !important;
}

.dwf-weight-estimator__why-panel {
  margin: 0 0 18px !important;
  padding: 12px 14px !important;
  border-left: 4px solid #0f766e !important;
  border-radius: 12px !important;
  background: rgba(15, 118, 110, 0.08) !important;
}


@media (max-width: 720px) {
  .dwf-weight-estimator {
    margin: 14px auto !important;
    padding: 14px !important;
  }

  .dwf-weight-estimator__grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .dwf-weight-estimator__card {
    padding: 18px !important;
  }

  .dwf-weight-estimator__toggle-row {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .dwf-weight-estimator__toggle-control {
    justify-content: start !important;
  }

  .dwf-weight-estimator__output-header {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .dwf-weight-estimator__guide-wrap {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .dwf-weight-estimator__guide-button {
    width: 100% !important;
  }

  .dwf-weight-estimator__total {
    font-size: 3.2rem !important;
  }

  .dwf-weight-estimator__build-markers {
    font-size: 0.66rem !important;
  }

  .dwf-weight-estimator__custom-tank-grid {
    grid-template-columns: 1fr !important;
  }

  .dwf-weight-estimator__modal-content {
    padding: 24px 20px !important;
  }
}
.dwf-weight-estimator__field-label {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  color: #123f63 !important;
}

.dwf-weight-estimator__checkbox-field {
  display: grid !important;
  gap: 8px !important;
}

.dwf-weight-estimator__checkbox-option {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(18, 63, 99, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  cursor: pointer !important;
}

.dwf-weight-estimator__checkbox-option input {
  width: 18px !important;
  height: 18px !important;
  accent-color: #0f766e !important;
}

.dwf-weight-estimator__checkbox-option span {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  color: #123f63 !important;
}

.dwf-weight-estimator__checkbox-option strong {
  white-space: nowrap !important;
  color: #0f766e !important;
}

/* v1.6.0 display controls, themes, and text-size preferences. */
.dwf-weight-estimator__toolbar {
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  margin: 0 0 12px !important;
}

.dwf-weight-estimator__tool-button,
.dwf-weight-estimator__choice-button,
.dwf-weight-estimator__reset-display {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(18, 63, 99, 0.22) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--dwf-blue-dark) !important;
  cursor: pointer !important;
  font-size: 0.84rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(17, 55, 82, 0.08) !important;
}

.dwf-weight-estimator__tool-button:hover,
.dwf-weight-estimator__tool-button:focus-visible,
.dwf-weight-estimator__choice-button:hover,
.dwf-weight-estimator__choice-button:focus-visible,
.dwf-weight-estimator__choice-button[data-dwf-active="1"],
.dwf-weight-estimator__reset-display:hover,
.dwf-weight-estimator__reset-display:focus-visible {
  background: var(--dwf-blue-dark) !important;
  color: #ffffff !important;
  outline: none !important;
}

.dwf-weight-estimator__output-subtitle {
  margin: 4px 0 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.dwf-weight-estimator__settings-section {
  margin: 0 0 18px !important;
}

.dwf-weight-estimator__choice-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.dwf-weight-estimator__settings-section p {
  margin: 9px 0 0 !important;
  color: #40586b !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}

.dwf-weight-estimator__reset-display {
  border-radius: 10px !important;
  background: #fff8f1 !important;
  color: #6d3b14 !important;
}

.dwf-weight-estimator__whats-new-list {
  margin-top: 10px !important;
}

.dwf-weight-estimator__feedback-callout {
  margin: 18px 0 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(18, 63, 99, 0.16) !important;
  border-radius: 14px !important;
  background: rgba(15, 118, 110, 0.08) !important;
}

.dwf-weight-estimator__feedback-callout h3 {
  margin-top: 0 !important;
}

.dwf-weight-estimator__feedback-link {
  margin-top: 4px !important;
  text-decoration: none !important;
}

.dwf-weight-estimator__note {
  white-space: pre-line !important;
}

.dwf-weight-estimator[data-dwf-bubbles="off"] .dwf-weight-estimator__bubbles,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__bubbles {
  display: none !important;
}

.dwf-weight-estimator[data-dwf-text-size="small"] .dwf-weight-estimator__field label,
.dwf-weight-estimator[data-dwf-text-size="small"] .dwf-weight-estimator__toggle-title,
.dwf-weight-estimator[data-dwf-text-size="small"] .dwf-weight-estimator__toggle-value,
.dwf-weight-estimator[data-dwf-text-size="small"] .dwf-weight-estimator__breakdown-row,
.dwf-weight-estimator[data-dwf-text-size="small"] .dwf-weight-estimator__modal-content p,
.dwf-weight-estimator[data-dwf-text-size="small"] .dwf-weight-estimator__modal-content li,
.dwf-weight-estimator[data-dwf-text-size="small"] .dwf-weight-estimator__note {
  font-size: 0.88rem !important;
}

.dwf-weight-estimator[data-dwf-text-size="large"] .dwf-weight-estimator__field label,
.dwf-weight-estimator[data-dwf-text-size="large"] .dwf-weight-estimator__toggle-title,
.dwf-weight-estimator[data-dwf-text-size="large"] .dwf-weight-estimator__toggle-value,
.dwf-weight-estimator[data-dwf-text-size="large"] .dwf-weight-estimator__breakdown-row,
.dwf-weight-estimator[data-dwf-text-size="large"] .dwf-weight-estimator__modal-content p,
.dwf-weight-estimator[data-dwf-text-size="large"] .dwf-weight-estimator__modal-content li,
.dwf-weight-estimator[data-dwf-text-size="large"] .dwf-weight-estimator__note {
  font-size: 1.08rem !important;
}

.dwf-weight-estimator[data-dwf-text-size="large"] .dwf-weight-estimator__total {
  font-size: 4.45rem !important;
}

.dwf-weight-estimator[data-dwf-text-size="small"] .dwf-weight-estimator__total {
  font-size: 3.85rem !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] {
  --dwf-ink: #e7f6ff;
  --dwf-muted: #a9cadb;
  --dwf-border: #2a607b;
  --dwf-panel: #0f2f45;
  --dwf-bg: #071d2c;
  --dwf-blue: #5bbce8;
  --dwf-blue-dark: #d9f4ff;
  --dwf-teal: #4fd1c5;
  --dwf-teal-dark: #9ef0e7;
  --dwf-track: #315b72;
  background: linear-gradient(180deg, #071d2c 0%, #0b2a3f 100%) !important;
  border-color: #2a607b !important;
  color: #e7f6ff !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__card:not(.dwf-weight-estimator__outputs),
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__modal-content {
  background: #0f2f45 !important;
  border-color: #2a607b !important;
  color: #e7f6ff !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__toggle-group,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__checkbox-option,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__note,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__safety-note,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__why-panel {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(217, 251, 255, 0.22) !important;
  color: #e7f6ff !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__disclaimer {
  background: rgba(255, 245, 230, 0.08) !important;
  border-color: rgba(255, 209, 163, 0.38) !important;
  color: #ffe6c7 !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__field label,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__field label span,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__field-label,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__checkbox-option span,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__card h3,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__modal-content h2,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__modal-content h3,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__modal-content p,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__modal-content li,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__settings-section p {
  color: #e7f6ff !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__field select,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__field input[type="number"],
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__inline-input input {
  background: #071d2c !important;
  border-color: #4b7f99 !important;
  color: #ffffff !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__tool-button,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__choice-button,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__why-button,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__reset-display,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__modal-close {
  background: #071d2c !important;
  border-color: #4b7f99 !important;
  color: #e7f6ff !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__choice-button[data-dwf-active="1"],
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__tool-button:hover,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__choice-button:hover,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__why-button:hover,
.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__reset-display:hover {
  background: #d9f4ff !important;
  color: #071d2c !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] {
  --dwf-ink: #000000;
  --dwf-muted: #000000;
  --dwf-border: #000000;
  --dwf-panel: #ffffff;
  --dwf-bg: #ffffff;
  --dwf-blue: #000000;
  --dwf-blue-dark: #000000;
  --dwf-teal: #000000;
  --dwf-teal-dark: #000000;
  --dwf-track: #777777;
  --dwf-warm: #000000;
  background: #ffffff !important;
  border: 3px solid #000000 !important;
  color: #000000 !important;
  box-shadow: none !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__card,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__modal-content,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__toggle-group,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__checkbox-option,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__note,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__safety-note,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__why-panel,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__disclaimer {
  background: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
  box-shadow: none !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__outputs {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__total {
  color: #ffff00 !important;
  text-shadow: none !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__field label,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__field label span,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__field-label,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__checkbox-option span,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__card h3,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__modal-content h2,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__modal-content h3,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__modal-content p,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__modal-content li,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__settings-section p {
  color: #000000 !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__outputs h3,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__output-subtitle,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__breakdown-row,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__breakdown-row strong,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__calibration-form p,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__calibration-toggle {
  color: #ffffff !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__breakdown {
  background: #000000 !important;
  border: 2px solid #ffffff !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__field select,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__field input[type="number"],
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__inline-input input {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__tool-button,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__choice-button,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__why-button,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__reset-display,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__modal-close,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__guide-button {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
  box-shadow: none !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__choice-button[data-dwf-active="1"],
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__tool-button:hover,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__choice-button:hover,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__why-button:hover,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__reset-display:hover,
.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__guide-button:hover {
  background: #000000 !important;
  color: #ffff00 !important;
  border-color: #ffff00 !important;
}

.dwf-weight-estimator[data-dwf-theme="deep"] .dwf-weight-estimator__feedback-callout {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(217, 251, 255, 0.22) !important;
  color: #e7f6ff !important;
}

.dwf-weight-estimator[data-dwf-theme="contrast"] .dwf-weight-estimator__feedback-callout {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
}


/* 1.7.2: keep compact toggle rows inside narrow two-column layouts. */
.dwf-weight-estimator__toggle-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.dwf-weight-estimator__toggle-title {
  min-width: 0 !important;
}

.dwf-weight-estimator__toggle-control {
  max-width: 100% !important;
  grid-template-columns: minmax(0, max-content) 48px !important;
  gap: 7px !important;
  justify-content: end !important;
  min-width: 0 !important;
}

.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-control {
  grid-template-columns: 48px minmax(0, max-content) !important;
}

.dwf-weight-estimator__toggle-value {
  min-width: 0 !important;
  max-width: 9ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.dwf-weight-estimator__toggle-row[data-position="left"] .dwf-weight-estimator__toggle-value[data-select-value]:last-child,
.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-value[data-select-value]:first-child {
  display: none !important;
}

.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-pill {
  order: 1 !important;
}

.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-value[data-select-value]:last-child {
  order: 2 !important;
  text-align: left !important;
}

@media (max-width: 900px) {
  .dwf-weight-estimator__toggle-row {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .dwf-weight-estimator__toggle-control {
    justify-content: start !important;
  }
}


/* 1.7.3: stabilize compact toggle rows and keep help icons out of the pill column. */
.dwf-weight-estimator__toggle-row {
  grid-template-columns: minmax(0, 1fr) minmax(118px, auto) !important;
  gap: 14px !important;
  align-items: center !important;
}

.dwf-weight-estimator__toggle-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.dwf-weight-estimator__toggle-title-text {
  min-width: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.dwf-weight-estimator__toggle-title .dwf-weight-estimator__help {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

.dwf-weight-estimator__toggle-control {
  display: grid !important;
  grid-template-columns: 48px minmax(0, max-content) !important;
  gap: 9px !important;
  align-items: center !important;
  justify-content: end !important;
  min-width: 118px !important;
  max-width: 100% !important;
}

.dwf-weight-estimator__toggle-pill {
  order: 1 !important;
}

.dwf-weight-estimator__toggle-value {
  display: none !important;
  order: 2 !important;
  min-width: 0 !important;
  max-width: 9ch !important;
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.dwf-weight-estimator__toggle-value[aria-current="true"] {
  display: inline-block !important;
}

.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-pill {
  order: 1 !important;
}

.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-value[data-select-value]:last-child {
  order: 2 !important;
}

@media (max-width: 560px) {
  .dwf-weight-estimator__toggle-row {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .dwf-weight-estimator__toggle-control {
    justify-content: start !important;
  }
}


/* 1.7.4: align compact setting toggles and accessory checkboxes in narrow two-column layouts. */
.dwf-weight-estimator__toggle-row {
  grid-template-columns: minmax(92px, 1fr) 40px 156px !important;
  gap: 10px !important;
  align-items: center !important;
}

.dwf-weight-estimator__toggle-title {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  line-height: 1.15 !important;
}

.dwf-weight-estimator__toggle-title-text {
  display: block !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.dwf-weight-estimator__toggle-help {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
}

.dwf-weight-estimator__toggle-help .dwf-weight-estimator__help {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.dwf-weight-estimator__toggle-title .dwf-weight-estimator__help {
  margin-left: 0 !important;
}

.dwf-weight-estimator__toggle-control {
  display: grid !important;
  grid-template-columns: 60px minmax(76px, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: start !important;
  justify-items: start !important;
  min-width: 156px !important;
  max-width: 156px !important;
}

.dwf-weight-estimator__toggle-pill,
.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-pill {
  order: 1 !important;
  justify-self: center !important;
}

.dwf-weight-estimator__toggle-value {
  order: 2 !important;
  display: none !important;
  max-width: 76px !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.dwf-weight-estimator__toggle-value[aria-current="true"] {
  display: inline-block !important;
}

.dwf-weight-estimator__checkbox-option {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.dwf-weight-estimator__checkbox-option input {
  margin: 0 !important;
  justify-self: center !important;
}

.dwf-weight-estimator__checkbox-option span {
  display: contents !important;
  width: auto !important;
}

.dwf-weight-estimator__checkbox-option strong {
  justify-self: end !important;
}

@media (max-width: 560px) {
  .dwf-weight-estimator__toggle-row {
    grid-template-columns: minmax(92px, 1fr) 40px !important;
  }

  .dwf-weight-estimator__toggle-control {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }
}


/* 1.7.5: keep the pill column fixed and only swap the selected text. */
.dwf-weight-estimator__toggle-control,
.dwf-weight-estimator__toggle-row[data-position="left"] .dwf-weight-estimator__toggle-control,
.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-control {
  display: grid !important;
  grid-template-columns: 60px minmax(76px, 1fr) !important;
  grid-template-areas: "pill value" !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: start !important;
  justify-items: start !important;
  min-width: 156px !important;
  max-width: 156px !important;
}

.dwf-weight-estimator__toggle-pill,
.dwf-weight-estimator__toggle-row[data-position="left"] .dwf-weight-estimator__toggle-pill,
.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-pill {
  grid-area: pill !important;
  order: 0 !important;
  justify-self: center !important;
}

.dwf-weight-estimator__toggle-value,
.dwf-weight-estimator__toggle-row[data-position="left"] .dwf-weight-estimator__toggle-value,
.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-value,
.dwf-weight-estimator__toggle-row[data-position="left"] .dwf-weight-estimator__toggle-value[data-select-value]:first-child,
.dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-value[data-select-value]:last-child {
  grid-area: value !important;
  order: 0 !important;
  min-width: 0 !important;
  max-width: 76px !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* 1.7.5: right-justify accessory deltas without letting labels wrap oddly. */
.dwf-weight-estimator__checkbox-option {
  grid-template-columns: 22px minmax(0, 1fr) minmax(4.5em, auto) !important;
}

.dwf-weight-estimator__checkbox-option strong,
.dwf-weight-estimator__checkbox-option [data-dwf-role="hood-delta"],
.dwf-weight-estimator__checkbox-option [data-dwf-role="gloves-delta"] {
  justify-self: end !important;
  margin-left: auto !important;
  min-width: 4.5em !important;
  text-align: right !important;
  white-space: nowrap !important;
}

@media (max-width: 560px) {
  .dwf-weight-estimator__toggle-control,
  .dwf-weight-estimator__toggle-row[data-position="left"] .dwf-weight-estimator__toggle-control,
  .dwf-weight-estimator__toggle-row[data-position="right"] .dwf-weight-estimator__toggle-control {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }
}


/* v1.7.6: keep accessory deltas pinned to the right edge of each row. */
.dwf-weight-estimator .dwf-weight-estimator__checkbox-option {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  width: 100% !important;
}

.dwf-weight-estimator .dwf-weight-estimator__checkbox-option input {
  justify-self: start !important;
}

.dwf-weight-estimator .dwf-weight-estimator__checkbox-label-text {
  min-width: 0 !important;
  color: var(--dwf-blue) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.dwf-weight-estimator .dwf-weight-estimator__checkbox-delta {
  justify-self: end !important;
  min-width: 4.5em !important;
  text-align: right !important;
  white-space: nowrap !important;
  color: #0f766e !important;
}