/* =========================================================
   BUMIL KU - BERAT BADAN BUMIL DEDICATED PAGE
   Version: V479 - ANALOG DISPLAY INNER RECESS / NO OUTER SHADOW
   ========================================================= */

.weightCalculatorPageMain{
  position:relative;
  z-index:1;
}

.weightCalculatorFieldIcon{
  display:none;
}


/* ---------------------------------------------------------
   V451 - CLEAN WHITE PAGE BACKGROUND
   ---------------------------------------------------------
   Light mode dibuat putih solid seperti landing page index.
   Card, form, result, shadow 3D, dan dark mode tidak diubah.
   --------------------------------------------------------- */
html:not([data-theme="dark"]) body.bumilWeightToolPage,
html:not([data-theme="dark"]) body.bumilWeightToolPage .appStage,
html:not([data-theme="dark"]) body.bumilWeightToolPage .phoneShell,
html:not([data-theme="dark"]) body.bumilWeightToolPage .phoneScreen,
html:not([data-theme="dark"]) body.bumilWeightToolPage .weightCalculatorPageMain{
  background:#ffffff !important;
  background-image:none !important;
}

html:not([data-theme="dark"]) body.bumilWeightToolPage .pageBackdrop{
  background:#ffffff !important;
  background-image:none !important;
}

html:not([data-theme="dark"]) body.bumilWeightToolPage .pageGlow{
  display:none !important;
}


/* ---------------------------------------------------------
   V452 - CLEAN WHITE CARDS + NEUTRAL SHADOW
   ---------------------------------------------------------
   Fokus:
   - Card form dan card hasil menjadi putih solid.
   - Tidak ada cast/shadow hijau pada permukaan card.
   - Efek 3D tetap ada memakai neutral cool gray.
   - Aksen teal hanya dipertahankan pada icon, tombol, dan status.
   --------------------------------------------------------- */
html:not([data-theme="dark"])
  .weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard,
html:not([data-theme="dark"])
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  background:#ffffff !important;
  background-image:none !important;
  border-color:rgba(86,104,114,.10) !important;
  box-shadow:
    -11px -11px 24px rgba(86,104,114,.045),
    -4px -4px 10px rgba(86,104,114,.028),
    9px 12px 22px rgba(56,72,82,.075),
    18px 22px 42px rgba(56,72,82,.095),
    0 30px 54px rgba(56,72,82,.055),
    inset 1px 1px 0 rgba(255,255,255,1),
    inset -1px -1px 0 rgba(118,132,140,.055) !important;
}

html:not([data-theme="dark"])
  .weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard::before,
html:not([data-theme="dark"])
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard::before{
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.98) 18%,
    rgba(255,255,255,.98) 82%,
    transparent
  ) !important;
  box-shadow:0 -4px 12px rgba(86,104,114,.026) !important;
}

/* Result surface: putih bersih, shadow netral. */
html:not([data-theme="dark"])
  .weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResult{
  background:#ffffff !important;
  background-image:none !important;
  border-color:rgba(86,104,114,.09) !important;
  box-shadow:
    -5px -5px 12px rgba(86,104,114,.028),
    5px 7px 14px rgba(56,72,82,.055),
    0 12px 22px rgba(56,72,82,.038),
    inset 1px 1px 0 rgba(255,255,255,.98),
    inset -1px -1px 0 rgba(118,132,140,.035) !important;
}

