
/* ==========================================================
   BaTo MyBaTo v1.9.4
   Stable desktop composition — deterministic single-column shell
   ========================================================== */

:root{
  --mb-coral:#EF7461;
  --mb-gold:#EFB14B;
  --mb-green:#86A987;
  --mb-blue:#84B7C8;
  --mb-ink:#272A2D;
  --mb-bg:#F6F4EF;
  --mb-panel:#FBFAF6;
  --mb-line:rgba(39,42,45,.09);
  --mb-sidebar:256px;
  --mb-air:24px;
  --mb-max:1320px;
}

html,
body.bato-mybato-portal{
  margin:0!important;
  padding:0!important;
  background:var(--mb-bg)!important;
  overflow-x:hidden!important;
}

body.bato-mybato-portal .wp-site-blocks,
body.bato-mybato-portal .wp-block-post-content,
body.bato-mybato-portal .entry-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.bato-mybato-portal .wp-site-blocks>header,
body.bato-mybato-portal .wp-site-blocks>footer,
body.bato-mybato-portal header.wp-block-template-part,
body.bato-mybato-portal footer.wp-block-template-part,
body.bato-mybato-portal .wp-block-post-title,
body.bato-mybato-portal .entry-title{
  display:none!important;
}

body.bato-mybato-portal .bato-mybato-app,
body.bato-mybato-portal .bato-mybato-app *{
  box-sizing:border-box!important;
}

/* ---------- shell ---------- */
body.bato-mybato-portal .bato-mybato-app{
  position:relative!important;
  display:block!important;
  width:100vw!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  background:var(--mb-bg)!important;
  color:var(--mb-ink)!important;
}

body.bato-mybato-portal .bato-mybato-sidebar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:var(--mb-sidebar)!important;
  height:100vh!important;
  margin:0!important;
  padding:24px 16px!important;
  z-index:100!important;
  display:flex!important;
  flex-direction:column!important;
  gap:26px!important;
  background:rgba(251,250,246,.98)!important;
  border-right:1px solid var(--mb-line)!important;
}

body.bato-mybato-portal .bato-mybato-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:4px 8px 12px!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}

body.bato-mybato-portal .bato-mybato-brand:before{
  content:"";
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,var(--mb-coral),var(--mb-gold))!important;
  box-shadow:0 8px 20px rgba(239,116,97,.20)!important;
}

