/* PetaniRapi v2.38 - clean header reset */
.app-header-v238{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:10px 12px 9px!important;
  margin:0!important;
  background:rgba(250,252,251,.98)!important;
  border-bottom:1px solid #e2ebe5!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.app-header-top-v238{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.app-header-left-v238{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
}
.app-header-right-v238{
  display:grid!important;
  grid-template-columns:max-content max-content!important;
  align-items:center!important;
  justify-content:end!important;
  justify-self:end!important;
  gap:7px!important;
  min-width:0!important;
  width:max-content!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
.app-header-logo-v238{
  display:block!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  object-fit:contain!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.app-header-greeting-v238{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:128px!important;
  min-height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#f3f7f4!important;
  border:1px solid #dfe8e2!important;
  color:#456459!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.app-header-weather-v238{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:70px!important;
  min-height:38px!important;
  padding:5px 8px!important;
  margin:0!important;
  border-radius:14px!important;
  border:1px solid #dde8e2!important;
  background:#fff!important;
  color:#17382b!important;
  text-decoration:none!important;
  box-shadow:none!important;
  flex:0 0 auto!important;
}
.app-header-weather-icon-v238{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#eff5ff,#e8effa)!important;
  font-size:14px!important;
}
.app-header-weather-temp-v238{
  display:block!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#17382b!important;
  white-space:nowrap!important;
}
.app-header-v238 .app-header-avatar-v238,
.app-header-v238 .avatar{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  margin:0!important;
  padding:0!important;
  border-radius:13px!important;
  border:1px solid #dce7e1!important;
  background:#edf4ef!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.app-header-v238 .app-header-avatar-v238 img,
.app-header-v238 .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.app-header-title-v238{
  width:100%!important;
  min-width:0!important;
  margin:7px 0 0!important;
  padding:0!important;
}
.app-header-title-v238 h1{
  margin:0!important;
  padding:0!important;
  font-size:21px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  color:#17382b!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.app-header-weather-v238.is-weather-hot{background:linear-gradient(180deg,#fff8ee,#f8f0de)!important}
.app-header-weather-v238.is-weather-rain{background:linear-gradient(180deg,#f5f8ff,#ebf1fb)!important}
.app-header-weather-v238.is-weather-night{background:linear-gradient(180deg,#f6f7fb,#edf2fa)!important}

@media(max-width:390px){
  .app-header-v238{padding:9px 10px 8px!important}
  .app-header-top-v238{gap:8px!important}
  .app-header-left-v238{gap:7px!important}
  .app-header-right-v238{gap:6px!important}
  .app-header-logo-v238{width:26px!important;height:26px!important;flex-basis:26px!important}
  .app-header-greeting-v238{max-width:106px!important;min-height:30px!important;padding:0 9px!important;font-size:11.5px!important}
  .app-header-weather-v238{min-width:64px!important;min-height:36px!important;padding:5px 7px!important}
  .app-header-weather-icon-v238{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:13px!important}
  .app-header-weather-temp-v238{font-size:14.5px!important}
  .app-header-v238 .app-header-avatar-v238,.app-header-v238 .avatar{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important;border-radius:12px!important}
  .app-header-title-v238{margin-top:6px!important}
  .app-header-title-v238 h1{font-size:20px!important}
}
@media(max-width:340px){
  .app-header-greeting-v238{max-width:88px!important;padding:0 8px!important}
  .app-header-weather-v238{min-width:58px!important;gap:5px!important;padding:4px 6px!important}
  .app-header-weather-icon-v238{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:12px!important}
  .app-header-weather-temp-v238{font-size:14px!important}
}
html[data-font-size="large"] .app-header-greeting-v238,
html[data-font-size="xlarge"] .app-header-greeting-v238{max-width:92px!important}
html[data-font-size="large"] .app-header-title-v238 h1,
html[data-font-size="xlarge"] .app-header-title-v238 h1{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html[data-font-size="xlarge"] .app-header-title-v238 h1{font-size:20px!important}

/* preserve the clearer central + affordance from v2.36 */
.bottom-nav a:nth-child(3) .nav-ico,
.bottom-nav a:nth-child(3).active .nav-ico{
  background:linear-gradient(180deg,#198a56,#126d43)!important;
  color:#fff!important;
  border-color:#fff!important;
}
.bottom-nav a:nth-child(3) .nav-ico svg,
.bottom-nav a:nth-child(3).active .nav-ico svg{color:#fff!important;stroke:#fff!important}
.bottom-nav a:nth-child(3).active small{color:#176c43!important}