/* R2: visible native life actions below the composer, native categories on the left. */
html[data-imo-black] body #app .phone {
  grid-template-columns:82px minmax(0,1fr)!important;
  grid-template-rows:76px minmax(0,1fr) auto 86px!important;
}
html[data-imo-black] body #app .topbar {grid-column:1/-1!important}
html[data-imo-black] body #app #chat {grid-column:2!important;grid-row:2!important}
html[data-imo-black] body #app #composer {grid-column:1/-1!important;grid-row:3!important}
html[data-imo-black] body #app .bp-tabs {display:none!important}

html[data-imo-black] body #app #rightRail {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  grid-column:1!important;grid-row:2!important;position:relative!important;inset:auto!important;
  width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;
  padding:12px 7px!important;margin:0!important;gap:7px!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  touch-action:pan-y!important;scrollbar-width:thin!important;scrollbar-color:#47536b transparent!important;
  background:#10151f!important;border:0!important;border-right:1px solid #9daedc24!important;
  border-radius:0!important;transform:none!important;visibility:visible!important;
  opacity:1!important;pointer-events:auto!important;box-shadow:none!important;z-index:2!important;
}
html[data-imo-black] body #app #rightRail>button {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  position:relative!important;inset:auto!important;flex:0 0 auto!important;
  width:100%!important;min-width:0!important;height:auto!important;min-height:68px!important;
  padding:8px 3px!important;gap:5px!important;margin:0!important;
  background:#1b2231!important;border:1px solid #9aaedb20!important;border-radius:12px!important;
  color:#c4cfe6!important;transform:none!important;box-shadow:none!important;cursor:pointer!important;
}
html[data-imo-black] body #app #rightRail>button.active,
html[data-imo-black] body #app #rightRail>button:hover {background:#2b3a58!important;border-color:#86aaff80!important;color:#f0f5ff!important}
html[data-imo-black] body #app #rightRail .nav-icon {display:block!important;width:auto!important;height:22px!important;font-size:20px!important;line-height:22px!important}
html[data-imo-black] body #app #rightRail .nav-label {
  display:block!important;width:100%!important;max-width:none!important;height:auto!important;
  font:500 11px/1.35 system-ui,sans-serif!important;letter-spacing:0!important;text-align:center!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;
  color:inherit!important;
}
html[data-imo-black] body #app #rightRail>button::before,
html[data-imo-black] body #app #rightRail>button::after,
html[data-imo-black] body #app #rightRail .nav-icon::before,
html[data-imo-black] body #app #rightRail .nav-label::before {content:none!important;display:none!important}

