/* Thanh tab dưới dùng chung — giống .rl-tabbar của /dat-mon (chỉ hiện trên mobile). */
.rl-appbar{display:none}
@media (max-width:760px){
  .rl-appbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:58;background:#fff;border-top:1px solid rgba(22,107,67,.12);padding:7px 6px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(11,61,42,.07);font-family:"Avenir Next","Be Vietnam Pro",system-ui,sans-serif}
  .rl-appbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;min-height:44px;text-decoration:none;color:#52685c}
  .rl-appbar a.is-active{color:#166b43}
  .rl-appbar span{font-size:11px;font-weight:700}
  .rl-appbar a:focus-visible{outline:3px solid #166b43;outline-offset:-3px;border-radius:12px}

  /* Chừa chỗ cho thanh tab (~62px): nút chính, nội dung và nút trợ lý nằm phía trên nó. */
  body.has-rl-appbar{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  body.has-rl-appbar .view{min-height:calc(100svh - 62px - env(safe-area-inset-bottom))}
  body.has-rl-appbar .sticky{bottom:calc(62px + env(safe-area-inset-bottom));padding-bottom:16px}
  body.has-rl-appbar #rl-ai-launcher{bottom:calc(158px + env(safe-area-inset-bottom))}
}