body.bato-mybato-portal .bato-mybato-sidebar nav{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

body.bato-mybato-portal .bato-mybato-sidebar nav a{
  display:flex!important;
  align-items:center!important;
  min-height:40px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  color:#515955!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

body.bato-mybato-portal .bato-mybato-sidebar nav a.is-active{
  background:linear-gradient(135deg,rgba(239,116,97,.13),rgba(239,177,75,.09))!important;
  box-shadow:inset 0 0 0 1px rgba(239,116,97,.13)!important;
  color:var(--mb-ink)!important;
}

body.bato-mybato-portal .bato-mybato-main{
  position:relative!important;
  display:block!important;
  width:calc(100vw - var(--mb-sidebar))!important;
  min-height:100vh!important;
  margin:0 0 0 var(--mb-sidebar)!important;
  padding:0!important;
  background:var(--mb-bg)!important;
}

body.bato-mybato-portal .bato-mybato-content{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  align-content:start!important;
  width:calc(100% - (var(--mb-air) * 2))!important;
  max-width:var(--mb-max)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0 0 64px!important;
}

/* ---------- topbar ---------- */
body.bato-mybato-portal .bato-mybato-topbar{
  position:relative!important;
  grid-column:1!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  background:transparent!important;
}

body.bato-mybato-portal .bato-mybato-topbar>div{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

body.bato-mybato-portal .bato-mybato-topbar small{
  display:block!important;
  margin:0 0 6px!important;
  color:#8B928E!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

body.bato-mybato-portal .bato-mybato-topbar h1{
  display:block!important;
  margin:0!important;
  padding:0!important;
  max-width:900px!important;
  color:var(--mb-ink)!important;
  font-size:clamp(34px,3.4vw,48px)!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
  font-weight:500!important;
}

body.bato-mybato-portal .bato-mybato-signout{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid var(--mb-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#4F5753!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(39,42,45,.04)!important;
}

/* ---------- onboarding ---------- */
body.bato-mybato-portal .bato-mybato-onboarding{
  position:relative!important;
  grid-column:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr)!important;
  grid-template-areas:
    "icon steps"
    "eyebrow steps"
    "title steps"
    "copy steps"
    "cta steps"!important;
  column-gap:48px!important;
  row-gap:12px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:32px 36px!important;
  overflow:hidden!important;
  border:1px solid var(--mb-line)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(132,183,200,.14),transparent 28%),
    radial-gradient(circle at 8% 92%,rgba(134,169,135,.10),transparent 32%),
    linear-gradient(135deg,#fff 0%,#fbfcfa 58%,#eef7f3 100%)!important;
  box-shadow:0 22px 60px rgba(39,42,45,.065)!important;
}

body.bato-mybato-portal .bato-mybato-onboarding-icon{
  grid-area:icon!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:var(--mb-coral)!important;
  color:#fff!important;
  font-size:22px!important;
}

body.bato-mybato-portal .bato-mybato-onboarding>small{
  grid-area:eyebrow!important;
  display:block!important;
  margin:0!important;
  color:#89908C!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

body.bato-mybato-portal .bato-mybato-onboarding>h2{
  grid-area:title!important;
  display:block!important;
  width:100%!important;
  max-width:700px!important;
  margin:0!important;
  padding:0!important;
  color:var(--mb-ink)!important;
  font-size:clamp(48px,4.6vw,70px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  font-weight:500!important;
}

body.bato-mybato-portal .bato-mybato-onboarding>p{
  grid-area:copy!important;
  display:block!important;
  width:100%!important;
  max-width:620px!important;
  margin:0!important;
  padding:0!important;
  color:#66706B!important;
  font-size:15px!important;
  line-height:1.65!important;
}

body.bato-mybato-portal .bato-mybato-onboarding>.bato-mybato-cta{
  grid-area:cta!important;
  justify-self:start!important;
  align-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  margin:8px 0 0!important;
  padding:0 17px!important;
  border-radius:999px!important;
  background:var(--mb-coral)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:0 10px 24px rgba(239,116,97,.18)!important;
}

body.bato-mybato-portal .bato-mybato-onboarding-steps{
  grid-area:steps!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

body.bato-mybato-portal .bato-mybato-onboarding-steps>div{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  min-height:126px!important;
  margin:0!important;
  padding:20px!important;
  border:1px solid rgba(39,42,45,.07)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 12px 28px rgba(39,42,45,.035)!important;
}

body.bato-mybato-portal .bato-mybato-onboarding-step-icon{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--mb-ink)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}

body.bato-mybato-portal .bato-mybato-onboarding-steps>div>div{
  min-width:0!important;
}

body.bato-mybato-portal .bato-mybato-onboarding-steps strong{
  display:block!important;
  margin:1px 0 5px!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:800!important;
}

body.bato-mybato-portal .bato-mybato-onboarding-steps small{
  display:block!important;
  margin:0!important;
  color:#7D8580!important;
  font-size:11px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* ---------- linked-family dashboard ---------- */
body.bato-mybato-portal .bato-mybato-hero,
body.bato-mybato-portal .bato-mybato-grid{
  grid-column:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
body.bato-mybato-portal .bato-mybato-section{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

body.bato-mybato-portal .bato-mybato-hero{
  margin:0!important;
  padding:34px!important;
  border:1px solid var(--mb-line)!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#fff,#F4FAF6)!important;
}

body.bato-mybato-portal .bato-mybato-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:16px 0!important;
}

body.bato-mybato-portal .bato-mybato-grid article{
  min-height:122px!important;
  padding:20px!important;
  border:1px solid var(--mb-line)!important;
  border-radius:19px!important;
  background:#fff!important;
}

body.bato-mybato-portal .bato-mybato-section{
  margin:14px 0 0!important;
  padding:22px!important;
  border:1px solid var(--mb-line)!important;
  border-radius:21px!important;
  background:#fff!important;
}

/* ---------- tablet ---------- */
@media(max-width:1180px){
  :root{--mb-sidebar:220px;--mb-air:18px}
  body.bato-mybato-portal .bato-mybato-onboarding{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "icon"
      "eyebrow"
      "title"
      "copy"
      "steps"
      "cta"!important;
    padding:34px!important;
  }
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-top:8px!important;
  }
}

/* ---------- mobile ---------- */
@media(max-width:760px){
  :root{--mb-air:16px}
  body.bato-mybato-portal{padding-bottom:82px!important}

  body.bato-mybato-portal .bato-mybato-sidebar{
    position:fixed!important;
    top:auto!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    width:auto!important;
    height:62px!important;
    padding:7px!important;
    border:1px solid var(--mb-line)!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 18px 50px rgba(39,42,45,.14)!important;
  }

  body.bato-mybato-portal .bato-mybato-brand{display:none!important}

  body.bato-mybato-portal .bato-mybato-sidebar nav{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    height:100%!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  body.bato-mybato-portal .bato-mybato-sidebar nav::-webkit-scrollbar{display:none!important}

  body.bato-mybato-portal .bato-mybato-sidebar nav a{
    flex:0 0 auto!important;
    min-height:44px!important;
    padding:10px 12px!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }

  body.bato-mybato-portal .bato-mybato-main{
    width:100vw!important;
    margin:0!important;
  }

  body.bato-mybato-portal .bato-mybato-content{
    width:calc(100% - 32px)!important;
    max-width:none!important;
  }

  body.bato-mybato-portal .bato-mybato-topbar{
    min-height:92px!important;
    padding:18px 0 14px!important;
    gap:12px!important;
  }

  body.bato-mybato-portal .bato-mybato-topbar h1{
    font-size:30px!important;
  }

  body.bato-mybato-portal .bato-mybato-signout{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:11px!important;
  }

  body.bato-mybato-portal .bato-mybato-onboarding{
    display:block!important;
    min-height:0!important;
    padding:24px 20px!important;
    border-radius:22px!important;
  }

  body.bato-mybato-portal .bato-mybato-onboarding-icon{
    margin-bottom:14px!important;
  }

  body.bato-mybato-portal .bato-mybato-onboarding>small{
    margin-bottom:8px!important;
  }

  body.bato-mybato-portal .bato-mybato-onboarding>h2{
    margin:0 0 12px!important;
    font-size:38px!important;
    line-height:.98!important;
  }

  body.bato-mybato-portal .bato-mybato-onboarding>p{
    font-size:14px!important;
  }

  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:20px 0!important;
  }

  body.bato-mybato-portal .bato-mybato-onboarding-steps>div{
    min-height:0!important;
    padding:16px!important;
  }

  body.bato-mybato-portal .bato-mybato-grid{
    grid-template-columns:1fr!important;
  }
}


/* v1.9.5 — DOM repair release.
   Layout CSS intentionally unchanged except for containment safety. */
body.bato-mybato-portal .bato-mybato-content{
  isolation:isolate!important;
}
body.bato-mybato-portal .bato-mybato-topbar,
body.bato-mybato-portal .bato-mybato-onboarding{
  clear:both!important;
}


/* ==========================================================
   MyBaTo v2.0.0 — real family dashboard and section UX
   Stable v1.9.5 shell intentionally preserved.
   ========================================================== */

body.bato-mybato-portal .bato-mybato-account-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.bato-mybato-portal .bato-mybato-profile-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  color:#525a56!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.bato-mybato-portal .bato-mybato-profile-link:hover{
  background:rgba(39,42,45,.04)!important;
}

body.bato-mybato-portal .bato-mybato-overview-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
}
body.bato-mybato-portal .bato-mybato-overview-hero>div:first-child{
  max-width:760px!important;
}
body.bato-mybato-portal .bato-mybato-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

body.bato-mybato-portal .bato-mybato-kpi-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
body.bato-mybato-portal .bato-mybato-stat{
  display:block!important;
  min-width:0!important;
  min-height:132px!important;
  padding:18px!important;
  border:1px solid var(--mb-line,rgba(39,42,45,.09))!important;
  border-radius:19px!important;
  background:#fff!important;
  color:var(--mb-ink,#272A2D)!important;
  text-decoration:none!important;
  box-shadow:0 10px 28px rgba(39,42,45,.03)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body.bato-mybato-portal .bato-mybato-stat:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(39,42,45,.06)!important;
}
body.bato-mybato-portal .bato-mybato-stat>span{
  display:block!important;
  margin-bottom:14px!important;
  font-size:20px!important;
}
body.bato-mybato-portal .bato-mybato-stat>strong{
  display:block!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
body.bato-mybato-portal .bato-mybato-stat>small{
  display:block!important;
  margin-top:6px!important;
  color:#7D8580!important;
  font-size:10px!important;
  line-height:1.3!important;
}

body.bato-mybato-portal .bato-mybato-dashboard-columns{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;
  gap:14px!important;
}
body.bato-mybato-portal .bato-mybato-dashboard-columns>.bato-mybato-section{
  margin-top:0!important;
}
body.bato-mybato-portal .bato-mybato-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:12px!important;
}
body.bato-mybato-portal .bato-mybato-section-head small,
body.bato-mybato-portal .bato-mybato-page-intro small,
body.bato-mybato-portal .bato-mybato-benefit-card>small,
body.bato-mybato-portal .bato-mybato-event-card>small{
  display:block!important;
  margin-bottom:5px!important;
  color:#8B928E!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.bato-mybato-portal .bato-mybato-section-head h2{
  margin:0!important;
}
body.bato-mybato-portal .bato-mybato-section-head>a{
  color:#59625E!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

body.bato-mybato-portal .bato-mybato-list-row,
body.bato-mybato-portal .bato-mybato-table-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  padding:13px 0!important;
  border-bottom:1px solid rgba(39,42,45,.07)!important;
}
body.bato-mybato-portal .bato-mybato-list-row:last-child,
body.bato-mybato-portal .bato-mybato-table-row:last-child{
  border-bottom:0!important;
}
body.bato-mybato-portal .bato-mybato-list-row>div:nth-child(2),
body.bato-mybato-portal .bato-mybato-table-row>div:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
}
body.bato-mybato-portal .bato-mybato-list-row strong,
body.bato-mybato-portal .bato-mybato-table-row strong{
  display:block!important;
  color:#303431!important;
  font-size:12px!important;
}
body.bato-mybato-portal .bato-mybato-list-row small,
body.bato-mybato-portal .bato-mybato-table-row small{
  display:block!important;
  margin-top:3px!important;
  color:#818884!important;
  font-size:10px!important;
}
body.bato-mybato-portal .bato-mybato-list-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#F6F4EF!important;
  font-size:14px!important;
}
body.bato-mybato-portal .bato-mybato-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#F4F2EC!important;
  color:#5B635F!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body.bato-mybato-portal .bato-mybato-pill.is-good{
  background:rgba(134,169,135,.16)!important;
  color:#557057!important;
}
body.bato-mybato-portal .bato-mybato-pill.is-warn{
  background:rgba(239,177,75,.17)!important;
  color:#8A662B!important;
}
body.bato-mybato-portal .bato-mybato-mini-action{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:rgba(239,116,97,.11)!important;
  color:#B65445!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:850!important;
}
body.bato-mybato-portal .bato-mybato-ready{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:16px!important;
  border-radius:16px!important;
  background:rgba(134,169,135,.10)!important;
}
body.bato-mybato-portal .bato-mybato-ready>span{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--mb-green,#86A987)!important;
  color:#fff!important;
  font-weight:900!important;
}
body.bato-mybato-portal .bato-mybato-ready strong,
body.bato-mybato-portal .bato-mybato-ready small{
  display:block!important;
}
body.bato-mybato-portal .bato-mybato-ready strong{font-size:12px!important}
body.bato-mybato-portal .bato-mybato-ready small{margin-top:3px!important;color:#738078!important;font-size:10px!important}

body.bato-mybato-portal .bato-mybato-page-intro{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 16px!important;
  padding:4px 2px!important;
}
body.bato-mybato-portal .bato-mybato-page-intro h2{
  margin:0!important;
  color:var(--mb-ink,#272A2D)!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
  font-weight:500!important;
}
body.bato-mybato-portal .bato-mybato-page-intro p{
  max-width:680px!important;
  margin:8px 0 0!important;
  color:#747D78!important;
  font-size:12px!important;
  line-height:1.55!important;
}

body.bato-mybato-portal .bato-mybato-card-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.bato-mybato-portal .bato-mybato-person-card,
body.bato-mybato-portal .bato-mybato-benefit-card,
body.bato-mybato-portal .bato-mybato-event-card{
  min-width:0!important;
  min-height:210px!important;
  padding:22px!important;
  border:1px solid var(--mb-line,rgba(39,42,45,.09))!important;
  border-radius:21px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(39,42,45,.03)!important;
}
body.bato-mybato-portal .bato-mybato-person-card h3,
body.bato-mybato-portal .bato-mybato-benefit-card h3,
body.bato-mybato-portal .bato-mybato-event-card h3{
  margin:0!important;
  font-size:20px!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
body.bato-mybato-portal .bato-mybato-person-card p,
body.bato-mybato-portal .bato-mybato-event-card p{
  margin:6px 0 0!important;
  color:#7C847F!important;
  font-size:11px!important;
}
body.bato-mybato-portal .bato-mybato-avatar{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:18px!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,rgba(239,116,97,.16),rgba(239,177,75,.16))!important;
  color:#B95F50!important;
  font-size:20px!important;
  font-weight:900!important;
}
body.bato-mybato-portal .bato-mybato-card-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:18px!important;
}
body.bato-mybato-portal .bato-mybato-benefit-value{
  margin:24px 0 0!important;
  font-size:34px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  font-weight:600!important;
}
body.bato-mybato-portal .bato-mybato-benefit-value span{
  font-size:11px!important;
  letter-spacing:0!important;
  color:#7D8580!important;
  font-weight:700!important;
}
body.bato-mybato-portal .bato-mybato-payment-end{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

body.bato-mybato-portal .bato-mybato-empty{
  display:grid!important;
  justify-items:start!important;
  gap:7px!important;
  padding:20px 4px!important;
}
body.bato-mybato-portal .bato-mybato-empty strong{
  font-size:14px!important;
}
body.bato-mybato-portal .bato-mybato-empty p{
  margin:0 0 6px!important;
  color:#7C847F!important;
  font-size:11px!important;
}

@media(max-width:1180px){
  body.bato-mybato-portal .bato-mybato-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.bato-mybato-portal .bato-mybato-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  body.bato-mybato-portal .bato-mybato-dashboard-columns{
    grid-template-columns:1fr!important;
  }
  body.bato-mybato-portal .bato-mybato-overview-hero,
  body.bato-mybato-portal .bato-mybato-page-intro{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  body.bato-mybato-portal .bato-mybato-hero-actions{
    justify-content:flex-start!important;
  }
}

@media(max-width:760px){
  body.bato-mybato-portal .bato-mybato-account-actions{
    gap:4px!important;
  }
  body.bato-mybato-portal .bato-mybato-profile-link{
    display:none!important;
  }
  body.bato-mybato-portal .bato-mybato-kpi-grid,
  body.bato-mybato-portal .bato-mybato-card-grid{
    grid-template-columns:1fr 1fr!important;
  }
  body.bato-mybato-portal .bato-mybato-stat{
    min-height:112px!important;
    padding:15px!important;
  }
  body.bato-mybato-portal .bato-mybato-person-card,
  body.bato-mybato-portal .bato-mybato-benefit-card,
  body.bato-mybato-portal .bato-mybato-event-card{
    min-height:0!important;
    padding:18px!important;
  }
}

@media(max-width:480px){
  body.bato-mybato-portal .bato-mybato-kpi-grid,
  body.bato-mybato-portal .bato-mybato-card-grid{
    grid-template-columns:1fr!important;
  }
}


/* MyBaTo v2.0.1 — contextual no-family states */
body.bato-mybato-portal .bato-mybato-onboarding-state{
  min-height:0!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-state>h2{
  max-width:760px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-state>p{
  max-width:680px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-state .bato-mybato-onboarding-icon{
  font-family:inherit!important;
  font-size:20px!important;
}
@media(max-width:760px){
  body.bato-mybato-portal .bato-mybato-onboarding-state{
    min-height:0!important;
  }
}


/* ==========================================================
   MyBaTo v3.0.0 — complete customer portal workspace
   Stable shell preserved; additions only.
   ========================================================== */
body.bato-mybato-portal .bato-mybato-wizard,
body.bato-mybato-portal .bato-mybato-form{display:grid!important;gap:14px!important;margin-top:22px!important}
body.bato-mybato-portal .bato-mybato-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.bato-mybato-portal .bato-mybato-form label,
body.bato-mybato-portal .bato-mybato-wizard label{display:grid!important;gap:6px!important;color:#5b635f!important;font-size:10px!important;font-weight:850!important}
body.bato-mybato-portal .bato-mybato-form input,
body.bato-mybato-portal .bato-mybato-form select,
body.bato-mybato-portal .bato-mybato-form textarea,
body.bato-mybato-portal .bato-mybato-wizard input{
 width:100%!important;min-height:42px!important;padding:10px 12px!important;border:1px solid rgba(39,42,45,.10)!important;border-radius:12px!important;background:#fff!important;color:#272A2D!important;font:inherit!important
}
body.bato-mybato-portal .bato-mybato-form textarea{min-height:110px!important;resize:vertical!important}
body.bato-mybato-portal .bato-mybato-form-help{margin:0!important;color:#7c847f!important;font-size:10px!important;line-height:1.5!important}
body.bato-mybato-portal .bato-mybato-check-row{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
body.bato-mybato-portal .bato-mybato-check-row label{display:flex!important;align-items:center!important;gap:6px!important}
body.bato-mybato-portal .bato-mybato-check-row input{width:auto!important;min-height:0!important}
body.bato-mybato-portal .bato-mybato-alert{padding:14px 16px!important;border-radius:14px!important;background:rgba(239,177,75,.13)!important;color:#755a2d!important;font-size:11px!important;font-weight:750!important}
body.bato-mybato-portal .bato-mybato-receipt-total{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(39,42,45,.1)!important;font-size:18px!important}
body.bato-mybato-portal .bato-mybato-ticket-link{text-decoration:none!important;color:inherit!important}
@media print{
 body.bato-mybato-portal .bato-mybato-sidebar,
 body.bato-mybato-portal .bato-mybato-topbar,
 body.bato-mybato-portal .bato-mybato-page-intro,
 body.bato-mybato-portal .bato-mybato-section:not(.bato-mybato-receipt){display:none!important}
 body.bato-mybato-portal .bato-mybato-main{margin:0!important;width:100%!important}
 body.bato-mybato-portal .bato-mybato-content{width:100%!important;max-width:none!important}
 body.bato-mybato-portal .bato-mybato-receipt{display:block!important;box-shadow:none!important;border:0!important}
}
@media(max-width:760px){
 body.bato-mybato-portal .bato-mybato-form-grid{grid-template-columns:1fr!important}
}


/* ==========================================================
   MyBaTo v4.0.0 — 10-in-1 customer experience release
   ========================================================== */
body.bato-mybato-portal .bato-mybato-inline-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
body.bato-mybato-portal .bato-mybato-filterbar{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 14px!important}
body.bato-mybato-portal .bato-mybato-filterbar a{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:0 11px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(39,42,45,.08)!important;color:#59625e!important;text-decoration:none!important;font-size:10px!important;font-weight:850!important}
body.bato-mybato-portal .bato-mybato-filterbar a.is-active{background:#272A2D!important;color:#fff!important}
body.bato-mybato-portal .bato-mybato-progress{height:9px!important;border-radius:999px!important;background:#ECE9E1!important;overflow:hidden!important;margin:14px 0!important}
body.bato-mybato-portal .bato-mybato-progress span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#EF7461,#EFB14B,#86A987)!important}
body.bato-mybato-portal .bato-mybato-readiness-list{display:flex!important;gap:12px!important;flex-wrap:wrap!important;color:#68716C!important;font-size:10px!important;font-weight:800!important}
body.bato-mybato-portal .bato-mybato-v4-row{margin-top:14px!important}
body.bato-mybato-portal .bato-mybato-expiry{margin-top:14px!important;padding:9px 11px!important;border-radius:12px!important;background:rgba(239,177,75,.15)!important;color:#80602c!important;font-size:10px!important;font-weight:850!important}
body.bato-mybato-portal .bato-mybato-expiry.is-expired{background:rgba(239,116,97,.13)!important;color:#a24f43!important}
body.bato-mybato-portal .bato-mybato-summary-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
body.bato-mybato-portal .bato-mybato-summary-strip>div{padding:16px 18px!important;border-radius:16px!important;border:1px solid rgba(39,42,45,.08)!important;background:#fff!important}
body.bato-mybato-portal .bato-mybato-summary-strip strong{display:block!important;font-size:22px!important;line-height:1!important;letter-spacing:-.03em!important}
body.bato-mybato-portal .bato-mybato-summary-strip small{display:block!important;margin-top:5px!important;color:#7d8580!important;font-size:9px!important}
body.bato-mybato-portal .bato-mybato-addon-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.bato-mybato-portal .bato-mybato-addon-list span{display:inline-flex!important;gap:7px!important;align-items:center!important;padding:9px 11px!important;border-radius:999px!important;background:#F6F4EF!important;color:#59625e!important;font-size:10px!important}
body.bato-mybato-portal .bato-mybato-count-badge{display:inline-grid!important;place-items:center!important;min-width:28px!important;height:28px!important;padding:0 7px!important;border-radius:999px!important;background:#EF7461!important;color:#fff!important;font-size:11px!important;vertical-align:middle!important}
@media(max-width:900px){
 body.bato-mybato-portal .bato-mybato-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
 body.bato-mybato-portal .bato-mybato-summary-strip{grid-template-columns:1fr!important}
}


/* ==========================================================
   MyBaTo v5.0.0 — 10-version cumulative self-service layer
   ========================================================== */
body.bato-mybato-portal .bato-mybato-card-link{text-decoration:none!important;color:inherit!important}
body.bato-mybato-portal .bato-mybato-subform{margin-top:20px!important;padding-top:18px!important;border-top:1px solid rgba(39,42,45,.08)!important}
body.bato-mybato-portal .bato-mybato-cta.danger{background:#B64D43!important}
body.bato-mybato-portal .bato-mybato-membership-controls{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:8px!important;margin-top:16px!important;padding-top:14px!important;border-top:1px solid rgba(39,42,45,.07)!important;font-size:10px!important}
body.bato-mybato-portal .bato-mybato-membership-controls label{display:flex!important;align-items:center!important;gap:5px!important}
body.bato-mybato-portal .bato-mybato-membership-controls select{min-height:30px!important;border:1px solid rgba(39,42,45,.1)!important;border-radius:9px!important;background:#fff!important}
body.bato-mybato-portal .bato-mybato-checkin-card{padding:30px!important;border-radius:24px!important;border:1px solid rgba(39,42,45,.08)!important;background:#fff!important;box-shadow:0 16px 42px rgba(39,42,45,.04)!important}
body.bato-mybato-portal .bato-mybato-checkin-card.is-ready{background:linear-gradient(135deg,#fff,rgba(134,169,135,.12))!important}
body.bato-mybato-portal .bato-mybato-checkin-card.is-not-ready{background:linear-gradient(135deg,#fff,rgba(239,177,75,.12))!important}
body.bato-mybato-portal .bato-mybato-checkin-card>small{display:block!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:9px!important;color:#7d8580!important;font-weight:900!important}
body.bato-mybato-portal .bato-mybato-checkin-card h2{font-size:38px!important;letter-spacing:-.04em!important;margin:8px 0!important}
body.bato-mybato-portal .bato-mybato-checkin-status{display:inline-flex!important;padding:7px 11px!important;border-radius:999px!important;background:#272A2D!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
body.bato-mybato-portal .bato-mybato-checkout-status{display:grid!important;gap:10px!important;margin-bottom:14px!important;padding:18px 20px!important;border-radius:18px!important;background:linear-gradient(135deg,#fff,rgba(132,183,200,.10))!important;border:1px solid rgba(39,42,45,.08)!important}
body.bato-mybato-portal .bato-mybato-checkout-status h3{margin:3px 0 0!important}
body.bato-mybato-portal .bato-mybato-checkout-status p{margin:0!important;color:#7c847f!important;font-size:10px!important}
body.bato-mybato-portal .bato-mybato-gateway-list{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
body.bato-mybato-portal .bato-mybato-commandbar{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin:0 0 14px!important;padding:10px!important;border-radius:15px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(39,42,45,.07)!important}
body.bato-mybato-portal .bato-mybato-commandbar strong{font-size:10px!important;margin:0 4px!important}
body.bato-mybato-portal .bato-mybato-commandbar a{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;background:#fff!important;color:#59625e!important;text-decoration:none!important;font-size:9px!important;font-weight:850!important}
@media(max-width:760px){
 body.bato-mybato-portal .bato-mybato-membership-controls{grid-template-columns:1fr!important}
 body.bato-mybato-portal .bato-mybato-checkin-card h2{font-size:30px!important}
}

/* MyBaTo v6.0.0 — cumulative family experience */
body.bato-mybato-portal .bato-mybato-nav-group{display:block!important;margin:14px 10px 5px!important;color:#9A9F9C!important;font-size:8px!important;line-height:1!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-mybato-dev-box{grid-column:1 / -1!important;margin-top:10px!important;padding:16px!important;border:1px dashed rgba(39,42,45,.18)!important;border-radius:16px!important;background:rgba(239,177,75,.08)!important}
body.bato-mybato-portal .bato-mybato-dev-box strong{font-size:11px!important}
body.bato-mybato-portal .bato-mybato-dev-box p{max-width:680px!important;margin:6px 0 10px!important;color:#776d58!important;font-size:10px!important;line-height:1.5!important}
body.bato-mybato-portal .bato-mybato-calendar-row{display:grid!important;grid-template-columns:70px 38px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:14px 0!important;border-bottom:1px solid rgba(39,42,45,.07)!important}
body.bato-mybato-portal .bato-mybato-calendar-date{font-size:11px!important;font-weight:900!important;color:#59625e!important}
body.bato-mybato-portal .bato-mybato-calendar-row strong,body.bato-mybato-portal .bato-mybato-calendar-row small{display:block!important}
body.bato-mybato-portal .bato-mybato-calendar-row small{margin-top:3px!important;color:#7d8580!important;font-size:10px!important}
body.bato-mybato-portal .bato-mybato-cafe-card{padding:22px!important;border:1px solid rgba(39,42,45,.08)!important;border-radius:21px!important;background:linear-gradient(135deg,#fff,#FBFAF6)!important;box-shadow:0 10px 28px rgba(39,42,45,.03)!important}
body.bato-mybato-portal .bato-mybato-cafe-card>small{display:block!important;color:#8b928e!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-mybato-cafe-card h3{margin:7px 0 0!important;font-size:20px!important;letter-spacing:-.03em!important}
body.bato-mybato-portal .bato-mybato-cafe-card form{margin-top:18px!important}
body.bato-mybato-portal .bato-mybato-search{display:flex!important;gap:8px!important;margin:0 0 14px!important}
body.bato-mybato-portal .bato-mybato-search input{flex:1 1 auto!important;min-height:44px!important;padding:0 14px!important;border:1px solid rgba(39,42,45,.1)!important;border-radius:14px!important;background:#fff!important;font:inherit!important}
body.bato-mybato-portal .bato-mybato-search-result{text-decoration:none!important;color:inherit!important}
body.bato-mybato-portal .bato-mybato-app{opacity:.98!important;transition:opacity .18s ease!important}
body.bato-mybato-portal .bato-mybato-app.is-ready{opacity:1!important}
@media(max-width:760px){body.bato-mybato-portal .bato-mybato-calendar-row{grid-template-columns:58px 34px minmax(0,1fr)!important;gap:9px!important}body.bato-mybato-portal .bato-mybato-search{flex-direction:column!important}}


/* MyBaTo v6.0.1 — compact shell + sidebar iconography */
body.bato-mybato-portal .bato-mybato-sidebar nav a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body.bato-mybato-portal .bato-mybato-nav-icon{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  border-radius:7px!important;
  color:#6d7671!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  background:rgba(39,42,45,.035)!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav a.is-active .bato-mybato-nav-icon{
  color:#EF7461!important;
  background:rgba(239,116,97,.10)!important;
}

/* Reduce the unused blank strip visible above the MyBaTo workspace. */
body.bato-mybato-portal .bato-mybato-content{
  padding-top:18px!important;
}
body.bato-mybato-portal .bato-mybato-topbar{
  margin-bottom:14px!important;
}
body.bato-mybato-portal .bato-mybato-page-intro{
  margin-top:0!important;
}
body.bato-mybato-portal .bato-mybato-main{
  align-items:flex-start!important;
}
body.bato-mybato-portal .bato-mybato-sidebar{
  padding-top:22px!important;
}
@media(max-width:760px){
  body.bato-mybato-portal .bato-mybato-content{
    padding-top:14px!important;
  }
}


/* ==========================================================
   MyBaTo v6.0.2 — canonical shell hard reset
   ========================================================== */
body.bato-mybato-portal .wp-site-blocks,
body.bato-mybato-portal .wp-site-blocks > *,
body.bato-mybato-portal main,
body.bato-mybato-portal main.wp-block-group,
body.bato-mybato-portal article,
body.bato-mybato-portal .wp-block-post-content,
body.bato-mybato-portal .entry-content{
  margin-block-start:0!important;
  margin-block-end:0!important;
  padding-block-start:0!important;
  padding-block-end:0!important;
}
body.bato-mybato-portal .wp-site-blocks{gap:0!important;min-height:100vh!important}
body.bato-mybato-portal .wp-site-blocks > main,
body.bato-mybato-portal .wp-site-blocks > .wp-block-group,
body.bato-mybato-portal main > .wp-block-group:has(.bato-mybato-app),
body.bato-mybato-portal article:has(.bato-mybato-app),
body.bato-mybato-portal .entry-content:has(.bato-mybato-app),
body.bato-mybato-portal .wp-block-post-content:has(.bato-mybato-app){
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important
}
body.bato-mybato-portal .bato-mybato-content{padding-top:18px!important;padding-bottom:40px!important}
body.bato-mybato-portal .bato-mybato-topbar{min-height:0!important;margin:0 0 14px!important;padding:0!important;align-items:flex-start!important}
body.bato-mybato-portal .bato-mybato-onboarding,
body.bato-mybato-portal .bato-mybato-onboarding-state{min-height:0!important;align-content:start!important;align-items:start!important}
body.bato-mybato-portal .bato-mybato-onboarding{padding:32px 36px!important;row-gap:10px!important;column-gap:36px!important}
body.bato-mybato-portal .bato-mybato-cta,
body.bato-mybato-portal button.bato-mybato-cta,
body.bato-mybato-portal .bato-mybato-wizard button,
body.bato-mybato-portal .bato-mybato-form button,
body.bato-mybato-portal .bato-mybato-dev-box button,
body.bato-mybato-portal .bato-mybato-onboarding form button{
  appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:38px!important;width:auto!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:999px!important;
  background:var(--mb-coral)!important;color:#fff!important;font:inherit!important;font-size:11px!important;line-height:1!important;font-weight:850!important;
  text-decoration:none!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(239,116,97,.14)!important
}
body.bato-mybato-portal .bato-mybato-cta.secondary,
body.bato-mybato-portal .bato-mybato-dev-box .bato-mybato-cta.secondary{background:#fff!important;color:#4f5753!important;border:1px solid var(--mb-line)!important;box-shadow:none!important}
@media(max-width:760px){body.bato-mybato-portal .bato-mybato-content{padding-top:12px!important;padding-bottom:28px!important}body.bato-mybato-portal .bato-mybato-topbar{margin-bottom:10px!important}body.bato-mybato-portal .bato-mybato-onboarding{padding:22px!important;column-gap:18px!important}}

/* MyBaTo v6.1.0 — Booking Experience */
body.bato-mybato-portal .bato-booking-success-banner{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 14px!important;padding:14px 16px!important;border-radius:16px!important;background:rgba(134,169,135,.14)!important;border:1px solid rgba(134,169,135,.28)!important}
body.bato-mybato-portal .bato-booking-success-banner>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#86A987!important;color:#fff!important;font-weight:900!important}
body.bato-mybato-portal .bato-booking-next-card{display:grid!important;grid-template-columns:120px 1fr!important;gap:22px!important;margin:0 0 16px!important;padding:24px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff,rgba(132,183,200,.10))!important;border:1px solid rgba(39,42,45,.08)!important;box-shadow:0 16px 44px rgba(39,42,45,.05)!important}
body.bato-mybato-portal .bato-booking-date-block{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;border-radius:18px!important;background:#F8F6F1!important;min-height:128px!important}
body.bato-mybato-portal .bato-booking-date-block small{font-size:8px!important;letter-spacing:.12em!important;font-weight:900!important;color:#8b928e!important}body.bato-mybato-portal .bato-booking-date-block strong{font-size:31px!important;line-height:1!important;margin-top:8px!important}body.bato-mybato-portal .bato-booking-date-block span{font-size:13px!important;margin-top:5px!important;color:#68716c!important}
body.bato-mybato-portal .bato-booking-next-top{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important}body.bato-mybato-portal .bato-booking-next-top h3{margin:5px 0 0!important;font-size:28px!important;letter-spacing:-.035em!important}
body.bato-mybato-portal .bato-booking-readiness-row{display:flex!important;align-items:center!important;gap:10px!important;margin:18px 0!important;padding:11px 13px!important;border-radius:13px!important;background:rgba(255,255,255,.75)!important}body.bato-mybato-portal .bato-booking-readiness-row>span{font-size:10px!important;font-weight:900!important}.bato-booking-readiness-row>span.is-good{color:#55775a!important}.bato-booking-readiness-row>span.is-warn{color:#9d6d20!important}
body.bato-mybato-portal .bato-booking-card-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}body.bato-mybato-portal .bato-mybato-mini-action.primary{background:#272A2D!important;color:#fff!important}
body.bato-mybato-portal .bato-booking-empty-hero{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:18px!important;align-items:center!important;margin-bottom:16px!important;padding:24px!important;border-radius:22px!important;border:1px solid rgba(39,42,45,.08)!important;background:#fff!important}body.bato-mybato-portal .bato-booking-empty-icon{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;border-radius:15px!important;background:rgba(239,116,97,.12)!important;color:#EF7461!important;font-size:22px!important}
body.bato-mybato-portal .bato-booking-list{display:grid!important;gap:9px!important}body.bato-mybato-portal .bato-booking-row-card{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto 24px!important;gap:14px!important;align-items:center!important;padding:14px 16px!important;border-radius:17px!important;background:#fff!important;border:1px solid rgba(39,42,45,.07)!important;text-decoration:none!important;color:inherit!important}body.bato-mybato-portal .bato-booking-row-date{display:grid!important;place-items:center!important;min-height:52px!important;border-radius:12px!important;background:#F8F6F1!important}body.bato-mybato-portal .bato-booking-row-copy strong,body.bato-mybato-portal .bato-booking-row-copy small{display:block!important}body.bato-mybato-portal .bato-booking-row-copy small{margin-top:4px!important;color:#7a827e!important;font-size:9px!important}
body.bato-mybato-portal .bato-customer-booking-v19{padding:24px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff,rgba(132,183,200,.07))!important;border:1px solid rgba(39,42,45,.08)!important;box-shadow:0 14px 42px rgba(39,42,45,.04)!important}body.bato-mybato-portal .bato-booking-wizard-head{display:flex!important;justify-content:space-between!important;gap:20px!important;margin-bottom:18px!important}body.bato-mybato-portal .bato-booking-stepper{display:flex!important;gap:6px!important}body.bato-mybato-portal .bato-booking-stepper span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#F1EFE9!important;color:#8b928e!important;font-size:9px!important;font-weight:900!important}body.bato-mybato-portal .bato-booking-stepper span.is-active{background:#EF7461!important;color:#fff!important}
body.bato-mybato-portal .bato-booking-wizard-form{display:grid!important;gap:12px!important}body.bato-mybato-portal .bato-booking-step-card{padding:18px!important;border-radius:17px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(39,42,45,.06)!important}body.bato-mybato-portal .bato-booking-step-label{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:14px!important}body.bato-mybato-portal .bato-booking-step-label>span{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:50%!important;background:#272A2D!important;color:#fff!important;font-size:9px!important;font-weight:900!important}
body.bato-mybato-portal .bato-booking-field-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}body.bato-mybato-portal .bato-booking-field-grid label{display:grid!important;gap:6px!important;font-size:9px!important;font-weight:850!important}body.bato-mybato-portal .bato-booking-field-grid input,body.bato-mybato-portal .bato-booking-field-grid select{min-height:42px!important;border-radius:11px!important;border:1px solid rgba(39,42,45,.10)!important;background:#fff!important;padding:0 11px!important}
body.bato-mybato-portal .bato-booking-slot-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important}body.bato-mybato-portal .bato-booking-slot{min-height:56px!important;border:1px solid rgba(39,42,45,.08)!important;border-radius:12px!important;background:#fff!important;cursor:pointer!important}body.bato-mybato-portal .bato-booking-slot strong,body.bato-mybato-portal .bato-booking-slot small{display:block!important}.bato-booking-slot small{margin-top:3px!important;font-size:8px!important;color:#8b928e!important}body.bato-mybato-portal .bato-booking-slot.is-selected{border-color:#EF7461!important;box-shadow:0 0 0 2px rgba(239,116,97,.11)!important;background:rgba(239,116,97,.05)!important}
body.bato-mybato-portal .bato-booking-loading,body.bato-mybato-portal .bato-booking-empty-slots{grid-column:1/-1!important;padding:14px!important;border-radius:12px!important;background:#F8F6F1!important;color:#7b837f!important;font-size:9px!important}body.bato-mybato-portal .bato-booking-children{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body.bato-mybato-portal .bato-booking-child-card{display:grid!important;grid-template-columns:auto 34px 1fr!important;align-items:center!important;gap:8px!important;padding:10px!important;border:1px solid rgba(39,42,45,.08)!important;border-radius:12px!important;background:#fff!important}body.bato-mybato-portal .bato-booking-child-avatar{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#F1EFE9!important;font-weight:900!important}
body.bato-mybato-portal .bato-booking-inline-note{padding:12px!important;border-radius:12px!important;background:#F8F6F1!important;color:#6d7671!important;font-size:9px!important;line-height:1.5!important}body.bato-mybato-portal .bato-booking-wizard-actions{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}body.bato-mybato-portal .bato-booking-submit{min-height:40px!important;border:0!important;border-radius:999px!important;background:#EF7461!important;color:#fff!important;padding:0 18px!important;font-weight:900!important}
body.bato-mybato-portal .bato-booking-detail-overlay{position:fixed!important;inset:0!important;z-index:99998!important}body.bato-mybato-portal .bato-booking-detail-backdrop{position:absolute!important;inset:0!important;background:rgba(39,42,45,.28)!important;backdrop-filter:blur(3px)!important}body.bato-mybato-portal .bato-booking-detail-drawer{position:absolute!important;top:0!important;right:0!important;width:min(520px,94vw)!important;height:100%!important;overflow:auto!important;background:#F8F6F1!important;padding:24px!important;box-shadow:-18px 0 50px rgba(39,42,45,.13)!important}body.bato-mybato-portal .bato-booking-detail-head{display:flex!important;justify-content:space-between!important;gap:14px!important;padding-bottom:16px!important;border-bottom:1px solid rgba(39,42,45,.08)!important}body.bato-mybato-portal .bato-booking-close{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#fff!important;color:#272A2D!important;text-decoration:none!important;font-size:20px!important}
body.bato-mybato-portal .bato-booking-detail-section{padding:16px 0!important;border-top:1px solid rgba(39,42,45,.07)!important}body.bato-mybato-portal .bato-booking-detail-section>small{display:block!important;margin-bottom:10px!important;font-size:8px!important;letter-spacing:.11em!important;font-weight:900!important;color:#8b928e!important;text-transform:uppercase!important}body.bato-mybato-portal .bato-booking-attendee{display:flex!important;align-items:center!important;gap:9px!important;padding:8px 0!important}body.bato-mybato-portal .bato-booking-attendee-avatar{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:10px!important;background:#fff!important;font-weight:900!important}body.bato-mybato-portal .bato-booking-manage-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}body.bato-mybato-portal .bato-booking-history-row{display:grid!important;grid-template-columns:14px 1fr!important;gap:8px!important;padding:7px 0!important}
@media(max-width:760px){body.bato-mybato-portal .bato-booking-next-card{grid-template-columns:1fr!important}body.bato-mybato-portal .bato-booking-row-card{grid-template-columns:58px minmax(0,1fr) auto!important}body.bato-mybato-portal .bato-booking-row-arrow{display:none!important}body.bato-mybato-portal .bato-booking-field-grid,body.bato-mybato-portal .bato-booking-children,body.bato-mybato-portal .bato-booking-manage-grid{grid-template-columns:1fr!important}body.bato-mybato-portal .bato-booking-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.bato-mybato-portal .bato-booking-empty-hero{grid-template-columns:1fr!important}}


/* MyBaTo v6.1.1 — route rendering fix for unlinked customer accounts */
body.bato-mybato-portal .bato-mybato-connection-strip{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  margin:0 0 14px!important;padding:12px 14px!important;border:1px solid rgba(239,177,75,.28)!important;
  border-radius:15px!important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,177,75,.09))!important;
}
body.bato-mybato-portal .bato-mybato-connection-copy{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
body.bato-mybato-portal .bato-mybato-connection-copy strong,
body.bato-mybato-portal .bato-mybato-connection-copy small{display:block!important}
body.bato-mybato-portal .bato-mybato-connection-copy strong{font-size:11px!important}
body.bato-mybato-portal .bato-mybato-connection-copy small{margin-top:2px!important;color:#777f7b!important;font-size:9px!important;line-height:1.4!important}
body.bato-mybato-portal .bato-mybato-connection-dot{display:grid!important;place-items:center!important;flex:0 0 27px!important;width:27px!important;height:27px!important;border-radius:9px!important;background:rgba(239,177,75,.18)!important;color:#9b6b22!important;font-size:12px!important;font-weight:900!important}
body.bato-mybato-portal .bato-booking-connect-gate{margin-top:0!important}
@media(max-width:760px){
 body.bato-mybato-portal .bato-mybato-connection-strip{align-items:flex-start!important;flex-direction:column!important}
}


/* ==========================================================
   MyBaTo v6.2.0 — guided customer onboarding
   ========================================================== */
body.bato-mybato-portal .bato-mybato-setup-link{
  display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 11px!important;
  border:1px solid rgba(39,42,45,.08)!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;
  color:#66706b!important;text-decoration:none!important;font-size:9px!important;font-weight:850!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-flow{
  margin:0 0 16px!important;padding:20px!important;border:1px solid rgba(39,42,45,.08)!important;border-radius:22px!important;
  background:linear-gradient(135deg,#fff 0%,#FBFAF6 55%,rgba(132,183,200,.08) 100%)!important;
  box-shadow:0 12px 34px rgba(39,42,45,.035)!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-head small{
  color:#8B928E!important;font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-head h2{
  margin:5px 0 2px!important;font-size:24px!important;line-height:1.05!important;letter-spacing:-.035em!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-head p{
  margin:0!important;color:#7A827D!important;font-size:10px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-head-actions{
  display:flex!important;align-items:center!important;gap:8px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-percent{
  display:inline-grid!important;place-items:center!important;min-width:46px!important;height:34px!important;padding:0 9px!important;
  border-radius:999px!important;background:#272A2D!important;color:#fff!important;font-size:10px!important;font-weight:900!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-dismiss{
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid rgba(39,42,45,.08)!important;
  border-radius:999px!important;background:#fff!important;color:#7A827D!important;font-size:18px!important;cursor:pointer!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-progress{
  height:7px!important;margin:15px 0!important;border-radius:999px!important;background:#ECE9E1!important;overflow:hidden!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-progress span{
  display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#EF7461,#EFB14B,#86A987)!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-steps{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step{
  display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
  min-width:0!important;padding:12px!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:15px!important;
  background:#fff!important;color:#272A2D!important;text-decoration:none!important;transition:transform .16s ease,box-shadow .16s ease!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step:hover{
  transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(39,42,45,.05)!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step.is-current{
  border-color:rgba(239,116,97,.32)!important;background:linear-gradient(135deg,#fff,rgba(239,116,97,.07))!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step.is-done{
  background:rgba(134,169,135,.07)!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-icon{
  display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:10px!important;
  background:#F2F1EC!important;color:#6E7772!important;font-size:10px!important;font-weight:900!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step.is-current .bato-mybato-onboarding-step-icon{
  background:#EF7461!important;color:#fff!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step.is-done .bato-mybato-onboarding-step-icon{
  background:#86A987!important;color:#fff!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy{min-width:0!important}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy strong,
body.bato-mybato-portal .bato-mybato-onboarding-step-copy small{display:block!important}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy strong{font-size:10px!important;line-height:1.25!important}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy small{margin-top:3px!important;color:#858C88!important;font-size:8px!important;line-height:1.35!important}
body.bato-mybato-portal .bato-mybato-onboarding-step-arrow{color:#A0A6A2!important;font-size:12px!important}
body.bato-mybato-portal .bato-mybato-onboarding-complete{
  display:flex!important;align-items:center!important;gap:10px!important;margin-top:14px!important;padding:12px 14px!important;
  border-radius:15px!important;background:rgba(134,169,135,.10)!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-complete>span{
  display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:10px!important;background:#86A987!important;color:#fff!important;font-weight:900!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-complete strong,
body.bato-mybato-portal .bato-mybato-onboarding-complete small{display:block!important}
body.bato-mybato-portal .bato-mybato-onboarding-complete strong{font-size:10px!important}
body.bato-mybato-portal .bato-mybato-onboarding-complete small{margin-top:2px!important;color:#6F7873!important;font-size:9px!important}
body.bato-mybato-portal .bato-mybato-route-hint{
  display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 12px!important;padding:10px 12px!important;
  border:1px solid rgba(239,116,97,.18)!important;border-radius:14px!important;background:rgba(239,116,97,.055)!important;
}
body.bato-mybato-portal .bato-mybato-route-hint>span{
  display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0 8px!important;border-radius:999px!important;background:#EF7461!important;color:#fff!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;
}
body.bato-mybato-portal .bato-mybato-route-hint strong{font-size:10px!important}
body.bato-mybato-portal .bato-mybato-route-hint small{color:#7A827D!important;font-size:9px!important}
@media(max-width:1180px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.bato-mybato-portal .bato-mybato-onboarding-flow{padding:16px!important}
  body.bato-mybato-portal .bato-mybato-onboarding-head{flex-direction:column!important}
  body.bato-mybato-portal .bato-mybato-onboarding-steps{grid-template-columns:1fr!important}
  body.bato-mybato-portal .bato-mybato-route-hint{align-items:flex-start!important;flex-wrap:wrap!important}
  body.bato-mybato-portal .bato-mybato-setup-link{display:none!important}
}


/* ==========================================================
   MyBaTo v6.2.1 — onboarding visual balance fix
   Based on desktop review: remove black action pills, widen step copy,
   simplify hierarchy and improve horizontal breathing room.
   ========================================================== */

/* Connection bar CTA: use BaTo coral instead of black */
body.bato-mybato-portal .bato-mybato-connection-strip .bato-mybato-mini-action.primary{
  background:#EF7461!important;
  color:#fff!important;
  border:1px solid rgba(239,116,97,.42)!important;
  box-shadow:0 6px 16px rgba(239,116,97,.16)!important;
}
body.bato-mybato-portal .bato-mybato-connection-strip .bato-mybato-mini-action.primary:hover{
  transform:translateY(-1px)!important;
}

/* Next-step hint: give copy its own horizontal room */
body.bato-mybato-portal .bato-mybato-route-hint{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:2px!important;
  padding:11px 13px!important;
}
body.bato-mybato-portal .bato-mybato-route-hint>span{
  grid-row:1 / span 2!important;
  align-self:center!important;
}
body.bato-mybato-portal .bato-mybato-route-hint strong{
  display:block!important;
  min-width:0!important;
  font-size:10px!important;
  line-height:1.3!important;
}
body.bato-mybato-portal .bato-mybato-route-hint small{
  display:block!important;
  min-width:0!important;
  font-size:9px!important;
  line-height:1.45!important;
}

/* Percentage chip: no black pill */
body.bato-mybato-portal .bato-mybato-onboarding-percent{
  background:rgba(239,116,97,.10)!important;
  color:#C85E4E!important;
  border:1px solid rgba(239,116,97,.20)!important;
  box-shadow:none!important;
}

/* Cards need their copy width back: switch from 3-column micro-grid
   to a simple stacked card with icon/title/text. */
body.bato-mybato-portal .bato-mybato-onboarding-steps{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-width:0!important;
  min-height:138px!important;
  padding:14px 15px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-icon{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding-right:20px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy strong{
  display:block!important;
  width:100%!important;
  font-size:10px!important;
  line-height:1.28!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy small{
  display:block!important;
  width:100%!important;
  margin-top:5px!important;
  font-size:9px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-arrow{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  display:inline!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#C8A06A!important;
  font-size:13px!important;
  line-height:1!important;
  box-shadow:none!important;
}

/* Current and completed states stay subtle, not heavy */
body.bato-mybato-portal .bato-mybato-onboarding-step.is-current{
  border-color:rgba(239,116,97,.32)!important;
  background:linear-gradient(135deg,#fff,rgba(239,116,97,.055))!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step.is-done{
  background:rgba(134,169,135,.055)!important;
}

/* Reduce visual noise in the guide header */
body.bato-mybato-portal .bato-mybato-onboarding-flow{
  padding:18px 20px 20px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-head h2{
  max-width:760px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-progress{
  margin:14px 0 16px!important;
}

/* Keep readable two-column behavior before mobile instead of squeezing 5 cards */
@media(max-width:1280px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:1fr!important;
  }
  body.bato-mybato-portal .bato-mybato-onboarding-step{
    min-height:0!important;
  }
}


/* ==========================================================
   MyBaTo v6.2.2 — onboarding stepper root-cause fix + SaaS redesign
   ========================================================== */

/* The stepper is a horizontal journey, not five mini form cells. */
body.bato-mybato-portal .bato-mybato-onboarding-steps{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:2px!important;
  padding:4px 0 0!important;
}

/* subtle connector behind the nodes */
body.bato-mybato-portal .bato-mybato-onboarding-steps::before{
  content:""!important;
  position:absolute!important;
  top:22px!important;
  left:6%!important;
  right:6%!important;
  height:1px!important;
  background:rgba(39,42,45,.10)!important;
  z-index:0!important;
}

/* each step is open, airy and horizontal — no boxed-cell feeling */
body.bato-mybato-portal .bato-mybato-onboarding-step{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  column-gap:10px!important;
  row-gap:0!important;
  min-width:0!important;
  min-height:96px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step:hover{
  transform:none!important;
  box-shadow:none!important;
}

/* nodes: warm neutral, coral current, green completed — no black */
body.bato-mybato-portal .bato-mybato-onboarding-step-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(39,42,45,.09)!important;
  border-radius:11px!important;
  background:#F3F1EB!important;
  color:#69716D!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 0 0 5px #fff!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step.is-current .bato-mybato-onboarding-step-icon{
  border-color:rgba(239,116,97,.28)!important;
  background:#EF7461!important;
  color:#fff!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step.is-done .bato-mybato-onboarding-step-icon{
  border-color:rgba(134,169,135,.30)!important;
  background:#86A987!important;
  color:#fff!important;
}

/* restore real text width */
body.bato-mybato-portal .bato-mybato-onboarding-step-copy{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:1px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy strong{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#303431!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-size:10px!important;
  line-height:1.28!important;
  font-weight:850!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy small{
  display:block!important;
  width:auto!important;
  max-width:190px!important;
  height:auto!important;
  min-height:0!important;
  margin:5px 0 0!important;
  padding:0!important;
  color:#7C8580!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-size:8.5px!important;
  line-height:1.42!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Progress line already communicates direction; arrows are unnecessary noise. */
body.bato-mybato-portal .bato-mybato-onboarding-step-arrow{
  display:none!important;
}

/* Current step is indicated by a soft underline, not a card outline. */
body.bato-mybato-portal .bato-mybato-onboarding-step.is-current,
body.bato-mybato-portal .bato-mybato-onboarding-step.is-done{
  border:0!important;
  background:transparent!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step.is-current::after{
  content:""!important;
  position:absolute!important;
  left:60px!important;
  right:12px!important;
  bottom:2px!important;
  height:2px!important;
  border-radius:999px!important;
  background:rgba(239,116,97,.40)!important;
}

/* Keep the panel compact and readable */
body.bato-mybato-portal .bato-mybato-onboarding-flow{
  padding:18px 18px 16px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-progress{
  height:5px!important;
  margin:12px 0 18px!important;
}

/* Responsive: preserve readable cards instead of crushing words. */
@media(max-width:1280px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px 0!important;
  }
  body.bato-mybato-portal .bato-mybato-onboarding-steps::before{display:none!important}
}
@media(max-width:900px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.bato-mybato-portal .bato-mybato-onboarding-step{
    min-height:70px!important;
    padding:10px 4px!important;
    border-bottom:1px solid rgba(39,42,45,.07)!important;
  }
  body.bato-mybato-portal .bato-mybato-onboarding-step.is-current::after{
    left:52px!important;
    right:4px!important;
  }
}


/* ==========================================================
   MyBaTo v6.3.0 — Accessible Typography System
   One communication scale for the complete customer portal.
   Primary explanatory text no longer uses 8–10px sizes.
   ========================================================== */

body.bato-mybato-portal{
  --mb-type-page:clamp(36px,3.2vw,48px);
  --mb-type-section:clamp(26px,2.1vw,32px);
  --mb-type-card:18px;
  --mb-type-body:15px;
  --mb-type-body-sm:14px;
  --mb-type-meta:13px;
  --mb-type-caption:12px;
  --mb-type-button:13px;
  --mb-leading-tight:1.18;
  --mb-leading-body:1.52;
  font-size:var(--mb-type-body)!important;
  line-height:var(--mb-leading-body)!important;
}

/* PAGE / SECTION HIERARCHY */
body.bato-mybato-portal .bato-mybato-topbar h1{
  font-size:var(--mb-type-page)!important;
  line-height:1.02!important;
}
body.bato-mybato-portal .bato-mybato-topbar small,
body.bato-mybato-portal .bato-mybato-section-head small,
body.bato-mybato-portal .bato-mybato-page-intro small,
body.bato-mybato-portal .bato-mybato-benefit-card>small,
body.bato-mybato-portal .bato-mybato-event-card>small,
body.bato-mybato-portal .bato-mybato-cafe-card>small,
body.bato-mybato-portal .bato-booking-detail-section>small,
body.bato-mybato-portal .bato-booking-date-block small{
  font-size:var(--mb-type-caption)!important;
  line-height:1.25!important;
  letter-spacing:.10em!important;
}
body.bato-mybato-portal .bato-mybato-page-intro h2,
body.bato-mybato-portal .bato-mybato-checkin-card h2{
  font-size:var(--mb-type-section)!important;
  line-height:1.08!important;
}
body.bato-mybato-portal .bato-mybato-page-intro p{
  font-size:var(--mb-type-body)!important;
  line-height:var(--mb-leading-body)!important;
}

/* CARD TITLES + BODY COPY */
body.bato-mybato-portal .bato-mybato-person-card h3,
body.bato-mybato-portal .bato-mybato-benefit-card h3,
body.bato-mybato-portal .bato-mybato-event-card h3,
body.bato-mybato-portal .bato-mybato-cafe-card h3,
body.bato-mybato-portal .bato-booking-next-top h3{
  font-size:var(--mb-type-card)!important;
  line-height:1.2!important;
}
body.bato-mybato-portal .bato-mybato-person-card p,
body.bato-mybato-portal .bato-mybato-event-card p,
body.bato-mybato-portal .bato-mybato-empty p,
body.bato-mybato-portal .bato-mybato-alert,
body.bato-mybato-portal .bato-mybato-dev-box p,
body.bato-mybato-portal .bato-mybato-checkout-status p{
  font-size:var(--mb-type-body-sm)!important;
  line-height:var(--mb-leading-body)!important;
}
body.bato-mybato-portal .bato-mybato-empty strong,
body.bato-mybato-portal .bato-mybato-dev-box strong{
  font-size:var(--mb-type-body)!important;
  line-height:1.3!important;
}

/* SIDEBAR / NAV */
body.bato-mybato-portal .bato-mybato-sidebar nav a{
  font-size:14px!important;
  line-height:1.25!important;
}
body.bato-mybato-portal .bato-mybato-nav-group{
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:.11em!important;
}
body.bato-mybato-portal .bato-mybato-nav-icon{
  font-size:12px!important;
}

/* BUTTONS, FILTERS, ACTIONS */
body.bato-mybato-portal .bato-mybato-cta,
body.bato-mybato-portal button.bato-mybato-cta,
body.bato-mybato-portal .bato-mybato-wizard button,
body.bato-mybato-portal .bato-mybato-form button,
body.bato-mybato-portal .bato-mybato-dev-box button,
body.bato-mybato-portal .bato-mybato-onboarding form button,
body.bato-mybato-portal .bato-mybato-mini-action,
body.bato-mybato-portal .bato-mybato-filterbar a,
body.bato-mybato-portal .bato-mybato-commandbar a,
body.bato-mybato-portal .bato-mybato-setup-link{
  font-size:var(--mb-type-button)!important;
  line-height:1.2!important;
}
body.bato-mybato-portal .bato-mybato-commandbar strong{
  font-size:var(--mb-type-meta)!important;
}

/* FORMS — 16px controls prevents tiny reading and mobile zoom */
body.bato-mybato-portal .bato-mybato-form label,
body.bato-mybato-portal .bato-mybato-wizard label,
body.bato-mybato-portal .bato-booking-field-grid label{
  font-size:var(--mb-type-meta)!important;
  line-height:1.35!important;
}
body.bato-mybato-portal .bato-mybato-form input,
body.bato-mybato-portal .bato-mybato-form select,
body.bato-mybato-portal .bato-mybato-form textarea,
body.bato-mybato-portal .bato-mybato-wizard input,
body.bato-mybato-portal .bato-mybato-wizard select,
body.bato-mybato-portal .bato-mybato-wizard textarea{
  font-size:16px!important;
  line-height:1.4!important;
}
body.bato-mybato-portal .bato-mybato-form-help,
body.bato-mybato-portal .bato-booking-inline-note,
body.bato-mybato-portal .bato-booking-loading,
body.bato-mybato-portal .bato-booking-empty-slots{
  font-size:var(--mb-type-meta)!important;
  line-height:1.45!important;
}

/* TABLES / STATUS / SECONDARY DATA */
body.bato-mybato-portal .bato-mybato-table-row strong{
  font-size:var(--mb-type-body-sm)!important;
  line-height:1.35!important;
}
body.bato-mybato-portal .bato-mybato-table-row small,
body.bato-mybato-portal .bato-mybato-calendar-row small,
body.bato-mybato-portal .bato-booking-row-copy small{
  font-size:var(--mb-type-meta)!important;
  line-height:1.42!important;
}
body.bato-mybato-portal .bato-mybato-pill,
body.bato-mybato-portal .bato-mybato-count-badge,
body.bato-mybato-portal .bato-mybato-checkin-status,
body.bato-mybato-portal .bato-booking-readiness-row>span,
body.bato-mybato-portal .bato-mybato-readiness-list,
body.bato-mybato-portal .bato-mybato-expiry,
body.bato-mybato-portal .bato-mybato-addon-list span{
  font-size:var(--mb-type-caption)!important;
  line-height:1.25!important;
}
body.bato-mybato-portal .bato-mybato-summary-strip small{
  font-size:var(--mb-type-caption)!important;
}
body.bato-mybato-portal .bato-mybato-summary-strip strong{
  font-size:24px!important;
}

/* CONNECTION STRIP + CONTEXTUAL HINTS */
body.bato-mybato-portal .bato-mybato-connection-copy strong{
  font-size:var(--mb-type-body-sm)!important;
  line-height:1.3!important;
}
body.bato-mybato-portal .bato-mybato-connection-copy small{
  font-size:var(--mb-type-caption)!important;
  line-height:1.45!important;
}
body.bato-mybato-portal .bato-mybato-route-hint>span{
  font-size:11px!important;
}
body.bato-mybato-portal .bato-mybato-route-hint strong{
  font-size:var(--mb-type-body-sm)!important;
  line-height:1.3!important;
}
body.bato-mybato-portal .bato-mybato-route-hint small{
  font-size:var(--mb-type-caption)!important;
  line-height:1.45!important;
}

/* GETTING STARTED */
body.bato-mybato-portal .bato-mybato-onboarding-head small{
  font-size:11px!important;
  line-height:1.2!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-head h2{
  font-size:clamp(26px,2vw,30px)!important;
  line-height:1.12!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-head p{
  font-size:var(--mb-type-meta)!important;
  line-height:1.4!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-percent{
  font-size:var(--mb-type-meta)!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy strong{
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-copy small{
  max-width:220px!important;
  font-size:12.5px!important;
  line-height:1.48!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step-icon{
  font-size:12px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-complete strong{
  font-size:var(--mb-type-body-sm)!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-complete small{
  font-size:var(--mb-type-caption)!important;
  line-height:1.45!important;
}

/* BOOKING WIZARD */
body.bato-mybato-portal .bato-booking-stepper span,
body.bato-mybato-portal .bato-booking-step-label>span{
  font-size:var(--mb-type-caption)!important;
}
body.bato-mybato-portal .bato-booking-slot small{
  font-size:var(--mb-type-caption)!important;
}
body.bato-mybato-portal .bato-booking-date-block strong{
  font-size:32px!important;
}
body.bato-mybato-portal .bato-booking-date-block span{
  font-size:var(--mb-type-body-sm)!important;
}

/* Desktop 5-step layout remains spacious; scale down structurally,
   never by shrinking copy below readable size. */
@media(max-width:1380px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px 0!important;
  }
}
@media(max-width:900px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  body.bato-mybato-portal .bato-mybato-onboarding-steps{
    grid-template-columns:1fr!important;
  }
  body.bato-mybato-portal .bato-mybato-topbar h1{
    font-size:34px!important;
  }
  body.bato-mybato-portal .bato-mybato-page-intro h2{
    font-size:28px!important;
  }
}


/* ==========================================================
   MyBaTo v6.3.1 — Overview 2×2 dashboard grid
   ========================================================== */

/* Critical: children of a dashboard grid must be allowed to occupy
   either column. A historical grid-column:1 rule caused the blank
   right side visible in desktop screenshots. */
body.bato-mybato-portal .bato-mybato-dashboard-columns>.bato-mybato-section{
  grid-column:auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}

/* Balanced desktop dashboard: 2 equal columns */
body.bato-mybato-portal .bato-mybato-dashboard-columns{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

/* Cards in the same row should visually align */
body.bato-mybato-portal .bato-mybato-dashboard-columns>.bato-mybato-section{
  height:100%!important;
  min-height:190px!important;
}

/* Second row should follow the first without excess offset */
body.bato-mybato-portal .bato-mybato-v4-row{
  margin-top:14px!important;
}

/* Readiness/activity are slightly denser cards, but keep row alignment */
body.bato-mybato-portal .bato-mybato-v4-row>.bato-mybato-section{
  min-height:165px!important;
}

/* Responsive: never squeeze these into narrow columns */
@media(max-width:980px){
  body.bato-mybato-portal .bato-mybato-dashboard-columns{
    grid-template-columns:1fr!important;
  }
  body.bato-mybato-portal .bato-mybato-dashboard-columns>.bato-mybato-section{
    min-height:0!important;
    height:auto!important;
  }
}


/* ==========================================================
   MyBaTo v6.3.2 — Overview UX polish
   ========================================================== */

/* Family hub: compact horizontal hero, not a large empty panel */
body.bato-mybato-portal .bato-mybato-hero{
  min-height:0!important;
  padding:26px 28px!important;
}
body.bato-mybato-portal .bato-mybato-hero h2{
  margin:8px 0!important;
}
body.bato-mybato-portal .bato-mybato-hero p{
  margin:0!important;
  max-width:720px!important;
  font-size:15px!important;
  line-height:1.5!important;
}

/* Quick actions behave like useful SaaS chips */
body.bato-mybato-portal .bato-mybato-commandbar{
  padding:9px 11px!important;
  gap:8px!important;
}
body.bato-mybato-portal .bato-mybato-commandbar a{
  gap:6px!important;
  min-height:34px!important;
  padding:0 11px!important;
  border:1px solid rgba(39,42,45,.07)!important;
  box-shadow:0 3px 10px rgba(39,42,45,.025)!important;
}
body.bato-mybato-portal .bato-mybato-commandbar a>span{
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:7px!important;
  background:rgba(239,116,97,.08)!important;
  color:#D56755!important;
  font-size:11px!important;
  font-weight:900!important;
}

/* KPI cards: stronger scan hierarchy without adding visual noise */
body.bato-mybato-portal .bato-mybato-stat{
  position:relative!important;
  padding:18px!important;
}
body.bato-mybato-portal .bato-mybato-stat>span:first-child{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  margin-bottom:14px!important;
  border-radius:10px!important;
  background:rgba(239,116,97,.065)!important;
  font-size:16px!important;
}
body.bato-mybato-portal .bato-mybato-stat>strong{
  font-size:28px!important;
  line-height:1!important;
}
body.bato-mybato-portal .bato-mybato-stat>small{
  margin-top:7px!important;
  color:#69726D!important;
  font-size:13px!important;
  font-weight:650!important;
}

/* One source of truth for attention/readiness */
body.bato-mybato-portal .bato-mybato-attention-card{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:15px!important;
  background:rgba(239,177,75,.08)!important;
  border:1px solid rgba(239,177,75,.20)!important;
}
body.bato-mybato-portal .bato-mybato-attention-card>span{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:rgba(239,177,75,.18)!important;
  color:#9A6A24!important;
  font-weight:900!important;
}
body.bato-mybato-portal .bato-mybato-attention-card strong,
body.bato-mybato-portal .bato-mybato-attention-card small{
  display:block!important;
}
body.bato-mybato-portal .bato-mybato-attention-card strong{
  font-size:14px!important;
}
body.bato-mybato-portal .bato-mybato-attention-card small{
  margin-top:3px!important;
  color:#747D78!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* Onboarding already highlights the current step; remove redundant underline */
body.bato-mybato-portal .bato-mybato-onboarding-step.is-current::after{
  display:none!important;
}

/* Slightly tighten onboarding so dashboard appears earlier */
body.bato-mybato-portal .bato-mybato-onboarding-flow{
  padding-bottom:14px!important;
}
body.bato-mybato-portal .bato-mybato-onboarding-step{
  min-height:84px!important;
}

/* Better row rhythm on the 2×2 dashboard */
body.bato-mybato-portal .bato-mybato-dashboard-columns{
  gap:12px!important;
}
body.bato-mybato-portal .bato-mybato-dashboard-columns>.bato-mybato-section{
  min-height:176px!important;
}
body.bato-mybato-portal .bato-mybato-v4-row>.bato-mybato-section{
  min-height:150px!important;
}

@media(max-width:760px){
  body.bato-mybato-portal .bato-mybato-hero{
    padding:20px!important;
  }
  body.bato-mybato-portal .bato-mybato-attention-card{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  body.bato-mybato-portal .bato-mybato-attention-card>a{
    grid-column:2!important;
    justify-self:start!important;
  }
}


/* MyBaTo v6.4.0 — All Menu Routes UX Pass */
body.bato-mybato-portal .bato-mybato-page-intro{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;
  margin:0 0 14px!important;padding:18px 20px!important;border:1px solid rgba(39,42,45,.07)!important;
  border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(132,183,200,.055))!important;
}
body.bato-mybato-portal .bato-mybato-page-intro>div{min-width:0!important}
body.bato-mybato-portal .bato-mybato-page-intro h2{margin:5px 0 4px!important}
body.bato-mybato-portal .bato-mybato-page-intro p{max-width:760px!important;margin:0!important;color:#69726D!important}

body.bato-mybato-portal .bato-mybato-summary-strip{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;
  margin:0 0 14px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(39,42,45,.07)!important;
  border-radius:18px!important;background:#fff!important;
}
body.bato-mybato-portal .bato-mybato-summary-strip>div{min-width:0!important;padding:15px 17px!important;border-right:1px solid rgba(39,42,45,.065)!important}
body.bato-mybato-portal .bato-mybato-summary-strip>div:last-child{border-right:0!important}
body.bato-mybato-portal .bato-mybato-summary-strip strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.bato-mybato-portal .bato-mybato-summary-strip small{display:block!important;margin-top:4px!important;color:#77807B!important}

body.bato-mybato-portal .bato-mybato-section{
  padding:20px!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 8px 24px rgba(39,42,45,.025)!important;
}
body.bato-mybato-portal .bato-mybato-section>h2{margin:0 0 15px!important;font-size:22px!important;line-height:1.2!important}
body.bato-mybato-portal .bato-mybato-section-head{margin-bottom:14px!important}

body.bato-mybato-portal .bato-mybato-card-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important;
}
body.bato-mybato-portal .bato-mybato-person-card,
body.bato-mybato-portal .bato-mybato-benefit-card,
body.bato-mybato-portal .bato-mybato-event-card,
body.bato-mybato-portal .bato-mybato-cafe-card{
  height:100%!important;min-height:170px!important;padding:20px!important;border:1px solid rgba(39,42,45,.07)!important;
  border-radius:19px!important;background:linear-gradient(145deg,#fff,#FBFAF7)!important;box-shadow:0 8px 22px rgba(39,42,45,.025)!important;
}

body.bato-mybato-portal .bato-mybato-calendar-surface{padding:8px 20px!important}
body.bato-mybato-portal .bato-mybato-calendar-row{grid-template-columns:88px 40px minmax(0,1fr)!important;min-height:70px!important;padding:13px 0!important}
body.bato-mybato-portal .bato-mybato-calendar-date{font-size:14px!important}
body.bato-mybato-portal .bato-mybato-calendar-row strong{font-size:15px!important}
body.bato-mybato-portal .bato-mybato-calendar-row small{margin-top:4px!important;font-size:13px!important}

body.bato-mybato-portal .bato-mybato-card-link{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
body.bato-mybato-portal .bato-mybato-card-link:hover{transform:translateY(-2px)!important;border-color:rgba(239,116,97,.20)!important;box-shadow:0 12px 28px rgba(39,42,45,.05)!important}

body.bato-mybato-portal .bato-mybato-filterbar{
  display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 14px!important;padding:7px!important;overflow-x:auto!important;
  border:1px solid rgba(39,42,45,.06)!important;border-radius:15px!important;background:rgba(255,255,255,.72)!important;
}
body.bato-mybato-portal .bato-mybato-filterbar a{flex:0 0 auto!important;min-height:34px!important;padding:0 12px!important;border-radius:10px!important}
body.bato-mybato-portal .bato-mybato-filterbar a.is-active{background:#272A2D!important;color:#fff!important}

body.bato-mybato-portal .bato-mybato-table-row,
body.bato-mybato-portal .bato-mybato-list-row{min-height:58px!important;padding:12px 0!important}
body.bato-mybato-portal .bato-mybato-table-row strong,
body.bato-mybato-portal .bato-mybato-list-row strong{font-size:14px!important}
body.bato-mybato-portal .bato-mybato-table-row small,
body.bato-mybato-portal .bato-mybato-list-row small{margin-top:3px!important;font-size:13px!important}

body.bato-mybato-portal .bato-mybato-form{max-width:920px!important}
body.bato-mybato-portal .bato-mybato-form-grid{gap:14px!important}
body.bato-mybato-portal .bato-mybato-form input,
body.bato-mybato-portal .bato-mybato-form select,
body.bato-mybato-portal .bato-mybato-form textarea{min-height:46px!important;border-radius:12px!important}
body.bato-mybato-portal .bato-mybato-form textarea{min-height:120px!important}

body.bato-mybato-portal .bato-mybato-empty{
  min-height:110px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:18px!important;
  border:1px dashed rgba(39,42,45,.10)!important;border-radius:15px!important;background:rgba(248,246,241,.52)!important;
}
body.bato-mybato-portal .bato-mybato-empty strong{font-size:16px!important}
body.bato-mybato-portal .bato-mybato-empty p{max-width:620px!important;margin:5px 0 0!important}

body.bato-mybato-portal .bato-mybato-search{
  margin-bottom:14px!important;padding:10px!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:16px!important;background:#fff!important;
}
body.bato-mybato-portal .bato-mybato-search input{min-height:48px!important;border:0!important;background:#F8F7F3!important}

body.bato-mybato-portal .bato-mybato-checkout-status{margin:0 0 14px!important;padding:15px 18px!important;border-radius:17px!important;background:rgba(132,183,200,.06)!important}
body.bato-mybato-portal .bato-mybato-count-badge{vertical-align:middle!important;margin-left:7px!important}

body.bato-mybato-portal .bato-mybato-check-row{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:14px 0!important}
body.bato-mybato-portal .bato-mybato-check-row label{
  min-height:40px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 11px!important;
  border:1px solid rgba(39,42,45,.07)!important;border-radius:11px!important;background:#FBFAF7!important;
}

@media(max-width:1180px){body.bato-mybato-portal .bato-mybato-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){
  body.bato-mybato-portal .bato-mybato-page-intro{align-items:flex-start!important;flex-direction:column!important}
  body.bato-mybato-portal .bato-mybato-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body.bato-mybato-portal .bato-mybato-card-grid{grid-template-columns:1fr!important}
  body.bato-mybato-portal .bato-mybato-summary-strip{grid-template-columns:1fr!important}
  body.bato-mybato-portal .bato-mybato-summary-strip>div{border-right:0!important;border-bottom:1px solid rgba(39,42,45,.065)!important}
  body.bato-mybato-portal .bato-mybato-summary-strip>div:last-child{border-bottom:0!important}
  body.bato-mybato-portal .bato-mybato-calendar-row{grid-template-columns:64px 34px minmax(0,1fr)!important}
}


/* ==========================================================
   MyBaTo v6.4.1 — Waiver Navigation + remaining menu cohesion
   ========================================================== */
body.bato-mybato-portal .bato-mybato-page-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav a[href*="view=waivers"] .bato-mybato-nav-icon{
  color:#C9533F!important;
  background:rgba(201,83,63,.075)!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav a[href*="view=waivers"].is-active .bato-mybato-nav-icon{
  color:#fff!important;
  background:#EF7461!important;
}
@media(max-width:820px){
  body.bato-mybato-portal .bato-mybato-page-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
}

/* MyBaTo v6.5.0 — customer lifecycle activation */
body.bato-mybato-portal .bato-mybato-inline-sign{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}
body.bato-mybato-portal .bato-mybato-inline-sign input{width:min(240px,100%)!important;min-height:40px!important;padding:0 11px!important;border:1px solid rgba(39,42,45,.10)!important;border-radius:10px!important;background:#fff!important;font-size:14px!important}
body.bato-mybato-portal .bato-mybato-inline-sign .primary{background:#EF7461!important;color:#fff!important;border-color:#EF7461!important}
@media(max-width:760px){body.bato-mybato-portal .bato-mybato-inline-sign{width:100%!important;justify-content:flex-start!important}}


/* MyBaTo v6.5.1 — Sidebar bottom breathing room + version footer */
body.bato-mybato-portal .bato-mybato-sidebar{
  display:flex!important;
  flex-direction:column!important;
  min-height:100vh!important;
  padding-bottom:18px!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav{
  flex:1 1 auto!important;
  padding-bottom:34px!important;
}
body.bato-mybato-portal .bato-mybato-sidebar::after{
  content:"MyDilly v7.5.11";
  display:block!important;
  margin:18px 18px 0!important;
  padding-top:14px!important;
  border-top:1px solid rgba(39,42,45,.07)!important;
  color:#9A9F9B!important;
  font-size:11px!important;
  line-height:1.3!important;
  letter-spacing:.04em!important;
}
@media(max-width:820px){
  body.bato-mybato-portal .bato-mybato-sidebar::after{
    margin:12px 14px 0!important;
  }
}


/* ==========================================================
   MyBaTo v6.5.2 — Sidebar viewport-safe bottom breathing room
   Root cause: fixed sidebar used height:100vh plus vertical padding
   without border-box, making its outer box taller than the viewport.
   ========================================================== */
body.bato-mybato-portal .bato-mybato-sidebar{
  box-sizing:border-box!important;
  height:100dvh!important;
  min-height:0!important;
  padding-bottom:24px!important;
  overflow:hidden!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:22px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(39,42,45,.12) transparent!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav::-webkit-scrollbar{
  width:4px!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav::-webkit-scrollbar-thumb{
  background:rgba(39,42,45,.12)!important;
  border-radius:999px!important;
}
body.bato-mybato-portal .bato-mybato-sidebar::after{
  flex:0 0 auto!important;
  margin:10px 8px 0!important;
  padding:14px 4px 0!important;
}

/* Keep the final nav item visually clear of the footer/version. */
body.bato-mybato-portal .bato-mybato-sidebar nav a:last-child{
  margin-bottom:10px!important;
}

@media(max-width:760px){
  body.bato-mybato-portal .bato-mybato-sidebar{
    height:62px!important;
    min-height:62px!important;
    overflow:visible!important;
    padding-bottom:7px!important;
  }
  body.bato-mybato-portal .bato-mybato-sidebar nav{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:0!important;
  }
  body.bato-mybato-portal .bato-mybato-sidebar::after{
    display:none!important;
  }
}

/* MyBaTo v6.6.0 — functional lifecycle controls */
body.bato-mybato-portal .bato-mybato-feedback{margin:0 0 12px!important;padding:12px 14px!important;border-radius:14px!important;font-size:14px!important;font-weight:700!important}
body.bato-mybato-portal .bato-mybato-feedback.is-good{background:rgba(134,169,135,.12)!important;border:1px solid rgba(134,169,135,.24)!important;color:#49684E!important}
body.bato-mybato-portal .bato-mybato-feedback.is-warn{background:rgba(239,177,75,.12)!important;border:1px solid rgba(239,177,75,.26)!important;color:#8D652A!important}
body.bato-mybato-portal .bato-mybato-danger-zone{margin-top:18px!important;padding-top:14px!important;border-top:1px solid rgba(201,83,63,.12)!important}
body.bato-mybato-portal .bato-mybato-danger-zone button{min-height:40px!important;padding:0 13px!important;border:1px solid rgba(201,83,63,.22)!important;border-radius:10px!important;background:rgba(201,83,63,.06)!important;color:#A94738!important;font-size:13px!important;font-weight:800!important}
body.bato-mybato-portal .bato-mybato-waiver-sign{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) auto!important;gap:10px!important;align-items:center!important}
body.bato-mybato-portal .bato-mybato-waiver-doc strong,body.bato-mybato-portal .bato-mybato-waiver-doc small{display:block!important}
body.bato-mybato-portal .bato-mybato-waiver-ack{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:12.5px!important;line-height:1.4!important}
@media(max-width:900px){body.bato-mybato-portal .bato-mybato-waiver-sign{grid-template-columns:1fr!important}}


/* ==========================================================
   MyBaTo v6.6.1 — Children Workspace UX + silent saves
   ========================================================== */
body.bato-mybato-portal .bato-mybato-children-top{
  align-items:stretch!important;
}
body.bato-mybato-portal .bato-mybato-family-household,
body.bato-mybato-portal .bato-mybato-add-child-card{
  height:auto!important;
  align-self:stretch!important;
}
body.bato-mybato-portal .bato-mybato-embedded-guardians{
  margin-top:24px!important;
  padding-top:22px!important;
  border-top:1px solid rgba(39,42,45,.08)!important;
}
body.bato-mybato-portal .bato-mybato-section-head.compact{
  margin-bottom:12px!important;
}
body.bato-mybato-portal .bato-mybato-section-head.compact h3{
  margin:2px 0 0!important;
  font-size:24px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
}
body.bato-mybato-portal .bato-mybato-guardian-row{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(39,42,45,.06)!important;
}
body.bato-mybato-portal .bato-mybato-guardian-row strong,
body.bato-mybato-portal .bato-mybato-guardian-row small{
  display:block!important;
}
body.bato-mybato-portal .bato-mybato-guardian-row small{
  margin-top:2px!important;
  color:#7A817D!important;
  font-size:12px!important;
}
body.bato-mybato-portal .bato-mybato-guardian-avatar{
  width:38px!important;height:38px!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;
  background:rgba(239,116,97,.10)!important;
  color:#C9533F!important;font-weight:800!important;
}
body.bato-mybato-portal .bato-mybato-my-kids{
  margin-top:16px!important;
}
body.bato-mybato-portal .bato-mybato-my-kids .bato-mybato-section-head p{
  margin:5px 0 0!important;
  color:#747D78!important;
}
body.bato-mybato-portal .bato-mybato-kids-grid{
  margin-top:14px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.bato-mybato-portal .bato-mybato-child-editor{
  margin-top:16px!important;
}
body.bato-mybato-portal .bato-mybato-silent-form button[disabled]{
  opacity:.62!important;
  cursor:wait!important;
}
body.bato-mybato-portal .bato-mybato-live-toast{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  z-index:999999!important;
  max-width:min(380px,calc(100vw - 32px))!important;
  padding:13px 16px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid rgba(39,42,45,.08)!important;
  box-shadow:0 18px 50px rgba(39,42,45,.15)!important;
  font-size:14px!important;
  font-weight:800!important;
  transform:translateY(14px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
body.bato-mybato-portal .bato-mybato-live-toast.is-visible{
  transform:translateY(0)!important;
  opacity:1!important;
}
body.bato-mybato-portal .bato-mybato-live-toast.is-good{
  border-color:rgba(134,169,135,.28)!important;
}
body.bato-mybato-portal .bato-mybato-live-toast.is-warn{
  border-color:rgba(201,83,63,.25)!important;
}
@media(max-width:1100px){
  body.bato-mybato-portal .bato-mybato-kids-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  body.bato-mybato-portal .bato-mybato-kids-grid{
    grid-template-columns:1fr!important;
  }
  body.bato-mybato-portal .bato-mybato-live-toast{
    right:16px!important;bottom:16px!important;
  }
}

/* MyBaTo v6.7.0 — Child Safety + Waivers + Check-in */
body.bato-mybato-portal .bato-mybato-card-open{display:block!important;margin-top:14px!important;font-size:12.5px!important;font-weight:800!important;color:#C9533F!important}
body.bato-mybato-portal .bato-mybato-child-editor{border-top:3px solid rgba(239,116,97,.18)!important}
body.bato-mybato-portal .bato-mybato-child-editor .bato-mybato-form{display:grid!important;gap:14px!important}
body.bato-mybato-portal .bato-mybato-readiness-card{margin-bottom:16px!important}
body.bato-mybato-portal .bato-mybato-readiness-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}
body.bato-mybato-portal .bato-mybato-readiness-grid>div{padding:14px!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:14px!important;background:#fff!important}
body.bato-mybato-portal .bato-mybato-readiness-grid strong,body.bato-mybato-portal .bato-mybato-readiness-grid small{display:block!important}
body.bato-mybato-portal .bato-mybato-readiness-grid small{margin-top:4px!important;color:#78817c!important}
@media(max-width:900px){body.bato-mybato-portal .bato-mybato-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body.bato-mybato-portal .bato-mybato-readiness-grid{grid-template-columns:1fr!important}}

/* ==========================================================
   MyBaTo v6.8.0 — Interactive Kid Profile Modal
   ========================================================== */
body.bato-mybato-portal .bato-kid-modal-trigger{appearance:none!important;width:100%!important;text-align:left!important;cursor:pointer!important;font:inherit!important;color:inherit!important}
body.bato-mybato-portal .bato-kid-modal-trigger:hover{transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(39,42,45,.10)!important;border-color:rgba(239,116,97,.20)!important}
body.bato-kid-modal-open{overflow:hidden!important}
body.bato-mybato-portal .bato-kid-modal{position:fixed!important;inset:0!important;z-index:999999!important;display:grid!important;place-items:center!important;padding:28px!important;pointer-events:none!important;opacity:0!important;transition:opacity .18s ease!important}
body.bato-mybato-portal .bato-kid-modal.is-open{pointer-events:auto!important;opacity:1!important}
body.bato-mybato-portal .bato-kid-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(28,31,30,.28)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
body.bato-mybato-portal .bato-kid-modal-dialog{position:relative!important;width:min(820px,calc(100vw - 48px))!important;max-height:min(820px,calc(100vh - 56px))!important;transform:translateY(12px) scale(.985)!important;transition:transform .22s cubic-bezier(.2,.8,.2,1)!important}
body.bato-mybato-portal .bato-kid-modal.is-open .bato-kid-modal-dialog{transform:translateY(0) scale(1)!important}
body.bato-mybato-portal .bato-kid-modal-shell{display:flex!important;flex-direction:column!important;max-height:inherit!important;overflow:hidden!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(39,42,45,.08)!important;border-radius:28px!important;box-shadow:0 34px 90px rgba(24,28,26,.24)!important}
body.bato-mybato-portal .bato-kid-modal-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding:24px 24px 18px!important;border-bottom:1px solid rgba(39,42,45,.07)!important;background:linear-gradient(135deg,rgba(248,246,241,.82),rgba(239,116,97,.055))!important}
body.bato-mybato-portal .bato-kid-modal-identity{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
body.bato-mybato-portal .bato-kid-modal-avatar{width:52px!important;height:52px!important;border-radius:17px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#EF7461,#EFB14B)!important;color:#fff!important;font-size:21px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(239,116,97,.22)!important}
body.bato-mybato-portal .bato-kid-modal-header small{text-transform:uppercase!important;letter-spacing:.13em!important;font-size:10px!important;font-weight:800!important;color:#8A918D!important}
body.bato-mybato-portal .bato-kid-modal-header h2{margin:3px 0 7px!important;font-size:30px!important;line-height:1.05!important;letter-spacing:-.035em!important}
body.bato-mybato-portal .bato-kid-modal-badges{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
body.bato-mybato-portal .bato-kid-modal-close{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid rgba(39,42,45,.08)!important;border-radius:13px!important;background:#fff!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(39,42,45,.06)!important}
body.bato-mybato-portal .bato-kid-modal-close svg{width:19px!important;height:19px!important;fill:none!important;stroke:#272A2D!important;stroke-width:1.8!important;stroke-linecap:round!important}
body.bato-mybato-portal .bato-kid-modal-tabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:10px 16px!important;border-bottom:1px solid rgba(39,42,45,.07)!important;background:#fff!important}
body.bato-mybato-portal .bato-kid-modal-tabs button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#6E7772!important;font-size:12.5px!important;font-weight:800!important;cursor:pointer!important}
body.bato-mybato-portal .bato-kid-modal-tabs button:hover{background:#F8F6F1!important;color:#272A2D!important}
body.bato-mybato-portal .bato-kid-modal-tabs button.is-active{background:rgba(239,116,97,.10)!important;color:#C9533F!important}
body.bato-mybato-portal .bato-kid-icon{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important}
body.bato-mybato-portal .bato-kid-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.bato-mybato-portal .bato-kid-icon.large{width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(239,116,97,.10)!important;color:#C9533F!important}
body.bato-mybato-portal .bato-kid-icon.large svg{width:22px!important;height:22px!important}
body.bato-mybato-portal .bato-kid-modal-form{display:flex!important;flex-direction:column!important;min-height:0!important}
body.bato-mybato-portal .bato-kid-tab-panel{display:none!important;padding:24px!important;overflow:auto!important;max-height:470px!important}
body.bato-mybato-portal .bato-kid-tab-panel.is-active{display:grid!important;gap:16px!important;animation:batoKidPanelIn .16s ease both!important}
@keyframes batoKidPanelIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
body.bato-mybato-portal .bato-kid-tab-panel label{display:grid!important;gap:7px!important;font-size:12.5px!important;font-weight:800!important;color:#414744!important}
body.bato-mybato-portal .bato-kid-tab-panel input,body.bato-mybato-portal .bato-kid-tab-panel select,body.bato-mybato-portal .bato-kid-tab-panel textarea{width:100%!important;min-height:44px!important;border:1px solid rgba(39,42,45,.11)!important;border-radius:12px!important;background:#fff!important;padding:11px 12px!important;font:inherit!important;outline:none!important;transition:border .15s ease,box-shadow .15s ease!important}
body.bato-mybato-portal .bato-kid-tab-panel textarea{resize:vertical!important}
body.bato-mybato-portal .bato-kid-tab-panel input:focus,body.bato-mybato-portal .bato-kid-tab-panel select:focus,body.bato-mybato-portal .bato-kid-tab-panel textarea:focus{border-color:rgba(239,116,97,.65)!important;box-shadow:0 0 0 4px rgba(239,116,97,.08)!important}
body.bato-mybato-portal .bato-kid-panel-heading{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:4px!important}
body.bato-mybato-portal .bato-kid-panel-heading h3{margin:0!important;font-size:20px!important;letter-spacing:-.02em!important}
body.bato-mybato-portal .bato-kid-panel-heading p{margin:3px 0 0!important;color:#7B837F!important;font-size:13px!important}
body.bato-mybato-portal .bato-kid-modal-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:14px 18px!important;border-top:1px solid rgba(39,42,45,.07)!important;background:#FBFAF7!important}
body.bato-mybato-portal .bato-kid-modal-status{display:flex!important;align-items:center!important;gap:8px!important;color:#7B837F!important;font-size:11.5px!important}
body.bato-mybato-portal .bato-kid-status-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#86A987!important;box-shadow:0 0 0 4px rgba(134,169,135,.12)!important}
body.bato-mybato-portal .bato-kid-modal-actions{display:flex!important;gap:8px!important;align-items:center!important}
body.bato-mybato-portal .bato-kid-modal-actions .bato-mybato-cta{width:auto!important;min-width:130px!important}
body.bato-mybato-portal .bato-kid-secondary{min-height:42px!important;padding:0 15px!important;border:1px solid rgba(39,42,45,.10)!important;border-radius:12px!important;background:#fff!important;color:#4B524E!important;font-weight:800!important;cursor:pointer!important}
@media(max-width:720px){
  body.bato-mybato-portal .bato-kid-modal{padding:0!important;place-items:end center!important}
  body.bato-mybato-portal .bato-kid-modal-dialog{width:100%!important;max-height:94vh!important}
  body.bato-mybato-portal .bato-kid-modal-shell{border-radius:24px 24px 0 0!important}
  body.bato-mybato-portal .bato-kid-modal-tabs{grid-template-columns:repeat(4,minmax(72px,1fr))!important;overflow-x:auto!important}
  body.bato-mybato-portal .bato-kid-modal-tabs button{font-size:11px!important;padding:0 8px!important}
  body.bato-mybato-portal .bato-kid-modal-header{padding:18px 18px 14px!important}
  body.bato-mybato-portal .bato-kid-tab-panel{padding:18px!important;max-height:60vh!important}
  body.bato-mybato-portal .bato-kid-modal-footer{position:sticky!important;bottom:0!important;flex-direction:column!important;align-items:stretch!important}
  body.bato-mybato-portal .bato-kid-modal-status{order:2!important}
  body.bato-mybato-portal .bato-kid-modal-actions{display:grid!important;grid-template-columns:1fr 1.4fr!important}
  body.bato-mybato-portal .bato-kid-modal-actions .bato-mybato-cta{width:100%!important}
}

body.bato-mybato-portal .bato-mybato-readiness-card.is-ready{border-color:rgba(134,169,135,.28)!important;background:linear-gradient(180deg,#fff,rgba(134,169,135,.045))!important}
body.bato-mybato-portal .bato-mybato-readiness-card.is-blocked{border-color:rgba(239,177,75,.28)!important;background:linear-gradient(180deg,#fff,rgba(239,177,75,.045))!important}
body.bato-mybato-portal .bato-mybato-readiness-grid>div{position:relative!important;padding:16px 14px 14px 42px!important}
body.bato-mybato-portal .bato-ready-icon{position:absolute!important;left:14px!important;top:15px!important;width:20px!important;height:20px!important;display:grid!important;place-items:center!important;border-radius:50%!important;font-size:11px!important;font-weight:900!important}
body.bato-mybato-portal .bato-mybato-readiness-grid>div.is-complete .bato-ready-icon{background:rgba(134,169,135,.16)!important;color:#58765E!important}
body.bato-mybato-portal .bato-mybato-readiness-grid>div.is-missing .bato-ready-icon{background:rgba(239,177,75,.18)!important;color:#9B691D!important}
body.bato-mybato-portal .bato-mybato-readiness-grid>div.is-missing{border-color:rgba(239,177,75,.28)!important}

body.bato-mybato-portal .bato-booking-inline-note.is-error{border-color:rgba(201,83,63,.28)!important;background:rgba(201,83,63,.07)!important;color:#9b4033!important;font-weight:750!important}
body.bato-mybato-portal button:disabled{opacity:.58!important;cursor:wait!important}


/* ==========================================================
   MyBaTo v7.1.0 — Global Collapsible Page Guide
   ========================================================== */
body.bato-mybato-portal .bato-page-guide{margin:0 0 14px!important;border:1px solid rgba(39,42,45,.075)!important;border-radius:18px!important;background:linear-gradient(135deg,#fff 0%,#fbfaf6 70%,rgba(132,183,200,.06) 100%)!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(39,42,45,.035)!important}
body.bato-mybato-portal .bato-page-guide-toggle{appearance:none!important;width:100%!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 28px!important;align-items:center!important;gap:11px!important;padding:13px 15px!important;border:0!important;background:transparent!important;text-align:left!important;color:#272A2D!important;cursor:pointer!important}
body.bato-mybato-portal .bato-page-guide-toggle:hover{background:rgba(248,246,241,.65)!important}
body.bato-mybato-portal .bato-page-guide-info{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:rgba(132,183,200,.13)!important;color:#5d8796!important}
body.bato-mybato-portal .bato-page-guide-info svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.bato-mybato-portal .bato-page-guide-title{min-width:0!important}
body.bato-mybato-portal .bato-page-guide-title strong{display:block!important;font-size:14px!important;line-height:1.25!important;letter-spacing:-.01em!important}
body.bato-mybato-portal .bato-page-guide-title small{display:block!important;margin-top:2px!important;font-size:12px!important;line-height:1.45!important;color:#78817c!important;white-space:normal!important}
body.bato-mybato-portal .bato-page-guide-chevron{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;color:#858d88!important;transition:transform .2s ease,background .2s ease!important}
body.bato-mybato-portal .bato-page-guide-chevron svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.bato-mybato-portal .bato-page-guide.is-open .bato-page-guide-chevron{transform:rotate(180deg)!important;background:rgba(39,42,45,.045)!important}
body.bato-mybato-portal .bato-page-guide-body{display:grid!important;grid-template-rows:0fr!important;opacity:0!important;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease!important}
body.bato-mybato-portal .bato-page-guide.is-open .bato-page-guide-body{grid-template-rows:1fr!important;opacity:1!important}
body.bato-mybato-portal .bato-page-guide-body>.bato-page-guide-grid{min-height:0!important;overflow:hidden!important}
body.bato-mybato-portal .bato-page-guide-body>.bato-journey-guide-grid{min-height:0!important;overflow:hidden!important}
body.bato-mybato-portal .bato-page-guide-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0 15px 15px 60px!important}
body.bato-mybato-portal .bato-page-guide-item{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;align-items:flex-start!important;padding:11px!important;border:1px solid rgba(39,42,45,.065)!important;border-radius:13px!important;background:rgba(255,255,255,.78)!important}
body.bato-mybato-portal .bato-page-guide-item>span{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#F8F6F1!important;color:#6C7771!important}
body.bato-mybato-portal .bato-page-guide-item svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.bato-mybato-portal .bato-page-guide-item strong{display:block!important;font-size:12.5px!important;line-height:1.25!important}
body.bato-mybato-portal .bato-page-guide-item p{margin:3px 0 0!important;font-size:11.5px!important;line-height:1.45!important;color:#78817c!important}
@media(max-width:760px){
 body.bato-mybato-portal .bato-page-guide-grid{grid-template-columns:1fr!important;padding:0 12px 12px!important}
 body.bato-mybato-portal .bato-page-guide-toggle{grid-template-columns:32px minmax(0,1fr) 26px!important;padding:12px!important}
 body.bato-mybato-portal .bato-page-guide-title small{font-size:11.5px!important}
}

/* MyBaTo v7.2.0 — Journey Guide */
body.bato-mybato-portal .bato-journey-guide-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding-top:4px!important}
body.bato-mybato-portal .bato-journey-guide-column{min-width:0!important;padding:14px!important;border:1px solid var(--bato-mybato-line)!important;border-radius:14px!important;background:#fff!important}
body.bato-mybato-portal .bato-journey-before{background:rgba(239,177,75,.055)!important}
body.bato-mybato-portal .bato-journey-here{background:rgba(132,183,200,.055)!important}
body.bato-mybato-portal .bato-journey-next{background:rgba(134,169,135,.055)!important}
body.bato-mybato-portal .bato-journey-guide-head{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important}
body.bato-mybato-portal .bato-journey-guide-head>span{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#f6f5f1!important}
body.bato-mybato-portal .bato-journey-guide-head svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
body.bato-mybato-portal .bato-journey-guide-head strong{font-size:13px!important}
body.bato-mybato-portal .bato-journey-guide-column ol{margin:0!important;padding-left:20px!important;display:grid!important;gap:7px!important}
body.bato-mybato-portal .bato-journey-guide-column li{font-size:12.5px!important;line-height:1.5!important;color:var(--bato-mybato-muted)!important}
@media(max-width:860px){body.bato-mybato-portal .bato-journey-guide-grid{grid-template-columns:1fr!important}}

/* MyBaTo v7.3.0 — admission checkout */
body.bato-mybato-portal .bato-booking-checkout-pending{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;margin:0 0 14px;border:1px solid rgba(239,177,75,.34);background:rgba(239,177,75,.08);border-radius:14px}
body.bato-mybato-portal .bato-booking-checkout-pending>div{display:grid;gap:3px}
body.bato-mybato-portal .bato-booking-checkout-pending strong{font-size:13px}
body.bato-mybato-portal .bato-booking-checkout-pending small{font-size:12px;color:var(--bato-mybato-muted)}
body.bato-mybato-portal .bato-booking-checkout-card{display:grid;gap:12px}
body.bato-mybato-portal .bato-booking-hold-notice,
body.bato-mybato-portal .bato-booking-paid-confirmed,
body.bato-mybato-portal .bato-booking-payment-next{padding:13px 14px;border-radius:13px;border:1px solid var(--bato-mybato-line);background:#fbfaf7}
body.bato-mybato-portal .bato-booking-hold-notice{border-color:rgba(239,177,75,.34);background:rgba(239,177,75,.07)}
body.bato-mybato-portal .bato-booking-paid-confirmed{border-color:rgba(134,169,135,.34);background:rgba(134,169,135,.07)}
body.bato-mybato-portal .bato-booking-hold-notice strong,
body.bato-mybato-portal .bato-booking-paid-confirmed strong,
body.bato-mybato-portal .bato-booking-payment-next strong{font-size:13px}
body.bato-mybato-portal .bato-booking-hold-notice p,
body.bato-mybato-portal .bato-booking-paid-confirmed p,
body.bato-mybato-portal .bato-booking-payment-next p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--bato-mybato-muted)}
@media(max-width:720px){body.bato-mybato-portal .bato-booking-checkout-pending{align-items:flex-start;flex-direction:column}}


/* 7.4.2 — Memberships & Passes SaaS storefront */
body.bato-mybato-portal .bato-benefits-hero{margin-bottom:14px!important}
body.bato-mybato-portal .bato-benefits-tabs{display:flex!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;padding:5px!important;margin:0 0 18px!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:14px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 8px 22px rgba(48,42,35,.035)!important}
body.bato-mybato-portal .bato-benefits-tabs a{display:flex!important;align-items:center!important;gap:8px!important;padding:9px 13px!important;border-radius:10px!important;color:#69726d!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;transition:.18s ease!important}
body.bato-mybato-portal .bato-benefits-tabs a span{display:grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:#f2f1ed!important;color:#777b77!important;font-size:10px!important}
body.bato-mybato-portal .bato-benefits-tabs a:hover{color:#282c29!important;background:#faf9f6!important;transform:translateY(-1px)!important}
body.bato-mybato-portal .bato-benefits-tabs a.is-active{background:#fff!important;color:#282c29!important;box-shadow:0 3px 10px rgba(45,40,35,.08)!important}
body.bato-mybato-portal .bato-benefits-tabs a.is-active span{background:#fff0eb!important;color:#e76855!important}
body.bato-mybato-portal .bato-benefits-store{display:grid!important;gap:24px!important}
body.bato-mybato-portal .bato-benefits-store-head{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:24px!important;padding:20px 22px!important;border:1px solid rgba(39,42,45,.06)!important;border-radius:20px!important;background:linear-gradient(135deg,#fff 0%,#fbfaf7 65%,#fff6f1 100%)!important;box-shadow:0 12px 34px rgba(45,40,35,.045)!important}
body.bato-mybato-portal .bato-benefits-store-head small,body.bato-mybato-portal .bato-benefits-group-title small,body.bato-mybato-portal .bato-benefits-owned-head small,body.bato-mybato-portal .bato-benefits-owned-empty small{display:block!important;margin-bottom:4px!important;color:#9a9f9a!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-benefits-store-head h2,body.bato-mybato-portal .bato-benefits-owned-head h2,body.bato-mybato-portal .bato-benefits-owned-empty h2{margin:0!important;color:#202521!important;font-size:23px!important;line-height:1.08!important;letter-spacing:-.035em!important}
body.bato-mybato-portal .bato-benefits-store-head p,body.bato-mybato-portal .bato-benefits-owned-head p,body.bato-mybato-portal .bato-benefits-owned-empty p{max-width:690px!important;margin:7px 0 0!important;color:#6f7772!important;font-size:12px!important;line-height:1.55!important}
body.bato-mybato-portal .bato-benefits-store-note{display:flex!important;align-items:center!important;gap:10px!important;min-width:245px!important;padding:11px 13px!important;border:1px solid rgba(63,123,85,.1)!important;border-radius:13px!important;background:#f7fbf7!important}
body.bato-mybato-portal .bato-benefits-store-note>span{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:10px!important;background:#e8f4ea!important;color:#4c7c59!important;font-weight:900!important}
body.bato-mybato-portal .bato-benefits-store-note strong,body.bato-mybato-portal .bato-benefits-store-note small{display:block!important}
body.bato-mybato-portal .bato-benefits-store-note strong{font-size:11px!important;color:#344039!important}
body.bato-mybato-portal .bato-benefits-store-note small{margin-top:2px!important;font-size:9px!important;color:#7c857f!important}
body.bato-mybato-portal .bato-benefits-group{display:grid!important;gap:11px!important}
body.bato-mybato-portal .bato-benefits-group-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;padding:0 3px!important}
body.bato-mybato-portal .bato-benefits-group-title h3{margin:0!important;color:#2b302c!important;font-size:17px!important;letter-spacing:-.025em!important}
body.bato-mybato-portal .bato-benefits-group-title>span{padding:6px 9px!important;border-radius:999px!important;background:#f1f0ec!important;color:#7a807b!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important}
body.bato-mybato-portal .bato-benefits-catalog{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body.bato-mybato-portal form.bato-benefits-plan-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:275px!important;padding:17px!important;margin:0!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 22px rgba(43,38,33,.035)!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
body.bato-mybato-portal form.bato-benefits-plan-card:before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:3px!important;background:linear-gradient(180deg,#f1715d,#f0b049)!important;opacity:0!important;transition:.18s ease!important}
body.bato-mybato-portal form.bato-benefits-plan-card:hover{transform:translateY(-3px)!important;border-color:rgba(239,112,90,.22)!important;box-shadow:0 15px 34px rgba(54,45,38,.075)!important}
body.bato-mybato-portal form.bato-benefits-plan-card:hover:before{opacity:1!important}
body.bato-mybato-portal .bato-benefits-plan-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:13px!important}
body.bato-mybato-portal .bato-benefits-plan-type{display:inline-flex!important;align-items:center!important;width:max-content!important;padding:5px 8px!important;border-radius:999px!important;background:#fff1ec!important;color:#d96450!important;font-size:9px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-benefits-audience{color:#8b928e!important;font-size:9px!important;font-weight:650!important;text-align:right!important}
body.bato-mybato-portal .bato-benefits-plan-card h3{min-height:38px!important;margin:0 0 8px!important;color:#252b27!important;font-size:16px!important;line-height:1.18!important;letter-spacing:-.025em!important}
body.bato-mybato-portal .bato-benefits-price{display:flex!important;align-items:baseline!important;gap:6px!important;margin-bottom:13px!important}
body.bato-mybato-portal .bato-benefits-price strong{color:#1f2521!important;font-size:25px!important;line-height:1!important;letter-spacing:-.04em!important}
body.bato-mybato-portal .bato-benefits-price span{color:#818883!important;font-size:10px!important;font-weight:650!important}
body.bato-mybato-portal .bato-benefits-features{display:grid!important;gap:7px!important;margin:0 0 15px!important}
body.bato-mybato-portal .bato-benefits-features span{display:flex!important;align-items:center!important;gap:7px!important;color:#65706a!important;font-size:10px!important;line-height:1.35!important}
body.bato-mybato-portal .bato-benefits-features i{display:grid!important;place-items:center!important;flex:0 0 17px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#edf6ee!important;color:#4d805b!important;font-size:9px!important;font-style:normal!important;font-weight:900!important}
body.bato-mybato-portal .bato-benefits-choose{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:38px!important;margin-top:auto!important;padding:0 12px!important;border:0!important;border-radius:11px!important;background:#f06f5b!important;color:#fff!important;font:inherit!important;font-size:10px!important;font-weight:850!important;cursor:pointer!important;box-shadow:0 7px 16px rgba(240,111,91,.18)!important;transition:.18s ease!important}
body.bato-mybato-portal .bato-benefits-choose:hover{background:#e76450!important;transform:translateY(-1px)!important;box-shadow:0 10px 20px rgba(240,111,91,.24)!important}
body.bato-mybato-portal .bato-benefits-choose:disabled{opacity:.55!important;cursor:wait!important;transform:none!important}
body.bato-mybato-portal .bato-benefits-choose b{font-size:15px!important;font-weight:500!important}
body.bato-mybato-portal .bato-benefits-policy{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px 14px!important;border:1px solid rgba(78,113,132,.09)!important;border-radius:13px!important;background:#f7fafb!important;color:#667278!important}
body.bato-mybato-portal .bato-benefits-policy>span{display:grid!important;place-items:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#eaf3f6!important;color:#5f8999!important;font-weight:800!important}
body.bato-mybato-portal .bato-benefits-policy p{margin:2px 0 0!important;font-size:10px!important;line-height:1.5!important}
body.bato-mybato-portal .bato-benefits-policy strong{color:#435158!important}
body.bato-mybato-portal .bato-benefits-owned-empty{display:flex!important;align-items:center!important;gap:18px!important;padding:28px!important;border:1px dashed rgba(39,42,45,.11)!important;border-radius:20px!important;background:rgba(255,255,255,.62)!important}
body.bato-mybato-portal .bato-benefits-empty-icon{display:grid!important;place-items:center!important;flex:0 0 54px!important;width:54px!important;height:54px!important;border-radius:16px!important;background:#fff2ed!important;color:#ef705b!important;font-size:24px!important;box-shadow:inset 0 0 0 1px rgba(239,112,91,.08)!important}
body.bato-mybato-portal .bato-benefits-owned-empty .bato-mybato-cta{margin-top:14px!important}
body.bato-mybato-portal .bato-benefits-owned-head{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:18px!important;margin-bottom:12px!important;padding:0 3px!important}
body.bato-mybato-portal .bato-benefits-owned-stats{display:flex!important;gap:7px!important}
body.bato-mybato-portal .bato-benefits-owned-stats span{padding:7px 10px!important;border-radius:10px!important;background:#fff!important;border:1px solid rgba(39,42,45,.07)!important;color:#848b86!important;font-size:9px!important;font-weight:700!important}
body.bato-mybato-portal .bato-benefits-owned-stats strong{color:#303631!important;font-size:12px!important}
body.bato-mybato-portal .bato-benefits-owned-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.bato-mybato-portal .bato-benefits-owned-card{padding:17px!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(43,38,33,.035)!important}
body.bato-mybato-portal .bato-benefits-owned-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important}
body.bato-mybato-portal .bato-benefits-owned-top h3{margin:8px 0 0!important;font-size:16px!important;color:#28302a!important;letter-spacing:-.025em!important}
body.bato-mybato-portal .bato-benefits-balance{display:flex!important;align-items:baseline!important;gap:7px!important;margin:20px 0 10px!important}
body.bato-mybato-portal .bato-benefits-balance strong{font-size:23px!important;color:#222922!important;letter-spacing:-.04em!important}
body.bato-mybato-portal .bato-benefits-balance span{font-size:10px!important;color:#848c86!important}
body.bato-mybato-portal .bato-benefits-progress{height:7px!important;margin-bottom:11px!important;border-radius:999px!important;background:#f0efeb!important;overflow:hidden!important}
body.bato-mybato-portal .bato-benefits-progress i{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#f1705c,#f2aa4e)!important}
body.bato-mybato-portal .bato-benefits-renewal{margin:8px 0 2px!important;color:#818983!important;font-size:9px!important}
body.bato-mybato-portal .bato-benefits-renew-toggle{display:flex!important;align-items:center!important;gap:7px!important;cursor:pointer!important}
body.bato-mybato-portal .bato-benefits-renew-toggle>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body.bato-mybato-portal .bato-benefits-renew-toggle>span{position:relative!important;width:29px!important;height:17px!important;border-radius:999px!important;background:#d9ddd9!important;transition:.18s ease!important}
body.bato-mybato-portal .bato-benefits-renew-toggle>span:after{content:""!important;position:absolute!important;top:3px!important;left:3px!important;width:11px!important;height:11px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.18)!important;transition:.18s ease!important}
body.bato-mybato-portal .bato-benefits-renew-toggle>input:checked+span{background:#66a174!important}
body.bato-mybato-portal .bato-benefits-renew-toggle>input:checked+span:after{transform:translateX(12px)!important}
body.bato-mybato-portal .bato-benefits-empty{padding:28px!important}
@media(max-width:1180px){body.bato-mybato-portal .bato-benefits-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){body.bato-mybato-portal .bato-benefits-store-head,body.bato-mybato-portal .bato-benefits-owned-head{align-items:flex-start!important;flex-direction:column!important}body.bato-mybato-portal .bato-benefits-store-note{width:100%!important;min-width:0!important}body.bato-mybato-portal .bato-benefits-catalog,body.bato-mybato-portal .bato-benefits-owned-grid{grid-template-columns:1fr!important}body.bato-mybato-portal .bato-benefits-tabs{width:100%!important}body.bato-mybato-portal .bato-benefits-tabs a{flex:1!important;justify-content:center!important}body.bato-mybato-portal .bato-benefits-owned-empty{align-items:flex-start!important;flex-direction:column!important}}

/* ==========================================================
   MyBaTo v7.4.6 — Viewport breakout + SaaS content rail
   Fixes constrained-theme parent offsets without changing
   business logic or the Memberships storefront components.
   ========================================================== */
@media(min-width:761px){
  body.bato-mybato-portal .bato-mybato-app{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }

  body.bato-mybato-portal .bato-mybato-main{
    width:calc(100vw - var(--mb-sidebar))!important;
    margin-left:var(--mb-sidebar)!important;
    margin-right:0!important;
  }

  body.bato-mybato-portal .bato-mybato-content{
    width:calc(100% - (var(--mb-air) * 2))!important;
    max-width:1500px!important;
    margin-left:var(--mb-air)!important;
    margin-right:auto!important;
    min-width:0!important;
  }
}

/* ==========================================================
   MyBaTo v7.4.7 — SaaS theme integration / air cleanup
   The public theme's generic page hero + section padding are
   appropriate for marketing pages, not for an authenticated
   application workspace. Keep the public nav, remove the
   marketing hero/footer, and let MyBaTo own the page canvas.
   ========================================================== */
body.bato-mybato-portal .bato-inner-hero{
  display:none!important;
}

body.bato-mybato-portal .bato-inner-page{
  padding-top:112px!important;
  margin:0!important;
  min-height:100vh!important;
}

body.bato-mybato-portal .bato-inner-page > .bato-section{
  margin:0!important;
  padding:0!important;
}

body.bato-mybato-portal .bato-inner-page > .bato-section > .bato-container,
body.bato-mybato-portal .bato-inner-page > .bato-section > .bato-container.bato-post-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.bato-mybato-portal .bato-site-footer{
  display:none!important;
}

@media(min-width:761px){
  body.bato-mybato-portal .bato-mybato-app,
  body.bato-mybato-portal .bato-mybato-main{
    min-height:calc(100vh - 112px)!important;
  }

  body.bato-mybato-portal .bato-mybato-content{
    padding-top:20px!important;
  }
}

@media(max-width:880px){
  body.bato-mybato-portal .bato-inner-page{
    padding-top:86px!important;
  }
}

@media(max-width:760px){
  body.bato-mybato-portal .bato-inner-page{
    padding-top:78px!important;
  }

  body.bato-mybato-portal .bato-mybato-app,
  body.bato-mybato-portal .bato-mybato-main{
    min-height:calc(100vh - 78px)!important;
  }
}

/* ==========================================================
   MyBaTo v7.4.8 — Children SaaS UX / Profile Cards
   Scope: Children workspace only. Business logic unchanged.
   ========================================================== */
body.bato-mybato-portal .bato-mybato-family-household,
body.bato-mybato-portal .bato-mybato-add-child-card,
body.bato-mybato-portal .bato-saas-kids-section{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(39,42,45,.065)!important;
  background:linear-gradient(155deg,#fff 0%,#fff 68%,rgba(249,247,242,.72) 100%)!important;
  box-shadow:0 14px 36px rgba(42,45,48,.045)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
body.bato-mybato-portal .bato-mybato-family-household::before,
body.bato-mybato-portal .bato-mybato-add-child-card::before,
body.bato-mybato-portal .bato-saas-kids-section::before{
  content:""!important;position:absolute!important;inset:0 auto auto 0!important;width:100%!important;height:3px!important;
  background:linear-gradient(90deg,#EF7461 0%,#F4B44D 44%,#84B7C8 100%)!important;opacity:.72!important;
}
body.bato-mybato-portal .bato-saas-card-head{
  display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:13px!important;align-items:start!important;
  margin-bottom:16px!important;
}
body.bato-mybato-portal .bato-saas-card-head h2,
body.bato-mybato-portal .bato-saas-card-head h3{margin:2px 0 3px!important}
body.bato-mybato-portal .bato-saas-card-head p,
body.bato-mybato-portal .bato-saas-subhead p{margin:0!important;color:#7A817D!important;font-size:12px!important;line-height:1.45!important}
body.bato-mybato-portal .bato-saas-head-icon{
  width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,rgba(239,116,97,.14),rgba(244,180,77,.08))!important;color:#C9533F!important;
  border:1px solid rgba(239,116,97,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
body.bato-mybato-portal .bato-saas-head-icon.child{background:linear-gradient(145deg,rgba(132,183,200,.16),rgba(239,116,97,.07))!important;color:#4D8698!important;border-color:rgba(132,183,200,.18)!important}
body.bato-mybato-portal .bato-saas-head-icon.kids{background:linear-gradient(145deg,rgba(134,169,135,.17),rgba(244,180,77,.08))!important;color:#58785B!important;border-color:rgba(134,169,135,.18)!important}
body.bato-mybato-portal .bato-saas-head-icon.small{width:38px!important;height:38px!important;border-radius:12px!important}
body.bato-mybato-portal .bato-saas-head-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.bato-mybato-portal .bato-saas-state{
  display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:0 10px!important;
  border-radius:999px!important;background:#F7F5F0!important;border:1px solid rgba(39,42,45,.07)!important;color:#6E756F!important;
  font-size:10px!important;font-weight:850!important;white-space:nowrap!important;
}
body.bato-mybato-portal .bato-saas-state>span{width:7px!important;height:7px!important;border-radius:50%!important;background:#F0B14B!important;box-shadow:0 0 0 4px rgba(240,177,75,.10)!important}
body.bato-mybato-portal .bato-saas-state.is-good>span{background:#86A987!important;box-shadow:0 0 0 4px rgba(134,169,135,.11)!important}

body.bato-mybato-portal .bato-saas-identity{
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;
  margin:0 0 18px!important;padding:13px!important;border:1px solid rgba(39,42,45,.065)!important;border-radius:16px!important;
  background:linear-gradient(135deg,#FAF9F5,rgba(255,255,255,.92))!important;
}
body.bato-mybato-portal .bato-saas-avatar{
  width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;
  background:#272A2D!important;color:#fff!important;font-size:18px!important;font-weight:900!important;
  box-shadow:0 8px 20px rgba(39,42,45,.13)!important;
}
body.bato-mybato-portal .bato-saas-identity strong,
body.bato-mybato-portal .bato-saas-identity small{display:block!important}
body.bato-mybato-portal .bato-saas-identity strong{font-size:14px!important}
body.bato-mybato-portal .bato-saas-identity small{margin-top:3px!important;color:#7A817D!important;font-size:11px!important}
body.bato-mybato-portal .bato-saas-chip{padding:7px 9px!important;border-radius:999px!important;background:rgba(132,183,200,.10)!important;color:#4F7C89!important;font-size:9px!important;font-weight:850!important}

body.bato-mybato-portal .bato-saas-form{max-width:none!important;margin-top:0!important;gap:12px!important}
body.bato-mybato-portal .bato-saas-form-group{
  padding:14px!important;border:1px solid rgba(39,42,45,.06)!important;border-radius:16px!important;background:rgba(250,249,246,.68)!important;
}
body.bato-mybato-portal .bato-saas-group-title{
  display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;margin-bottom:12px!important;
}
body.bato-mybato-portal .bato-saas-group-title>span{
  width:28px!important;height:28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;
  background:#fff!important;border:1px solid rgba(39,42,45,.07)!important;color:#C9533F!important;font-size:9px!important;font-weight:900!important;
}
body.bato-mybato-portal .bato-saas-group-title strong,
body.bato-mybato-portal .bato-saas-group-title small{display:block!important}
body.bato-mybato-portal .bato-saas-group-title strong{font-size:12px!important}
body.bato-mybato-portal .bato-saas-group-title small{margin-top:1px!important;color:#858B87!important;font-size:10px!important}
body.bato-mybato-portal .bato-saas-form label{
  gap:6px!important;color:#626965!important;font-size:10px!important;font-weight:800!important;letter-spacing:.015em!important;
}
body.bato-mybato-portal .bato-saas-form input,
body.bato-mybato-portal .bato-saas-form select,
body.bato-mybato-portal .bato-saas-form textarea{
  border:1px solid rgba(39,42,45,.085)!important;background:#fff!important;box-shadow:0 1px 0 rgba(39,42,45,.015)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.bato-mybato-portal .bato-saas-form input:focus,
body.bato-mybato-portal .bato-saas-form select:focus,
body.bato-mybato-portal .bato-saas-form textarea:focus{
  outline:none!important;border-color:rgba(239,116,97,.48)!important;box-shadow:0 0 0 4px rgba(239,116,97,.08)!important;
}
body.bato-mybato-portal .bato-saas-textarea-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.bato-mybato-portal .bato-saas-textarea-grid .is-wide{grid-column:1/-1!important}
body.bato-mybato-portal .bato-saas-textarea-grid textarea{min-height:78px!important}
body.bato-mybato-portal .bato-saas-form-actions{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:2px!important;
}
body.bato-mybato-portal .bato-saas-form-actions>span{color:#858B87!important;font-size:10px!important}
body.bato-mybato-portal .bato-saas-form-actions .bato-mybato-cta{width:auto!important;min-width:148px!important;padding:0 18px!important;box-shadow:0 8px 20px rgba(239,116,97,.16)!important}
body.bato-mybato-portal .bato-saas-channel-row label{
  min-width:0!important;flex:1 1 120px!important;background:#fff!important;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease!important;
}
body.bato-mybato-portal .bato-saas-channel-row label:hover{transform:translateY(-1px)!important;border-color:rgba(239,116,97,.20)!important;box-shadow:0 7px 16px rgba(39,42,45,.035)!important}
body.bato-mybato-portal .bato-saas-channel-icon{width:24px!important;height:24px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:#F7F5F0!important;color:#6B746E!important;font-weight:900!important}

body.bato-mybato-portal .bato-saas-subhead{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:11px!important;align-items:start!important}
body.bato-mybato-portal .bato-mybato-guardian-row{
  margin:8px 0!important;padding:11px!important;border:1px solid rgba(39,42,45,.06)!important;border-radius:14px!important;background:#FBFAF7!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
body.bato-mybato-portal .bato-mybato-guardian-row:hover{transform:translateY(-1px)!important;border-color:rgba(132,183,200,.20)!important;box-shadow:0 8px 18px rgba(39,42,45,.035)!important}
body.bato-mybato-portal .bato-saas-inline-create{
  margin-top:12px!important;border:1px dashed rgba(39,42,45,.10)!important;border-radius:14px!important;background:rgba(250,249,246,.72)!important;overflow:hidden!important;
}
body.bato-mybato-portal .bato-saas-inline-create summary{
  list-style:none!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;
  padding:11px 12px!important;cursor:pointer!important;user-select:none!important;
}
body.bato-mybato-portal .bato-saas-inline-create summary::-webkit-details-marker{display:none!important}
body.bato-mybato-portal .bato-saas-inline-create summary strong,
body.bato-mybato-portal .bato-saas-inline-create summary small{display:block!important}
body.bato-mybato-portal .bato-saas-inline-create summary strong{font-size:11px!important}
body.bato-mybato-portal .bato-saas-inline-create summary small{margin-top:2px!important;color:#858B87!important;font-size:9px!important}
body.bato-mybato-portal .bato-saas-plus{width:32px!important;height:32px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid rgba(39,42,45,.07)!important;color:#C9533F!important;font-size:18px!important;font-weight:500!important}
body.bato-mybato-portal .bato-saas-chevron{color:#8A908C!important;transition:transform .15s ease!important}
body.bato-mybato-portal .bato-saas-inline-create[open] .bato-saas-chevron{transform:rotate(180deg)!important}
body.bato-mybato-portal .bato-saas-inline-create .bato-mybato-form{padding:0 12px 12px!important}

body.bato-mybato-portal .bato-saas-kids-section{padding-bottom:22px!important}
body.bato-mybato-portal .bato-saas-kid-card{
  position:relative!important;min-height:210px!important;padding:16px!important;text-align:left!important;overflow:hidden!important;
  border-radius:18px!important;background:linear-gradient(155deg,#fff 0%,#FBFAF7 100%)!important;
}
body.bato-mybato-portal .bato-saas-kid-card::after{
  content:""!important;position:absolute!important;width:110px!important;height:110px!important;border-radius:50%!important;right:-48px!important;top:-48px!important;
  background:radial-gradient(circle,rgba(244,180,77,.12),rgba(244,180,77,0) 68%)!important;pointer-events:none!important;
}
body.bato-mybato-portal .bato-saas-kid-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 34px rgba(39,42,45,.075)!important;border-color:rgba(239,116,97,.20)!important}
body.bato-mybato-portal .bato-saas-kid-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:14px!important}
body.bato-mybato-portal .bato-saas-kid-card .bato-mybato-avatar{
  width:52px!important;height:52px!important;border-radius:16px!important;font-size:17px!important;background:linear-gradient(145deg,rgba(239,116,97,.16),rgba(244,180,77,.13))!important;color:#C9533F!important;border:1px solid rgba(239,116,97,.12)!important;
}
body.bato-mybato-portal .bato-saas-status-orb{width:9px!important;height:9px!important;border-radius:50%!important;background:#F0B14B!important;box-shadow:0 0 0 5px rgba(240,177,75,.10)!important}
body.bato-mybato-portal .bato-saas-status-orb.is-good{background:#86A987!important;box-shadow:0 0 0 5px rgba(134,169,135,.10)!important}
body.bato-mybato-portal .bato-saas-kid-name h3{margin:0 0 4px!important;font-size:17px!important;letter-spacing:-.02em!important}
body.bato-mybato-portal .bato-saas-kid-name p{margin:0!important;color:#7B827E!important;font-size:11px!important}
body.bato-mybato-portal .bato-saas-kid-card .bato-mybato-card-meta{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:13px!important}
body.bato-mybato-portal .bato-saas-kid-card .bato-mybato-pill{font-size:8px!important;letter-spacing:.01em!important}
body.bato-mybato-portal .bato-saas-kid-card .bato-mybato-card-open{
  margin-top:auto!important;padding-top:15px!important;border-top:1px solid rgba(39,42,45,.06)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;color:#3C4540!important;font-size:10px!important;font-weight:850!important;
}
body.bato-mybato-portal .bato-saas-open-icon{width:28px!important;height:28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#272A2D!important;color:#fff!important;transition:transform .15s ease!important}
body.bato-mybato-portal .bato-saas-kid-card:hover .bato-saas-open-icon{transform:translateX(2px)!important}

@media(max-width:1100px){
  body.bato-mybato-portal .bato-saas-card-head{grid-template-columns:42px minmax(0,1fr)!important}
  body.bato-mybato-portal .bato-saas-card-head>.bato-saas-state{grid-column:2!important;justify-self:start!important}
}
@media(max-width:760px){
  body.bato-mybato-portal .bato-saas-card-head{grid-template-columns:40px minmax(0,1fr)!important}
  body.bato-mybato-portal .bato-saas-head-icon{width:40px!important;height:40px!important;border-radius:13px!important}
  body.bato-mybato-portal .bato-saas-identity{grid-template-columns:44px minmax(0,1fr)!important}
  body.bato-mybato-portal .bato-saas-identity .bato-saas-chip{grid-column:2!important;justify-self:start!important}
  body.bato-mybato-portal .bato-saas-textarea-grid{grid-template-columns:1fr!important}
  body.bato-mybato-portal .bato-saas-textarea-grid .is-wide{grid-column:auto!important}
  body.bato-mybato-portal .bato-saas-form-actions{align-items:stretch!important;flex-direction:column!important}
  body.bato-mybato-portal .bato-saas-form-actions .bato-mybato-cta{width:100%!important}
}


/* ==========================================================
   MyBaTo v7.4.11 — Custom sign-in + Cloudflare Turnstile
   Logged-out visitors get a first-party BaTo login surface.
   Loading this stylesheet before authentication also preserves
   the v7.4.7 public-theme bridge (nav kept, generic hero/footer hidden).
   ========================================================== */
body.bato-mybato-portal .bato-mybato-login-stage{
  min-height:calc(100vh - 112px)!important;
  display:grid!important;
  place-items:center!important;
  padding:48px 24px 64px!important;
  background:
    radial-gradient(circle at 15% 15%,rgba(239,177,75,.10),transparent 34%),
    radial-gradient(circle at 85% 80%,rgba(239,116,97,.08),transparent 32%),
    #F7F4EC!important;
}
body.bato-mybato-portal .bato-mybato-login-card{
  width:min(100%,460px)!important;
  padding:34px!important;
  border:1px solid rgba(39,42,45,.08)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 24px 70px rgba(45,40,34,.10)!important;
}
body.bato-mybato-portal .bato-mybato-login-mark{
  display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin-bottom:18px!important;
  border-radius:15px!important;background:#EF7461!important;color:#fff!important;font:900 24px/1 Georgia,serif!important;
}
body.bato-mybato-portal .bato-mybato-login-card>small{display:block!important;margin-bottom:8px!important;color:#8B6C4C!important;font-size:10px!important;font-weight:850!important;letter-spacing:.13em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-mybato-login-card>h1{margin:0!important;color:#272A2D!important;font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em!important}
body.bato-mybato-portal .bato-mybato-login-card>p{margin:12px 0 0!important;color:#6F7772!important;font-size:13px!important;line-height:1.65!important}
body.bato-mybato-portal .bato-mybato-login-form{display:grid!important;gap:15px!important;margin-top:26px!important}
body.bato-mybato-portal .bato-mybato-login-form>label{display:grid!important;gap:7px!important;color:#515A55!important;font-size:11px!important;font-weight:850!important}
body.bato-mybato-portal .bato-mybato-login-form input[type=text],
body.bato-mybato-portal .bato-mybato-login-form input[type=password]{width:100%!important;min-height:48px!important;padding:0 14px!important;border:1px solid rgba(39,42,45,.14)!important;border-radius:13px!important;background:#fff!important;color:#272A2D!important;font-size:14px!important;outline:none!important;box-shadow:none!important}
body.bato-mybato-portal .bato-mybato-login-form input[type=text]:focus,
body.bato-mybato-portal .bato-mybato-login-form input[type=password]:focus{border-color:#EF7461!important;box-shadow:0 0 0 3px rgba(239,116,97,.12)!important}
body.bato-mybato-portal .bato-mybato-login-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;color:#6F7772!important;font-size:11px!important}
body.bato-mybato-portal .bato-mybato-login-remember{display:flex!important;align-items:center!important;gap:7px!important;font-weight:700!important}
body.bato-mybato-portal .bato-mybato-login-remember input{width:auto!important;min-height:0!important}
body.bato-mybato-portal .bato-mybato-login-meta a{color:#574C40!important;text-decoration:none!important;font-weight:800!important}
body.bato-mybato-portal .bato-mybato-login-submit{width:100%!important;min-height:50px!important;border:0!important;border-radius:14px!important;background:#EF7461!important;color:#fff!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(239,116,97,.20)!important}
body.bato-mybato-portal .bato-mybato-login-submit:hover{transform:translateY(-1px)!important}
body.bato-mybato-portal .bato-mybato-turnstile{display:flex!important;justify-content:center!important;min-height:65px!important}
body.bato-mybato-portal .bato-mybato-login-error{margin-top:18px!important;padding:12px 14px!important;border-radius:12px!important;background:rgba(239,116,97,.10)!important;color:#9B4B40!important;font-size:11px!important;font-weight:800!important;line-height:1.5!important}
body.bato-mybato-portal .bato-mybato-login-security{display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;margin-top:20px!important;color:#89918C!important;font-size:10px!important;font-weight:750!important}
body.bato-mybato-portal .bato-mybato-login-security span:first-child{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;border-radius:999px!important;background:rgba(134,169,135,.14)!important;color:#628164!important}
@media(max-width:880px){body.bato-mybato-portal .bato-mybato-login-stage{min-height:calc(100vh - 86px)!important}}
@media(max-width:760px){body.bato-mybato-portal .bato-mybato-login-stage{min-height:calc(100vh - 78px)!important;padding:28px 16px 44px!important}body.bato-mybato-portal .bato-mybato-login-card{padding:24px 20px!important;border-radius:20px!important}body.bato-mybato-portal .bato-mybato-login-card>h1{font-size:29px!important}}

/* ==========================================================
   MyBaTo v7.4.12 — Login Background Media
   Platform-managed background image with readable cream overlay.
   ========================================================== */
body.bato-mybato-portal .bato-mybato-login-stage[style]{
  background-color:#F7F4EC!important;
}


/* MyBaTo v7.4.14 — white-label customer portal identity */
body.logged-in.bato-mybato-portal .site-header,
body.logged-in.bato-mybato-portal #site-header,
body.logged-in.bato-mybato-portal #masthead,
body.logged-in.bato-mybato-portal .bato-site-header,
body.logged-in.bato-mybato-portal .bato-website-header,
body.logged-in.bato-mybato-portal .bato-public-header,
body.logged-in.bato-mybato-portal .site-footer,
body.logged-in.bato-mybato-portal #site-footer,
body.logged-in.bato-mybato-portal #colophon,
body.logged-in.bato-mybato-portal .bato-site-footer,
body.logged-in.bato-mybato-portal .bato-website-footer{
  display:none!important;
}
body.bato-mybato-portal .bato-mybato-brand.has-logo:before{display:none!important}
body.bato-mybato-portal .bato-mybato-brand.has-logo img{
  width:auto!important;max-width:126px!important;height:38px!important;max-height:38px!important;object-fit:contain!important;object-position:left center!important;display:block!important;
}
body.bato-mybato-portal .bato-mybato-brand.has-logo span{font-size:12px!important;letter-spacing:-.01em!important;color:#59625e!important}
body.bato-mybato-portal .bato-mybato-login-logo{display:flex!important;align-items:center!important;min-height:44px!important;margin-bottom:12px!important}
body.bato-mybato-portal .bato-mybato-login-logo img{width:auto!important;max-width:150px!important;max-height:52px!important;object-fit:contain!important;display:block!important}

/* v7.4.19 — Customer registration + tenant/home-branch onboarding */
body.bato-mybato-portal .bato-mybato-auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:18px 0 20px!important;padding:4px!important;border-radius:13px!important;background:#F4F1EA!important}
body.bato-mybato-portal .bato-mybato-auth-tabs a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;border-radius:10px!important;color:#6F7772!important;text-decoration:none!important;font-size:11px!important;font-weight:850!important}
body.bato-mybato-portal .bato-mybato-auth-tabs a.is-active{background:#fff!important;color:#272A2D!important;box-shadow:0 2px 8px rgba(39,42,45,.07)!important}
body.bato-mybato-portal .bato-mybato-register-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
body.bato-mybato-portal .bato-mybato-login-form input[type=email],body.bato-mybato-portal .bato-mybato-login-form select{width:100%!important;min-height:48px!important;padding:0 14px!important;border:1px solid rgba(39,42,45,.14)!important;border-radius:13px!important;background:#fff!important;color:#272A2D!important;font-size:14px!important;outline:none!important;box-shadow:none!important}
body.bato-mybato-portal .bato-mybato-login-form label>small{display:block!important;margin-top:4px!important;color:#89918C!important;font-size:10px!important;font-weight:650!important;line-height:1.45!important}
body.bato-mybato-portal .bato-mybato-auth-note{margin-top:16px!important;text-align:center!important;color:#6F7772!important;font-size:11px!important;font-weight:700!important}
body.bato-mybato-portal .bato-mybato-auth-note a{color:#C9533F!important;text-decoration:none!important;font-weight:900!important}
@media(max-width:560px){body.bato-mybato-portal .bato-mybato-register-grid{grid-template-columns:1fr!important}}


/* v7.4.21 — SaaS authentication shell + logged-out asset hardening */
body.bato-mybato-portal .bato-auth-v7421{padding:clamp(24px,5vw,72px) 20px!important;min-height:calc(100vh - 120px)!important;display:grid!important;place-items:center!important}
body.bato-mybato-portal .bato-mybato-auth-shell{width:min(100%,1040px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(380px,470px)!important;border:1px solid rgba(39,42,45,.08)!important;border-radius:28px!important;overflow:hidden!important;background:rgba(255,255,255,.88)!important;box-shadow:0 28px 70px rgba(63,52,39,.12)!important;backdrop-filter:blur(20px)!important}
body.bato-mybato-portal .bato-mybato-auth-intro{position:relative!important;padding:52px!important;background:linear-gradient(145deg,rgba(244,113,92,.10),rgba(241,206,124,.16) 48%,rgba(144,183,145,.14))!important;border-right:1px solid rgba(39,42,45,.06)!important;display:flex!important;align-items:stretch!important}
body.bato-mybato-portal .bato-mybato-auth-intro-inner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important}
body.bato-mybato-portal .bato-auth-eyebrow,body.bato-mybato-portal .bato-auth-card-kicker{font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#87674C!important}
body.bato-mybato-portal .bato-mybato-auth-intro h2{margin:28px 0 14px!important;max-width:520px!important;font-size:clamp(30px,3.1vw,48px)!important;line-height:1.02!important;letter-spacing:-.045em!important;color:#24221F!important}
body.bato-mybato-portal .bato-mybato-auth-intro p{max-width:500px!important;margin:0!important;color:#625F59!important;font-size:14px!important;line-height:1.7!important}
body.bato-mybato-portal .bato-auth-benefits{display:grid!important;gap:9px!important;margin:28px 0!important;font-size:12px!important;font-weight:800!important;color:#4F5D54!important}
body.bato-mybato-portal .bato-auth-new{margin-top:auto!important;width:100%!important;padding:18px!important;border-radius:18px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(39,42,45,.08)!important}
body.bato-mybato-portal .bato-auth-new small{display:block!important;color:#7D817E!important;font-size:10px!important;font-weight:750!important}
body.bato-mybato-portal .bato-auth-new strong{display:block!important;margin:3px 0 12px!important;color:#292C2A!important;font-size:15px!important}
body.bato-mybato-portal .bato-auth-new-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;padding:0 14px!important;border-radius:12px!important;background:#282A28!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-card{width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:46px 42px 34px!important}
body.bato-mybato-portal .bato-auth-mobile-brand{display:none!important}
body.bato-mybato-portal .bato-auth-heading{margin:22px 0 24px!important}
body.bato-mybato-portal .bato-auth-heading h1{margin:0 0 8px!important;font-size:30px!important;letter-spacing:-.035em!important;color:#222522!important}
body.bato-mybato-portal .bato-auth-heading p{margin:0!important;font-size:12px!important;line-height:1.6!important;color:#737B76!important}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-auth-tabs{margin:14px 0 0!important;background:#F5F3EE!important;padding:5px!important;border-radius:14px!important}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-auth-tabs a{min-height:42px!important;font-size:12px!important;transition:.18s ease!important}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-auth-tabs a.is-active{box-shadow:0 3px 12px rgba(39,42,45,.09)!important}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-form{display:grid!important;gap:14px!important}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-form>label,body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-register-grid label{display:grid!important;gap:7px!important;font-size:11px!important;font-weight:850!important;color:#343835!important}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-form input[type=text],body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-form input[type=password],body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-form input[type=email],body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-form select{min-height:50px!important;border:1px solid rgba(39,42,45,.13)!important;border-radius:13px!important;padding:0 14px!important;background:#fff!important;box-shadow:0 1px 0 rgba(39,42,45,.02)!important;font-size:14px!important}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-form input:focus,body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-form select:focus{border-color:rgba(239,116,97,.65)!important;box-shadow:0 0 0 4px rgba(239,116,97,.10)!important}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-submit{min-height:52px!important;margin-top:2px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;font-size:13px!important;font-weight:900!important}
body.bato-mybato-portal .bato-auth-register-mobile{display:none!important}
body.bato-mybato-portal .bato-auth-version{margin-top:12px!important;text-align:right!important;font-size:8px!important;color:#C3C7C4!important}
@media(max-width:820px){body.bato-mybato-portal .bato-mybato-auth-shell{grid-template-columns:1fr!important;width:min(100%,560px)!important}body.bato-mybato-portal .bato-mybato-auth-intro{display:none!important}body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-card{padding:34px 26px 28px!important;border-radius:24px!important}body.bato-mybato-portal .bato-auth-mobile-brand{display:block!important;margin-bottom:14px!important}body.bato-mybato-portal .bato-auth-register-mobile{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:16px!important;padding:14px 16px!important;border-radius:14px!important;border:1px solid rgba(39,42,45,.09)!important;background:#FAF8F3!important;color:#292C2A!important;text-decoration:none!important}body.bato-mybato-portal .bato-auth-register-mobile small{display:block!important;font-size:9px!important;color:#868D89!important}body.bato-mybato-portal .bato-auth-register-mobile strong{font-size:12px!important}body.bato-mybato-portal .bato-auth-register-mobile b{font-size:18px!important}}
@media(max-width:560px){body.bato-mybato-portal .bato-auth-v7421{padding:18px 12px!important}body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-card{padding:28px 20px 24px!important}body.bato-mybato-portal .bato-auth-heading h1{font-size:27px!important}}

/* v7.4.26 — Standard Online Checkout */
.bato-booking-payment-next.is-ready{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.bato-booking-payment-next.is-ready>div{min-width:0}
.bato-booking-payment-next.is-ready p{margin:4px 0 0}
.bato-mybato-checkout-form{margin:0;flex:0 0 auto}
.bato-mybato-checkout-form .bato-mybato-cta{white-space:nowrap;min-width:190px}
.bato-booking-payment-next.is-error{border-color:rgba(168,70,57,.18);background:#fff8f6}
.bato-booking-payment-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f7f8f6;border:1px solid rgba(39,42,45,.07)}
.bato-booking-payment-note strong{font-size:10px}.bato-booking-payment-note p{margin:3px 0 0;font-size:9px;color:#6d7671}
@media(max-width:720px){
  .bato-booking-payment-next.is-ready{align-items:stretch;flex-direction:column}
  .bato-mybato-checkout-form .bato-mybato-cta{width:100%;min-width:0}
}

.bato-mybato-checkout-form [data-bato-checkout-error]{display:block;margin-top:7px;font-size:9px;color:#a84639;max-width:320px}

/* v7.4.29 — Arrival QR Pass */
body.bato-mybato-portal .bato-mybato-arrival-pass{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:20px;align-items:center;margin-top:16px;padding:16px;border:1px solid rgba(39,42,45,.08);border-radius:14px;background:linear-gradient(135deg,#fff,#f8fbf8)}
body.bato-mybato-portal .bato-arrival-pass-copy>small{font-size:8px;font-weight:900;letter-spacing:.1em;color:#6f7973}
body.bato-mybato-portal .bato-arrival-pass-copy h3{margin:4px 0 6px;font-size:17px}
body.bato-mybato-portal .bato-arrival-pass-copy p{margin:0;max-width:620px;font-size:10px;line-height:1.5;color:#68716c}
body.bato-mybato-portal .bato-arrival-pass-copy em{display:block;margin-top:8px;font-style:normal;font-size:8px;color:#7b837f}
body.bato-mybato-portal .bato-arrival-pass-code{display:grid;gap:4px;margin-top:11px}
body.bato-mybato-portal .bato-arrival-pass-code span{font-size:8px;font-weight:800;color:#747d78}
body.bato-mybato-portal .bato-arrival-pass-code code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;border-radius:7px;background:#f2f3f1;font-size:8px;color:#3f4742}
body.bato-mybato-portal .bato-arrival-pass-qr{justify-self:end;width:170px;padding:8px;border:1px solid rgba(39,42,45,.08);border-radius:10px;background:#fff}
body.bato-mybato-portal .bato-checkin-qr-svg{display:block;width:100%;height:auto}
@media(max-width:700px){body.bato-mybato-portal .bato-mybato-arrival-pass{grid-template-columns:1fr}body.bato-mybato-portal .bato-arrival-pass-qr{justify-self:center;width:190px}}

/* v7.4.30 — Family Waitlist */
body.bato-mybato-portal .bato-waitlist-family{margin-bottom:16px}body.bato-mybato-portal .bato-waitlist-family-list{display:grid;gap:8px}body.bato-mybato-portal .bato-waitlist-family-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(39,42,45,.07);border-radius:14px;background:#fff}body.bato-mybato-portal .bato-waitlist-family-row.is-offered{background:#f5faf6;border-color:rgba(80,130,91,.3)}body.bato-mybato-portal .bato-waitlist-family-row small{display:block;margin-top:3px;color:#76807a;font-size:9px}body.bato-mybato-portal .bato-waitlist-family-actions{display:flex;gap:6px}body.bato-mybato-portal .bato-waitlist-family-actions form{margin:0}@media(max-width:760px){body.bato-mybato-portal .bato-waitlist-family-row{grid-template-columns:1fr auto}body.bato-mybato-portal .bato-waitlist-family-actions{grid-column:1/-1}}

/* v7.4.31 — Customer Auto-pay */
.bato-autopay-card{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 14px;padding:16px 18px;border:1px solid rgba(39,42,45,.09);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#f6faf6 100%)}
.bato-autopay-copy{display:grid;gap:4px;max-width:760px}.bato-autopay-copy h3{margin:0;font-size:18px}.bato-autopay-copy p{margin:0;font-size:13px;line-height:1.45;color:#626b66}.bato-autopay-copy small{font-size:11px;color:#7b837f}
.bato-autopay-control form{display:flex;align-items:center;gap:9px}.bato-autopay-switch{display:flex;align-items:center;gap:7px}.bato-autopay-switch .track{position:relative;width:42px;height:24px;border-radius:999px;background:#d8ddda}.bato-autopay-switch .track i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16)}.bato-autopay-switch.is-on .track{background:#4e8b61}.bato-autopay-switch.is-on .track i{transform:translateX(18px)}.bato-autopay-switch strong{font-size:12px}.bato-benefits-autopay-hint{display:block;margin-top:4px;font-size:10px;color:#78807c}
@media(max-width:720px){.bato-autopay-card{align-items:flex-start;flex-direction:column}.bato-autopay-control form{flex-wrap:wrap}}


/* ==========================================================
   v7.4.32 — BaTo Typography Standard Adoption
   Uses Core tokens when available and enforces readable floors.
   ========================================================== */
:root{
  --mb-text-xs:var(--bato-text-xs,12px);
  --mb-text-sm:var(--bato-text-sm,13px);
  --mb-text-label:var(--bato-text-label,14px);
  --mb-text-body:var(--bato-text-body,16px);
  --mb-text-subtitle:var(--bato-text-subtitle,18px);
  --mb-text-section:var(--bato-text-section,22px);
  --mb-text-page:var(--bato-text-page,34px);
}
body.bato-mybato-portal .bato-mybato-app{
  font-size:var(--mb-text-body)!important;
  line-height:1.5!important;
}
body.bato-mybato-portal .bato-mybato-topbar h1,
body.bato-mybato-portal .bato-mybato-page-head h1{
  font-size:var(--mb-text-page)!important;
  line-height:1.12!important;
}
body.bato-mybato-portal h2{
  font-size:var(--mb-text-section)!important;
  line-height:1.25!important;
}
body.bato-mybato-portal h3{
  font-size:var(--mb-text-subtitle)!important;
  line-height:1.3!important;
}
body.bato-mybato-portal p{
  font-size:var(--mb-text-body)!important;
  line-height:1.55!important;
}
body.bato-mybato-portal label{
  font-size:var(--mb-text-label)!important;
  line-height:1.4!important;
}
body.bato-mybato-portal small,
body.bato-mybato-portal .bato-kicker,
body.bato-mybato-portal [class*="helper"],
body.bato-mybato-portal [class*="hint"],
body.bato-mybato-portal [class*="meta"],
body.bato-mybato-portal .bato-benefits-plan-type{
  font-size:var(--mb-text-xs)!important;
  line-height:1.4!important;
}
body.bato-mybato-portal input,
body.bato-mybato-portal select,
body.bato-mybato-portal textarea{
  font-size:16px!important;
  min-height:44px!important;
  line-height:1.35!important;
}
body.bato-mybato-portal button,
body.bato-mybato-portal .bato-btn,
body.bato-mybato-portal .bato-mybato-mini-action{
  font-size:var(--mb-text-label)!important;
  min-height:40px;
}
body.bato-mybato-portal .bato-mybato-sidebar nav a{
  font-size:var(--mb-text-label)!important;
}
body.bato-mybato-portal .bato-mybato-topbar small{
  font-size:var(--mb-text-xs)!important;
  line-height:1.35!important;
}
body.bato-mybato-portal .bato-arrival-pass-code span,
body.bato-mybato-portal .bato-arrival-pass-code code,
body.bato-mybato-portal .bato-waitlist-family-row small,
body.bato-mybato-portal .bato-benefits-autopay-hint,
body.bato-mybato-portal .bato-autopay-copy small{
  font-size:var(--mb-text-xs)!important;
  line-height:1.45!important;
}
body.bato-mybato-portal .bato-autopay-copy p{
  font-size:var(--mb-text-sm)!important;
}
@media(max-width:720px){
  body.bato-mybato-portal .bato-mybato-topbar h1,
  body.bato-mybato-portal .bato-mybato-page-head h1{
    font-size:30px!important;
  }
  body.bato-mybato-portal input,
  body.bato-mybato-portal select,
  body.bato-mybato-portal textarea{
    font-size:16px!important;
  }
}

/* v7.4.34 — advanced Family Account Connections */
.bato-family-connection-entry{margin-top:16px}
.bato-family-connections-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0 10px;border-bottom:1px solid rgba(39,42,45,.08);margin-bottom:12px}
.bato-family-connections-intro h3{margin:2px 0 4px;font-size:18px}
.bato-family-connections-intro p{margin:0;font-size:13px;line-height:1.5;color:#6f7772}
@media(max-width:760px){.bato-family-connections-intro{flex-direction:column}}

/* v7.4.35 — live booking state sync */
.bato-booking-readiness-row.is-live{
  background:rgba(118,168,124,.08);
  border-color:rgba(118,168,124,.18);
}
.bato-booking-readiness-row.is-live .is-good{
  font-weight:800;
}


/* v7.4.36 — MyBaTo notification bell */
.bato-mybato-account-actions{display:flex;align-items:center;gap:10px}
.bato-mybato-bell{position:relative}
.bato-mybato-bell>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  gap:4px;min-width:42px;height:38px;padding:0 10px;border:1px solid rgba(39,42,45,.08);
  border-radius:999px;background:#fff;font-weight:800
}
.bato-mybato-bell>summary::-webkit-details-marker{display:none}
.bato-mybato-bell-icon{font-size:16px;line-height:1}
.bato-mybato-bell>summary b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;font-size:11px;background:#eef1ed}
.bato-mybato-bell>summary b.has-unread{background:#ef7461;color:#fff}
.bato-mybato-bell-popover{
  position:absolute;right:0;top:46px;z-index:1000;width:min(380px,calc(100vw - 28px));
  background:#fff;border:1px solid rgba(39,42,45,.10);border-radius:16px;
  box-shadow:0 18px 50px rgba(26,31,29,.16);overflow:hidden
}
.bato-mybato-bell-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid rgba(39,42,45,.08)}
.bato-mybato-bell-head>div{display:grid;gap:1px}.bato-mybato-bell-head small{font-size:12px;color:#727a76}
.bato-mybato-bell-head button{border:0;background:transparent;font-size:12px;font-weight:800;cursor:pointer;color:#5f6c65}
.bato-mybato-bell-list{max-height:340px;overflow:auto}
.bato-mybato-bell-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 13px;border-bottom:1px solid rgba(39,42,45,.06)}
.bato-mybato-bell-item.is-unread{background:#fff9f6}
.bato-mybato-bell-item>a{display:grid;gap:3px;text-decoration:none;color:inherit;min-width:0}
.bato-mybato-bell-item>a strong{font-size:13px}.bato-mybato-bell-item>a small{font-size:12px;line-height:1.35;color:#6f7772}
.bato-mybato-bell-item form button{width:30px;height:30px;border:0;border-radius:999px;background:#f0f5ef;cursor:pointer;font-weight:900}
.bato-mybato-bell-viewall{display:block;padding:11px 14px;text-align:center;text-decoration:none;font-size:12px;font-weight:800;color:#46544d;background:#fafbf9}
.bato-mybato-bell-empty{display:grid;gap:3px;padding:20px 14px;text-align:center}.bato-mybato-bell-empty small{font-size:12px;color:#727a76}
.bato-mybato-notification-actions{display:flex;align-items:center;gap:8px}
.bato-mybato-notification-actions form{margin:0}
@media(max-width:760px){
  .bato-mybato-account-actions{gap:6px}
  .bato-mybato-bell-popover{position:fixed;right:12px;left:12px;top:72px;width:auto}
}


/* ==========================================================
   v7.4.37 — Authenticated Portal Top Spacing Fix
   MyBaTo owns the authenticated canvas. The legacy public-theme
   header reservation must not create empty space above the portal.
   ========================================================== */
body.bato-mybato-portal.logged-in .bato-inner-page{
  padding-top:0!important;
  margin-top:0!important;
}
body.bato-mybato-portal.logged-in .bato-mybato-app,
body.bato-mybato-portal.logged-in .bato-mybato-main{
  min-height:100vh!important;
}
body.bato-mybato-portal.logged-in .bato-mybato-content{
  padding-top:18px!important;
}

/* Override the old responsive public-header reservations too. */
@media(max-width:880px){
  body.bato-mybato-portal.logged-in .bato-inner-page{
    padding-top:0!important;
  }
}
@media(max-width:760px){
  body.bato-mybato-portal.logged-in .bato-inner-page{
    padding-top:0!important;
  }
  body.bato-mybato-portal.logged-in .bato-mybato-app,
  body.bato-mybato-portal.logged-in .bato-mybato-main{
    min-height:100vh!important;
  }
}

.bato-notification-all-read-form[hidden]{display:none!important}
.bato-notification-state-form button:disabled,
.bato-notification-all-read-form button:disabled{opacity:.55;cursor:wait}
.bato-mybato-notification-row.is-unread{background:rgba(239,116,97,.045)}


/* v7.4.39 — richer scheduled-event cards in MyBaTo */
body.bato-mybato-portal .bato-mybato-package-card.is-scheduled{min-height:0!important;display:flex!important;flex-direction:column!important;gap:14px!important}
body.bato-mybato-portal .bato-mybato-event-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
body.bato-mybato-portal .bato-mybato-event-card-top>small{margin:0!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:9px!important;font-weight:800!important;color:#8a7770!important}
body.bato-mybato-portal .bato-mybato-event-schedule{display:grid!important;gap:8px!important;padding:12px 0!important;border-top:1px solid var(--mb-line,rgba(39,42,45,.09))!important;border-bottom:1px solid var(--mb-line,rgba(39,42,45,.09))!important}
body.bato-mybato-portal .bato-mybato-event-schedule span{display:flex!important;align-items:center!important;gap:9px!important;color:#4f5853!important;font-size:12px!important}
body.bato-mybato-portal .bato-mybato-event-schedule b{width:18px!important;text-align:center!important;color:#ef7461!important;font-weight:700!important}
body.bato-mybato-portal .bato-mybato-event-facts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body.bato-mybato-portal .bato-mybato-event-facts>span{padding:10px 12px!important;border:1px solid var(--mb-line,rgba(39,42,45,.09))!important;border-radius:13px!important;background:#fbfbfa!important}
body.bato-mybato-portal .bato-mybato-event-facts small,body.bato-mybato-portal .bato-mybato-event-commerce small{display:block!important;margin-bottom:3px!important;color:#929995!important;font-size:8px!important;font-weight:800!important;letter-spacing:.1em!important}
body.bato-mybato-portal .bato-mybato-event-facts strong{font-size:12px!important;color:#252b28!important}
body.bato-mybato-portal .bato-mybato-event-commerce{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important}
body.bato-mybato-portal .bato-mybato-event-commerce .bato-mybato-benefit-value{margin:0!important}
body.bato-mybato-portal .bato-mybato-event-commerce>div:last-child{text-align:right!important}
body.bato-mybato-portal .bato-mybato-event-commerce>div:last-child strong{font-size:14px!important;color:#252b28!important}
@media(max-width:720px){body.bato-mybato-portal .bato-mybato-event-facts{grid-template-columns:1fr 1fr!important}}


/* v7.4.40 — Scheduled Event Self-Booking */
.bato-event-book-cta{margin-top:16px;width:100%;justify-content:center;text-align:center}.bato-event-booker{margin:0 0 22px;padding:22px;border:1px solid #f3c6ba;border-radius:20px;background:#fff}.bato-event-booker-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.bato-event-booker-head small{font-weight:800;letter-spacing:.12em;color:#a86d5e}.bato-event-booker-head h2{margin:5px 0}.bato-event-booker-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.bato-event-booker-steps span{padding:10px;border-radius:12px;background:#f5f5f3;text-align:center;font-size:12px;font-weight:700;color:#8a8f96}.bato-event-booker-steps span.is-active{background:#fff0eb;color:#d65f4d}.bato-event-book-step{display:none}.bato-event-book-step.is-active{display:block}.bato-event-child-grid,.bato-event-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}.bato-event-choice input{position:absolute;opacity:0}.bato-event-choice span,.bato-event-slot{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #e6e6e2;border-radius:14px;background:#fff;cursor:pointer}.bato-event-choice input:checked+span,.bato-event-slot.is-selected{border-color:#f3705d;background:#fff4f0;box-shadow:0 0 0 2px rgba(243,112,93,.1)}.bato-event-slot{font:inherit;text-align:left;font-weight:800}.bato-event-slot small,.bato-event-choice small{font-size:11px;font-weight:600;color:#858b91}.bato-event-review{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.bato-event-review>div,.bato-event-payment-summary{padding:14px;border:1px solid #e9e9e6;border-radius:14px;background:#fafaf8}.bato-event-review small{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;color:#92979d;margin-bottom:5px}.bato-event-payment-summary{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.bato-event-booker-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.bato-event-booker-error{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fff0ed;color:#9d3f32;font-weight:700}@media(max-width:700px){.bato-event-booker-steps{grid-template-columns:1fr 1fr}.bato-event-review{grid-template-columns:1fr}.bato-event-booker-head{flex-direction:column}.bato-event-payment-summary{align-items:flex-start;flex-direction:column;gap:5px}}

/* v7.4.41 — Contextual Event Booking CTA */
.bato-event-booker-actions [hidden]{display:none!important}


/* v7.4.43 — Event Reservation Receipt */
body.bato-mybato-portal .bato-event-reservation-card{padding:20px!important}
body.bato-mybato-portal .bato-event-reservation-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
body.bato-mybato-portal .bato-event-reservation-head>small{text-transform:uppercase!important;letter-spacing:.11em!important;font-size:9px!important;font-weight:800!important;color:#8a7770!important}
body.bato-mybato-portal .bato-event-reservation-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:14px!important}
body.bato-mybato-portal .bato-event-reservation-details>span{padding:11px 12px!important;border:1px solid var(--mb-line,rgba(39,42,45,.09))!important;border-radius:13px!important;background:#fbfbfa!important}
body.bato-mybato-portal .bato-event-reservation-details small{display:block!important;margin-bottom:4px!important;color:#929995!important;font-size:8px!important;font-weight:800!important;letter-spacing:.1em!important}
body.bato-mybato-portal .bato-event-reservation-details strong{font-size:12px!important;color:#252b28!important}
body.bato-mybato-portal .bato-event-reservation-actions{display:flex!important;justify-content:flex-end!important;margin-top:14px!important}
@media(max-width:700px){body.bato-mybato-portal .bato-event-reservation-details{grid-template-columns:1fr!important}}


/* v7.4.44 — Real family calendar */
body.bato-mybato-portal .bato-real-calendar{padding:0!important;overflow:hidden!important}
body.bato-mybato-portal .bato-calendar-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:20px 22px!important;border-bottom:1px solid rgba(39,42,45,.08)!important}
body.bato-mybato-portal .bato-calendar-toolbar small{display:block!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;color:#9a8178!important}
body.bato-mybato-portal .bato-calendar-toolbar h2{margin:3px 0 0!important;font-size:22px!important}
body.bato-mybato-portal .bato-calendar-nav{display:flex!important;align-items:center!important;gap:7px!important}
body.bato-mybato-portal .bato-calendar-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:36px!important;padding:0 11px!important;border:1px solid rgba(39,42,45,.12)!important;border-radius:11px!important;background:#fff!important;color:#272a2d!important;text-decoration:none!important;font-weight:800!important}
body.bato-mybato-portal .bato-calendar-nav a.today{min-width:auto!important}
body.bato-mybato-portal .bato-calendar-weekdays,body.bato-mybato-portal .bato-calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}
body.bato-mybato-portal .bato-calendar-weekdays{background:#faf9f6!important;border-bottom:1px solid rgba(39,42,45,.08)!important}
body.bato-mybato-portal .bato-calendar-weekdays span{padding:10px 8px!important;text-align:center!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;color:#8b918d!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-calendar-day{min-height:132px!important;padding:9px!important;border-right:1px solid rgba(39,42,45,.07)!important;border-bottom:1px solid rgba(39,42,45,.07)!important;background:#fff!important}
body.bato-mybato-portal .bato-calendar-day:nth-child(7n){border-right:0!important}body.bato-mybato-portal .bato-calendar-day.is-empty{background:#fbfaf8!important}
body.bato-mybato-portal .bato-calendar-daynum{display:flex!important;align-items:center!important;justify-content:center!important;width:27px!important;height:27px!important;border-radius:50%!important;font-size:12px!important;font-weight:800!important;color:#535955!important}
body.bato-mybato-portal .bato-calendar-day.is-today .bato-calendar-daynum{background:#ef7461!important;color:#fff!important}
body.bato-mybato-portal .bato-calendar-dayitems{display:flex!important;flex-direction:column!important;gap:5px!important;margin-top:5px!important}
body.bato-mybato-portal .bato-calendar-item{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;column-gap:5px!important;padding:6px 7px!important;border-radius:8px!important;background:#f7f5f0!important;color:#303431!important;text-decoration:none!important;overflow:hidden!important}
body.bato-mybato-portal .bato-calendar-item strong{font-size:10px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}body.bato-mybato-portal .bato-calendar-item small{grid-column:2!important;font-size:9px!important;color:#777f79!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.bato-mybato-portal .bato-calendar-item.is-event{background:#fff0ec!important}body.bato-mybato-portal .bato-calendar-item.is-birthday{background:#fff7e6!important}body.bato-mybato-portal .bato-calendar-item.is-booking{background:#eef6f2!important}
body.bato-mybato-portal .bato-calendar-agenda{margin-top:14px!important}body.bato-mybato-portal a.bato-mybato-calendar-row{text-decoration:none!important;color:inherit!important}
@media(max-width:760px){body.bato-mybato-portal .bato-calendar-weekdays,body.bato-mybato-portal .bato-calendar-grid{min-width:700px!important}body.bato-mybato-portal .bato-real-calendar{overflow-x:auto!important}body.bato-mybato-portal .bato-calendar-toolbar{position:sticky!important;left:0!important;min-width:calc(100vw - 34px)!important}body.bato-mybato-portal .bato-calendar-day{min-height:110px!important}}


/* 7.4.48 — purchase review before external gateway */
body.bato-review-open{overflow:hidden}.bato-checkout-review{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px}.bato-checkout-review__backdrop{position:absolute;inset:0;background:rgba(30,27,24,.48);backdrop-filter:blur(4px)}.bato-checkout-review__panel{position:relative;width:min(560px,100%);background:#fffdf9;border:1px solid rgba(40,35,30,.1);border-radius:28px;padding:32px;box-shadow:0 30px 90px rgba(30,25,20,.22)}.bato-checkout-review__panel>small{font-size:11px;letter-spacing:.16em;font-weight:800;color:#a95d4d}.bato-checkout-review__panel h2{margin:8px 40px 6px 0;font-size:30px;line-height:1.08}.bato-checkout-review__secure{margin:0 0 24px;color:#6f6a64}.bato-checkout-review__close{position:absolute;right:20px;top:18px;border:0;background:#f4efe8;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}.bato-checkout-review__rows{border-top:1px solid #ece5dc;border-bottom:1px solid #ece5dc;padding:8px 0}.bato-checkout-review__rows>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0}.bato-checkout-review__rows span{color:#69635d}.bato-checkout-review__rows .is-total{border-top:1px solid #ece5dc;margin-top:4px;padding-top:17px;font-size:20px}.bato-checkout-review__rows .is-total span,.bato-checkout-review__rows .is-total strong{color:#201d1a;font-weight:800}.bato-checkout-review__note{font-size:13px;line-height:1.5;color:#746e68;margin:18px 0}.bato-checkout-review__actions{display:flex;gap:10px}.bato-checkout-review__actions button{min-height:48px;border-radius:999px;padding:0 20px;font-weight:800;cursor:pointer}.bato-review-back{border:1px solid #ded7cf;background:#fff}.bato-review-pay{margin-left:auto;border:0;background:#f56f5b;color:#fff;box-shadow:0 10px 25px rgba(245,111,91,.22)}@media(max-width:640px){.bato-checkout-review{padding:14px;align-items:end}.bato-checkout-review__panel{border-radius:24px;padding:25px 20px}.bato-checkout-review__actions{flex-direction:column-reverse}.bato-review-pay{margin-left:0}}


/* v7.4.49 — payment state, cancellation and verified receipt */
body.bato-mybato-portal .bato-mybato-order-totals{margin:18px 0 8px auto;max-width:420px;border-top:1px solid rgba(39,42,45,.10);padding-top:10px}
body.bato-mybato-portal .bato-mybato-order-totals>div{display:flex;justify-content:space-between;gap:24px;padding:7px 0}
body.bato-mybato-portal .bato-mybato-order-totals .is-total{font-size:1.12rem;font-weight:800;border-top:1px solid rgba(39,42,45,.10);margin-top:4px;padding-top:12px}
body.bato-mybato-portal .bato-mybato-cancel-order{display:flex;justify-content:flex-end;margin-top:14px}
body.bato-mybato-portal .bato-mybato-mini-action.danger{color:#a33b2d;border-color:rgba(163,59,45,.24);background:#fff7f4}
body.bato-mybato-portal .bato-receipt-template{max-width:860px;margin:22px auto;background:#fff!important;border:1px solid rgba(39,42,45,.08)!important;box-shadow:0 22px 60px rgba(39,42,45,.08)}
body.bato-mybato-portal .bato-receipt-brand{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid rgba(39,42,45,.10)}
body.bato-mybato-portal .bato-receipt-brand h2{margin:5px 0 3px;font-size:1.65rem}.bato-receipt-paid{background:#eaf5ec;color:#356447;padding:9px 13px;border-radius:999px;font-weight:800;font-size:.8rem;letter-spacing:.06em}
body.bato-mybato-portal .bato-receipt-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(39,42,45,.10)}
body.bato-mybato-portal .bato-receipt-footer>div:first-child{display:grid;gap:5px}.bato-receipt-qr{display:grid;justify-items:center;gap:6px}.bato-receipt-qr img{border-radius:12px;background:#fff;padding:5px;border:1px solid #eee}.bato-receipt-actions{display:flex;justify-content:flex-end;margin-top:18px}
@media(max-width:700px){body.bato-mybato-portal .bato-receipt-footer{align-items:flex-start;flex-direction:column}.bato-receipt-qr{align-self:center}}
@media print{body.bato-mybato-portal .bato-mybato-sidebar,body.bato-mybato-portal .bato-mybato-topbar,body.bato-mybato-portal .bato-receipt-actions,body.bato-mybato-portal .bato-mybato-page-guide{display:none!important}body.bato-mybato-portal .bato-mybato-main{margin:0!important;padding:0!important}.bato-receipt-template{box-shadow:none!important;border:0!important;max-width:none!important}}

/* v7.4.50 — standalone payment receipt document + print isolation */
body.bato-mybato-portal .bato-receipt-document{max-width:820px;margin:22px auto;background:#fff;border:1px solid rgba(39,42,45,.10);border-radius:22px;padding:34px;color:#272a2d;box-shadow:0 22px 60px rgba(39,42,45,.07)}
body.bato-mybato-portal .bato-receipt-doc-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid rgba(39,42,45,.12)}
body.bato-mybato-portal .bato-receipt-doc-brand{display:flex;align-items:center;gap:18px}.bato-receipt-doc-brand img{width:auto;max-width:132px;max-height:64px;object-fit:contain}.bato-receipt-doc-brand small,.bato-receipt-doc-meta small,.bato-receipt-doc-status small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#7b746d}.bato-receipt-doc-brand h2{margin:4px 0 3px;font-size:24px}.bato-receipt-doc-brand strong{font-size:13px;color:#5f625f}
body.bato-mybato-portal .bato-receipt-doc-status{text-align:right}.bato-receipt-doc-status span{display:inline-block;background:#eaf5ec;color:#356447;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.07em}.bato-receipt-doc-status small{margin-top:9px;text-transform:none;letter-spacing:0}
body.bato-mybato-portal .bato-receipt-doc-contact{display:flex;flex-wrap:wrap;gap:7px 18px;padding:13px 0;border-bottom:1px solid rgba(39,42,45,.08);font-size:12px;color:#686b68}
body.bato-mybato-portal .bato-receipt-doc-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:22px 0}.bato-receipt-doc-meta strong{display:block;margin-top:4px;font-size:13px}
body.bato-mybato-portal .bato-receipt-doc-items{border-top:1px solid rgba(39,42,45,.12);border-bottom:1px solid rgba(39,42,45,.12)}.bato-receipt-doc-items-head,.bato-receipt-doc-item{display:grid;grid-template-columns:minmax(0,1fr) 150px 100px;gap:16px;align-items:center}.bato-receipt-doc-items-head{padding:10px 0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#7b746d}.bato-receipt-doc-item{padding:16px 0;border-top:1px solid rgba(39,42,45,.07);font-size:13px}.bato-receipt-doc-item>span,.bato-receipt-doc-item>strong:last-child,.bato-receipt-doc-items-head>span:nth-child(n+2){text-align:right}
body.bato-mybato-portal .bato-receipt-doc-summary{width:min(360px,100%);margin:20px 0 20px auto}.bato-receipt-doc-summary>div{display:flex;justify-content:space-between;gap:24px;padding:7px 0;font-size:13px}.bato-receipt-doc-summary .is-total{margin-top:8px;padding-top:13px;border-top:1px solid rgba(39,42,45,.15);font-size:20px}
body.bato-mybato-portal .bato-receipt-doc-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:20px;border-top:1px solid rgba(39,42,45,.12)}.bato-receipt-doc-rules{max-width:560px}.bato-receipt-doc-rules>strong{font-size:14px}.bato-receipt-doc-rules p{margin:8px 0;color:#666b67;font-size:11px;line-height:1.55}.bato-receipt-doc-rules small{font-size:10px;color:#7b746d}.bato-receipt-document .bato-receipt-qr{flex:0 0 auto}.bato-receipt-document .bato-receipt-qr img{width:112px;height:112px}.bato-receipt-document .bato-receipt-qr small{font-size:9px}
body.bato-mybato-portal .bato-receipt-actions{max-width:820px;margin:14px auto 24px;display:flex;justify-content:flex-end}
@media(max-width:700px){body.bato-mybato-portal .bato-receipt-document{padding:22px 18px;border-radius:18px}.bato-receipt-doc-head,.bato-receipt-doc-footer{flex-direction:column}.bato-receipt-doc-status{text-align:left}.bato-receipt-doc-meta{grid-template-columns:1fr!important}.bato-receipt-doc-items-head{display:none}.bato-receipt-doc-item{grid-template-columns:1fr auto}.bato-receipt-doc-item>div{grid-column:1/-1}.bato-receipt-doc-item>span{text-align:left!important}.bato-receipt-doc-summary{width:100%!important}.bato-receipt-qr{align-self:center}}
@media print{
 @page{size:auto;margin:12mm}
 html,body{background:#fff!important}
 body.bato-mybato-portal *{visibility:hidden!important}
 body.bato-mybato-portal #bato-payment-receipt,body.bato-mybato-portal #bato-payment-receipt *{visibility:visible!important}
 body.bato-mybato-portal #bato-payment-receipt{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
 body.bato-mybato-portal .bato-receipt-actions{display:none!important}
 body.bato-mybato-portal .bato-receipt-doc-head,body.bato-mybato-portal .bato-receipt-doc-meta,body.bato-mybato-portal .bato-receipt-doc-items,body.bato-mybato-portal .bato-receipt-doc-summary,body.bato-mybato-portal .bato-receipt-doc-footer{break-inside:avoid;page-break-inside:avoid}
 body.bato-mybato-portal .bato-receipt-document .bato-receipt-qr img{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

/* v7.4.51 — single-page receipt print: remove portal viewport/min-height residue */
@media print{
 html,body,
 body.bato-mybato-portal,
 body.bato-mybato-portal .wp-site-blocks,
 body.bato-mybato-portal .bato-inner-page,
 body.bato-mybato-portal .bato-mybato-app,
 body.bato-mybato-portal .bato-mybato-main,
 body.bato-mybato-portal .bato-mybato-content{
   height:auto!important;
   min-height:0!important;
   max-height:none!important;
   margin:0!important;
   padding:0!important;
   background:#fff!important;
 }
 body.bato-mybato-portal .wp-site-blocks,
 body.bato-mybato-portal .bato-inner-page,
 body.bato-mybato-portal .bato-mybato-app,
 body.bato-mybato-portal .bato-mybato-main,
 body.bato-mybato-portal .bato-mybato-content{
   display:block!important;
 }
 body.bato-mybato-portal #bato-payment-receipt{
   position:relative!important;
   inset:auto!important;
   height:auto!important;
   min-height:0!important;
   max-height:none!important;
   overflow:visible!important;
 }
 body.bato-mybato-portal #bato-payment-receipt::before,
 body.bato-mybato-portal #bato-payment-receipt::after,
 body.bato-mybato-portal .bato-mybato-app::before,
 body.bato-mybato-portal .bato-mybato-app::after,
 body.bato-mybato-portal .bato-mybato-main::before,
 body.bato-mybato-portal .bato-mybato-main::after{
   display:none!important;
   content:none!important;
 }
}

/* v7.4.52 — top-aligned receipt print: detach receipt from portal document flow */
@media print{
 html,body,body.bato-mybato-portal{margin:0!important;padding:0!important;height:auto!important;min-height:0!important;overflow:visible!important}
 body.bato-mybato-portal #bato-payment-receipt{
   position:absolute!important;
   top:0!important;
   right:auto!important;
   bottom:auto!important;
   left:0!important;
   inset:auto!important;
   margin:0!important;
   transform:none!important;
   translate:none!important;
   width:100%!important;
 }
 body.bato-mybato-portal .bato-mybato-app,
 body.bato-mybato-portal .bato-mybato-main,
 body.bato-mybato-portal .bato-mybato-content{
   position:static!important;
   transform:none!important;
   translate:none!important;
   align-items:initial!important;
   justify-content:initial!important;
 }
}

/* v7.4.58 — branded customer password recovery */
.bato-mybato-login-success{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;padding:13px 14px;border:1px solid rgba(90,139,99,.20);border-radius:14px;background:rgba(232,244,234,.70);color:#365c3d;font-size:13px;line-height:1.45}.bato-mybato-login-success strong{font-weight:800}.bato-auth-link-button{display:flex!important;text-decoration:none!important;align-items:center;justify-content:center}.bato-mybato-login-form label small{display:block;margin-top:6px;color:#747a76;font-size:11px}

/* v7.5 Family POS identity + loyalty */
.bato-mybato-family-pos-id{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px!important}.bato-mybato-family-pos-id small{font-size:10px;letter-spacing:.12em;color:#a16c54;font-weight:800}.bato-mybato-family-pos-id h3{margin:4px 0 5px;font-size:20px}.bato-mybato-family-pos-id p{margin:0;max-width:620px;color:#716d67;font-size:13px;line-height:1.5}.bato-mybato-family-pos-id code{display:block;margin-top:10px;max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f8f3eb;border:1px solid #e8dfd3;border-radius:10px;padding:8px 10px;font-size:10px;color:#6b6259}.bato-mybato-family-points{min-width:96px;text-align:center;border-radius:18px;background:#f5ede1;padding:14px}.bato-mybato-family-points strong{display:block;font-size:28px;line-height:1}.bato-mybato-family-points span{font-size:11px;color:#7b6d61}@media(max-width:640px){.bato-mybato-family-pos-id{align-items:flex-start}.bato-mybato-family-points{min-width:72px}.bato-mybato-family-pos-id code{max-width:52vw}}

/* MyBaTo v7.5.2 — compact guide collapse */
body.bato-mybato-portal .bato-page-guide:not(.is-open) .bato-page-guide-body{visibility:hidden!important;pointer-events:none!important}
body.bato-mybato-portal .bato-page-guide.is-open .bato-page-guide-body{visibility:visible!important}

/* v7.5.8 — Event QR + history */
.bato-event-checkin-pass{margin-top:16px;border:1px solid rgba(30,30,30,.10);border-radius:16px;background:#fffaf6;overflow:hidden}
.bato-event-checkin-pass>summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none}
.bato-event-checkin-pass>summary::-webkit-details-marker{display:none}
.bato-event-checkin-pass[open]>summary{border-bottom:1px solid rgba(30,30,30,.08)}
.bato-event-history{margin-top:18px}
.bato-event-history>summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;list-style:none}
.bato-event-history>summary::-webkit-details-marker{display:none}
.bato-event-history>summary span{font-size:12px;opacity:.65}


/* v7.5.9 — Public birthday package → MyDilly party booking bridge */
.bato-party-book-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.bato-party-book-summary>div{border:1px solid var(--bato-border,#e8e1d9);border-radius:14px;padding:14px;background:#faf8f4}
.bato-party-book-summary small{display:block;font-size:10px;letter-spacing:.08em;color:#8a8177}
.bato-party-book-summary strong{display:block;margin-top:5px}
.bato-party-book-form{display:flex;flex-direction:column;gap:16px}
.bato-party-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bato-party-book-form label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:13px}
.bato-party-book-form input,.bato-party-book-form select,.bato-party-book-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--bato-border,#ddd7cf);border-radius:12px;padding:12px 13px;background:#fff;font:inherit}
.bato-party-book-notes{margin-top:2px}
@media(max-width:760px){
 .bato-party-book-summary,.bato-party-book-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .bato-party-book-summary,.bato-party-book-grid{grid-template-columns:1fr}
}


/* MyDilly v7.5.10 — premium Café catalog */
body.bato-mybato-portal .bato-mybato-cafe-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.bato-mybato-portal .bato-mybato-cafe-card{
  position:relative!important;display:flex!important;flex-direction:column!important;min-height:360px!important;
  padding:0!important;overflow:hidden!important;border:1px solid rgba(39,42,45,.075)!important;border-radius:24px!important;
  background:#fff!important;box-shadow:0 12px 34px rgba(39,42,45,.055)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.bato-mybato-portal .bato-mybato-cafe-card:hover{
  transform:translateY(-3px)!important;border-color:rgba(239,116,97,.18)!important;box-shadow:0 18px 42px rgba(39,42,45,.085)!important;
}
body.bato-mybato-portal .bato-mybato-cafe-media{
  position:relative!important;aspect-ratio:16/10!important;overflow:hidden!important;background:linear-gradient(135deg,#F5E9D8,#F6F1E8)!important;
}
body.bato-mybato-portal .bato-mybato-cafe-media img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transition:transform .28s ease!important}
body.bato-mybato-portal .bato-mybato-cafe-card:hover .bato-mybato-cafe-media img{transform:scale(1.035)!important}
body.bato-mybato-portal .bato-mybato-cafe-media-fallback{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 30% 20%,rgba(250,231,163,.75),transparent 36%),linear-gradient(135deg,#F8F2E8,#F1E7D8)!important}
body.bato-mybato-portal .bato-mybato-cafe-media-fallback span{display:grid!important;place-items:center!important;width:76px!important;height:76px!important;border-radius:22px!important;background:rgba(255,255,255,.84)!important;font-size:34px!important;box-shadow:0 10px 28px rgba(39,42,45,.08)!important}
body.bato-mybato-portal .bato-mybato-cafe-status{position:absolute!important;top:14px!important;right:14px!important;display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 10px!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(8px)!important;color:#59625e!important;font-size:9px!important;font-weight:900!important;letter-spacing:.04em!important;box-shadow:0 5px 18px rgba(39,42,45,.08)!important}
body.bato-mybato-portal .bato-mybato-cafe-status:before{content:""!important;width:7px!important;height:7px!important;margin-right:6px!important;border-radius:50%!important;background:#7AA67B!important;box-shadow:0 0 0 3px rgba(122,166,123,.13)!important}
body.bato-mybato-portal .bato-mybato-cafe-status.is-unavailable:before{background:#D08A72!important;box-shadow:0 0 0 3px rgba(208,138,114,.13)!important}
body.bato-mybato-portal .bato-mybato-cafe-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;padding:20px 20px 18px!important}
body.bato-mybato-portal .bato-mybato-cafe-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:8px!important}
body.bato-mybato-portal .bato-mybato-cafe-category{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:27px!important;padding:0 9px!important;border-radius:999px!important;background:#FFF4EF!important;color:#91604f!important;font-size:9px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-mybato-cafe-card h3{margin:0!important;color:#272A2D!important;font-size:22px!important;line-height:1.14!important;letter-spacing:-.035em!important}
body.bato-mybato-portal .bato-mybato-cafe-bottom{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin-top:auto!important;padding-top:22px!important}
body.bato-mybato-portal .bato-mybato-cafe-price-label{display:block!important;margin-bottom:2px!important;color:#8b928e!important;font-size:8px!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-mybato-cafe-price{display:block!important;color:#272A2D!important;font-size:25px!important;line-height:1!important;letter-spacing:-.04em!important}
body.bato-mybato-portal .bato-mybato-cafe-save{margin:0!important}
body.bato-mybato-portal .bato-mybato-cafe-save-button{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:39px!important;padding:0 13px!important;border:1px solid rgba(39,42,45,.12)!important;border-radius:12px!important;background:#fff!important;color:#4d5651!important;font:inherit!important;font-size:10px!important;font-weight:900!important;cursor:pointer!important;transition:transform .16s ease,background .16s ease,border-color .16s ease!important}
body.bato-mybato-portal .bato-mybato-cafe-save-button:hover{transform:translateY(-1px)!important;border-color:rgba(239,116,97,.28)!important;background:#FFF8F4!important}
body.bato-mybato-portal .bato-mybato-cafe-save-button.is-saved{background:#272A2D!important;color:#fff!important;border-color:#272A2D!important}
body.bato-mybato-portal .bato-mybato-cafe-card.is-unavailable{opacity:.72!important}
@media(max-width:1180px){body.bato-mybato-portal .bato-mybato-cafe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  body.bato-mybato-portal .bato-mybato-cafe-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.bato-mybato-portal .bato-mybato-cafe-card{min-height:0!important;border-radius:20px!important}
  body.bato-mybato-portal .bato-mybato-cafe-media{aspect-ratio:16/9!important}
  body.bato-mybato-portal .bato-mybato-cafe-body{padding:17px!important}
  body.bato-mybato-portal .bato-mybato-cafe-card h3{font-size:20px!important}
  body.bato-mybato-portal .bato-mybato-cafe-price{font-size:23px!important}
}


/* v7.5.11 Premium Rewards workspace */
body.bato-mybato-portal .bato-rewards-hero{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr)!important;
  gap:18px!important;padding:24px!important;margin:0 0 16px!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:26px!important;
  overflow:hidden!important;background:
    radial-gradient(circle at 88% 18%,rgba(250,231,163,.75),transparent 28%),
    radial-gradient(circle at 12% 0%,rgba(238,216,239,.52),transparent 30%),
    linear-gradient(135deg,#fffdfa 0%,#f8f5ef 100%)!important;
  box-shadow:0 16px 48px rgba(48,45,40,.06)!important
}
body.bato-mybato-portal .bato-rewards-hero:after{
  content:""!important;position:absolute!important;right:-52px!important;bottom:-70px!important;width:180px!important;height:180px!important;border-radius:50%!important;
  border:34px solid rgba(79,73,195,.055)!important;pointer-events:none!important
}
body.bato-mybato-portal .bato-rewards-hero-copy{position:relative!important;z-index:1!important;padding:8px 4px!important}
body.bato-mybato-portal .bato-rewards-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;color:#7c6558!important;font-size:9px!important;font-weight:900!important;letter-spacing:.16em!important}
body.bato-mybato-portal .bato-rewards-kicker svg,
body.bato-mybato-portal .bato-rewards-stat-icon svg,
body.bato-mybato-portal .bato-rewards-balance-icon svg,
body.bato-mybato-portal .bato-rewards-head-icon svg,
body.bato-mybato-portal .bato-rewards-empty-icon svg,
body.bato-mybato-portal .bato-reward-card-icon svg,
body.bato-mybato-portal .bato-reward-wallet-icon svg,
body.bato-mybato-portal .bato-reward-ready svg,
body.bato-mybato-portal .bato-reward-button svg,
body.bato-mybato-portal .bato-rewards-timeline-dot svg{
  width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important
}
body.bato-mybato-portal .bato-rewards-kicker svg{width:15px!important;height:15px!important}
body.bato-mybato-portal .bato-rewards-hero h2{margin:0!important;max-width:720px!important;color:#272A2D!important;font-size:34px!important;line-height:1.02!important;letter-spacing:-.045em!important}
body.bato-mybato-portal .bato-rewards-hero-copy>p{max-width:650px!important;margin:12px 0 0!important;color:#69706c!important;font-size:13px!important;line-height:1.6!important}
body.bato-mybato-portal .bato-rewards-next{max-width:650px!important;margin-top:20px!important;padding:14px 15px!important;border:1px solid rgba(39,42,45,.08)!important;border-radius:17px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(8px)!important}
body.bato-mybato-portal .bato-rewards-next-copy{display:grid!important;grid-template-columns:1fr auto!important;gap:2px 12px!important;align-items:end!important}
body.bato-mybato-portal .bato-rewards-next-copy span{grid-column:1/-1!important;color:#8c918e!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-rewards-next-copy strong{color:#303432!important;font-size:13px!important}
body.bato-mybato-portal .bato-rewards-next-copy small{color:#7d827f!important;font-size:10px!important}
body.bato-mybato-portal .bato-rewards-progress,
body.bato-mybato-portal .bato-reward-progress{height:6px!important;margin-top:10px!important;border-radius:999px!important;background:#ece9e2!important;overflow:hidden!important}
body.bato-mybato-portal .bato-rewards-progress span,
body.bato-mybato-portal .bato-reward-progress span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#EF7461,#F6C56E)!important;transition:width .35s ease!important}
body.bato-mybato-portal .bato-rewards-balance-card{
  position:relative!important;z-index:1!important;display:flex!important;min-height:230px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.7)!important;border-radius:22px!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(14px)!important;
  box-shadow:0 18px 45px rgba(55,51,46,.07)!important;text-align:center!important
}
body.bato-mybato-portal .bato-rewards-balance-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;margin-bottom:14px!important;border-radius:15px!important;background:#fff0eb!important;color:#ef7461!important}
body.bato-mybato-portal .bato-rewards-balance-card small{color:#8a8f8b!important;font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important}
body.bato-mybato-portal .bato-rewards-balance-card>strong{margin:7px 0 0!important;color:#272A2D!important;font-size:54px!important;line-height:.95!important;letter-spacing:-.07em!important}
body.bato-mybato-portal .bato-rewards-balance-card>span:last-child{margin-top:5px!important;color:#717773!important;font-size:12px!important;font-weight:700!important}

body.bato-mybato-portal .bato-rewards-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 16px!important}
body.bato-mybato-portal .bato-rewards-stats article{display:flex!important;align-items:center!important;gap:13px!important;min-height:88px!important;padding:16px!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 24px rgba(48,45,40,.035)!important;transition:transform .16s ease,box-shadow .16s ease!important}
body.bato-mybato-portal .bato-rewards-stats article:hover{transform:translateY(-2px)!important;box-shadow:0 14px 32px rgba(48,45,40,.065)!important}
body.bato-mybato-portal .bato-rewards-stat-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:13px!important;background:#f8f1e8!important;color:#826b58!important}
body.bato-mybato-portal .bato-rewards-stats article:nth-child(2) .bato-rewards-stat-icon{background:#edf3e9!important;color:#658067!important}
body.bato-mybato-portal .bato-rewards-stats article:nth-child(3) .bato-rewards-stat-icon{background:#f2eef9!important;color:#6a64aa!important}
body.bato-mybato-portal .bato-rewards-stats strong{display:block!important;color:#272A2D!important;font-size:25px!important;line-height:1!important;letter-spacing:-.04em!important}
body.bato-mybato-portal .bato-rewards-stats small{display:block!important;margin-top:5px!important;color:#7e8480!important;font-size:9px!important;font-weight:800!important}

body.bato-mybato-portal .bato-rewards-section{padding:22px!important;border-radius:24px!important}
body.bato-mybato-portal .bato-rewards-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:17px!important}
body.bato-mybato-portal .bato-rewards-section-head p{max-width:620px!important;margin:5px 0 0!important;color:#7d827f!important;font-size:11px!important;line-height:1.55!important}
body.bato-mybato-portal .bato-rewards-head-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:14px!important;background:#fff5f1!important;color:#ef7461!important}

body.bato-mybato-portal .bato-rewards-catalog{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.bato-mybato-portal .bato-reward-card{display:flex!important;min-height:270px!important;flex-direction:column!important;padding:18px!important;border:1px solid rgba(39,42,45,.08)!important;border-radius:20px!important;background:linear-gradient(180deg,#fff 0%,#fdfbf7 100%)!important;box-shadow:0 10px 28px rgba(48,45,40,.045)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
body.bato-mybato-portal .bato-reward-card:hover{transform:translateY(-3px)!important;border-color:rgba(239,116,97,.2)!important;box-shadow:0 18px 38px rgba(48,45,40,.075)!important}
body.bato-mybato-portal .bato-reward-card.is-eligible{background:linear-gradient(180deg,#fff 0%,#fff8f3 100%)!important}
body.bato-mybato-portal .bato-reward-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body.bato-mybato-portal .bato-reward-card-icon{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:13px!important;background:#f7f0e6!important;color:#806b59!important}
body.bato-mybato-portal .bato-reward-points{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 10px!important;border-radius:999px!important;background:#f1f5ec!important;color:#607160!important;font-size:9px!important;font-weight:900!important}
body.bato-mybato-portal .bato-reward-scope{margin-top:15px!important;color:#999d9a!important;font-size:8px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-reward-card h3{margin:5px 0 0!important;color:#292d2a!important;font-size:20px!important;line-height:1.14!important;letter-spacing:-.035em!important}
body.bato-mybato-portal .bato-reward-card>p{margin:7px 0 0!important;color:#777d79!important;font-size:11px!important;line-height:1.5!important}
body.bato-mybato-portal .bato-reward-benefit{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:10px!important;margin-top:auto!important;padding-top:18px!important}
body.bato-mybato-portal .bato-reward-benefit span{color:#969a97!important;font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.bato-mybato-portal .bato-reward-benefit strong{color:#272A2D!important;font-size:15px!important}
body.bato-mybato-portal .bato-reward-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:12px!important}
body.bato-mybato-portal .bato-reward-card-footer>small{color:#848985!important;font-size:9px!important;font-weight:700!important}
body.bato-mybato-portal .bato-reward-button{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:37px!important;padding:0 12px!important;border:0!important;border-radius:12px!important;background:#272A2D!important;color:#fff!important;font:inherit!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease!important}
body.bato-mybato-portal .bato-reward-button:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(39,42,45,.16)!important}
body.bato-mybato-portal .bato-reward-button:disabled{background:#efeee9!important;color:#9a9e9b!important;cursor:not-allowed!important}

body.bato-mybato-portal .bato-rewards-empty{display:flex!important;align-items:center!important;gap:16px!important;min-height:112px!important;padding:18px!important;border:1px dashed rgba(39,42,45,.11)!important;border-radius:18px!important;background:linear-gradient(135deg,#fcfaf6,#fff)!important}
body.bato-mybato-portal .bato-rewards-empty-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:15px!important;background:#f6efe5!important;color:#83705e!important}
body.bato-mybato-portal .bato-rewards-empty strong{display:block!important;color:#2d312f!important;font-size:13px!important}
body.bato-mybato-portal .bato-rewards-empty p{margin:5px 0 0!important;color:#858a86!important;font-size:10px!important;line-height:1.5!important}

body.bato-mybato-portal .bato-reward-wallet{display:grid!important;gap:10px!important}
body.bato-mybato-portal .bato-reward-wallet-card{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:14px!important;padding:15px!important;border:1px solid rgba(39,42,45,.07)!important;border-radius:18px!important;background:#fff!important}
body.bato-mybato-portal .bato-reward-wallet-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;background:#eef4e9!important;color:#647d65!important}
body.bato-mybato-portal .bato-reward-wallet-card small{color:#8e938f!important;font-size:8px!important;font-weight:900!important;letter-spacing:.1em!important}
body.bato-mybato-portal .bato-reward-wallet-card h3{margin:2px 0 0!important;color:#2c302e!important;font-size:14px!important}
body.bato-mybato-portal .bato-reward-wallet-card p{margin:3px 0 0!important;color:#858a86!important;font-size:9px!important}
body.bato-mybato-portal .bato-reward-ready{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;border-radius:999px!important;background:#edf5e9!important;color:#527055!important;font-size:9px!important;font-weight:900!important}
body.bato-mybato-portal .bato-reward-ready svg{width:14px!important;height:14px!important}

body.bato-mybato-portal .bato-rewards-timeline{position:relative!important;display:grid!important;gap:4px!important}
body.bato-mybato-portal .bato-rewards-timeline:before{content:""!important;position:absolute!important;left:21px!important;top:22px!important;bottom:22px!important;width:1px!important;background:#ece9e2!important}
body.bato-mybato-portal .bato-rewards-timeline-row{position:relative!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:13px!important;min-height:66px!important;padding:10px 12px!important;border-radius:15px!important;transition:background .15s ease!important}
body.bato-mybato-portal .bato-rewards-timeline-row:hover{background:#fbfaf7!important}
body.bato-mybato-portal .bato-rewards-timeline-dot{position:relative!important;z-index:1!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:5px solid #fff!important;border-radius:50%!important;background:#eef5eb!important;color:#5f7b62!important;box-shadow:0 0 0 1px #e3e7df!important}
body.bato-mybato-portal .bato-rewards-timeline-dot.is-redeemed{background:#fff0eb!important;color:#a96556!important}
body.bato-mybato-portal .bato-rewards-timeline-dot svg{width:13px!important;height:13px!important}
body.bato-mybato-portal .bato-rewards-timeline-copy strong{display:block!important;color:#303431!important;font-size:11px!important}
body.bato-mybato-portal .bato-rewards-timeline-copy small{display:block!important;margin-top:3px!important;color:#929693!important;font-size:9px!important}
body.bato-mybato-portal .bato-rewards-delta{font-size:11px!important}
body.bato-mybato-portal .bato-rewards-delta.is-positive{color:#567159!important}
body.bato-mybato-portal .bato-rewards-delta.is-negative{color:#a76557!important}

@media(max-width:1100px){
  body.bato-mybato-portal .bato-rewards-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  body.bato-mybato-portal .bato-rewards-hero{grid-template-columns:1fr!important;padding:18px!important}
  body.bato-mybato-portal .bato-rewards-balance-card{min-height:165px!important}
  body.bato-mybato-portal .bato-rewards-stats{grid-template-columns:1fr!important}
  body.bato-mybato-portal .bato-rewards-stats article{min-height:72px!important}
  body.bato-mybato-portal .bato-rewards-catalog{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  body.bato-mybato-portal .bato-rewards-hero h2{font-size:28px!important}
  body.bato-mybato-portal .bato-rewards-next-copy{grid-template-columns:1fr!important}
  body.bato-mybato-portal .bato-rewards-next-copy small{margin-top:3px!important}
  body.bato-mybato-portal .bato-rewards-section{padding:17px!important;border-radius:20px!important}
  body.bato-mybato-portal .bato-rewards-section-head p{display:none!important}
  body.bato-mybato-portal .bato-reward-wallet-card{grid-template-columns:auto 1fr!important}
  body.bato-mybato-portal .bato-reward-ready{grid-column:2!important;justify-self:start!important}
  body.bato-mybato-portal .bato-rewards-timeline-row{grid-template-columns:auto 1fr!important}
  body.bato-mybato-portal .bato-rewards-delta{grid-column:2!important;justify-self:start!important}
}

/* ==========================================================
   MyDilly v7.5.12 — Dilly Dally Official Brand Experience
   White-label layer: consumes --brand-* tokens when provided.
   Official DD fallbacks follow Brand Guidelines v1.0 (Oct 2026).
   ========================================================== */
:root{
  --dd-periwinkle:var(--brand-primary,#4F49C4);
  --dd-butter:var(--brand-secondary,#FAE7A3);
  --dd-cream:var(--brand-background,#FBF3DD);
  --dd-dragonfly:var(--brand-accent,#FE5B32);
  --dd-lilac:var(--brand-panel,#EED8EF);
  --dd-font:var(--brand-font,'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);
  --mb-coral:var(--dd-dragonfly);
  --mb-gold:var(--dd-butter);
  --mb-green:var(--dd-lilac);
  --mb-blue:var(--dd-periwinkle);
  --mb-ink:var(--dd-periwinkle);
  --mb-bg:var(--dd-cream);
  --mb-panel:var(--dd-lilac);
  --mb-line:rgba(79,73,196,.14);
}
body.bato-mybato-portal,
body.bato-mybato-portal .bato-mybato-app,
body.bato-mybato-portal button,
body.bato-mybato-portal input,
body.bato-mybato-portal select,
body.bato-mybato-portal textarea{
  font-family:var(--dd-font)!important;
}
body.bato-mybato-portal,
body.bato-mybato-portal .bato-mybato-app,
body.bato-mybato-portal .bato-mybato-main{
  background:var(--dd-cream)!important;
  color:var(--dd-periwinkle)!important;
}

/* Sidebar / primary navigation */
body.bato-mybato-portal .bato-mybato-sidebar{
  background:var(--dd-periwinkle)!important;
  border-right:0!important;
  box-shadow:18px 0 40px rgba(79,73,196,.08)!important;
}
body.bato-mybato-portal .bato-mybato-brand{
  color:var(--dd-butter)!important;
}
body.bato-mybato-portal .bato-mybato-brand:before{
  background:var(--dd-dragonfly)!important;
  box-shadow:none!important;
}
body.bato-mybato-portal .bato-mybato-brand.has-logo:before{display:none!important}
body.bato-mybato-portal .bato-mybato-brand.has-logo img{
  max-width:154px!important;max-height:58px!important;object-fit:contain!important;
}
body.bato-mybato-portal .bato-mybato-brand.has-logo span{display:none!important}
body.bato-mybato-portal .bato-mybato-sidebar nav a{
  color:rgba(251,243,221,.82)!important;
  border:1px solid transparent!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav a:hover{
  background:rgba(250,231,163,.10)!important;
  color:var(--dd-butter)!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav a.is-active{
  background:var(--dd-butter)!important;
  color:var(--dd-periwinkle)!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
body.bato-mybato-portal .bato-mybato-sidebar nav a.is-active svg{color:var(--dd-periwinkle)!important}

/* Header / typography */
body.bato-mybato-portal .bato-mybato-topbar small,
body.bato-mybato-portal .bato-page-guide-kicker,
body.bato-mybato-portal .bato-auth-card-kicker{
  color:var(--dd-dragonfly)!important;
}
body.bato-mybato-portal .bato-mybato-topbar h1,
body.bato-mybato-portal h1,
body.bato-mybato-portal h2,
body.bato-mybato-portal h3,
body.bato-mybato-portal h4{
  color:var(--dd-periwinkle)!important;
}
body.bato-mybato-portal .bato-mybato-signout{
  border-color:rgba(79,73,196,.18)!important;
  background:var(--dd-lilac)!important;
  color:var(--dd-periwinkle)!important;
  box-shadow:none!important;
}
body.bato-mybato-portal .bato-mybato-signout:hover{background:var(--dd-butter)!important}

/* Global cards / panels */
body.bato-mybato-portal .bato-card,
body.bato-mybato-portal .bato-mybato-card,
body.bato-mybato-portal .bato-page-guide,
body.bato-mybato-portal .bato-event-checkin-pass,
body.bato-mybato-portal .bato-rewards-section,
body.bato-mybato-portal .bato-reward-wallet-card{
  border-color:rgba(79,73,196,.12)!important;
  background:var(--dd-lilac)!important;
  box-shadow:0 12px 34px rgba(79,73,196,.055)!important;
}
body.bato-mybato-portal p,
body.bato-mybato-portal .description,
body.bato-mybato-portal small{color:rgba(79,73,196,.76)!important}

/* Buttons and links */
body.bato-mybato-portal .bato-btn-primary,
body.bato-mybato-portal .bato-mybato-login-submit,
body.bato-mybato-portal .bato-reward-button:not(:disabled),
body.bato-mybato-portal button.button-primary,
body.bato-mybato-portal input[type=submit].button-primary{
  background:var(--dd-periwinkle)!important;
  color:var(--dd-butter)!important;
  border-color:var(--dd-periwinkle)!important;
  box-shadow:none!important;
}
body.bato-mybato-portal .bato-btn-primary:hover,
body.bato-mybato-portal .bato-mybato-login-submit:hover,
body.bato-mybato-portal .bato-reward-button:hover:not(:disabled),
body.bato-mybato-portal button.button-primary:hover{
  background:var(--dd-dragonfly)!important;
  color:#fff!important;
  border-color:var(--dd-dragonfly)!important;
}
body.bato-mybato-portal a{color:var(--dd-periwinkle)}
body.bato-mybato-portal a:focus-visible,
body.bato-mybato-portal button:focus-visible,
body.bato-mybato-portal input:focus-visible,
body.bato-mybato-portal select:focus-visible,
body.bato-mybato-portal textarea:focus-visible{
  outline:3px solid rgba(254,91,50,.30)!important;
  outline-offset:2px!important;
}

/* Forms */
body.bato-mybato-portal input[type=text],
body.bato-mybato-portal input[type=email],
body.bato-mybato-portal input[type=password],
body.bato-mybato-portal input[type=tel],
body.bato-mybato-portal input[type=number],
body.bato-mybato-portal select,
body.bato-mybato-portal textarea{
  border-color:rgba(79,73,196,.18)!important;
  background:#fffdf7!important;
  color:var(--dd-periwinkle)!important;
}
body.bato-mybato-portal input:focus,
body.bato-mybato-portal select:focus,
body.bato-mybato-portal textarea:focus{
  border-color:var(--dd-periwinkle)!important;
  box-shadow:0 0 0 4px rgba(79,73,196,.10)!important;
}

/* Authentication / MyDilly login */
body.bato-mybato-portal .bato-mybato-login-stage{
  background:var(--dd-cream)!important;
}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-auth-intro{
  background:var(--dd-periwinkle)!important;
  color:var(--dd-butter)!important;
}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-auth-intro h2,
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-auth-intro p,
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-auth-intro span,
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-auth-intro small,
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-auth-intro strong{
  color:var(--dd-butter)!important;
}
body.bato-mybato-portal .bato-auth-v7421 .bato-mybato-login-card{
  background:var(--dd-cream)!important;
}
body.bato-mybato-portal .bato-mybato-login-mark{
  background:var(--dd-dragonfly)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.bato-mybato-portal .bato-mybato-auth-tabs{
  background:var(--dd-lilac)!important;
  border-color:rgba(79,73,196,.12)!important;
}
body.bato-mybato-portal .bato-mybato-auth-tabs a{color:var(--dd-periwinkle)!important}
body.bato-mybato-portal .bato-mybato-auth-tabs a.is-active{
  background:var(--dd-periwinkle)!important;
  color:var(--dd-butter)!important;
}
body.bato-mybato-portal .bato-auth-new,
body.bato-mybato-portal .bato-auth-register-mobile{
  background:rgba(250,231,163,.12)!important;
  border-color:rgba(250,231,163,.34)!important;
}
body.bato-mybato-portal .bato-auth-new-btn{
  background:var(--dd-butter)!important;
  color:var(--dd-periwinkle)!important;
}
body.bato-mybato-portal .bato-mybato-login-error{
  background:rgba(254,91,50,.10)!important;
  color:#9a321d!important;
}
body.bato-mybato-portal .bato-mybato-login-success{
  border-color:rgba(79,73,196,.18)!important;
  background:var(--dd-lilac)!important;
  color:var(--dd-periwinkle)!important;
}

/* Café */
body.bato-mybato-portal .bato-mybato-cafe-card{
  border-color:rgba(79,73,196,.10)!important;
  background:var(--dd-lilac)!important;
  box-shadow:0 12px 34px rgba(79,73,196,.055)!important;
}
body.bato-mybato-portal .bato-mybato-cafe-card:hover{
  border-color:rgba(254,91,50,.35)!important;
  box-shadow:0 18px 42px rgba(79,73,196,.09)!important;
}
body.bato-mybato-portal .bato-mybato-cafe-media,
body.bato-mybato-portal .bato-mybato-cafe-media-fallback{
  background:linear-gradient(135deg,var(--dd-butter),var(--dd-cream))!important;
}
body.bato-mybato-portal .bato-mybato-cafe-category{
  background:var(--dd-butter)!important;
  color:var(--dd-periwinkle)!important;
}
body.bato-mybato-portal .bato-mybato-cafe-card h3,
body.bato-mybato-portal .bato-mybato-cafe-price{color:var(--dd-periwinkle)!important}

/* Family QR / points */
body.bato-mybato-portal .bato-mybato-family-pos-id code{
  background:var(--dd-cream)!important;
  border-color:rgba(79,73,196,.14)!important;
  color:var(--dd-periwinkle)!important;
}
body.bato-mybato-portal .bato-mybato-family-points{
  background:var(--dd-butter)!important;
  color:var(--dd-periwinkle)!important;
}
body.bato-mybato-portal .bato-mybato-family-pos-id small{color:var(--dd-dragonfly)!important}

/* Rewards */
body.bato-mybato-portal .bato-rewards-hero,
body.bato-mybato-portal .bato-rewards-balance-card{
  background:var(--dd-periwinkle)!important;
  color:var(--dd-butter)!important;
}
body.bato-mybato-portal .bato-rewards-hero h2,
body.bato-mybato-portal .bato-rewards-hero p,
body.bato-mybato-portal .bato-rewards-hero small,
body.bato-mybato-portal .bato-rewards-balance-card strong,
body.bato-mybato-portal .bato-rewards-balance-card span{color:var(--dd-butter)!important}
body.bato-mybato-portal .bato-rewards-head-icon{
  background:var(--dd-butter)!important;
  color:var(--dd-periwinkle)!important;
}
body.bato-mybato-portal .bato-reward-card,
body.bato-mybato-portal .bato-reward-card.is-eligible{
  border-color:rgba(79,73,196,.12)!important;
  background:var(--dd-cream)!important;
  box-shadow:0 10px 28px rgba(79,73,196,.045)!important;
}
body.bato-mybato-portal .bato-reward-card:hover{border-color:rgba(254,91,50,.28)!important}
body.bato-mybato-portal .bato-reward-card-icon,
body.bato-mybato-portal .bato-rewards-empty-icon{
  background:var(--dd-lilac)!important;
  color:var(--dd-periwinkle)!important;
}
body.bato-mybato-portal .bato-reward-points,
body.bato-mybato-portal .bato-reward-ready{
  background:var(--dd-butter)!important;
  color:var(--dd-periwinkle)!important;
}
body.bato-mybato-portal .bato-rewards-timeline-dot{
  background:var(--dd-lilac)!important;
  color:var(--dd-periwinkle)!important;
  border-color:var(--dd-cream)!important;
}
body.bato-mybato-portal .bato-rewards-timeline-dot.is-redeemed{
  background:rgba(254,91,50,.12)!important;
  color:var(--dd-dragonfly)!important;
}

/* Birthday booking bridge / event cards */
body.bato-mybato-portal .bato-party-book-summary>div{
  border-color:rgba(79,73,196,.12)!important;
  background:var(--dd-lilac)!important;
}
body.bato-mybato-portal .bato-party-book-summary small{color:var(--dd-dragonfly)!important}
body.bato-mybato-portal .bato-event-checkin-pass{background:var(--dd-lilac)!important}

/* Mobile shell */
@media(max-width:900px){
  body.bato-mybato-portal .bato-mybato-sidebar{
    background:var(--dd-periwinkle)!important;
  }
}

/* Print remains neutral and legible. */
@media print{
  body.bato-mybato-portal,
  body.bato-mybato-portal .bato-mybato-app,
  body.bato-mybato-portal .bato-mybato-main{background:#fff!important;color:#111!important}
}