html[data-imo-black] body #app .bp-action-dock {
  display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;
  grid-column:1/-1!important;grid-row:4!important;align-items:stretch!important;
  min-width:0!important;min-height:0!important;gap:3px!important;padding:5px 5px 9px!important;
  background:#0d111a!important;border-top:1px solid #9daedc26!important;
}
html[data-imo-black] body #app #bottomNav {
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;
  position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;
  height:100%!important;max-height:none!important;margin:0!important;padding:2px 1px 5px!important;gap:6px!important;
  overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior:contain!important;touch-action:pan-x!important;
  scroll-snap-type:x proximity!important;scroll-padding-inline:2px!important;scrollbar-width:thin!important;scrollbar-color:#53617e transparent!important;
  border:0!important;border-radius:0!important;background:transparent!important;transform:none!important;
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;box-shadow:none!important;
}
html[data-imo-black] body #app #bottomNav::before,
html[data-imo-black] body #app #bottomNav::after {display:none!important;content:none!important}
html[data-imo-black] body #app #bottomNav>button {
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  position:relative!important;inset:auto!important;flex:0 0 82px!important;width:82px!important;min-width:82px!important;
  height:100%!important;min-height:56px!important;padding:5px 4px!important;margin:0!important;gap:4px!important;
  border:1px solid #a4b9e526!important;border-radius:12px!important;background:#1a2130!important;
  color:#c3cfe7!important;transform:none!important;box-shadow:none!important;scroll-snap-align:start!important;cursor:pointer!important;
}
html[data-imo-black] body #app #bottomNav>button.active,
html[data-imo-black] body #app #bottomNav>button:hover {background:#2c3c5c!important;border-color:#9ebcff99!important;color:#f4f7ff!important}
html[data-imo-black] body #app #bottomNav>button>span {
  display:grid!important;place-items:center!important;width:25px!important;height:24px!important;
  padding:0!important;background:transparent!important;border:0!important;color:inherit!important;
}
html[data-imo-black] body #app #bottomNav>button svg {display:block!important;width:21px!important;height:21px!important;margin:0!important}
html[data-imo-black] body #app #bottomNav>button>b {
  display:block!important;width:100%!important;max-width:none!important;height:auto!important;
  font:500 11px/1.25 system-ui,sans-serif!important;letter-spacing:0!important;color:inherit!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;text-align:center!important;
}
html[data-imo-black] body #app #bottomNav>button::before,
html[data-imo-black] body #app #bottomNav>button>span::before,
html[data-imo-black] body #app #bottomNav>button>span::after,
html[data-imo-black] body #app #bottomNav>button>b::before,
html[data-imo-black] body #app #bottomNav>button>b::after {display:none!important;content:none!important}
html[data-imo-black] body #app .bp-dock-arrow {
  display:grid!important;place-items:center!important;position:relative!important;inset:auto!important;
  width:28px!important;min-width:0!important;height:100%!important;padding:0!important;
  border:0!important;border-radius:9px!important;background:#172030!important;color:#cad9fb!important;cursor:pointer!important;
}
html[data-imo-black] body #app .bp-dock-arrow .bp-icon {width:16px!important;height:16px!important}
html[data-imo-black] body #app .bp-dock-previous .bp-icon {transform:rotate(180deg)}
html[data-imo-black] body #app .bp-dock-arrow:disabled {opacity:.25!important;cursor:default!important}
html[data-imo-black] body.imo-r9-overlay-open #app #rightRail,
html[data-imo-black] body.imo-r9-overlay-open #app #bottomNav,
html[data-imo-black] body.imo-r9-overlay-open #app .bp-action-dock {visibility:hidden!important;pointer-events:none!important}

@media(max-width:740px){
 html[data-imo-black] body #app .phone {grid-template-columns:66px minmax(0,1fr)!important;grid-template-rows:66px minmax(0,1fr) auto 82px!important}
 html[data-imo-black] body #app #rightRail {padding:9px 4px!important;gap:6px!important}
 html[data-imo-black] body #app #rightRail>button {min-height:62px!important;padding:7px 2px!important}
 html[data-imo-black] body #app #rightRail .nav-label {font-size:10px!important}
 html[data-imo-black] body #app .bp-action-dock {grid-template-columns:24px minmax(0,1fr) 24px!important;padding:4px 3px 8px!important;gap:2px!important}
 html[data-imo-black] body #app .bp-dock-arrow {width:24px!important}
 html[data-imo-black] body #app #bottomNav>button {flex-basis:76px!important;width:76px!important;min-width:76px!important}
 html[data-imo-black] body #app #feed {padding:18px 12px!important}
 html[data-imo-black] body #app #feed .bp-welcome h2 {font-size:27px!important}
 html[data-imo-black] body #app #feed .bp-suggestions {grid-template-columns:1fr!important}
 html[data-imo-black] body #app #feed .bp-suggestion {min-height:52px!important}
}
@media(max-height:520px){
 html[data-imo-black] body #app .phone {grid-template-rows:58px minmax(0,1fr) auto 76px!important}
 html[data-imo-black] body #app .topbar {height:58px!important;padding-block:8px!important}
 html[data-imo-black] body #app #feed .bp-welcome {padding-top:0!important}
}