/* Tiap item hasil juga dibuat surface putih clean. */
html:not([data-theme="dark"])
  .weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultItem{
  background:#ffffff !important;
  background-image:none !important;
  border-color:rgba(86,104,114,.075) !important;
  box-shadow:
    0 4px 10px rgba(56,72,82,.025),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* Card kesimpulan tetap putih di semua status.
   Status tetap terbaca dari icon, eyebrow, dan warna teks/border. */
html:not([data-theme="dark"]) .weightCalculatorConclusion,
html:not([data-theme="dark"])
  .weightCalculatorConclusion[data-conclusion-state="within"],
html:not([data-theme="dark"])
  .weightCalculatorConclusion[data-conclusion-state="reference"],
html:not([data-theme="dark"])
  .weightCalculatorConclusion[data-conclusion-state="total-only"],
html:not([data-theme="dark"])
  .weightCalculatorConclusion[data-conclusion-state="below"],
html:not([data-theme="dark"])
  .weightCalculatorConclusion[data-conclusion-state="above"],
html:not([data-theme="dark"])
  .weightCalculatorConclusion[data-conclusion-state="clinical-review"]{
  background:#ffffff !important;
  background-image:none !important;
  box-shadow:
    -5px -5px 12px rgba(86,104,114,.026),
    6px 8px 16px rgba(56,72,82,.05),
    0 13px 24px rgba(56,72,82,.035),
    inset 1px 1px 0 rgba(255,255,255,.98),
    inset -1px -1px 0 rgba(118,132,140,.03) !important;
}

/* Icon surface kesimpulan juga putih agar tidak ada blok hijau. */
html:not([data-theme="dark"]) .weightCalculatorConclusionIcon{
  background:#ffffff !important;
  background-image:none !important;
  box-shadow:
    0 5px 11px rgba(56,72,82,.045),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

@media (min-width:980px){

/* ---------------------------------------------------------
   V454 - RESULT COMPACT + OUTER CARD REMOVED
   ---------------------------------------------------------
   - Outer interaction card pada RESULT hanya menjadi layout wrapper.
   - Card visual utama adalah .desktopOfficialSupportWeightResult.
   - Result diperkecil agar seimbang dengan form compact V453.
   - Tombol Pemeriksaan Baru berada di dalam card hasil.
   --------------------------------------------------------- */
.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard::before{
  content:none !important;
  display:none !important;
  box-shadow:none !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorResultWrap{
  margin-top:0 !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResult{
  padding:11px !important;
  border-radius:16px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultGrid{
  gap:7px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultItem{
  min-height:58px !important;
  padding:9px 11px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultHeader > strong{
  font-size:12.8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultStatus{
  min-height:25px !important;
  padding:0 9px !important;
  font-size:8.8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultItem small{
  font-size:8.7px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultItem strong{
  margin-top:4px !important;
  font-size:12.4px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultItem em{
  margin-top:3px !important;
  font-size:8.4px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion{
  margin-top:10px !important;
  padding:12px 13px !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  gap:10px !important;
  border-radius:15px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionIcon{
  width:36px !important;
  height:36px !important;
  border-radius:11px !important;
  font-size:15px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > small{
  font-size:7.8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > strong{
  margin-top:4px !important;
  font-size:11.7px !important;
  line-height:1.3 !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
  margin-top:4px !important;
  font-size:8.6px !important;
  line-height:1.48 !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionAdvice{
  margin-top:7px !important;
  padding:7px 9px !important;
  font-size:8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorResultActions{
  margin:10px 0 0 !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorNewCheck--full{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:13px !important;
  font-size:8.8px !important;
}

/* ---------------------------------------------------------
   V453 - FORM CARD LEBIH COMPACT
   ---------------------------------------------------------
   Hanya stage FORM yang diperkecil.
   Preview, result, HTML, hook, dan algoritma tetap.
   --------------------------------------------------------- */
.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard{
  min-height:410px !important;
  padding:20px 26px 16px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionHeader{
  margin-bottom:20px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionHeader h2{
  margin-top:7px !important;
  font-size:24px !important;
  line-height:1.1 !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionHeader p{
  margin-top:8px !important;
  font-size:11px !important;
  line-height:1.52 !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputPreview{
  gap:12px 14px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputField{
  gap:5px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputLabel{
  font-size:9.6px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputShell{
  min-height:46px !important;
  padding:4px 10px 4px 5px !important;
  grid-template-columns:34px minmax(0,1fr) 46px !important;
  gap:7px !important;
  border-radius:14px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputShell--select{
  grid-template-columns:34px minmax(0,1fr) !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorFieldIcon{
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  border-radius:10px !important;
  font-size:12px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInput{
  height:34px !important;
  font-size:9.8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputUnit{
  width:46px !important;
  min-width:46px !important;
  height:22px !important;
  padding-left:8px !important;
  font-size:9px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorPregnancySelectButton{
  height:34px !important;
  font-size:9.8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorRunCheck{
  min-height:46px !important;
  margin-top:14px !important;
  border-radius:14px !important;
  font-size:10px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorRunCheckIcon{
  font-size:21px !important;
}

html:not([data-theme="dark"]) body.bumilWeightToolPage .phoneScreen{
  background:#ffffff !important;
  background-image:none !important;
}

.bumilWeightToolPage .phoneScreen{
  min-height:100svh !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:visible !important;
  background:
    radial-gradient(circle at 10% 14%,rgba(15,159,141,.042),transparent 22%),
    radial-gradient(circle at 92% 44%,rgba(96,192,208,.045),transparent 22%),
    linear-gradient(180deg,#f7fbfc 0%,#ffffff 100%) !important;
}

.weightCalculatorPageMain{
  flex:1 0 auto;
  width:100%;
  padding:126px clamp(30px,4.5vw,74px) 58px;
}

.weightCalculatorBreadcrumb{
  width:min(1320px,100%);
  margin:0 auto 14px;
}

.weightCalculatorBreadcrumb a{
  width:fit-content;
  min-height:34px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#0e9382;
  background:linear-gradient(145deg,#ffffff,#f5faf9);
  border:1px solid rgba(15,159,141,.12);
  border-radius:999px;
  box-shadow:
    0 8px 18px rgba(16,70,80,.055),
    inset 0 1px 0 rgba(255,255,255,1);
  font:800 8.8px/1 "Inter",ui-sans-serif,system-ui,sans-serif;
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease;
}

.weightCalculatorBreadcrumb a:hover{
  transform:translateY(-1px);
  box-shadow:
    0 11px 22px rgba(16,70,80,.075),
    inset 0 1px 0 rgba(255,255,255,1);
}

.weightCalculatorStandaloneSection{
  width:min(1320px,100%) !important;
  margin:0 auto !important;
  padding:34px 38px 36px !important;
  overflow:visible !important;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(250,253,254,.985)) !important;
  border:1px solid rgba(58,105,119,.075) !important;
  border-radius:28px !important;
  box-shadow:
    0 24px 56px rgba(24,72,84,.065),
    0 7px 18px rgba(24,72,84,.035),
    inset 1px 1px 0 rgba(255,255,255,1) !important;
}

.weightCalculatorPageHeader--centered{
  width:min(900px,100%);
  margin:0 auto 30px !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.weightCalculatorPageHeader h1{
  margin:14px 0 0;
  color:#17384c;
  font:800 clamp(32px,3vw,46px)/1.05 "Inter",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:-.042em;
}

.weightCalculatorPageHeader p{
  max-width:720px;
  margin:12px auto 0;
  color:#65788a;
  font:500 12.5px/1.62 "Inter",ui-sans-serif,system-ui,sans-serif;
}

/* ---------------------------------------------------------
   V413 - Progress Steps
   --------------------------------------------------------- */
.weightCalculatorProgress{
  width:min(700px,100%);
  margin:0 auto 38px;
}

.weightCalculatorProgressList{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  list-style:none;
}

.weightCalculatorProgressList::before{
  content:"";
  position:absolute;
  z-index:0;
  top:20px;
  left:16.666%;
  right:16.666%;
  height:2px;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(126,156,170,.28) 0 10px,
      transparent 10px 18px
    );
}

.weightCalculatorProgressStep{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  color:#91a3af;
  text-align:center;
}

.weightCalculatorProgressNode{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#8397a4;
  background:
    linear-gradient(145deg,#edf3f6,#dfe8ed);
  border:1px solid rgba(111,145,160,.12);
  border-radius:50%;
  box-shadow:
    0 5px 10px rgba(38,78,92,.06),
    inset 0 1px 0 rgba(255,255,255,.82);
  transition:
    color .2s ease,
    background .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

.weightCalculatorProgressNumber{
  font:800 12px/1 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorProgressLabel{
  font:800 10px/1.2 "Inter",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.002em;
  transition:color .2s ease;
}

.weightCalculatorProgressStep.is-active{
  color:#0a9083;
}

.weightCalculatorProgressStep.is-active
  .weightCalculatorProgressNode{
  color:#ffffff;
  background:
    linear-gradient(145deg,#12aaa0,#078c84);
  border-color:rgba(8,152,145,.15);
  box-shadow:
    0 8px 16px rgba(8,152,145,.19),
    inset 0 1px 0 rgba(255,255,255,.25);
  transform:translateY(-1px);
}

.weightCalculatorProgressStep.is-active
  .weightCalculatorProgressLabel{
  color:#0a9083;
}

.weightCalculatorProgressStep.is-complete{
  color:#0a9083;
}

.weightCalculatorProgressStep.is-complete
  .weightCalculatorProgressNode{
  color:#ffffff;
  background:
    linear-gradient(145deg,#51c6bb,#22a99d);
  border-color:rgba(8,152,145,.11);
  box-shadow:
    0 6px 13px rgba(8,152,145,.13),
    inset 0 1px 0 rgba(255,255,255,.25);
}

.weightCalculatorProgressStep.is-complete
  .weightCalculatorProgressLabel{
  color:#4b8e89;
}

.weightCalculatorStandaloneGrid{
  width:100%;
}

/*
 * V415 - STATIC CENTERED FLOW WRAPPER
 * ---------------------------------------------------------
 * Global index CSS mempunyai:
 * .desktopOfficialSupportToolCard:hover
 *
 * Selector tersebut lebih spesifik daripada satu class dedicated,
 * sehingga pada hover parent wrapper sempat kembali menjadi card putih
 * besar dengan shadow. Dedicated page harus menjaga wrapper ini sebagai
 * layout-only surface pada SEMUA state pointer.
 */
.weightCalculatorCenteredCard,
.desktopOfficialSupportToolCard.weightCalculatorCenteredCard:hover{
  width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  transform:none !important;
  transition:none !important;
}

.desktopOfficialSupportToolCard.weightCalculatorCenteredCard::before,
.desktopOfficialSupportToolCard.weightCalculatorCenteredCard::after,
.desktopOfficialSupportToolCard.weightCalculatorCenteredCard:hover::before,
.desktopOfficialSupportToolCard.weightCalculatorCenteredCard:hover::after{
  content:none !important;
  display:none !important;
}

.weightCalculatorCenteredCore{
  width:min(1220px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(350px,.78fr) minmax(590px,1.22fr);
  align-items:center;
  gap:42px;
}

.weightCalculatorCenteredVisual{
  min-width:0;
  min-height:480px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 10px;
  background:
    radial-gradient(circle at 50% 49%,rgba(15,159,141,.060),rgba(96,192,208,.028) 40%,transparent 74%);
  border-radius:32px;
}

.weightCalculatorCenteredVisual .desktopOfficialSupportToolFeaturedVisual{
  width:100% !important;
  min-height:450px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
}

.weightCalculatorCenteredVisual .desktopOfficialSupportWeightDevice{
  width:min(100%,390px) !important;
}

.weightCalculatorCenteredVisual .desktopOfficialSupportWeightGaugeShell{
  width:min(100%,274px) !important;
  min-height:156px !important;
  margin-top:-137px !important;
}

.weightCalculatorCenteredVisual .desktopOfficialSupportWeightPads::before{
  width:208px !important;
  height:140px !important;
  bottom:28px !important;
}

.weightCalculatorInteractionCard{
  position:relative;
  min-width:0;
  width:100%;
  min-height:480px;
  padding:48px 46px 44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(145deg,#ffffff 0%,#f8fcfd 100%);
  border:1px solid rgba(58,105,119,.075);
  border-radius:28px;
  box-shadow:
    -10px -10px 26px rgba(255,255,255,.98),
    15px 18px 34px rgba(55,91,105,.095),
    0 4px 10px rgba(55,91,105,.038),
    inset 1px 1px 0 rgba(255,255,255,1),
    inset -1px -1px 0 rgba(131,161,174,.05);
}

/*
 * V429 - Transisi stage:
 * preview -> form -> result menggunakan fade + micro-lift.
 * Hidden state baru diterapkan setelah fade-out selesai oleh controller,
 * sehingga card tidak lagi muncul/hilang secara mendadak.
 */
.weightCalculatorInteractionCard{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
  transform-origin:center center;
  will-change:opacity,transform,filter;
  transition:
    opacity .26s ease,
    transform .32s cubic-bezier(.22,.8,.28,1),
    filter .26s ease,
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.weightCalculatorCenteredCard.is-stage-transitioning
  .weightCalculatorInteractionCard{
  pointer-events:none !important;
}

.weightCalculatorInteractionCard.is-stage-leaving{
  opacity:0 !important;
  transform:translateY(8px) scale(.992) !important;
  filter:blur(1.5px) !important;
}

.weightCalculatorInteractionCard.is-stage-entering{
  opacity:0 !important;
  transform:translateY(10px) scale(.99) !important;
  filter:blur(1.5px) !important;
}

/*
 * V426 - Preview tanpa card.
 * Hanya stage awal yang dibuat surface-less agar teks + CTA terasa ringan.
 * Saat form / hasil tampil, card existing kembali dipakai seperti V425.
 */
.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorInteractionCard{
  background:transparent !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/*
 * V432 - Opening preview dinaikkan.
 * Tidak memakai transform agar tidak bentrok dengan fade transition V429.
 * Form dan result tetap memakai posisi existing.
 */
.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorInteractionCard{
  justify-content:flex-start !important;
  padding-top:40px !important;
}

/*
 * V430 - VARIAN 2 B / FOKUS MANFAAT
 * Background tetap clean. Fokus visual pada headline, benefit chips,
 * dan CTA tanpa menambah ilustrasi/dekorasi background.
 */
.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorInteractionHeader{
  margin-bottom:20px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorInteractionHeader h2{
  margin-top:25px !important;
  max-width:620px !important;
  color:#089891 !important;
  background:linear-gradient(145deg,#12aaa0 0%,#078c84 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  font-size:30px !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorInteractionHeader p{
  max-width:555px !important;
  margin-top:10px !important;
  font-size:11px !important;
  line-height:1.62 !important;
}

.weightCalculatorPreviewBenefits{
  width:100%;
  max-width:550px;
  margin:0 0 24px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.weightCalculatorPreviewBenefit{
  min-width:0;
  min-height:52px;
  padding:7px 9px 7px 7px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#24495e;
  background:linear-gradient(145deg,#fbfdfd 0%,#f5faf9 100%);
  border:1px solid rgba(58,105,119,.075);
  border-radius:15px;
  box-shadow:
    0 7px 16px rgba(31,79,91,.045),
    inset 0 1px 0 rgba(255,255,255,.98);
}

.weightCalculatorPreviewBenefitIcon{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#0f9f8d;
  background:linear-gradient(145deg,#f2fbf9,#e8f7f4);
  border:1px solid rgba(15,159,141,.09);
  border-radius:12px;
  box-shadow:
    0 5px 11px rgba(15,159,141,.07),
    inset 0 1px 0 rgba(255,255,255,.98);
  font-size:14px;
}

.weightCalculatorPreviewBenefit strong{
  min-width:0;
  color:#24495e;
  font:800 10px/1.2 "Inter",ui-sans-serif,system-ui,sans-serif;
  white-space:nowrap;
}

.weightCalculatorCenteredCard:not([data-weight-check-stage="preview"])
  .weightCalculatorPreviewBenefits{
  display:none !important;
}

/*
 * Saat hasil tampil, kolom kanan menjadi lebih tinggi karena
 * memuat completion panel + hasil pemantauan. Timbangan analog
 * tetap di kiri dan disejajarkan ke area atas agar komposisi rapi.
 */
.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorCenteredCore{
  align-items:start !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorCenteredVisual{
  padding-top:30px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard,
.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  justify-content:flex-start !important;
  padding:26px 32px 20px !important;
}

/*
 * V446 - FORM + RESULT CARD LEBIH TIMBUL / 3D
 * ---------------------------------------------------------
 * Hanya diterapkan pada stage form dan result.
 * Preview tetap clean tanpa card seperti baseline sebelumnya.
 */
.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard,
.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  background:
    linear-gradient(145deg,#ffffff 0%,#fbfdfd 48%,#f4f9fa 100%) !important;
  border:1px solid rgba(75,119,132,.085) !important;
  box-shadow:
    -12px -12px 26px rgba(54,91,104,.055),
    -5px -5px 12px rgba(54,91,104,.035),
    0 2px 3px rgba(67,98,110,.045),
    10px 13px 22px rgba(48,82,95,.085),
    20px 24px 46px rgba(45,79,92,.13),
    0 36px 68px rgba(36,74,88,.075),
    inset 1px 1px 0 rgba(255,255,255,1),
    inset -1px -1px 0 rgba(124,154,166,.065) !important;
}

/* Highlight atas memberi kesan permukaan benar-benar terangkat. */
.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard::before,
.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard::before{
  content:"";
  position:absolute;
  z-index:0;
  top:1px;
  left:24px;
  right:24px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.98) 18%,
    rgba(255,255,255,.98) 82%,
    transparent
  );
  box-shadow:
    0 -5px 16px rgba(65,103,115,.045);
  pointer-events:none;
}

/* Pastikan seluruh isi tetap berada di atas highlight dekoratif. */
.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard > *,
.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard > *{
  position:relative;
  z-index:1;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  padding-bottom:16px !important;
}

.weightCalculatorInteractionHeader{
  margin:0 0 30px;
}

.weightCalculatorInteractionEyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#0e9382;
  font:800 9px/1 "Inter",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.weightCalculatorInteractionHeader h2{
  margin:9px 0 0;
  color:#17384c;
  font:800 27px/1.12 "Inter",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:-.026em;
}

.weightCalculatorInteractionHeader p{
  max-width:680px;
  margin:10px 0 0;
  color:#6b7e8d;
  font:500 12.4px/1.68 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorPreviewBlock{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorPreviewBlock
  .weightCalculatorStartCheck.desktopOfficialSupportToolAction.desktopOfficialSupportToolAction--link[data-weight-start-check]{
  width:210px !important;
  min-width:210px !important;
  max-width:210px !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  margin:0 !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  color:#ffffff !important;
  background:linear-gradient(145deg,#12aaa0 0%,#078c84 100%) !important;
  border:1px solid rgba(8,152,145,.18) !important;
  border-radius:999px !important;
  box-shadow:
    0 10px 20px rgba(8,152,145,.20),
    0 2px 6px rgba(8,152,145,.05),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  font:800 11.8px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  letter-spacing:-.01em !important;
  cursor:pointer !important;
  transform:none !important;
  transition:box-shadow .18s ease !important;
}

/*
 * Hover aman:
 * warna gradient, border, icon dan teks TIDAK berubah.
 * Hanya elevasi/shadow yang meningkat.
 */
.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorPreviewBlock
  .weightCalculatorStartCheck[data-weight-start-check]:hover,
.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorPreviewBlock
  .weightCalculatorStartCheck[data-weight-start-check]:focus-visible{
  color:#ffffff !important;
  background:linear-gradient(145deg,#12aaa0 0%,#078c84 100%) !important;
  border-color:rgba(8,152,145,.18) !important;
  transform:none !important;
  box-shadow:
    0 26px 48px rgba(8,152,145,.34),
    0 7px 16px rgba(8,152,145,.12),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  filter:none !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorPreviewBlock
  .weightCalculatorStartCheck[data-weight-start-check]:active{
  color:#ffffff !important;
  background:linear-gradient(145deg,#12aaa0 0%,#078c84 100%) !important;
  transform:none !important;
  box-shadow:
    0 16px 32px rgba(8,152,145,.26),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorStartCheck[data-weight-start-check]
  .weightCalculatorStartCheckIcon{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffffff !important;
  font-size:21px !important;
  line-height:1 !important;
  transform:none !important;
  filter:drop-shadow(0 4px 8px rgba(0,77,70,.24)) !important;
}

.weightCalculatorStartCheck[data-weight-start-check]:hover
  .weightCalculatorStartCheckIcon,
.weightCalculatorStartCheck[data-weight-start-check]:focus-visible
  .weightCalculatorStartCheckIcon{
  color:#ffffff !important;
  transform:none !important;
}

.weightCalculatorStartCheck[data-weight-start-check]
  .weightCalculatorStartCheckArrow{
  flex:0 0 auto !important;
  margin-left:6px !important;
  color:#ffffff !important;
  font-size:13px !important;
  line-height:1 !important;
  transform:none !important;
  transition:none !important;
}

.weightCalculatorStartCheck[data-weight-start-check]:hover
  .weightCalculatorStartCheckArrow,
.weightCalculatorStartCheck[data-weight-start-check]:focus-visible
  .weightCalculatorStartCheckArrow{
  transform:none !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputPreview{
  width:100% !important;
  max-width:none !important;
  margin-top:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:17px 18px !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputField{
  min-width:0 !important;
  width:100% !important;
  display:grid !important;
  gap:7px !important;
}

.weightCalculatorInteractionCard .weightCalculatorField--height{
  grid-column:1 / -1 !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputLabel{
  margin:0 !important;
  padding-left:2px !important;
  color:#24495e !important;
  font-size:10.3px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  letter-spacing:-.004em !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell{
  width:100% !important;
  min-height:52px !important;
  padding:5px 11px 5px 6px !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) 50px !important;
  align-items:center !important;
  gap:9px !important;
  background:linear-gradient(180deg,#f8fbfc 0%,#ffffff 100%) !important;
  border:1px solid rgba(116,151,166,.14) !important;
  border-radius:16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 2px 6px rgba(94,128,143,.035),
    0 4px 10px rgba(41,89,102,.025) !important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell:focus-within{
  background:#ffffff !important;
  border-color:rgba(8,152,145,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 0 0 3px rgba(8,152,145,.065),
    0 8px 18px rgba(8,152,145,.055) !important;
}

.weightCalculatorInteractionCard .weightCalculatorFieldIcon{
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#0f9f8d !important;
  background:linear-gradient(145deg,#f3fbf9 0%,#eaf7f4 100%) !important;
  border:1px solid rgba(15,159,141,.10) !important;
  border-radius:11px !important;
  box-shadow:0 5px 11px rgba(15,159,141,.07),inset 0 1px 0 rgba(255,255,255,.96) !important;
  font-size:14px !important;
  pointer-events:none !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInput{
  width:100% !important;
  min-width:0 !important;
  text-overflow:clip !important;
  height:40px !important;
  padding:0 !important;
  color:#17384c !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  appearance:textfield !important;
  -moz-appearance:textfield !important;
  font:650 10.7px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  letter-spacing:0 !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInput::placeholder{
  color:#93a3ae !important;
  opacity:.92 !important;
  font-weight:550 !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputUnit{
  width:50px !important;
  min-width:50px !important;
  height:25px !important;
  padding:0 0 0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#72869a !important;
  border-left:1px solid rgba(125,153,168,.18) !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:700 !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell--select{
  position:relative !important;
  z-index:6 !important;
  overflow:visible !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  padding-right:7px !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell--select.is-open{
  z-index:40 !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightSelect{
  width:1px !important;
  min-width:1px !important;
  height:1px !important;
  padding:0 !important;
  position:absolute !important;
  inset:auto auto 0 0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  clip-path:inset(50%) !important;
}

.weightCalculatorPregnancySelectButton{
  width:100%;
  min-width:0;
  height:40px;
  padding:0 5px 0 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#17384c;
  background:transparent;
  border:0;
  outline:0;
  font:650 10.7px/1 "Inter",ui-sans-serif,system-ui,sans-serif;
  text-align:left;
  cursor:pointer;
}

.weightCalculatorPregnancySelectValue{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#93a3ae;
  transition:color .18s ease;
}

.weightCalculatorPregnancySelectShell.has-value .weightCalculatorPregnancySelectValue{
  color:#17384c;
}

.weightCalculatorPregnancySelectChevron{
  flex:0 0 auto;
  color:#65809a;
  font-size:10px;
  transform:rotate(0deg);
  transition:transform .2s ease,color .2s ease;
}

.weightCalculatorPregnancySelectShell.is-open .weightCalculatorPregnancySelectChevron{
  color:#0f9f8d;
  transform:rotate(180deg);
}

.weightCalculatorPregnancySelectMenu{
  position:absolute;
  z-index:50;
  top:calc(100% + 9px);
  left:0;
  right:0;
  padding:7px;
  display:grid;
  gap:6px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.995),rgba(246,251,251,.99));
  border:1px solid rgba(71,126,137,.11);
  border-radius:17px;
  box-shadow:
    0 22px 42px rgba(27,70,82,.14),
    0 7px 16px rgba(27,70,82,.07),
    inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform-origin:top center;
  animation:weightPregnancyDropdownIn .16s ease-out both;
}

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

@keyframes weightPregnancyDropdownIn{
  from{
    opacity:0;
    transform:translateY(-5px) scale(.985);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

.weightCalculatorPregnancySelectOption{
  width:100%;
  min-height:52px;
  padding:7px 10px 7px 8px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  color:#24495e;
  background:transparent;
  border:1px solid transparent;
  border-radius:13px;
  text-align:left;
  cursor:pointer;
  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.weightCalculatorPregnancySelectOption:hover,
.weightCalculatorPregnancySelectOption:focus-visible{
  background:linear-gradient(145deg,#f2fbf9,#edf8f6);
  border-color:rgba(15,159,141,.10);
  box-shadow:
    0 7px 16px rgba(15,159,141,.07),
    inset 0 1px 0 rgba(255,255,255,.92);
  outline:0;
  transform:translateY(-1px);
}

.weightCalculatorPregnancySelectOption.is-selected{
  background:linear-gradient(145deg,#eef9f7,#e5f5f2);
  border-color:rgba(15,159,141,.13);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 6px 13px rgba(15,159,141,.055);
}

.weightCalculatorPregnancyOptionBadge{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#0f9f8d;
  background:linear-gradient(145deg,#f8fdfc,#e8f6f3);
  border:1px solid rgba(15,159,141,.11);
  border-radius:11px;
  box-shadow:
    0 5px 11px rgba(15,159,141,.065),
    inset 0 1px 0 rgba(255,255,255,.98);
  font:800 9px/1 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorPregnancyOptionCopy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.weightCalculatorPregnancyOptionCopy strong{
  overflow:hidden;
  color:#17384c;
  font:800 10.2px/1.15 "Inter",ui-sans-serif,system-ui,sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.weightCalculatorPregnancyOptionCopy small{
  color:#8599a5;
  font:600 8px/1.2 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorPregnancyOptionCheck{
  color:#0f9f8d;
  font-size:10px;
  opacity:0;
  transform:scale(.75);
  transition:opacity .16s ease,transform .16s ease;
}

.weightCalculatorPregnancySelectOption.is-selected .weightCalculatorPregnancyOptionCheck{
  opacity:1;
  transform:scale(1);
}

.weightCalculatorPregnancySelectShell:has(.desktopOfficialSupportWeightSelect[aria-invalid="true"]){
  border-color:rgba(224,78,86,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 0 0 3px rgba(224,78,86,.055) !important;
}

.weightCalculatorPregnancySelectShell:has(.desktopOfficialSupportWeightSelect[aria-invalid="true"])
  .weightCalculatorPregnancySelectButton{
  color:#b7464f;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightFeedback{
  width:100% !important;
  margin:14px 0 0 !important;
}

.weightCalculatorFormAction{
  width:100%;
}

.weightCalculatorInteractionCard .weightCalculatorRunCheck{
  width:100% !important;
  min-width:0 !important;
  min-height:52px !important;
  margin-top:20px !important;
  padding:0 20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:11px !important;
  color:#ffffff !important;
  background:linear-gradient(90deg,#089891 0%,#0fae9f 52%,#17bcae 100%) !important;
  border:1px solid rgba(8,152,145,.15) !important;
  border-radius:16px !important;
  box-shadow:
    0 11px 22px rgba(8,152,145,.20),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
  font-size:10.8px !important;
  cursor:pointer !important;
}

.weightCalculatorInteractionCard .weightCalculatorRunCheck:hover{
  transform:translateY(-1px) !important;
  box-shadow:
    0 13px 24px rgba(8,152,145,.24),
    inset 0 1px 0 rgba(255,255,255,.3) !important;
}

.weightCalculatorRunCheckIcon{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:25px !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
  filter:drop-shadow(0 3px 7px rgba(0,96,88,.22)) !important;
}

.weightCalculatorStandaloneGrid .desktopOfficialSupportWeightInputPreview[hidden],
.weightCalculatorStandaloneGrid .desktopOfficialSupportWeightResult[hidden],
.weightCalculatorStandaloneGrid .weightCalculatorStartCheck[hidden],
.weightCalculatorStandaloneGrid .weightCalculatorRunCheck[hidden],
.weightCalculatorStandaloneGrid .weightCalculatorCompletedPanel[hidden],
.weightCalculatorStandaloneGrid [data-weight-result-actions][hidden],
.weightCalculatorStandaloneGrid [data-weight-interaction-header][hidden],
.weightCalculatorStandaloneGrid [data-weight-preview-live][hidden]{
  display:none !important;
}

.weightCalculatorStandaloneGrid [data-weight-preview-visual]{
  display:flex !important;
}

/* ---------------------------------------------------------
   V414 - Completion panel / Pemeriksaan Baru
   --------------------------------------------------------- */
.weightCalculatorCompletedPanel{
  width:100%;
  min-height:160px;
  padding:19px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:
    linear-gradient(
      145deg,
      rgba(248,253,252,.98) 0%,
      rgba(241,249,248,.98) 100%
    );
  border:1px solid rgba(8,152,145,.08);
  border-radius:18px;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.9),
    0 9px 22px rgba(31,93,91,.055);
}

.weightCalculatorCompletedIcon{
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#0f9f8d;
  background:#eaf7f4;
  border:1px solid rgba(15,159,141,.1);
  border-radius:15px;
  box-shadow:
    0 7px 16px rgba(15,159,141,.1),
    inset 0 1px 0 rgba(255,255,255,.9);
  font-size:20px;
}

.weightCalculatorCompletedCopy{
  margin-top:13px;
}

.weightCalculatorCompletedCopy strong{
  display:block;
  color:#17384c;
  font:800 17px/1.15 "Inter",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:-.018em;
}

.weightCalculatorCompletedCopy p{
  max-width:390px;
  margin:7px auto 0;
  color:#6f818f;
  font:500 9px/1.5 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorNewCheck{
  width:fit-content;
  min-height:38px;
  margin-top:16px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#0b9287;
  background:linear-gradient(145deg,#ffffff,#f3faf8);
  border:1px solid rgba(8,152,145,.12);
  border-radius:13px;
  box-shadow:
    0 8px 16px rgba(25,85,89,.07),
    inset 0 1px 0 rgba(255,255,255,1);
  font:800 8.8px/1 "Inter",ui-sans-serif,system-ui,sans-serif;
  cursor:pointer;
  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.weightCalculatorNewCheck:hover{
  transform:translateY(-1px);
  box-shadow:
    0 11px 20px rgba(25,85,89,.095),
    inset 0 1px 0 rgba(255,255,255,1);
}

/* ---------------------------------------------------------
   V416 - Result inside right interaction card
   --------------------------------------------------------- */
.weightCalculatorResultWrap{
  width:100%;
  margin:15px 0 0;
}

.weightCalculatorResultWrap--inside{
  width:100%;
  max-width:none;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard,
.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  width:100% !important;
  max-width:none !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorResultWrap--inside,
.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResult{
  width:100% !important;
  max-width:none !important;
}

.weightCalculatorResultWrap--inside .desktopOfficialSupportWeightResult{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:14px !important;
  background:linear-gradient(145deg,#f9fcfd 0%,#f2f8fa 100%) !important;
  border:1px solid rgba(58,105,119,.075) !important;
  border-radius:17px !important;
  box-shadow:
    -6px -6px 14px rgba(54,91,104,.04),
    -2px -2px 6px rgba(54,91,104,.025),
    6px 8px 16px rgba(55,91,105,.07),
    0 14px 26px rgba(45,79,92,.045),
    inset 1px 1px 0 rgba(255,255,255,.96),
    inset -1px -1px 0 rgba(128,157,170,.045) !important;
}

.weightCalculatorResultWrap--inside .desktopOfficialSupportWeightResultGrid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}

.weightCalculatorResultWrap--inside .desktopOfficialSupportWeightResultItem{
  min-height:68px !important;
  padding:12px 13px !important;
}

/*
 * V429 - Result typography lebih besar agar hasil mudah dibaca.
 */
.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultHeader > strong{
  color:#17384c !important;
  font:800 14px/1.2 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  letter-spacing:-.012em !important;
}

.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultStatus{
  min-height:28px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font:800 9.5px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
}

.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultItem small{
  color:#708592 !important;
  font:700 9.5px/1.28 "Inter",ui-sans-serif,system-ui,sans-serif !important;
}

.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultItem strong{
  margin-top:5px !important;
  color:#17384c !important;
  font:800 14px/1.15 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  letter-spacing:-.012em !important;
}

.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultItem em{
  margin-top:4px !important;
  font:700 9.2px/1.3 "Inter",ui-sans-serif,system-ui,sans-serif !important;
}

/* ---------------------------------------------------------
   V443 - Kesimpulan Pemantauan
   --------------------------------------------------------- */
.weightCalculatorConclusion{
  width:100%;
  margin:14px 0 0;
  padding:17px 18px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:start;
  gap:14px;
  background:
    linear-gradient(145deg,#ffffff 0%,#f5fbfa 58%,#edf8f5 100%);
  border:1px solid rgba(15,159,141,.11);
  border-radius:18px;
  box-shadow:
    -6px -6px 14px rgba(48,92,102,.038),
    -2px -2px 6px rgba(48,92,102,.022),
    7px 9px 18px rgba(31,93,91,.085),
    0 16px 30px rgba(31,93,91,.055),
    inset 1px 1px 0 rgba(255,255,255,.98),
    inset -1px -1px 0 rgba(15,159,141,.035);
}

.weightCalculatorConclusionIcon{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#0f9f8d;
  background:linear-gradient(145deg,#f8fdfc,#eaf7f4);
  border:1px solid rgba(15,159,141,.11);
  border-radius:14px;
  box-shadow:
    0 7px 15px rgba(15,159,141,.09),
    inset 0 1px 0 rgba(255,255,255,.98);
  font-size:18px;
}

.weightCalculatorConclusionCopy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.weightCalculatorConclusionCopy > small{
  color:#0d9185;
  font:800 9px/1.2 "Inter",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.weightCalculatorConclusionCopy > strong{
  margin-top:5px;
  color:#17384c;
  font:800 14px/1.34 "Inter",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:-.012em;
}

.weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
  margin-top:5px;
  color:#647b88;
  font:500 10px/1.58 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorConclusionAdvice{
  width:100%;
  margin-top:9px;
  padding:8px 10px;
  display:block;
  color:#805a18;
  background:rgba(255,248,228,.78);
  border:1px solid rgba(193,139,36,.13);
  border-radius:10px;
  font:700 9px/1.5 "Inter",ui-sans-serif,system-ui,sans-serif;
}

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

.weightCalculatorConclusion[data-conclusion-state="within"]{
  background:linear-gradient(145deg,#f4fbf9 0%,#eaf7f4 100%);
  border-color:rgba(15,159,141,.12);
}

.weightCalculatorConclusion[data-conclusion-state="below"]{
  background:linear-gradient(145deg,#fffaf0 0%,#fff6e4 100%);
  border-color:rgba(202,145,34,.14);
}

.weightCalculatorConclusion[data-conclusion-state="below"]
  .weightCalculatorConclusionIcon{
  color:#b77c12;
  border-color:rgba(202,145,34,.13);
}

.weightCalculatorConclusion[data-conclusion-state="below"]
  .weightCalculatorConclusionCopy > small{
  color:#a86f0b;
}

.weightCalculatorConclusion[data-conclusion-state="above"]{
  background:linear-gradient(145deg,#fff7f6 0%,#fdf0ef 100%);
  border-color:rgba(206,85,85,.13);
}

.weightCalculatorConclusion[data-conclusion-state="above"]
  .weightCalculatorConclusionIcon{
  color:#c65353;
  border-color:rgba(206,85,85,.12);
}

.weightCalculatorConclusion[data-conclusion-state="above"]
  .weightCalculatorConclusionCopy > small{
  color:#b94848;
}

.weightCalculatorConclusion[data-conclusion-state="clinical-review"]{
  background:linear-gradient(145deg,#fffaf0 0%,#fff5df 100%);
  border-color:rgba(202,145,34,.14);
}

.weightCalculatorConclusion[data-conclusion-state="clinical-review"]
  .weightCalculatorConclusionIcon{
  color:#b77c12;
}

.weightCalculatorConclusion[data-conclusion-state="total-only"],
.weightCalculatorConclusion[data-conclusion-state="reference"]{
  background:linear-gradient(145deg,#f7fbfc 0%,#f1f7f9 100%);
  border-color:rgba(58,105,119,.085);
}

.weightCalculatorConclusion[data-conclusion-state="total-only"]
  .weightCalculatorConclusionIcon,
.weightCalculatorConclusion[data-conclusion-state="reference"]
  .weightCalculatorConclusionIcon{
  color:#5c8ea0;
  border-color:rgba(58,105,119,.09);
}

.weightCalculatorConclusion[data-conclusion-state="total-only"]
  .weightCalculatorConclusionCopy > small,
.weightCalculatorConclusion[data-conclusion-state="reference"]
  .weightCalculatorConclusionCopy > small{
  color:#587f8d;
}


.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResult.is-multiple
  .desktopOfficialSupportWeightResultItem--total{
  grid-column:1 / -1 !important;
}


.weightCalculatorResultActions{
  width:100%;
  margin:14px 0 0;
}

.weightCalculatorNewCheck--full{
  width:100%;
  min-height:46px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#0b9787;
  background:linear-gradient(145deg,#f3fbf9 0%,#eaf7f4 100%);
  border:1px solid rgba(8,152,145,.12);
  border-radius:15px;
  box-shadow:
    0 9px 18px rgba(25,85,89,.06),
    inset 0 1px 0 rgba(255,255,255,1);
  font:800 9.4px/1 "Inter",ui-sans-serif,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.weightCalculatorNewCheck--full:hover{
  transform:translateY(-1px);
  box-shadow:
    0 12px 22px rgba(25,85,89,.085),
    inset 0 1px 0 rgba(255,255,255,1);
}

.weightCalculatorTrustRow{
  width:min(1050px,100%);
  margin:22px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.weightCalculatorTrustItem{
  min-width:0;
  padding:14px 15px;
  display:flex;
  align-items:center;
  gap:11px;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbfc 100%);
  border:1px solid rgba(58,105,119,.07);
  border-radius:16px;
  box-shadow:
    0 8px 18px rgba(35,80,92,.055),
    inset 1px 1px 0 rgba(255,255,255,1);
}

.weightCalculatorTrustIcon{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#0f9f8d;
  background:#edf8f6;
  border:1px solid rgba(15,159,141,.08);
  border-radius:12px;
  box-shadow:
    0 5px 10px rgba(15,159,141,.07),
    inset 0 1px 0 rgba(255,255,255,.9);
  font-size:13px;
}

.weightCalculatorTrustItem > span:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.weightCalculatorTrustItem strong{
  color:#17384c;
  font:800 9px/1.15 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorTrustItem small{
  color:#718391;
  font:500 7.5px/1.42 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorPageReference{
  width:min(1050px,100%);
  max-width:none !important;
  margin:18px auto 0;
  padding:13px 15px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#627987;
  background:#f6fafb;
  border:1px solid rgba(58,105,119,.08);
  border-radius:14px;
  font:500 8.6px/1.55 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorPageReference i{
  flex:0 0 auto;
  margin-top:2px;
  color:#0f9f8d;
}

.weightCalculatorPageReference p{
  margin:0;
}

.bumilWeightToolPage .desktopOfficialFooter{
  flex:0 0 auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
}

html[data-theme="dark"] .bumilWeightToolPage .phoneScreen{
  background:
    radial-gradient(circle at 8% 12%,rgba(15,159,141,.03),transparent 22%),
    linear-gradient(180deg,#0b2024 0%,#07181c 100%) !important;
}

html[data-theme="dark"] .weightCalculatorStandaloneSection,
html[data-theme="dark"] .weightCalculatorInteractionCard,
html[data-theme="dark"] .weightCalculatorTrustItem,
html[data-theme="dark"] .weightCalculatorCompletedPanel{
  background:linear-gradient(145deg,#102b30 0%,#0c2429 100%) !important;
  border-color:rgba(255,255,255,.055) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.18),
    inset 1px 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="dark"]
  .weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorInteractionCard{
  background:transparent !important;
  border:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

html[data-theme="dark"] .weightCalculatorPageHeader h1,
html[data-theme="dark"] .weightCalculatorInteractionHeader h2,
html[data-theme="dark"] .weightCalculatorTrustItem strong,
html[data-theme="dark"] .weightCalculatorCompletedCopy strong{
  color:#eafcff;
}

html[data-theme="dark"]
  .weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorInteractionHeader h2{
  color:#12aaa0 !important;
  background:linear-gradient(145deg,#12aaa0 0%,#078c84 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

html[data-theme="dark"] .weightCalculatorPageHeader p,
html[data-theme="dark"] .weightCalculatorInteractionHeader p,
html[data-theme="dark"] .weightCalculatorTrustItem small,
html[data-theme="dark"] .weightCalculatorCompletedCopy p,
html[data-theme="dark"] .weightCalculatorPageReference{
  color:#aac8cc;
}

html[data-theme="dark"] .weightCalculatorPageReference{
  background:#102b30;
  border-color:rgba(255,255,255,.06);
}

html[data-theme="dark"] .weightCalculatorBreadcrumb a{
  color:#73e6dd;
  background:linear-gradient(145deg,#123137,#0d292e);
  border-color:rgba(83,235,232,.12);
}

html[data-theme="dark"] .weightCalculatorProgressNode{
  color:#b4c8cc;
  background:linear-gradient(145deg,#153239,#102a30);
  border-color:rgba(255,255,255,.055);
}

html[data-theme="dark"] .weightCalculatorProgressStep{
  color:#819da3;
}

html[data-theme="dark"] .weightCalculatorProgressStep.is-active
  .weightCalculatorProgressNode,
html[data-theme="dark"] .weightCalculatorProgressStep.is-complete
  .weightCalculatorProgressNode{
  color:#ffffff;
  background:linear-gradient(145deg,#18afa5,#0a8f87);
}

html[data-theme="dark"] .weightCalculatorProgressStep.is-active
  .weightCalculatorProgressLabel,
html[data-theme="dark"] .weightCalculatorProgressStep.is-complete
  .weightCalculatorProgressLabel{
  color:#73e6dd;
}


html[data-theme="dark"]
  .weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard,
html[data-theme="dark"]
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  background:linear-gradient(145deg,#123037 0%,#0e272c 100%) !important;
  border-color:rgba(255,255,255,.065) !important;
  box-shadow:
    -8px -8px 20px rgba(29,66,72,.30),
    10px 13px 24px rgba(0,0,0,.26),
    20px 26px 48px rgba(0,0,0,.18),
    inset 1px 1px 0 rgba(255,255,255,.045),
    inset -1px -1px 0 rgba(0,0,0,.18) !important;
}

html[data-theme="dark"]
  .weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard::before,
html[data-theme="dark"]
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard::before{
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.075) 20%,
    rgba(255,255,255,.075) 80%,
    transparent
  );
}

html[data-theme="dark"] .weightCalculatorNewCheck--full{
  color:#7be9df;
  background:linear-gradient(145deg,#123137,#0d292e);
  border-color:rgba(83,235,232,.14);
  box-shadow:
    0 14px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035);
}

html[data-theme="dark"] .weightCalculatorNewCheck--full:hover{
  box-shadow:
    0 16px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.045);
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell{
  min-height:52px !important;
  padding:5px 11px 5px 6px !important;
  grid-template-columns:38px minmax(0,1fr) 50px !important;
  gap:9px !important;
  background:linear-gradient(180deg,#102b30 0%,#0d252a 100%) !important;
  border-color:rgba(255,255,255,.075) !important;
  border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 3px 7px rgba(0,0,0,.10) !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell--select{
  grid-template-columns:38px minmax(0,1fr) !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell:focus-within{
  background:#123137 !important;
  border-color:rgba(115,230,221,.26) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 0 3px rgba(83,235,232,.065) !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .weightCalculatorFieldIcon{
  color:#73e6dd !important;
  background:linear-gradient(145deg,#17363b 0%,#123035 100%) !important;
  border-color:rgba(83,235,232,.10) !important;
  box-shadow:0 5px 11px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInputLabel{
  color:#d8e9eb !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInput,
html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightSelect{
  height:40px !important;
  color:#eafcff !important;
  font-size:10.7px !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInput::placeholder,
html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightSelect:invalid{
  color:#91adb2 !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInputUnit{
  width:50px !important;
  min-width:50px !important;
  height:25px !important;
  padding-left:10px !important;
  color:#9eb8bd !important;
  border-left-color:rgba(255,255,255,.08) !important;
  font-size:10px !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightSelectIcon{
  color:#73e6dd !important;
  font-size:10px !important;
}

html[data-theme="dark"] .weightCalculatorStartCheckIcon{
  color:#ffffff !important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.22)) !important;
}

html[data-theme="dark"] .weightCalculatorRunCheckIcon{
  color:#ffffff !important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.24)) !important;
}

html[data-theme="dark"] .weightCalculatorPregnancySelectButton{
  color:#eafcff;
}

html[data-theme="dark"] .weightCalculatorPregnancySelectValue{
  color:#91adb2;
}

html[data-theme="dark"] .weightCalculatorPregnancySelectShell.has-value
  .weightCalculatorPregnancySelectValue{
  color:#eafcff;
}

html[data-theme="dark"] .weightCalculatorPregnancySelectChevron{
  color:#9eb8bd;
}

html[data-theme="dark"] .weightCalculatorPregnancySelectShell.is-open
  .weightCalculatorPregnancySelectChevron{
  color:#73e6dd;
}

html[data-theme="dark"] .weightCalculatorPregnancySelectMenu{
  background:linear-gradient(145deg,rgba(16,43,48,.995),rgba(12,36,41,.995));
  border-color:rgba(255,255,255,.075);
  box-shadow:
    0 22px 42px rgba(0,0,0,.32),
    0 7px 16px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.035);
}

html[data-theme="dark"] .weightCalculatorPregnancySelectOption{
  color:#d8e9eb;
}

html[data-theme="dark"] .weightCalculatorPregnancySelectOption:hover,
html[data-theme="dark"] .weightCalculatorPregnancySelectOption:focus-visible,
html[data-theme="dark"] .weightCalculatorPregnancySelectOption.is-selected{
  background:linear-gradient(145deg,#16353a,#123036);
  border-color:rgba(83,235,232,.11);
  box-shadow:
    0 7px 16px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.035);
}

html[data-theme="dark"] .weightCalculatorPregnancyOptionBadge{
  color:#73e6dd;
  background:linear-gradient(145deg,#17363b,#123035);
  border-color:rgba(83,235,232,.10);
  box-shadow:
    0 5px 11px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.035);
}

html[data-theme="dark"] .weightCalculatorPregnancyOptionCopy strong{
  color:#eafcff;
}

html[data-theme="dark"] .weightCalculatorPregnancyOptionCopy small{
  color:#91adb2;
}

html[data-theme="dark"] .weightCalculatorPregnancyOptionCheck{
  color:#73e6dd;
}

html[data-theme="dark"]
  .weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultHeader > strong,
html[data-theme="dark"]
  .weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultItem strong{
  color:#eafcff !important;
}

html[data-theme="dark"]
  .weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultItem small{
  color:#aac8cc !important;
}

html[data-theme="dark"] .weightCalculatorConclusion,
html[data-theme="dark"]
  .weightCalculatorConclusion[data-conclusion-state="within"],
html[data-theme="dark"]
  .weightCalculatorConclusion[data-conclusion-state="reference"],
html[data-theme="dark"]
  .weightCalculatorConclusion[data-conclusion-state="total-only"],
html[data-theme="dark"]
  .weightCalculatorConclusion[data-conclusion-state="below"],
html[data-theme="dark"]
  .weightCalculatorConclusion[data-conclusion-state="above"],
html[data-theme="dark"]
  .weightCalculatorConclusion[data-conclusion-state="clinical-review"]{
  background:linear-gradient(145deg,#123137,#0d292e);
  border-color:rgba(255,255,255,.065);
  box-shadow:
    0 8px 18px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.035);
}

html[data-theme="dark"] .weightCalculatorConclusionIcon{
  background:#17363b;
  border-color:rgba(255,255,255,.06);
}

html[data-theme="dark"] .weightCalculatorConclusionCopy > strong{
  color:#eafcff;
}

html[data-theme="dark"]
  .weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
  color:#aac8cc;
}

html[data-theme="dark"] .weightCalculatorConclusionAdvice{
  color:#f6d99c;
  background:rgba(125,88,22,.18);
  border-color:rgba(224,175,77,.13);
}

html[data-theme="dark"] .weightCalculatorPreviewBenefit{
  color:#d8e9eb;
  background:linear-gradient(145deg,#102b30,#0d252a);
  border-color:rgba(255,255,255,.06);
  box-shadow:
    0 7px 16px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.035);
}

html[data-theme="dark"] .weightCalculatorPreviewBenefitIcon{
  color:#73e6dd;
  background:linear-gradient(145deg,#17363b,#123035);
  border-color:rgba(83,235,232,.10);
  box-shadow:
    0 5px 11px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.035);
}

html[data-theme="dark"] .weightCalculatorPreviewBenefit strong{
  color:#eafcff;
}

@media (max-width:1150px){

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResult{
  padding:9px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultItem{
  min-height:52px !important;
  padding:8px 9px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultHeader > strong{
  font-size:11.8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .desktopOfficialSupportWeightResultItem strong{
  font-size:11.5px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion{
  margin-top:8px !important;
  padding:10px 11px !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  gap:9px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionIcon{
  width:32px !important;
  height:32px !important;
  font-size:13px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > strong{
  font-size:10.8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
  font-size:8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorResultActions{
  margin-top:8px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorNewCheck--full{
  min-height:37px !important;
  font-size:8.3px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard{
  min-height:350px !important;
  padding:16px 20px 12px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionHeader{
  margin-bottom:15px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionHeader h2{
  font-size:21px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionHeader p{
  font-size:9.8px !important;
  line-height:1.46 !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputPreview{
  gap:10px 12px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputShell{
  min-height:42px !important;
  grid-template-columns:30px minmax(0,1fr) 42px !important;
  gap:6px !important;
  border-radius:13px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputShell--select{
  grid-template-columns:30px minmax(0,1fr) !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorFieldIcon{
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  font-size:11px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInput,
.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorPregnancySelectButton{
  height:31px !important;
  font-size:9px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .desktopOfficialSupportWeightInputUnit{
  width:42px !important;
  min-width:42px !important;
  height:20px !important;
  font-size:8.4px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorRunCheck{
  min-height:42px !important;
  margin-top:12px !important;
  font-size:9.2px !important;
}

.weightCalculatorPageMain{
  padding-left:24px;
  padding-right:24px;
}

.weightCalculatorStandaloneSection{
  padding:28px !important;
}

.weightCalculatorProgress{
  width:min(610px,100%);
  margin-bottom:30px;
}

.weightCalculatorProgressNode{
  width:38px;
  height:38px;
}

.weightCalculatorProgressList::before{
  top:18px;
}

.weightCalculatorCenteredCore{
  grid-template-columns:minmax(250px,.78fr) minmax(480px,1.22fr);
  gap:28px;
}

.weightCalculatorCenteredVisual{
  min-height:400px;
}

.weightCalculatorCenteredVisual .desktopOfficialSupportToolFeaturedVisual{
  min-height:380px !important;
}

.weightCalculatorCenteredVisual .desktopOfficialSupportWeightDevice{
  width:min(100%,320px) !important;
}

.weightCalculatorCenteredVisual .desktopOfficialSupportWeightGaugeShell{
  width:min(100%,226px) !important;
  min-height:130px !important;
  margin-top:-113px !important;
}

.weightCalculatorInteractionCard{
  width:100%;
  min-height:400px;
  padding:38px 36px 34px;
}

.weightCalculatorCenteredCard[data-weight-check-stage="form"]
  .weightCalculatorInteractionCard,
.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  padding:22px 26px 16px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  padding-bottom:14px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorInteractionCard{
  padding-top:32px !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputPreview{
  gap:14px 15px !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputLabel{
  font-size:9.4px !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell{
  min-height:47px !important;
  grid-template-columns:34px minmax(0,1fr) 44px !important;
  gap:7px !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell--select{
  grid-template-columns:34px minmax(0,1fr) !important;
}

.weightCalculatorInteractionCard .weightCalculatorFieldIcon{
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  border-radius:10px !important;
  font-size:12px !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInput,
.weightCalculatorInteractionCard .desktopOfficialSupportWeightSelect{
  height:36px !important;
  font-size:9.6px !important;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputUnit{
  width:44px !important;
  min-width:44px !important;
  height:22px !important;
  font-size:9px !important;
}

.weightCalculatorInteractionCard .weightCalculatorRunCheck{
  min-height:48px !important;
  margin-top:17px !important;
  font-size:10px !important;
}

.weightCalculatorRunCheckIcon{
  font-size:22px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorPreviewBlock
  .weightCalculatorStartCheck[data-weight-start-check]{
  width:195px !important;
  min-width:195px !important;
  max-width:195px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  gap:9px !important;
  padding:0 17px !important;
  font-size:11px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorStartCheck[data-weight-start-check]
  .weightCalculatorStartCheckIcon{
  font-size:19px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="preview"]
  .weightCalculatorStartCheck[data-weight-start-check]
  .weightCalculatorStartCheckArrow{
  font-size:10px !important;
}

.weightCalculatorPreviewBenefits{
  max-width:510px;
  gap:8px;
}

.weightCalculatorPreviewBenefit{
  min-height:48px;
  padding:6px 8px 6px 6px;
  gap:7px;
}

.weightCalculatorPreviewBenefitIcon{
  flex-basis:32px;
  width:32px;
  height:32px;
  border-radius:10px;
  font-size:12px;
}

.weightCalculatorPreviewBenefit strong{
  font-size:8.8px;
}

.weightCalculatorPregnancySelectButton{
  height:36px;
  font-size:9.6px;
}

.weightCalculatorPregnancySelectMenu{
  padding:6px;
  gap:5px;
  border-radius:15px;
}

.weightCalculatorPregnancySelectOption{
  min-height:47px;
  grid-template-columns:32px minmax(0,1fr) 20px;
  gap:8px;
}

.weightCalculatorPregnancyOptionBadge{
  width:30px;
  height:30px;
  border-radius:10px;
  font-size:8px;
}

.weightCalculatorPregnancyOptionCopy strong{
  font-size:9.2px;
}

.weightCalculatorPregnancyOptionCopy small{
  font-size:7.4px;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell{
  min-height:47px !important;
  grid-template-columns:34px minmax(0,1fr) 44px !important;
  gap:7px !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInputShell--select{
  grid-template-columns:34px minmax(0,1fr) !important;
}

html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightInput,
html[data-theme="dark"] .weightCalculatorInteractionCard .desktopOfficialSupportWeightSelect{
  height:36px !important;
  font-size:9.6px !important;
}


.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultHeader > strong{
  font-size:12.8px !important;
}

.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultStatus{
  font-size:8.8px !important;
}

.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultItem small{
  font-size:8.8px !important;
}

.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultItem strong{
  font-size:12.8px !important;
}

.weightCalculatorResultWrap--inside
  .desktopOfficialSupportWeightResultItem em{
  font-size:8.6px !important;
}


.weightCalculatorConclusion{
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  padding:14px 15px;
}

.weightCalculatorConclusionIcon{
  width:36px;
  height:36px;
  border-radius:12px;
  font-size:15px;
}

.weightCalculatorConclusionCopy > small{
  font-size:7.8px;
}

.weightCalculatorConclusionCopy > strong{
  font-size:11.8px;
}

.weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
  font-size:8.7px;
}

.weightCalculatorConclusionAdvice{
  font-size:8.3px;
}

.weightCalculatorResultWrap--inside .desktopOfficialSupportWeightResultGrid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

}

} /* end desktop >=980px */

@media (max-width:979px){

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorInteractionCard{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorResultActions{
  margin-top:10px !important;
}

.weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorNewCheck--full{
  width:100% !important;
}

.weightCalculatorPageMain{
  padding:90px 14px 28px;
}

.weightCalculatorBreadcrumb{
  margin-bottom:12px;
}

.weightCalculatorBreadcrumb a{
  color:#0e9382;
  text-decoration:none;
  font:800 12px/1.2 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorStandaloneSection{
  padding:18px;
  background:#ffffff;
  border:1px solid rgba(58,105,119,.08);
  border-radius:22px;
  box-shadow:0 16px 34px rgba(16,70,80,.07);
}

.weightCalculatorPageHeader--centered{
  text-align:center;
}

.weightCalculatorPageHeader h1{
  margin:12px 0 0;
  color:#17384c;
  font:800 28px/1.08 "Inter",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:-.035em;
}

.weightCalculatorPageHeader p{
  margin:10px 0 0;
  color:#65788a;
  font:500 13px/1.55 "Inter",ui-sans-serif,system-ui,sans-serif;
}

.weightCalculatorProgress{
  width:100%;
  margin:18px auto 20px;
}

.weightCalculatorProgressNode{
  width:28px;
  height:28px;
}

.weightCalculatorProgressList::before{
  top:13px;
}

.weightCalculatorProgressLabel{
  font-size:10px;
}

.weightCalculatorCenteredCard{
  margin-top:22px;
  display:block;
}

.weightCalculatorCenteredCore{
  display:block;
}

.weightCalculatorCenteredVisual{
  display:none;
}

.weightCalculatorInteractionCard{
  padding:20px;
  background:#ffffff;
  border:1px solid rgba(58,105,119,.08);
  border-radius:20px;
  box-shadow:0 14px 30px rgba(16,70,80,.065);
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputPreview{
  display:block !important;
}

.weightCalculatorPreviewBenefits{
  grid-template-columns:1fr;
  gap:8px;
  margin-bottom:16px;
}

.weightCalculatorPreviewBenefit{
  min-height:48px;
}

.weightCalculatorPreviewBenefit strong{
  font-size:11px;
}

.weightCalculatorInteractionCard .desktopOfficialSupportWeightInputField{
  display:block;
  margin-bottom:12px;
}

.weightCalculatorResultWrap{
  width:100%;
  margin-top:14px;
}

.weightCalculatorResultWrap--inside .desktopOfficialSupportWeightResultGrid{
  grid-template-columns:1fr !important;
}

.weightCalculatorConclusion{
  grid-template-columns:40px minmax(0,1fr);
  gap:11px;
  padding:13px;
}

.weightCalculatorConclusionCopy > strong{
  font-size:14px;
}

.weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
  font-size:11px;
}

.weightCalculatorConclusionAdvice{
  font-size:10.5px;
}

.weightCalculatorCompletedPanel{
  min-height:190px;
  padding:22px 18px;
}

.weightCalculatorCompletedCopy strong{
  font-size:16px;
}

.weightCalculatorCompletedCopy p{
  font-size:11px;
}

.weightCalculatorNewCheck{
  min-height:42px;
  font-size:11px;
}

.weightCalculatorTrustRow{
  display:none;
}

.weightCalculatorPageReference{
  margin-top:16px;
  color:#65788a;
  font:500 11px/1.5 "Inter",ui-sans-serif,system-ui,sans-serif;
}

}


@media (prefers-reduced-motion: reduce){
  .weightCalculatorInteractionCard{
    transition:none !important;
  }

  .weightCalculatorInteractionCard.is-stage-leaving,
  .weightCalculatorInteractionCard.is-stage-entering{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}
/* =========================================================
   V455 - FINAL HARD OVERRIDE
   OUTER RESULT CARD BENAR-BENAR DIHILANGKAN
   ---------------------------------------------------------
   PENTING:
   - CSS ONLY.
   - HTML stabil tidak diubah.
   - JS / algoritma tidak diubah.
   - Diletakkan PALING AKHIR agar tidak dioverride rule lama.
   ========================================================= */

@media (min-width:980px){

  /* OUTER CARD: .weightCalculatorInteractionCard pada RESULT
     benar-benar menjadi layout wrapper transparan. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    > .weightCalculatorCenteredCore
    > .weightCalculatorInteractionCard,
  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    > .weightCalculatorCenteredCore
    > .weightCalculatorInteractionCard{
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-width:0 !important;
    border-color:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    filter:none !important;
  }

  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    > .weightCalculatorCenteredCore
    > .weightCalculatorInteractionCard::before,
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    > .weightCalculatorCenteredCore
    > .weightCalculatorInteractionCard::after,
  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    > .weightCalculatorCenteredCore
    > .weightCalculatorInteractionCard::before,
  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    > .weightCalculatorCenteredCore
    > .weightCalculatorInteractionCard::after{
    content:none !important;
    display:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* Tidak ada ruang sisa dari wrapper luar. */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorResultWrap{
    margin:0 !important;
    padding:0 !important;
  }

  /* CARD HASIL INTERNAL menjadi satu-satunya card visual. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResult{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid rgba(86,104,114,.09) !important;
    border-radius:16px !important;
    box-shadow:
      -5px -5px 12px rgba(86,104,114,.028),
      5px 7px 14px rgba(56,72,82,.055),
      0 12px 22px rgba(56,72,82,.038),
      inset 1px 1px 0 rgba(255,255,255,.98),
      inset -1px -1px 0 rgba(118,132,140,.035) !important;
  }

  /* Tombol tetap di DOM stabil, tetapi secara visual menempel
     tepat di bawah card hasil agar tidak tampak sebagai card kedua. */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorResultActions{
    width:100% !important;
    margin:8px 0 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
}

/* Mobile/tablet: outer result card juga dibersihkan tanpa ubah HTML. */
@media (max-width:979px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorInteractionCard{
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorInteractionCard::before,
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorInteractionCard::after{
    content:none !important;
    display:none !important;
  }
}
/* =========================================================
   V457 - PERFECT RESULT CLOSE ALIGNMENT
   ---------------------------------------------------------
   PERBAIKAN BERDASARKAN HASIL VISUAL:
   - Tombol X sebelumnya jatuh di sisi kiri.
   - Sekarang result stage memakai GRID OVERLAY yang stabil.
   - X benar-benar berada di pojok kanan atas card hasil.
   - Badge status tetap disembunyikan.
   - Tombol Pemeriksaan Baru besar tetap tidak tampil.
   - HTML stabil dan JS/algoritma tidak diubah.
   ========================================================= */

@media (min-width:980px){

  /*
   * RESULT WRAPPER
   * -------------------------------------------------------
   * Gunakan grid overlay agar tombol close tidak bergantung
   * pada absolute containing-block dari CSS global.
   */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    > .weightCalculatorCenteredCore
    > .weightCalculatorInteractionCard{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    grid-template-areas:"result-surface" !important;
    align-items:start !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    filter:none !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    > .weightCalculatorCenteredCore
    > .weightCalculatorInteractionCard::before,
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    > .weightCalculatorCenteredCore
    > .weightCalculatorInteractionCard::after{
    content:none !important;
    display:none !important;
  }

  /*
   * CARD HASIL
   * -------------------------------------------------------
   * Tetap menjadi satu-satunya card visual.
   */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorResultWrap{
    grid-area:result-surface !important;
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResult{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
  }

  /*
   * HEADER
   * -------------------------------------------------------
   * Ruang kanan dicadangkan khusus tombol close.
   */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultHeader{
    position:relative !important;
    min-height:34px !important;
    padding-right:46px !important;
  }

  /*
   * Hilangkan badge status kanan atas:
   * contoh "Acuan Trimester 1".
   * Informasi acuannya sudah tersedia di card hasil/kesimpulan.
   */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultStatus{
    display:none !important;
  }

  /*
   * CLOSE BUTTON OVERLAY
   * -------------------------------------------------------
   * Wrapper existing data-weight-result-actions tidak dipindah.
   * Hanya ditempatkan di area grid yang sama dengan result card.
   */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorResultActions{
    grid-area:result-surface !important;
    position:relative !important;
    z-index:40 !important;

    justify-self:end !important;
    align-self:start !important;

    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    margin:10px 10px 0 0 !important;
    padding:0 !important;

    display:block !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    pointer-events:auto !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full{
    position:relative !important;

    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#70838f !important;
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid rgba(86,104,114,.11) !important;
    border-radius:50% !important;

    box-shadow:
      0 5px 12px rgba(56,72,82,.055),
      inset 0 1px 0 rgba(255,255,255,1) !important;

    font-size:0 !important;
    line-height:1 !important;
    transform:none !important;
    cursor:pointer !important;

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

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full > i,
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full > span{
    display:none !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full::before{
    content:"×" !important;
    display:block !important;
    margin:0 !important;
    color:currentColor !important;
    font:500 23px/1 Arial,sans-serif !important;
    transform:translateY(-1px) !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full:hover,
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full:focus-visible{
    color:#17384c !important;
    background:#ffffff !important;
    border-color:rgba(86,104,114,.20) !important;
    box-shadow:
      0 7px 16px rgba(56,72,82,.085),
      inset 0 1px 0 rgba(255,255,255,1) !important;
    transform:none !important;
    outline:none !important;
  }

  /*
   * DARK MODE
   */
  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full{
    color:#aac8cc !important;
    background:#123137 !important;
    border-color:rgba(255,255,255,.08) !important;
    box-shadow:
      0 7px 16px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full:hover,
  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full:focus-visible{
    color:#eafcff !important;
    background:#16353a !important;
  }
}

/*
 * COMPACT LAPTOP
 */
@media (min-width:980px) and (max-width:1150px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultHeader{
    min-height:30px !important;
    padding-right:40px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorResultActions{
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    margin:8px 8px 0 0 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full{
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorNewCheck.weightCalculatorNewCheck--full::before{
    font-size:20px !important;
  }
}

/*
 * MOBILE / TABLET
 * Tetap aman jika result ditampilkan di viewport kecil.
 */
@media (max-width:979px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorInteractionCard{
    position:relative !important;
    min-height:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultStatus{
    display:none !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorResultActions{
    display:none !important;
  }
}
/* =========================================================
   V458 - RESULT MATCH FORM CARD + ICON TILES
   ---------------------------------------------------------
   TUJUAN:
   - Result dibuat seimbang dengan card FORM V453.
   - Posisi kanan mengikuti komposisi form.
   - Surface putih clean + shadow netral.
   - 6 item hasil diberi icon tile agar semenarik field form.
   - Close X V457 tetap di pojok kanan atas.
   - Badge status tetap disembunyikan.
   - HTML dan JS tidak disentuh.
   ========================================================= */

@media (min-width:980px){

  /* -------------------------------------------------------
     POSISI RESULT = POSISI CARD FORM
     ------------------------------------------------------- */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorCenteredCore{
    align-items:center !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorCenteredVisual{
    padding-top:24px !important;
  }

  /* -------------------------------------------------------
     CARD HASIL UTAMA
     ------------------------------------------------------- */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResult{
    min-height:410px !important;
    padding:20px 26px 18px !important;

    background:#ffffff !important;
    background-image:none !important;

    border:1px solid rgba(86,104,114,.10) !important;
    border-radius:28px !important;

    box-shadow:
      -11px -11px 24px rgba(86,104,114,.045),
      -4px -4px 10px rgba(86,104,114,.026),
      9px 12px 22px rgba(56,72,82,.072),
      18px 22px 42px rgba(56,72,82,.09),
      0 30px 54px rgba(56,72,82,.05),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(118,132,140,.05) !important;
  }

  /* -------------------------------------------------------
     HEADER HASIL - terasa seperti heading form
     ------------------------------------------------------- */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultHeader{
    min-height:38px !important;
    margin:0 0 15px !important;
    padding:0 46px 0 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultHeader > strong{
    position:relative !important;
    min-height:34px !important;
    padding-left:44px !important;
    display:flex !important;
    align-items:center !important;

    color:#17384c !important;
    font:800 16px/1.12 "Inter",ui-sans-serif,system-ui,sans-serif !important;
    letter-spacing:-.018em !important;
  }

  /* Icon header result - CSS only */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultHeader > strong::before{
    content:"✓" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:32px !important;
    height:32px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#0f9f8d !important;
    background:linear-gradient(145deg,#f3fbf9 0%,#eaf7f4 100%) !important;
    border:1px solid rgba(15,159,141,.10) !important;
    border-radius:10px !important;
    box-shadow:
      0 5px 11px rgba(56,72,82,.045),
      inset 0 1px 0 rgba(255,255,255,.98) !important;
    font:800 13px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
    transform:translateY(-50%) !important;
  }

  /* Badge status tetap tidak ditampilkan */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultStatus{
    display:none !important;
  }

  /* -------------------------------------------------------
     GRID RESULT
     ------------------------------------------------------- */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px 14px !important;
  }

  /* -------------------------------------------------------
     RESULT ITEMS = karakter input form
     ------------------------------------------------------- */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem{
    position:relative !important;

    min-height:70px !important;
    padding:11px 12px 11px 54px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    background:linear-gradient(180deg,#fbfcfd 0%,#ffffff 100%) !important;
    border:1px solid rgba(116,151,166,.13) !important;
    border-radius:15px !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 2px 6px rgba(94,128,143,.025),
      0 4px 10px rgba(41,89,102,.022) !important;
  }

  /* Icon tile universal */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem::before{
    position:absolute !important;
    left:10px !important;
    top:50% !important;

    width:32px !important;
    height:32px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#0f9f8d !important;
    background:linear-gradient(145deg,#f3fbf9 0%,#eaf7f4 100%) !important;
    border:1px solid rgba(15,159,141,.10) !important;
    border-radius:10px !important;

    box-shadow:
      0 5px 11px rgba(56,72,82,.04),
      inset 0 1px 0 rgba(255,255,255,.98) !important;

    font:800 11px/1 "Inter",ui-sans-serif,system-ui,sans-serif !important;
    transform:translateY(-50%) !important;
  }

  /* Icon berbeda tiap informasi - CSS only */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem:nth-child(1)::before{
    content:"◷" !important;
    font-size:16px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem:nth-child(2)::before{
    content:"♥" !important;
    font-size:13px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem:nth-child(3)::before{
    content:"IMT" !important;
    font-size:7px !important;
    letter-spacing:-.02em !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem:nth-child(4)::before{
    content:"↗" !important;
    font-size:17px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem:nth-child(5)::before{
    content:"≋" !important;
    font-size:18px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem:nth-child(6)::before{
    content:"◎" !important;
    font-size:17px !important;
  }

  /* Typography item hasil */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem small{
    margin:0 !important;
    color:#708592 !important;
    font:700 8.8px/1.22 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem strong{
    margin-top:4px !important;
    color:#17384c !important;
    font:800 13px/1.12 "Inter",ui-sans-serif,system-ui,sans-serif !important;
    letter-spacing:-.012em !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem em{
    margin-top:3px !important;
    color:#299483 !important;
    font:700 8.2px/1.28 "Inter",ui-sans-serif,system-ui,sans-serif !important;
  }

  /* -------------------------------------------------------
     KESIMPULAN - menyatu dengan style yang sama
     ------------------------------------------------------- */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion,
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion[data-conclusion-state="within"],
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion[data-conclusion-state="reference"],
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion[data-conclusion-state="total-only"],
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion[data-conclusion-state="below"],
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion[data-conclusion-state="above"],
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion[data-conclusion-state="clinical-review"]{
    margin-top:14px !important;
    padding:13px 14px !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:11px !important;

    background:#ffffff !important;
    background-image:none !important;

    border-radius:15px !important;
    box-shadow:
      0 5px 12px rgba(56,72,82,.035),
      inset 0 1px 0 rgba(255,255,255,1) !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionIcon{
    width:34px !important;
    height:34px !important;
    border-radius:10px !important;
    font-size:14px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > small{
    font-size:7.8px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > strong{
    margin-top:4px !important;
    font-size:11.7px !important;
    line-height:1.3 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
    margin-top:4px !important;
    font-size:8.5px !important;
    line-height:1.48 !important;
  }

  /* -------------------------------------------------------
     CLOSE X V457 tetap di pojok kanan atas
     ------------------------------------------------------- */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorResultActions{
    margin:12px 12px 0 0 !important;
  }

  /* -------------------------------------------------------
     DARK MODE
     ------------------------------------------------------- */
  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResult{
    min-height:410px !important;
    padding:20px 26px 18px !important;
    border-radius:28px !important;
  }

  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultHeader > strong::before,
  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem::before{
    color:#73e6dd !important;
    background:linear-gradient(145deg,#17363b,#123035) !important;
    border-color:rgba(83,235,232,.10) !important;
    box-shadow:
      0 5px 11px rgba(0,0,0,.14),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem{
    background:linear-gradient(180deg,#102b30 0%,#0d252a 100%) !important;
    border-color:rgba(255,255,255,.07) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 4px 10px rgba(0,0,0,.10) !important;
  }

  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem strong{
    color:#eafcff !important;
  }

  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem small{
    color:#aac8cc !important;
  }

  html[data-theme="dark"]
    body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem em{
    color:#73e6dd !important;
  }
}

/* ---------------------------------------------------------
   COMPACT LAPTOP
   --------------------------------------------------------- */
@media (min-width:980px) and (max-width:1150px){

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResult{
    min-height:350px !important;
    padding:16px 20px 14px !important;
    border-radius:24px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultHeader{
    margin-bottom:12px !important;
    min-height:32px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultHeader > strong{
    min-height:30px !important;
    padding-left:39px !important;
    font-size:14px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultHeader > strong::before{
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
    font-size:11px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultGrid{
    gap:9px 11px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem{
    min-height:60px !important;
    padding:9px 9px 9px 47px !important;
    border-radius:13px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem::before{
    left:8px !important;
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem small{
    font-size:8px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem strong{
    font-size:11.7px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .desktopOfficialSupportWeightResultItem em{
    font-size:7.6px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion{
    margin-top:10px !important;
    padding:10px 11px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorResultActions{
    margin:9px 9px 0 0 !important;
  }
}
/* =========================================================
   V459 - CONCLUSION CARD = STEP 3 ACTIVE COLOR
   ---------------------------------------------------------
   TUJUAN:
   - Card Kesimpulan menjadi pembeda visual utama.
   - Warna mengikuti Step 3 aktif:
     linear-gradient(145deg,#12aaa0,#078c84)
   - Seluruh teks utama + icon dibuat putih.
   - HTML stabil dan JS/algoritma tidak diubah.
   ========================================================= */

/* ---------------------------------------------------------
   LIGHT MODE - SEMUA STATE KESIMPULAN
   --------------------------------------------------------- */
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion,
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="within"],
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="reference"],
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="total-only"],
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="below"],
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="above"],
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="clinical-review"]{
  background:linear-gradient(145deg,#12aaa0 0%,#078c84 100%) !important;
  background-image:linear-gradient(145deg,#12aaa0 0%,#078c84 100%) !important;

  border:1px solid rgba(8,140,132,.22) !important;

  box-shadow:
    0 14px 28px rgba(8,140,132,.20),
    0 5px 12px rgba(8,140,132,.10),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,96,90,.10) !important;
}

/* ---------------------------------------------------------
   ICON TILE
   --------------------------------------------------------- */
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionIcon,
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="within"]
  .weightCalculatorConclusionIcon,
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="reference"]
  .weightCalculatorConclusionIcon,
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="total-only"]
  .weightCalculatorConclusionIcon,
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="below"]
  .weightCalculatorConclusionIcon,
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="above"]
  .weightCalculatorConclusionIcon,
html:not([data-theme="dark"])
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="clinical-review"]
  .weightCalculatorConclusionIcon{
  color:#ffffff !important;
  background:rgba(255,255,255,.14) !important;
  background-image:none !important;

  border:1px solid rgba(255,255,255,.24) !important;

  box-shadow:
    0 7px 14px rgba(0,92,85,.14),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* Icon glyph wajib putih */
body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionIcon i{
  color:#ffffff !important;
}

/* ---------------------------------------------------------
   SELURUH TEKS KESIMPULAN PUTIH
   --------------------------------------------------------- */
body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > small,
body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > strong,
body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
  color:#ffffff !important;
}

/* Eyebrow sedikit transparan tetapi tetap putih */
body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > small{
  opacity:.88 !important;
}

/* Detail dibuat sedikit lebih lembut agar hierarki tetap terbaca */
body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
  color:rgba(255,255,255,.88) !important;
}

/* ---------------------------------------------------------
   ADVICE BLOCK - jika status butuh konsultasi
   Tetap satu tema teal, teks putih.
   --------------------------------------------------------- */
body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionAdvice{
  color:#ffffff !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* ---------------------------------------------------------
   DARK MODE
   Tetap memakai karakter Step 3, sedikit lebih gelap agar nyaman.
   --------------------------------------------------------- */
html[data-theme="dark"]
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion,
html[data-theme="dark"]
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="within"],
html[data-theme="dark"]
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="reference"],
html[data-theme="dark"]
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="total-only"],
html[data-theme="dark"]
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="below"],
html[data-theme="dark"]
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="above"],
html[data-theme="dark"]
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusion[data-conclusion-state="clinical-review"]{
  background:linear-gradient(145deg,#119f96 0%,#077b75 100%) !important;
  background-image:linear-gradient(145deg,#119f96 0%,#077b75 100%) !important;

  border-color:rgba(255,255,255,.08) !important;

  box-shadow:
    0 14px 28px rgba(0,0,0,.22),
    0 5px 12px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html[data-theme="dark"]
  body.bumilWeightToolPage
  .weightCalculatorCenteredCard[data-weight-check-stage="result"]
  .weightCalculatorConclusionIcon{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.16) !important;
}
/* =========================================================
   V461 - MOVE ANALOG VISUAL UP 25PX
   ---------------------------------------------------------
   TUJUAN:
   - Seluruh part .weightCalculatorCenteredVisual digeser
     ke atas total 25px pada laptop / desktop.
   - Ukuran timbangan, gauge, shadow, dan proporsi tidak diubah.
   - Tidak memakai transform agar tidak mengganggu transform
     internal timbangan / jarum analog.
   - HTML stabil dan JS/algoritma tidak diubah.
   ========================================================= */

@media (min-width:980px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual{
    position:relative !important;
    top:-25px !important;
  }
}
/* =========================================================
   V462 - CLEAN WHITE SCALE CARD / NO GREEN SHADOW
   ---------------------------------------------------------
   TUJUAN:
   - Body/card timbangan dibuat putih clean.
   - Glow / cast hijau di belakang timbangan dihilangkan.
   - Shadow elevasi luar diganti neutral cool-gray.
   - Cekungan / recessed shadow pada area analog TETAP dipertahankan.
   - Selector GaugeShell, GaugeFace, dan GaugeGlass tidak diubah.
   - Posisi naik 25px dari V461 tetap dipertahankan.
   - HTML stabil dan JS/algoritma tidak diubah.
   ========================================================= */

@media (min-width:980px){

  /* Hilangkan atmospheric green glow pada wrapper kiri. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual{
    background:transparent !important;
    background-image:none !important;
  }

  /* Matikan layer glow hijau khusus di belakang device. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDeviceGlow{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
  }

  /* Body/card utama timbangan = putih bersih + shadow netral. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice{
    background:#ffffff !important;
    background-image:none !important;

    border-color:rgba(86,104,114,.09) !important;

    box-shadow:
      -10px -10px 24px rgba(255,255,255,.98),
      -4px -4px 10px rgba(86,104,114,.025),
      10px 13px 24px rgba(56,72,82,.075),
      18px 22px 40px rgba(56,72,82,.085),
      0 28px 50px rgba(56,72,82,.045),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(118,132,140,.045) !important;

    filter:none !important;
  }

  /*
   * Area analog sengaja TIDAK disentuh:
   * .desktopOfficialSupportWeightGaugeShell
   * .desktopOfficialSupportWeightGaugeFace
   * .desktopOfficialSupportWeightGaugeGlass
   *
   * Dengan demikian karakter cekungan/recessed analog existing
   * tetap sama seperti baseline yang sudah disukai.
   */
}

/* Dark mode tidak diubah agar karakter existing tetap aman. */
/* =========================================================
   V463 - REMOVE DOUBLE SCALE BASE
   ---------------------------------------------------------
   PENYEBAB:
   - Body timbangan sebenarnya digambar oleh ::before / ::after.
   - Pada V462 shadow juga dipasang ke elemen parent
     .desktopOfficialSupportWeightDevice.
   - Ditambah layer .desktopOfficialSupportWeightDeviceBase,
     sehingga bagian bawah terbaca seperti card kedua.

   PERBAIKAN:
   - Parent device kembali layout-only / tanpa shadow.
   - Shadow 3D hanya berada pada ::before (body utama).
   - Layer base blur bawah dimatikan.
   - Cekungan analog GaugeShell / GaugeFace / GaugeGlass
     tidak disentuh sama sekali.
   ========================================================= */

@media (min-width:980px){

  /* Parent hanya wrapper: jangan membuat surface/shadow kedua. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
  }

  /* Satu-satunya body visual timbangan. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice::before{
    background:linear-gradient(
      145deg,
      #ffffff 0%,
      #ffffff 52%,
      #f7f9fa 100%
    ) !important;

    border:1px solid rgba(255,255,255,.98) !important;

    box-shadow:
      0 4px 9px rgba(56,72,82,.035),
      0 15px 28px rgba(56,72,82,.105),
      0 28px 46px rgba(56,72,82,.075),
      -8px -8px 18px rgba(255,255,255,1),
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -4px 9px rgba(118,132,140,.045) !important;
  }

  /* Inner body tetap putih clean, tanpa cast hijau. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice::after{
    background:linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 56%,
      #f8fafb 100%
    ) !important;

    box-shadow:
      inset 0 2px 0 rgba(255,255,255,1),
      inset 0 -3px 7px rgba(118,132,140,.04) !important;
  }

  /* Hilangkan layer blur bawah yang terlihat seperti card kedua. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDeviceBase{
    display:none !important;
    opacity:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;
  }

  /*
   * PENTING:
   * GaugeShell / GaugeFace / GaugeGlass TIDAK diubah.
   * Shadow cekungan analog tetap persis dari baseline.
   */
}
/* =========================================================
   V465 - STRONG REALISTIC 3D SCALE SHADOW
   ---------------------------------------------------------
   PERBAIKAN:
   - V464 terlalu halus sehingga depth tidak terbaca.
   - V465 memperkuat contact shadow + elevation shadow pada
     BODY TIMBANGAN dan BEZEL ANALOG.
   - Semua shadow memakai neutral cool-gray, tanpa cast hijau.
   - Cekungan di dalam muka analog tetap dipertahankan.
   - Tidak membuat card/base kedua.
   - HTML stabil dan JS/algoritma tidak diubah.
   ========================================================= */

@media (min-width:980px){

  /* -------------------------------------------------------
     BODY TIMBANGAN
     Satu body saja, tetapi dibuat jelas terangkat dari halaman.
     ------------------------------------------------------- */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice::before{
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #ffffff 42%,
        #f8fafb 72%,
        #eef2f4 100%
      ) !important;

    border:1px solid rgba(176,187,194,.22) !important;

    box-shadow:
      -14px -14px 28px rgba(255,255,255,1),
      -5px -5px 12px rgba(255,255,255,.94),
      0 3px 5px rgba(51,67,77,.07),
      10px 13px 22px rgba(51,67,77,.105),
      20px 25px 42px rgba(51,67,77,.16),
      0 38px 66px rgba(51,67,77,.105),
      inset 2px 2px 0 rgba(255,255,255,1),
      inset -3px -4px 10px rgba(105,120,130,.10) !important;
  }

  /* Inner body memberi bevel fisik, bukan card kedua. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice::after{
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,1) 0%,
        rgba(253,254,254,1) 50%,
        rgba(244,247,248,.98) 100%
      ) !important;

    border:1px solid rgba(255,255,255,.78) !important;

    box-shadow:
      inset 0 3px 0 rgba(255,255,255,1),
      inset 3px 0 7px rgba(255,255,255,.55),
      inset -3px -4px 10px rgba(105,120,130,.075) !important;
  }

  /* -------------------------------------------------------
     BEZEL ANALOG
     Frame dibuat benar-benar menonjol dari body timbangan.
     ------------------------------------------------------- */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightGaugeShell{
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #f7f9fa 48%,
        #e9eef1 100%
      ) !important;

    border:1px solid rgba(151,165,175,.28) !important;

    box-shadow:
      -8px -8px 17px rgba(255,255,255,.98),
      0 2px 3px rgba(47,63,73,.08),
      7px 9px 15px rgba(47,63,73,.12),
      12px 15px 25px rgba(47,63,73,.15),
      0 22px 35px rgba(47,63,73,.11),
      inset 2px 2px 0 rgba(255,255,255,1),
      inset -2px -3px 7px rgba(98,114,124,.12) !important;
  }

  /* -------------------------------------------------------
     MUKA ANALOG
     Tetap CEKUNG di dalam bezel agar efeknya realistis:
     bezel keluar, face masuk.
     ------------------------------------------------------- */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightGaugeFace{
    background:
      radial-gradient(
        circle at 50% 28%,
        #ffffff 0%,
        #fbfcfd 40%,
        #f1f4f6 72%,
        #e7ecef 100%
      ) !important;

    box-shadow:
      inset 0 8px 15px rgba(91,107,117,.11),
      inset 0 2px 4px rgba(91,107,117,.08),
      inset 0 -3px 5px rgba(255,255,255,.92),
      inset 0 0 0 1px rgba(140,153,162,.14),
      0 1px 0 rgba(255,255,255,.95) !important;
  }

  /* Kaca dibuat subtle agar tidak menutupi detail angka/tick. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightGaugeGlass{
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.42) 0%,
        rgba(255,255,255,.12) 27%,
        rgba(255,255,255,.02) 48%,
        rgba(255,255,255,.10) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -1px 0 rgba(95,110,120,.05) !important;
  }

  /* -------------------------------------------------------
     JARUM + HUB
     Tambah contact shadow supaya terasa berada di atas dial.
     ------------------------------------------------------- */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .desktopOfficialSupportWeightNeedle{
    filter:
      drop-shadow(0 2px 1px rgba(37,49,58,.20))
      drop-shadow(0 4px 4px rgba(37,49,58,.08)) !important;
  }

  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .desktopOfficialSupportWeightNeedleHubOuter{
    filter:
      drop-shadow(0 2px 2px rgba(37,49,58,.18))
      drop-shadow(0 5px 5px rgba(37,49,58,.10)) !important;
  }

  /* -------------------------------------------------------
     Pastikan base blur lama tidak kembali dan tidak membuat
     efek card double seperti versi sebelumnya.
     ------------------------------------------------------- */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDeviceBase{
    display:none !important;
    opacity:0 !important;
    box-shadow:none !important;
    filter:none !important;
  }

  /* Glow hijau tetap dimatikan. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDeviceGlow{
    display:none !important;
    opacity:0 !important;
  }
}
/* =========================================================
   V466 - OUTER SCALE CASING EMPHASIS
   ---------------------------------------------------------
   Revisi sesuai feedback:
   - Efek timbul diperkuat pada CASING LUAR timbangan.
   - Bezel/display analog tidak lagi dijadikan fokus utama.
   - Shadow hijau tetap tidak dipakai.
   - HTML dan JS tidak diubah.
   ========================================================= */

@media (min-width:980px){

  /* CASING LUAR dibuat lebih timbul / raised */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice::before{
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #ffffff 34%,
        #f7f9fa 74%,
        #edf1f3 100%
      ) !important;

    border:1px solid rgba(173,184,191,.20) !important;

    box-shadow:
      -16px -16px 30px rgba(255,255,255,1),
      -8px -8px 16px rgba(255,255,255,.96),
      0 4px 6px rgba(48,63,73,.07),
      12px 16px 26px rgba(48,63,73,.11),
      24px 30px 48px rgba(48,63,73,.15),
      0 40px 68px rgba(48,63,73,.10),
      inset 2px 2px 0 rgba(255,255,255,1),
      inset -4px -5px 11px rgba(105,120,130,.11) !important;
  }

  /* Inner casing tetap satu body, hanya diberi bevel supaya lebih realistis. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice::after{
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,1) 0%,
        rgba(253,254,254,1) 46%,
        rgba(244,247,248,.98) 100%
      ) !important;

    border:1px solid rgba(255,255,255,.82) !important;

    box-shadow:
      inset 0 3px 0 rgba(255,255,255,1),
      inset 3px 0 7px rgba(255,255,255,.52),
      inset -3px -5px 10px rgba(105,120,130,.08) !important;
  }

  /* Display analog ditahan agar tidak terlalu dominan; cukup timbul ringan saja. */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightGaugeShell{
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #f8fafb 52%,
        #edf2f4 100%
      ) !important;

    border:1px solid rgba(155,168,177,.24) !important;

    box-shadow:
      -5px -5px 11px rgba(255,255,255,.96),
      0 1px 2px rgba(47,63,73,.055),
      5px 7px 11px rgba(47,63,73,.085),
      9px 12px 18px rgba(47,63,73,.10),
      0 16px 26px rgba(47,63,73,.08),
      inset 2px 2px 0 rgba(255,255,255,1),
      inset -2px -3px 6px rgba(98,114,124,.09) !important;
  }
}
/* =========================================================
   V468 - RIGHT SHADOW UNCLIPPED / NO LAYOUT SHIFT
   ---------------------------------------------------------
   Koreksi V467:
   - TIDAK mengubah gap grid.
   - TIDAK menambah padding kanan visual.
   - TIDAK memperkecil / menggeser timbangan ke kiri.
   - Hanya membuka clipping chain pada sisi kanan.
   - Shadow V466 dipertahankan 100%.
   - HTML stabil dan JS/algoritma tidak diubah.
   ========================================================= */

@media (min-width:980px){

  /* Seluruh jalur parent visual harus membiarkan shadow keluar. */
  body.bumilWeightToolPage
    .weightCalculatorStandaloneGrid,
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard,
  body.bumilWeightToolPage
    .weightCalculatorCenteredCore,
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual,
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportToolFeaturedVisual.desktopOfficialSupportWeightVisual,
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice{
    overflow:visible !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
    contain:none !important;
  }

  /*
   * Pertahankan ukuran/posisi baseline V466.
   * Ini sengaja ditulis ulang agar tidak ada efek "menyempit ke kiri".
   */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCore{
    gap:42px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual{
    padding:24px 10px !important;
  }

  /* Pastikan shadow visual dicat di atas area kosong gap kanan. */
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual{
    position:relative !important;
    z-index:3 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorInteractionCard{
    position:relative !important;
    z-index:1 !important;
  }

  /*
   * Shadow casing V466 TIDAK disentuh sama sekali.
   * Hanya pastikan pseudo-element casing juga tidak diklip.
   */
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice::before,
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice::after{
    overflow:visible !important;
  }
}

/* =========================================================
   V470 - LARGER CONCLUSION + PREGNANT ICON
   ========================================================= */

@media (min-width:980px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion{
    padding:16px 18px !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionIcon{
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    border-radius:14px !important;
    font-size:21px !important;
    align-self:center !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionIcon i{
    font-size:21px !important;
    line-height:1 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > small{
    font-size:9.3px !important;
    line-height:1.2 !important;
    letter-spacing:.032em !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > strong{
    margin-top:5px !important;
    font-size:14.5px !important;
    line-height:1.34 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
    margin-top:6px !important;
    font-size:11.3px !important;
    line-height:1.58 !important;
    font-weight:500 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionAdvice{
    margin-top:9px !important;
    padding:9px 11px !important;
    font-size:10.2px !important;
    line-height:1.52 !important;
  }
}

@media (min-width:980px) and (max-width:1150px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion{
    padding:13px 14px !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionIcon{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    border-radius:12px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionIcon i{
    font-size:18px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > small{
    font-size:8.5px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > strong{
    font-size:13px !important;
    line-height:1.34 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > span:not(.weightCalculatorConclusionAdvice){
    font-size:10.4px !important;
    line-height:1.54 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionAdvice{
    font-size:9.4px !important;
  }
}

/* =========================================================
   V471 - COMPACT FORM CARD WIDTH / PLACEHOLDER SAFE
   ---------------------------------------------------------
   Fokus:
   - Hanya card FORM yang dipersempit agar lebih proporsional.
   - Struktur HTML stabil tidak diubah.
   - JS / algoritma tidak diubah.
   - Lebar internal field tetap cukup agar placeholder lengkap
     tidak terpotong pada laptop / desktop.
   ========================================================= */

@media (min-width:1160px){

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .weightCalculatorInteractionCard{
    width:min(100%,650px) !important;
    max-width:650px !important;
    justify-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /*
   * Jaga ruang teks input.
   * Tidak mengecilkan font placeholder; yang dioptimalkan hanya
   * pembagian ruang icon / unit agar teks tetap terbaca utuh.
   */
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .desktopOfficialSupportWeightInputShell{
    grid-template-columns:32px minmax(0,1fr) 42px !important;
    gap:6px !important;
    padding-left:5px !important;
    padding-right:8px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .desktopOfficialSupportWeightInputShell--select{
    grid-template-columns:32px minmax(0,1fr) !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .weightCalculatorFieldIcon{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .desktopOfficialSupportWeightInputUnit{
    width:42px !important;
    min-width:42px !important;
    padding-left:7px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .desktopOfficialSupportWeightInput{
    min-width:0 !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .desktopOfficialSupportWeightInput::placeholder{
    font-size:9.8px !important;
    letter-spacing:-.01em !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .weightCalculatorPregnancySelectValue{
    overflow:visible !important;
    text-overflow:clip !important;
  }
}

/* Compact laptop:
   card tetap sedikit dipersempit tetapi tidak sampai mengorbankan placeholder. */
@media (min-width:980px) and (max-width:1159px){

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .weightCalculatorInteractionCard{
    width:min(100%,610px) !important;
    max-width:610px !important;
    justify-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="form"]
    .desktopOfficialSupportWeightInput::placeholder{
    font-size:8.9px !important;
    letter-spacing:-.012em !important;
  }
}

/* =========================================================
   V472 - CONCLUSION ICON TOP ALIGN + MORE TEXT SPACE
   ---------------------------------------------------------
   Fokus:
   - Icon ibu hamil dinaikkan ke bagian atas card.
   - Posisi icon disejajarkan dengan eyebrow
     "Kesimpulan Pemantauan".
   - Jarak antara icon dan blok text diperbesar agar tidak mepet.
   - Ukuran typography V470 tetap.
   - HTML stabil dan JS/algoritma tidak diubah.
   ========================================================= */

@media (min-width:980px){

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion{
    align-items:start !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    column-gap:20px !important;
    row-gap:0 !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionIcon{
    align-self:start !important;
    margin-top:0 !important;
    transform:none !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy{
    padding-left:2px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy > small{
    margin-top:0 !important;
  }
}

/* Compact laptop tetap mengikuti alignment yang sama. */
@media (min-width:980px) and (max-width:1150px){

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion{
    grid-template-columns:42px minmax(0,1fr) !important;
    column-gap:17px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy{
    padding-left:1px !important;
  }
}

/* =========================================================
   V473 - MORE CONCLUSION TEXT OFFSET
   ---------------------------------------------------------
   Revisi dari V472:
   - Text Kesimpulan digeser lagi ke kanan.
   - Icon ibu hamil tetap di posisi atas.
   - Typography, card teal, ukuran icon, dan fungsi tidak diubah.
   - HTML dan JS tetap byte-for-byte.
   ========================================================= */

@media (min-width:980px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion{
    column-gap:30px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy{
    padding-left:4px !important;
  }
}

@media (min-width:980px) and (max-width:1150px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusion{
    column-gap:24px !important;
  }

  body.bumilWeightToolPage
    .weightCalculatorCenteredCard[data-weight-check-stage="result"]
    .weightCalculatorConclusionCopy{
    padding-left:3px !important;
  }
}

/* =========================================================
   V476 - TALLER ANALOG SCALE CASING
   ---------------------------------------------------------
   TUJUAN:
   - Casing/body timbangan dibuat lebih PANJANG ke bawah.
   - Lebar timbangan TIDAK diubah.
   - Display analog TIDAK diperbesar.
   - Gambar kaki tetap ukurannya, tetapi mendapat ruang vertikal
     lebih lega sehingga tidak terlalu dekat dengan display analog.
   - Shadow casing V466 tetap dipertahankan.
   - Posisi visual -25px tetap.
   - HTML dan JS tidak diubah.
   ========================================================= */

@media (min-width:1160px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice{
    /*
     * Baseline global sekitar 1 / .97.
     * V476 dibuat 1 / 1.08:
     * width 390px -> tinggi sekitar 421px.
     * Jadi casing bertambah tinggi tanpa melebar.
     */
    aspect-ratio:1 / 1.08 !important;
  }
}

/* Compact laptop tetap lebih panjang, tetapi proporsional. */
@media (min-width:980px) and (max-width:1159px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightDevice{
    /*
     * width compact sekitar 320px -> tinggi sekitar 339px.
     */
    aspect-ratio:1 / 1.06 !important;
  }
}

/* =========================================================
   V477 - MOVE ANALOG DISPLAY CARD UP 40PX
   ---------------------------------------------------------
   TUJUAN:
   - Menggeser card display analog (bezel/gauge shell)
     lebih ke atas 40px.
   - Hanya display analog yang naik.
   - Casing luar timbangan tetap.
   - HTML dan JS tidak diubah.
   ========================================================= */

@media (min-width:1160px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightGaugeShell{
    margin-top:-177px !important; /* sebelumnya -137px */
  }
}

@media (min-width:980px) and (max-width:1159px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightGaugeShell{
    margin-top:-153px !important; /* sebelumnya -113px */
  }
}

/* =========================================================
   V478 - FOOTPRINTS UP 25PX + SLIGHTLY LARGER
   ---------------------------------------------------------
   TUJUAN:
   - Gambar kaki digeser ke atas 25px.
   - Ukuran gambar kaki diperbesar sedikit.
   - Card display analog V477 tetap.
   - Casing luar, shadow, dan animasi jarum tidak diubah.
   - HTML dan JS tidak diubah.
   ========================================================= */

@media (min-width:980px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightPads::before{
    width:220px !important;
    height:148px !important;
    bottom:53px !important; /* sebelumnya 28px = naik 25px */
  }
}

/* Compact laptop tetap proporsional. */
@media (min-width:980px) and (max-width:1159px){
  body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightPads::before{
    width:218px !important;
    height:147px !important;
    bottom:53px !important;
  }
}

/* =========================================================
   V479 - ANALOG DISPLAY INNER RECESS / NO OUTER SHADOW
   ---------------------------------------------------------
   TUJUAN:
   - Menghilangkan box-shadow LUAR pada card display analog.
   - Display analog dibuat terasa cekung ke dalam.
   - Shadow luar casing timbangan TETAP dipertahankan.
   - Tidak mengubah HTML dan JS.
   ========================================================= */

@media (min-width:980px){
  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightGaugeShell{
    /* Pertahankan surface putih clean, hilangkan cast shadow luar */
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #f8fafb 52%,
        #edf2f4 100%
      ) !important;

    border:1px solid rgba(155,168,177,.22) !important;

    box-shadow:
      inset 0 2px 2px rgba(255,255,255,.96),
      inset 0 10px 16px rgba(120,134,144,.10),
      inset 0 -6px 10px rgba(255,255,255,.88),
      inset 0 0 0 1px rgba(200,209,215,.42) !important;
  }

  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightGaugeFace{
    /* Perkuat cekungan di face, bukan di luar card display */
    background:
      radial-gradient(
        circle at 50% 26%,
        #ffffff 0%,
        #fbfcfd 38%,
        #f1f4f6 72%,
        #e6ebee 100%
      ) !important;

    box-shadow:
      inset 0 12px 18px rgba(102,116,126,.13),
      inset 0 4px 7px rgba(102,116,126,.08),
      inset 0 -4px 7px rgba(255,255,255,.95),
      inset 0 0 0 1px rgba(140,153,162,.16) !important;
  }

  html:not([data-theme="dark"])
    body.bumilWeightToolPage
    .weightCalculatorCenteredVisual
    .desktopOfficialSupportWeightGaugeGlass{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -1px 0 rgba(95,110,120,.05) !important;
  }
}


/* =========================================================
   V480 - WEIGHT PAGE FOOTER EXACTLY MATCHES CURRENT INDEX
   ---------------------------------------------------------
   - desktop footer markup copied exactly from current Index;
   - final V428/V429 footer visual rules copied from current Index;
   - calculator/gauge/form/result/navbar are not modified;
   - appFooter for HP/tablet remains unchanged.
   ========================================================= */
/* =========================================================
   V428 - FOOTER INNER RAISED CARD / REFERENCE MATCH
   ---------------------------------------------------------
   TARGET:
   - outer footer band teal full-width / mentok kiri-kanan;
   - satu card footer besar berada DI DALAM band;
   - card terasa timbul, padat, empuk, dan kokoh;
   - highlight bibir atas + shadow bawah lebar;
   - layout konten, logo RSAB white, PSE, link, dan data-copy
     tetap memakai struktur HTML existing;
   - HP/tablet tidak disentuh. Hanya >=980px.
   ========================================================= */

@media (min-width:980px){

/* =========================================================
   V429 - FOOTER FULL-BLEED + NAVBAR-ALIGNED CONTENT
   ---------------------------------------------------------
   - Visual raised/3D footer sebelumnya dipertahankan.
   - Surface footer mentok kiri-kanan layar.
   - Sudut sisi luar kiri/kanan dibuat rata tanpa lengkungan.
   - Padding horizontal konten mengikuti navbar desktop:
     clamp(34px,5vw,88px).
   - Compact laptop mengikuti navbar: 24px kiri/kanan.
   ========================================================= */

  /* =======================================================
     OUTER FULL-WIDTH TEAL BAND
     ======================================================= */
  .desktopOfficialFooterBand{
    position:relative !important;
    isolation:isolate !important;
    box-sizing:border-box !important;
    display:block !important;

    width:100vw !important;
    max-width:none !important;
    margin:44px 0 0 calc(50% - 50vw) !important;
    padding:54px 0 62px !important;

    background:
      radial-gradient(
        ellipse at 50% 0%,
        rgba(255,255,255,.075) 0%,
        rgba(255,255,255,.022) 34%,
        rgba(255,255,255,0) 64%
      ),
      linear-gradient(
        180deg,
        #1aa59e 0%,
        #13958f 44%,
        #0d817b 76%,
        #0a746f 100%
      ) !important;

    border-top:1px solid rgba(255,255,255,.24) !important;
    border-radius:0 !important;
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.18),
      inset 0 16px 30px rgba(255,255,255,.035),
      inset 0 -20px 34px rgba(0,70,65,.12) !important;
    overflow:visible !important;
  }

  .desktopOfficialFooterBand::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    height:3px !important;
    pointer-events:none !important;
    background:linear-gradient(
      90deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,.34) 18%,
      rgba(255,255,255,.48) 50%,
      rgba(255,255,255,.34) 82%,
      rgba(255,255,255,.04) 100%
    ) !important;
    box-shadow:0 2px 8px rgba(6,100,94,.07) !important;
  }

  .desktopOfficialFooterBand::after{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    height:34px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(0,68,63,0) 0%,
      rgba(0,63,59,.05) 35%,
      rgba(0,56,52,.13) 100%
    ) !important;
  }

  /* =======================================================
     RAISED INNER FOOTER CARD
     ======================================================= */
  .desktopOfficialFooter{
    position:relative !important;
    z-index:2 !important;
    isolation:isolate !important;
    box-sizing:border-box !important;
    display:block !important;

    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:58px clamp(34px,5vw,88px) 34px !important;

    overflow:hidden !important;
    border:1px solid rgba(208,255,249,.18) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;

    background:
      radial-gradient(
        ellipse at 48% -12%,
        rgba(255,255,255,.125) 0%,
        rgba(255,255,255,.042) 35%,
        rgba(255,255,255,0) 64%
      ),
      linear-gradient(
        180deg,
        #1aa69e 0%,
        #129a93 30%,
        #0b8b85 62%,
        #087b76 100%
      ) !important;

    box-shadow:
      /* tight contact */
      0 5px 8px rgba(2,69,65,.22),
      /* physical lift */
      0 17px 26px rgba(2,72,68,.31),
      /* soft premium depth */
      0 38px 58px rgba(2,68,64,.20),
      /* top face */
      inset 0 3px 0 rgba(190,255,247,.42),
      inset 0 8px 18px rgba(255,255,255,.055),
      /* lower material */
      inset 0 -8px 0 rgba(0,73,68,.07),
      inset 0 -24px 34px rgba(0,57,53,.16),
      inset 1px 0 0 rgba(255,255,255,.045),
      inset -1px 0 0 rgba(0,65,61,.08) !important;

    transform:translate3d(0,0,0) !important;
  }

  /* bright raised lip at top edge, visible like reference */
  .desktopOfficialFooter::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    height:5px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(184,255,247,.62) 0%,
      rgba(128,235,225,.34) 42%,
      rgba(255,255,255,0) 100%
    ) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.16),
      0 5px 10px rgba(0,77,72,.09) !important;
  }

  /* subtle lower thickness – no extra inner framed card */
  .desktopOfficialFooter::after{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    height:18px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(0,74,69,0) 0%,
      rgba(0,68,63,.05) 34%,
      rgba(0,58,54,.18) 100%
    ) !important;
    box-shadow:inset 0 -1px 0 rgba(0,47,44,.13) !important;
  }

  .desktopOfficialFooter > *{
    position:relative !important;
    z-index:2 !important;
  }

  /* =======================================================
     CONTENT LAYOUT – matches reference proportions
     ======================================================= */
  .desktopOfficialFooterMain{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:minmax(360px,1.55fr)
      repeat(4,minmax(155px,.82fr)) !important;
    gap:0 !important;
    align-items:stretch !important;
  }

  .desktopOfficialFooterBrand{
    min-width:0 !important;
    padding:0 34px 0 0 !important;
  }

  .desktopOfficialFooterBrandLockup{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
  }

  .desktopOfficialFooterLogoShadow{
    width:70px !important;
    min-width:70px !important;
    height:70px !important;
    display:grid !important;
    place-items:center !important;
    filter:
      drop-shadow(0 4px 5px rgba(0,65,61,.17))
      drop-shadow(0 11px 17px rgba(0,57,54,.11)) !important;
  }

  .desktopOfficialFooterLogoShadow img{
    width:66px !important;
    height:66px !important;
    object-fit:contain !important;
  }

  .desktopOfficialFooterBrandLockup > span:last-child{
    display:flex !important;
    flex-direction:column !important;
  }

  .desktopOfficialFooterBrandLockup strong{
    color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:34px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:-.038em !important;
    text-shadow:0 2px 3px rgba(0,61,57,.14) !important;
  }

  .desktopOfficialFooterBrandLockup small{
    margin-top:7px !important;
    color:rgba(255,255,255,.91) !important;
    font-size:16px !important;
    line-height:1.22 !important;
    font-weight:650 !important;
  }

  .desktopOfficialFooterBrand > p{
    max-width:390px !important;
    margin:27px 0 0 !important;
    color:rgba(255,255,255,.91) !important;
    font-size:15.5px !important;
    line-height:1.62 !important;
    font-weight:500 !important;
  }

  /* =======================================================
     FORMAL VERTICAL DIVIDERS
     ======================================================= */
  .desktopOfficialFooterColumn{
    position:relative !important;
    min-width:0 !important;
    padding:0 24px 0 30px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  .desktopOfficialFooterColumn::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:1px !important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.08) 0%,
      rgba(255,255,255,.24) 16%,
      rgba(255,255,255,.24) 84%,
      rgba(255,255,255,.08) 100%
    ) !important;
    pointer-events:none !important;
  }

  .desktopOfficialFooterColumn > strong{
    margin:0 0 10px !important;
    color:#ffffff !important;
    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:-.015em !important;
    text-shadow:0 1px 2px rgba(0,61,57,.13) !important;
  }

  .desktopOfficialFooterColumn a{
    width:fit-content !important;
    color:rgba(255,255,255,.92) !important;
    font-size:15.5px !important;
    line-height:1.42 !important;
    font-weight:520 !important;
    text-decoration:none !important;
  }

  .desktopOfficialFooterColumn a:hover{
    color:#ffffff !important;
    transform:none !important;
  }

  /* =======================================================
     RSAB + PSE TRUST ROW
     ======================================================= */
  .desktopOfficialFooterInstitution{
    width:fit-content !important;
    max-width:100% !important;
    margin-top:26px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:15px !important;
  }

  .desktopOfficialFooterInstitutionIdentity{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:10px !important;
    flex:0 0 auto !important;
  }

  .desktopOfficialFooterInstitutionLabel{
    display:block !important;
    margin:0 !important;
    color:#ffffff !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    text-shadow:0 1px 2px rgba(0,60,56,.14) !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    display:block !important;
    width:auto !important;
    height:50px !important;
    max-width:196px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:left center !important;
    filter:drop-shadow(0 3px 5px rgba(0,59,55,.13)) !important;
    flex:0 0 auto !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    width:1px !important;
    min-width:1px !important;
    height:58px !important;
    display:block !important;
    background:rgba(255,255,255,.27) !important;
    border-radius:999px !important;
    flex:0 0 1px !important;
  }

  .desktopOfficialFooterPseSurface{
    min-width:0 !important;
    height:60px !important;
    padding:5px 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,.98) !important;
    border:1px solid rgba(255,255,255,.92) !important;
    border-radius:12px !important;
    box-shadow:
      0 8px 17px rgba(0,66,62,.13),
      inset 0 1px 0 rgba(255,255,255,1) !important;
    overflow:hidden !important;
    flex:0 1 auto !important;
  }

  .desktopOfficialFooterPseLogo{
    display:block !important;
    width:auto !important;
    height:46px !important;
    max-width:180px !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  /* =======================================================
     TRUST BADGE
     ======================================================= */
  .desktopOfficialFooterStatus{
    width:fit-content !important;
    min-height:52px !important;
    margin-top:20px !important;
    margin-bottom:0 !important;
    padding:0 20px !important;
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    color:#087f78 !important;
    background:#ffffff !important;
    border:1px solid rgba(255,255,255,.94) !important;
    border-radius:999px !important;
    box-shadow:
      0 8px 14px rgba(0,61,57,.13),
      0 14px 23px rgba(0,61,57,.08),
      inset 0 1px 0 rgba(255,255,255,1) !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  .desktopOfficialFooterStatus i{
    color:#0e9382 !important;
    font-size:16px !important;
  }

  .desktopOfficialFooterStatus > span{
    display:inline !important;
  }

  /* =======================================================
     BOTTOM DIVIDER / COPYRIGHT
     ======================================================= */
  .desktopOfficialFooterBottom{
    width:100% !important;
    max-width:none !important;
    margin:38px 0 0 !important;
    padding:26px 0 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    color:rgba(255,255,255,.93) !important;
    border-top:1px solid rgba(255,255,255,.23) !important;
    font-size:15px !important;
    line-height:1.30 !important;
    font-weight:520 !important;
  }

  .desktopOfficialFooterSupport{
    display:inline-flex !important;
    align-items:center !important;
    gap:11px !important;
    color:rgba(255,255,255,.94) !important;
    font-size:15px !important;
    line-height:1.30 !important;
    font-weight:520 !important;
  }

  .desktopOfficialFooterSupport i{
    color:#ffffff !important;
    font-size:18px !important;
  }

  /* =======================================================
     DARK MODE – SAME MATERIAL CHARACTER
     ======================================================= */
  html[data-theme="dark"] .desktopOfficialFooterBand{
    background:
      radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.025),transparent 58%),
      linear-gradient(180deg,#0a706a 0%,#086660 48%,#05534f 100%) !important;
    border-top-color:rgba(255,255,255,.075) !important;
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.045),
      inset 0 -20px 34px rgba(0,0,0,.18) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooter{
    background:
      radial-gradient(ellipse at 48% -12%,rgba(255,255,255,.04),transparent 58%),
      linear-gradient(180deg,#08746e 0%,#076862 42%,#05534f 100%) !important;
    border-color:rgba(255,255,255,.075) !important;
    box-shadow:
      0 5px 8px rgba(0,0,0,.24),
      0 17px 26px rgba(0,0,0,.33),
      0 38px 58px rgba(0,0,0,.24),
      inset 0 3px 0 rgba(255,255,255,.07),
      inset 0 -24px 34px rgba(0,0,0,.22) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooter::before{
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.035) 42%,
      rgba(255,255,255,0) 100%
    ) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterColumn::before{
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.025) 0%,
      rgba(255,255,255,.12) 16%,
      rgba(255,255,255,.12) 84%,
      rgba(255,255,255,.025) 100%
    ) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterBrandLockup strong,
  html[data-theme="dark"] .desktopOfficialFooterColumn > strong,
  html[data-theme="dark"] .desktopOfficialFooterInstitutionLabel{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterBrandLockup small,
  html[data-theme="dark"] .desktopOfficialFooterBrand > p,
  html[data-theme="dark"] .desktopOfficialFooterColumn a,
  html[data-theme="dark"] .desktopOfficialFooterBottom,
  html[data-theme="dark"] .desktopOfficialFooterSupport{
    color:rgba(255,255,255,.84) !important;
  }

  html[data-theme="dark"] .desktopOfficialFooterStatus{
    color:#087f78 !important;
    background:#ffffff !important;
    border-color:rgba(255,255,255,.90) !important;
  }
}

/* =========================================================
   COMPACT LAPTOP 980–1159
   - same raised card concept;
   - 3-column flow to prevent crushing five columns;
   - typography reduced proportionally.
   ========================================================= */
@media (min-width:980px) and (max-width:1159px){

  .desktopOfficialFooterBand{
    margin-top:34px !important;
    padding:38px 0 44px !important;
  }

  .desktopOfficialFooter{
    padding:42px 24px 26px !important;
    border-radius:0 !important;
  }

  .desktopOfficialFooterMain{
    grid-template-columns:minmax(250px,1.25fr)
      repeat(2,minmax(150px,.82fr)) !important;
    gap:24px 0 !important;
  }

  .desktopOfficialFooterBrand{
    padding-right:22px !important;
  }

  .desktopOfficialFooterColumn{
    padding-left:22px !important;
    padding-right:14px !important;
    gap:10px !important;
  }

  .desktopOfficialFooterColumn:nth-of-type(4),
  .desktopOfficialFooterColumn:nth-of-type(5){
    margin-top:8px !important;
  }

  .desktopOfficialFooterLogoShadow{
    width:56px !important;
    min-width:56px !important;
    height:56px !important;
  }

  .desktopOfficialFooterLogoShadow img{
    width:52px !important;
    height:52px !important;
  }

  .desktopOfficialFooterBrandLockup strong{
    font-size:27px !important;
  }

  .desktopOfficialFooterBrandLockup small{
    font-size:12.5px !important;
  }

  .desktopOfficialFooterBrand > p{
    max-width:320px !important;
    margin-top:18px !important;
    font-size:12px !important;
  }

  .desktopOfficialFooterColumn > strong{
    margin-bottom:5px !important;
    font-size:13.5px !important;
  }

  .desktopOfficialFooterColumn a{
    font-size:12px !important;
  }

  .desktopOfficialFooterInstitution{
    margin-top:18px !important;
    gap:10px !important;
  }

  .desktopOfficialFooterInstitutionLabel{
    font-size:11.5px !important;
  }

  .desktopOfficialFooterInstitution
    .desktopOfficialFooterInstitutionLogo{
    height:40px !important;
    max-width:155px !important;
  }

  .desktopOfficialFooterInstitutionDivider{
    height:46px !important;
  }

  .desktopOfficialFooterPseSurface{
    height:49px !important;
    padding:4px 7px !important;
    border-radius:10px !important;
  }

  .desktopOfficialFooterPseLogo{
    height:37px !important;
    max-width:138px !important;
  }

  .desktopOfficialFooterStatus{
    min-height:42px !important;
    margin-top:8px !important;
    padding:0 15px !important;
    font-size:11px !important;
  }

  .desktopOfficialFooterStatus i{
    font-size:13px !important;
  }

  .desktopOfficialFooterBottom,
  .desktopOfficialFooterSupport{
    font-size:11.5px !important;
  }

  .desktopOfficialFooterBottom{
    margin-top:27px !important;
    padding-top:18px !important;
  }
}