/* PetaniRapi v2.36 - header edge alignment + Catat plus consistency */

/* Header: force true left/right groups across the full available width */
.topbar-v235{
  width:100%!important;
}
.topbar-mainrow-v235{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:12px!important;
}
.topbar-left-v235{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-self:start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
}
.topbar-right-v235{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-self:end!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin-left:0!important;
  width:auto!important;
}
.topbar-titlerow-v235{
  width:100%!important;
  justify-self:stretch!important;
}

/* Keep the central Catat affordance unmistakable, even in active state */
.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;
}

/* Explicit CTA language for logging actions */
.home-action-cta-v231,
.secondary-card-cta-v231{
  letter-spacing:0!important;
}

@media(max-width:390px){
  .topbar-mainrow-v235{column-gap:8px!important}
  .topbar-left-v235{gap:7px!important}
  .topbar-right-v235{gap:6px!important}
}

html[data-font-size="large"] .topbar-mainrow-v235,
html[data-font-size="xlarge"] .topbar-mainrow-v235{
  grid-template-columns:minmax(0,1fr) auto!important;
}