/* Mobile welcome + five-item dock. Scoped to public shell: no other app surfaces changed. */
html[data-apex-theme="v274"] body .watany-recovery-shell:has(.watany-welcome-page),
html[data-apex-theme="v274"] body .watany-recovery-shell:has(.watany-welcome-page) > .watany-recovery-main,
html[data-apex-theme="v274"] body .watany-recovery-shell .watany-welcome-page,
html[data-apex-theme="v274"] body .watany-recovery-shell .screen.welcome.active,
html[data-apex-theme="v274"] body .watany-recovery-shell .welcome-top-half,
html[data-apex-theme="v274"] body .watany-recovery-shell .welcome-bottom-half {
  background: #f4edd9 !important;
  background-image: none !important;
}

html[data-apex-theme="v274"] body .watany-recovery-shell > .watany-recovery-main:has(> .watany-welcome-page) {
  padding-bottom: 0 !important;
}

html[data-apex-theme="v274"] body .watany-recovery-main > .watany-welcome-page {
  min-height: 100% !important;
  height: 100% !important;
}

html[data-apex-theme="v274"] body .watany-recovery-main .screen.welcome.active {
  height: 100% !important;
  min-height: 0 !important;
}

html[data-apex-theme="v274"] body .watany-recovery-shell > nav.watany-recovery-bottom[data-watany-bottom-bar="true"] {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 2px !important;
  padding: 5px 5px max(5px, env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
  background: #f8f3e5 !important;
}

html[data-apex-theme="v274"] body .watany-recovery-shell > nav.watany-recovery-bottom[data-watany-bottom-bar="true"] > :is(a, button) {
  grid-column: auto !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 3px 1px !important;
  gap: 2px !important;
  border-radius: 9px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  background: transparent !important;
  color: #234d3d !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-apex-theme="v274"] body .watany-recovery-shell > nav.watany-recovery-bottom[data-watany-bottom-bar="true"] > a.active {
  color: #074d36 !important;
  background: #e6eddd !important;
}

html[data-apex-theme="v274"] body .watany-recovery-shell > nav.watany-recovery-bottom[data-watany-bottom-bar="true"] .watany-recovery-bottom__label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  color: inherit !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html[data-apex-theme="v274"] body .watany-recovery-shell > nav.watany-recovery-bottom[data-watany-bottom-bar="true"] .watany-v4-icon,
html[data-apex-theme="v274"] body .watany-recovery-shell > nav.watany-recovery-bottom[data-watany-bottom-bar="true"] .watany-recovery-home-sign {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}

html[data-apex-theme="v274"] body .watany-recovery-shell > nav.watany-recovery-bottom[data-watany-bottom-bar="true"] > :is(a,button):focus-visible {
  outline: 2px solid #9d6d0b !important;
  outline-offset: -2px !important;
}

html[data-apex-theme="v274"] body .watany-recovery-assistant-link {
  cursor: pointer;
}

/* Working /services destination for the new navigation item. */
.watany-services-overview {
  width: 100%;
  min-height: 100%;
  padding: 23px 15px 90px;
  background: #f4edd9;
  color: #183b2d;
}
.watany-services-overview__intro h1 {
  margin: 0 0 3px;
  font-size: 1.3rem;
  font-weight: 900;
}
.watany-services-overview__intro p {
  margin: 0 0 20px;
  color: #576b60;
  font-size: 0.9rem;
}
.watany-services-overview__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 11px;
}
.watany-services-overview__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 112px;
  min-width: 0;
  padding: 14px 8px;
  border: 1px solid #d3bb84;
  border-radius: 14px;
  background: #fffaf0;
  color: #15533b;
  font-size: clamp(0.88rem, 2.7vw, 1rem);
  font-weight: 800;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
/* Keep this inside the SAME cascade layer as v4's !important icon size. */
@layer watany-v4 {
  html[data-apex-theme="v274"] body .watany-recovery-shell .watany-services-overview__link > img.watany-v4-icon {
    display: block !important;
    width: clamp(40px, 12vw, 58px) !important;
    height: clamp(40px, 12vw, 58px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    flex: 0 0 auto !important;
  }
}
.watany-services-overview__label {
  display: block;
  width: 100%;
  min-width: 0;
  text-align: center;
  text-wrap: balance;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
}
.watany-services-overview__link:focus-visible {
  outline: 3px solid #c49326;
  outline-offset: 2px;
}
@media (max-width:350px) {
  html[data-apex-theme="v274"] body .watany-recovery-shell > nav.watany-recovery-bottom[data-watany-bottom-bar="true"] .watany-recovery-bottom__label { font-size: 10px !important; }
  .watany-services-overview__grid { gap: 7px; }
  .watany-services-overview__link { padding: 7px; gap: 5px; font-size: 0.83rem; }
}

/* RTL drawer alignment: anchor to the app's physical right edge, not the viewport's left. */
html[data-apex-theme="v274"] body .watany-recovery-shell[data-watany-recovery-shell="true"] > .watany-recovery-menu-layer {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  direction: ltr !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
}

html[data-apex-theme="v274"] body .watany-recovery-shell[data-watany-recovery-shell="true"] > .watany-recovery-menu-layer > .watany-recovery-menu-panel {
  direction: rtl !important;
  flex: 0 0 auto !important;
  width: min(88%, 360px) !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-shadow: -10px 0 35px rgb(0 0 0 / 20%) !important;
}

/* The drawer overlays the app rather than compressing or shifting its contents. */
html[data-apex-theme="v274"] body.watany-recovery-menu-open .watany-recovery-shell[data-watany-recovery-shell="true"] > .watany-recovery-main,
html[data-apex-theme="v274"] body.watany-recovery-menu-open .watany-recovery-shell[data-watany-recovery-shell="true"] > .watany-recovery-bottom {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}

/* The legacy fixed-position rule is layered and !important. Override in its own layer. */
@layer watany-v4 {
  html[data-apex-theme="v274"] body .watany-recovery-shell[data-watany-recovery-shell="true"] > .watany-recovery-menu-layer {
    position: absolute !important;
  }
}


/* 2026-11-10 approved landing continuity: same warm ivory surface on /home. */
html[data-apex-theme="v274"] body:has(.watany-recovery-shell .watany-welcome-page),
html[data-apex-theme="v274"] body:has(.watany-recovery-shell .watany-v4-homepage),
html[data-apex-theme="v274"] body:has(.watany-recovery-shell .watany-services-overview) {
  background: #f4edd9 !important;
  background-image: none !important;
}
html[data-apex-theme="v274"] body .watany-recovery-shell:has(.watany-v4-homepage),
html[data-apex-theme="v274"] body .watany-recovery-shell:has(.watany-v4-homepage) > .watany-recovery-main,
html[data-apex-theme="v274"] body .watany-recovery-shell .watany-v4-homepage {
  background: #f4edd9 !important;
  background-image: none !important;
}
/* WATANY_20261108_WARM_IVORY_FIVE_NAV_GUARD */