/* OracomAI custom overrides (loaded last, after app.min.css). */

/* Fixed topbar (2026-10-21):
   The stock stylesheet pins #page-topbar with position:fixed but top:30px,
   leaving a 30px strip at the very top of the viewport where scrolled page
   content shows ABOVE the bar (clearly visible over the dark phone-console
   frame), so the bar never sits at the top of the screen.
   Pin it to the true viewport top, full width, above all page content.
   !important also defeats the theme's [data-layout-position=scrollable]
   absolute-position override. */
#page-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
}

/* The fixed sidebar starts below the 70px topbar instead of sliding under it. */
.app-menu.navbar-menu {
    top: 70px;
}

/* Main content offset: exactly the 70px bar height (the stock
   margin-top:calc(70px + 30px) also carried the phantom 30px).
   The theme's .page-content padding-top still applies on top of this,
   so at scroll position 0 nothing is hidden under the bar. */
.page-content {
    margin-top: 70px !important;
}