body.garanit-sidebar {
  --panel-toolbar-width: min(1260px, calc(100vw - var(--sidebar-layout-width, 400px) - 64px));
  --panel-toolbar-left: calc(
    var(--sidebar-layout-width, 400px) +
      max(32px, calc((100vw - var(--sidebar-layout-width, 400px) - 1260px) / 2))
  );
  --panel-toolbar-top: 95px;
  --panel-bar-width: calc(
    var(--garanit-viewport-width, 100vw) - var(--sidebar-layout-width, 400px) - 30px
  );
  --panel-bar-height: 75px;
  --panel-bar-gap: 30px;
}

@media (min-width: 769px) {
  body.garanit-sidebar.panel-page .panel-main {
    box-sizing: border-box !important;
    width: calc(100% - var(--sidebar-layout-width, 400px)) !important;
    max-width: none !important;
    margin: 0 0 0 var(--sidebar-layout-width, 400px) !important;
    padding: var(--panel-toolbar-top) 32px 56px !important;
  }

  body.garanit-sidebar.panel-page .panel-content {
    width: min(1260px, 100%) !important;
  }

  body.garanit-sidebar .listing-editor,
  body.garanit-sidebar .organization-hub {
    box-sizing: border-box !important;
    width: var(--panel-toolbar-width) !important;
    max-width: 1260px !important;
    margin-left: var(--panel-toolbar-left) !important;
    margin-right: 0 !important;
  }

  body.garanit-sidebar .admin-module-main,
  body.garanit-sidebar .listing-settings-page,
  body.garanit-sidebar .analytics-page {
    box-sizing: border-box !important;
    width: calc(100% - var(--sidebar-layout-width, 400px)) !important;
    max-width: none !important;
    margin-left: var(--sidebar-layout-width, 400px) !important;
    margin-right: 0 !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  body.garanit-sidebar .admin-module-main.admin-module-main {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  body.garanit-sidebar .admin-module-main {
    margin-top: 0 !important;
    padding-top: var(--panel-toolbar-top) !important;
  }
  body.garanit-sidebar .listing-editor,
  body.garanit-sidebar .listing-settings-page,
  body.garanit-sidebar .analytics-page {
    margin-top: var(--panel-toolbar-top) !important;
  }
  body.garanit-sidebar .listing-settings-page {
    padding-top: 0 !important;
  }
  body.garanit-sidebar .organization-hub {
    padding-top: var(--panel-toolbar-top) !important;
  }

  body.garanit-sidebar .top-container.management-topbar {
    box-sizing: border-box !important;
    left: var(--panel-toolbar-left) !important;
    right: auto !important;
    width: var(--panel-toolbar-width) !important;
    max-width: 1260px !important;
  }

  body.garanit-sidebar:is(
      .garanit-route-market-listings-all,
      .garanit-route-organization-all,
      .garanit-organization-sidebar
    )
    .car-banners {
    box-sizing: border-box !important;
    width: var(--panel-toolbar-width) !important;
    max-width: 1260px !important;
    margin-left: var(--panel-toolbar-left) !important;
    margin-right: 0 !important;
  }

  body.garanit-sidebar .comparison-content-rail {
    width: var(--panel-toolbar-width);
    margin-left: var(--panel-toolbar-left);
  }
}

body.garanit-sidebar .top-container.management-topbar,
body.garanit-sidebar.panel-page .panel-main .panel-toolbar,
body.garanit-sidebar .listing-editor-header-primary,
body.garanit-sidebar .analytics-toolbar,
body.garanit-sidebar .listing-settings-hero,
body.garanit-sidebar .organization-hub-header,
body.garanit-sidebar .admin-module-toolbar {
  box-sizing: border-box !important;
  min-height: 75px !important;
  height: 75px !important;
  block-size: 75px !important;
  padding: 8px 12px !important;
  border: 2px solid var(--background3) !important;
  border-radius: 16px !important;
  background: var(--card) !important;
  box-shadow: var(--box-shadow1) !important;
}

body.garanit-sidebar .top-container.management-topbar {
  position: absolute !important;
  top: var(--panel-toolbar-top) !important;
  margin: 0 !important;
}

body.garanit-sidebar .panel-toolbar-icon,
body.garanit-sidebar .analytics-toolbar-copy > .analytics-eyebrow,
body.garanit-sidebar .admin-toolbar-icon {
  display: inline-grid !important;
  flex: 0 0 45px !important;
  width: 45px !important;
  height: 45px !important;
  place-items: center !important;
  border: 2px solid var(--background4) !important;
  border-radius: 16px !important;
  background: var(--background3) !important;
  color: var(--text) !important;
  box-shadow: var(--box-shadow2) !important;
  font-size: 18px !important;
}

body.garanit-sidebar .top-container.management-topbar .top-links {
  align-items: center;
  padding-left: 0;
}

body.garanit-sidebar .top-container.management-topbar .listing-management-search {
  flex: 0 1 300px;
  min-width: 130px;
  width: min(300px, 30vw) !important;
  height: 45px;
  margin: 0 0 0 1px !important;
}

body.garanit-sidebar .top-container.comparison-topbar .comparison-toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
body.garanit-sidebar .top-container.comparison-topbar .comparison-toolbar::-webkit-scrollbar {
  display: none;
}
body.garanit-sidebar .top-container.comparison-topbar .comparison-toolbar-left {
  width: auto !important;
  min-width: 0;
}
body.garanit-sidebar .top-container.comparison-topbar .comparison-scroll-actions {
  width: auto !important;
}

body.garanit-sidebar .comparison-content-rail {
  box-sizing: border-box;
  padding-top: var(--panel-toolbar-top);
}
body.garanit-sidebar .comparison-content-rail > .top-container.comparison-topbar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
body.garanit-sidebar .comparison-content-rail > .comparison-page {
  width: 100% !important;
  max-width: none !important;
  margin: 20px 0 50px !important;
  padding: 0 !important;
}

body.garanit-sidebar .top-container.management-topbar .top-links-wrapper {
  min-width: 0;
}

body.garanit-sidebar .admin-module-wrap,
body.garanit-sidebar .organization-hub,
body.garanit-sidebar
  .analytics-page
  > :is(.analytics-toolbar, [data-content], .analytics-error, [data-loading]),
body.garanit-sidebar .listing-settings-page > * {
  max-width: 1260px !important;
}

body.garanit-sidebar .admin-module-wrap {
  width: min(1260px, 100%) !important;
}
body.garanit-sidebar .listing-settings-page > * {
  width: min(1260px, 100%) !important;
}

body.garanit-sidebar .listing-settings-hero,
body.garanit-sidebar .organization-hub-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
}

body.garanit-sidebar .listing-settings-hero > div,
body.garanit-sidebar .organization-hub-header > div {
  flex: 1 1 auto;
  min-width: 0;
}
body.garanit-sidebar .listing-settings-hero > div > span,
body.garanit-sidebar .listing-settings-hero p,
body.garanit-sidebar .organization-hub-header .organization-eyebrow,
body.garanit-sidebar .organization-hub-header p {
  display: none !important;
}

body.garanit-sidebar .listing-settings-hero h1,
body.garanit-sidebar .organization-hub-header h1,
body.garanit-sidebar .analytics-toolbar h1,
body.garanit-sidebar .admin-module-toolbar h1 {
  margin: 0 !important;
  color: var(--text) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
}

body.garanit-sidebar .organization-create-section.is-open {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 768px) {
  body.garanit-sidebar :is(.listing-editor, .analytics-page) {
    padding-top: 0 !important;
  }
  body.garanit-sidebar {
    --panel-toolbar-top: calc(var(--garanit-mobile-nav-height, 70px) + 15px);
    --panel-bar-gutter: calc(14px + var(--garanit-page-gutter-small, 0px));
    --panel-bar-width: calc(var(--garanit-viewport-width, 100vw) - 2 * var(--panel-bar-gutter));
    --panel-bar-height: 62px;
    --panel-bar-gap: 15px;
  }
  body.garanit-sidebar.panel-page .panel-main {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: var(--panel-toolbar-top) 14px 46px !important;
  }
  body.garanit-sidebar.panel-page .panel-content {
    width: 100% !important;
  }
  body.garanit-sidebar .admin-module-main {
    margin-top: 0 !important;
    padding-top: var(--panel-toolbar-top) !important;
  }
  body.garanit-sidebar .listing-editor,
  body.garanit-sidebar .listing-settings-page,
  body.garanit-sidebar .analytics-page {
    margin-top: var(--panel-toolbar-top) !important;
  }
  body.garanit-sidebar .listing-settings-page {
    padding-top: 0 !important;
  }
  body.garanit-sidebar .organization-hub {
    padding-top: var(--panel-toolbar-top) !important;
  }
  body.garanit-sidebar .top-container.comparison-topbar .comparison-toolbar-left {
    flex: 0 0 auto !important;
  }
  body.garanit-sidebar .top-container.comparison-topbar .comparison-modes {
    width: auto !important;
    flex: 0 0 auto !important;
  }
  body.garanit-sidebar .top-container.comparison-topbar .comparison-scroll-actions {
    display: flex !important;
    flex: 0 0 auto !important;
  }
  body.garanit-sidebar .top-container.comparison-topbar .comparison-scroll-actions button {
    flex: 0 0 36px;
  }
  body.garanit-sidebar :is(.listing-editor, .listing-settings-page, .analytics-page) {
    box-sizing: border-box !important;
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.garanit-sidebar .admin-module-main.admin-module-main {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body.garanit-sidebar .admin-module-wrap,
  body.garanit-sidebar .listing-settings-page > * {
    width: 100% !important;
  }
  body.garanit-sidebar .top-container.management-topbar {
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: none !important;
  }
  body.garanit-sidebar .organization-hub {
    width: calc(100% - 28px) !important;
    margin-inline: 14px !important;
  }
  body.garanit-sidebar:is(
      .garanit-route-market-listings-all,
      .garanit-route-organization-all,
      .garanit-organization-sidebar
    )
    .car-banners {
    box-sizing: border-box !important;
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  body.garanit-sidebar .comparison-content-rail {
    width: calc(100% - 28px);
    margin-inline: 14px;
  }
  body.garanit-sidebar .listing-settings-hero,
  body.garanit-sidebar .organization-hub-header,
  body.garanit-sidebar .admin-module-toolbar {
    flex-wrap: nowrap;
    flex-direction: row !important;
  }
}

body.garanit-sidebar
  :is(
    .panel-toolbar,
    .management-topbar,
    .listing-editor-header-primary,
    .analytics-toolbar,
    .listing-settings-hero,
    .organization-hub-header,
    .admin-module-toolbar
  )
  :is(
    .panel-button,
    .admin-button,
    .organization-primary-button,
    .listing-ai-scan-button,
    .listing-prioritize,
    .analytics-date-trigger,
    .analytics-refresh
  ) {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 15px !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  background: var(--button2) !important;
  color: var(--text) !important;
  font: inherit;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: none !important;
  cursor: pointer;
  transition:
    color 170ms ease,
    background-color 170ms ease,
    border-color 170ms ease,
    opacity 170ms ease !important;
}

/* Nested labels must use the same weight as their action button. */
body.garanit-sidebar
  :is(
    .panel-toolbar,
    .management-topbar,
    .listing-editor-header-primary,
    .analytics-toolbar,
    .listing-settings-hero,
    .organization-hub-header,
    .admin-module-toolbar
  )
  :is(
    .panel-button,
    .admin-button,
    .organization-primary-button,
    .listing-ai-scan-button,
    .listing-prioritize,
    .analytics-date-trigger,
    .analytics-refresh
  )
  :is(span, b, strong, small, em) {
  font-weight: 400 !important;
}

body.garanit-sidebar
  :is(
    .panel-toolbar,
    .management-topbar,
    .listing-editor-header-primary,
    .analytics-toolbar,
    .listing-settings-hero,
    .organization-hub-header,
    .admin-module-toolbar
  )
  :is(
    .panel-button,
    .admin-button,
    .organization-primary-button,
    .listing-ai-scan-button,
    .listing-prioritize,
    .analytics-date-trigger,
    .analytics-refresh
  ):hover {
  background: var(--card2) !important;
  color: var(--text) !important;
  border-color: var(--border-hover, var(--border)) !important;
}

/* Tabs and actions change colour without moving their labels or icons. */
body.garanit-sidebar
  :is(
    .panel-toolbar,
    .management-topbar,
    .listing-editor-header-primary,
    .analytics-toolbar,
    .listing-settings-hero,
    .organization-hub-header,
    .admin-module-toolbar
  )
  :is(button, a, .sorting-phone):hover {
  transform: none !important;
  translate: none !important;
}

body.garanit-sidebar .analytics-toolbar .analytics-date-trigger > span {
  position: static !important;
  font-size: inherit !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: inherit !important;
}
body.garanit-sidebar .analytics-toolbar .analytics-date-trigger > strong {
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
body.garanit-sidebar .analytics-toolbar .analytics-date-trigger > i {
  color: inherit !important;
}
body.garanit-sidebar .listing-settings-hero .listing-prioritize small {
  display: none;
}
body.garanit-sidebar .listing-settings-hero .listing-prioritize b {
  font-weight: inherit;
}
body.garanit-sidebar .listing-settings-hero .listing-prioritize > i:first-child {
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  font-size: inherit !important;
}
body.garanit-sidebar .analytics-toolbar .analytics-refresh {
  width: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
}
@media (max-width: 760px) {
  body.garanit-sidebar .listing-editor-header-primary .listing-ai-scan-button {
    width: 42px !important;
    padding: 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .panel-toolbar-scroll-button {
    transition: none;
  }
}

@media (max-width: 768px) {
  body.garanit-sidebar .organization-dashboard.organization-dashboard {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: var(--panel-toolbar-top) 14px 46px !important;
  }
  body.garanit-sidebar .organization-dashboard-heading {
    box-sizing: border-box;
    margin-bottom: 18px;
    border: 2px solid var(--background3);
    border-radius: 16px;
    background: var(--card);
    box-shadow: var(--box-shadow1);
  }
  body.garanit-sidebar .organization-dashboard-heading > div {
    flex: 0 0 auto;
  }
  body.garanit-sidebar
    .organization-dashboard-heading
    :is(p, div > span:not(.organization-dashboard-heading-icon)) {
    display: none;
  }
  body.garanit-sidebar .organization-dashboard-heading h1 {
    color: var(--text);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
  }
  body.garanit-sidebar .organization-dashboard-heading-icon {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    border: 2px solid var(--background4);
    border-radius: 16px;
    background: var(--background3);
    color: var(--text) !important;
  }
  body.garanit-sidebar .organization-dashboard-heading .organization-dashboard-button {
    flex: 0 0 auto;
    width: auto;
    height: 42px;
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--button2);
    color: var(--text);
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
  }
  body.garanit-sidebar .organization-dashboard-heading .organization-dashboard-button:hover {
    transform: none;
    background: var(--card2);
  }
  body.garanit-sidebar
    :is(
      .panel-toolbar,
      .management-topbar,
      .listing-editor-header-primary,
      .analytics-toolbar,
      .listing-settings-hero,
      .organization-hub-header,
      .admin-module-toolbar,
      .organization-dashboard-heading
    ) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    height: 75px !important;
    min-height: 75px !important;
    block-size: 75px !important;
    padding: 8px 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scroll-padding-inline: 12px;
    backdrop-filter: none !important;
    transform: none !important;
  }
  body.garanit-sidebar
    :is(
      .panel-toolbar,
      .management-topbar,
      .listing-editor-header-primary,
      .analytics-toolbar,
      .listing-settings-hero,
      .organization-hub-header,
      .admin-module-toolbar,
      .organization-dashboard-heading
    )::-webkit-scrollbar {
    display: none;
  }

  body.garanit-sidebar
    :is(
      .panel-toolbar,
      .management-topbar,
      .listing-editor-header-primary,
      .analytics-toolbar,
      .listing-settings-hero,
      .organization-hub-header,
      .admin-module-toolbar,
      .organization-dashboard-heading
    )
    :is(
      .panel-toolbar-scroll-shell,
      .inventory-toolbar-scroll,
      .store-toolbar-scroll,
      .friends-toolbar-scroll,
      .settings-tabs-scroll,
      .panel-toolbar-left,
      .panel-toolbar-right,
      .top-links-wrapper,
      .top-links,
      .top-view-controls,
      .top-sorting-desktop,
      .comparison-toolbar,
      .comparison-toolbar-left,
      .comparison-modes,
      .listing-editor-header-actions,
      .analytics-toolbar-actions,
      .todo-hero-side
    ) {
    display: contents !important;
  }

  body.garanit-sidebar
    :is(
      .panel-toolbar,
      .management-topbar,
      .listing-editor-header-primary,
      .analytics-toolbar,
      .listing-settings-hero,
      .organization-hub-header,
      .admin-module-toolbar,
      .organization-dashboard-heading
    )
    :is(
      .panel-tab,
      .settings-tab,
      .panel-button,
      .admin-button,
      .organization-primary-button,
      .listing-ai-scan-button,
      .listing-prioritize,
      .analytics-date-control,
      .analytics-refresh,
      .panel-toolbar-home,
      .panel-toolbar-icon,
      .listing-editor-heading,
      .analytics-toolbar-copy,
      .admin-toolbar-heading,
      .listing-view-wrapper,
      .sort-dropdown,
      .comparison-mode-button,
      .settings-security-summary,
      .store-balance,
      .admin-pill
    ) {
    flex: 0 0 auto !important;
    max-width: none !important;
    margin-inline: 0 !important;
    white-space: nowrap !important;
  }
  body.garanit-sidebar :is(.listing-settings-hero, .organization-hub-header) > div {
    flex: 0 0 auto !important;
    white-space: nowrap;
  }
  body.garanit-sidebar
    :is(.listing-editor-heading, .analytics-toolbar-copy, .admin-toolbar-heading) {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    gap: 8px !important;
  }
  body.garanit-sidebar
    :is(
      .listing-editor-header-primary,
      .analytics-toolbar,
      .admin-module-toolbar,
      .organization-dashboard-heading
    )
    h1 {
    margin: 0 !important;
    white-space: nowrap !important;
  }
  body.garanit-sidebar .top-container.management-topbar .listing-management-search {
    flex: 0 0 230px !important;
    width: 230px !important;
    margin: 0 !important;
  }
  body.garanit-sidebar .management-topbar .listing-view-wrapper {
    display: inline-flex !important;
  }
  body.garanit-sidebar
    .top-container.comparison-topbar
    :is(.comparison-toolbar, .comparison-toolbar-left, .comparison-modes) {
    display: contents !important;
  }
  body.garanit-sidebar .management-topbar .sorting-phone,
  body.garanit-sidebar .panel-toolbar-scroll-button,
  body.garanit-sidebar .top-container.comparison-topbar .comparison-scroll-actions {
    display: none !important;
  }

  body.garanit-sidebar
    :is(.analytics-toolbar, .management-topbar)
    :is(.analytics-date-menu, .sort-dropdown-menu) {
    position: fixed !important;
    top: var(--panel-toolbar-popup-top, 173px) !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--panel-toolbar-popup-top, 173px) - 14px);
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 1100;
  }
}

@media (max-width: 768px) {
  body.garanit-route-organization-all {
    padding-top: var(--garanit-mobile-nav-height, 70px);
  }

  body.garanit-sidebar .top-container.management-topbar {
    position: relative !important;
    inset: auto !important;
    width: calc(100% - 28px) !important;
    margin: 10px 14px 0 !important;
  }

  body.garanit-sidebar:is(.garanit-route-market-listings-all, .garanit-route-organization-all)
    .car-banners {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 14px 46px !important;
  }

  body.garanit-sidebar:is(.garanit-route-market-listings-all, .garanit-route-organization-all)
    .listings-container {
    padding: 0 !important;
  }

  /* Match the market's mobile toolbar and the gap before its first listing. */
  body.garanit-sidebar.garanit-route-market-listings-all .top-container.management-topbar {
    height: 62px !important;
    min-height: 62px !important;
    block-size: 62px !important;
    margin-top: 15px !important;
    padding: 7px !important;
  }

  body.garanit-sidebar.garanit-route-market-listings-all .car-banners {
    padding-top: 15px !important;
  }
}

/* Only the toolbar breaks out of the centered content column. Negative inline
   margins keep the existing cards/forms at their original width and position. */
body.garanit-sidebar.panel-page .panel-main .panel-toolbar,
body.garanit-sidebar.favorites-listings-page .favorites-content-rail > .top-container,
body.garanit-sidebar .comparison-content-rail > .top-container.comparison-topbar,
body.garanit-sidebar
  :is(
    .panel-toolbar,
    .top-container.management-topbar,
    .listing-editor-header-primary,
    .analytics-toolbar,
    .listing-settings-hero,
    .organization-hub-header,
    .admin-module-toolbar
  ) {
  position: relative !important;
  inset: auto !important;
  box-sizing: border-box !important;
  width: var(--panel-bar-width) !important;
  max-width: none !important;
  height: var(--panel-bar-height) !important;
  min-height: var(--panel-bar-height) !important;
  block-size: var(--panel-bar-height) !important;
  margin-left: calc((100% - var(--panel-bar-width)) / 2) !important;
  margin-right: 0 !important;
  margin-bottom: var(--panel-bar-gap) !important;
  transform: none !important;
}

@media (min-width: 769px) {
  body.garanit-sidebar:not(.favorites-listings-page)
    .top-container.management-topbar:not(.comparison-topbar) {
    position: absolute !important;
    top: var(--panel-toolbar-top) !important;
    left: calc(var(--sidebar-layout-width, 400px) + 15px) !important;
    margin: 0 !important;
  }
}

@media (max-width: 768px) {
  body.garanit-sidebar.panel-page .panel-main .panel-toolbar,
  body.garanit-sidebar
    :is(
      .panel-toolbar,
      .top-container.management-topbar,
      .listing-editor-header-primary,
      .analytics-toolbar,
      .listing-settings-hero,
      .organization-hub-header,
      .admin-module-toolbar
    ) {
    padding: 7px !important;
    border-radius: 14px !important;
  }

  body.garanit-sidebar .listing-editor {
    margin-top: 15px !important;
  }

  body.garanit-sidebar .favorites-content-rail {
    padding-top: var(--panel-toolbar-top);
  }

  body.garanit-sidebar .top-container.management-topbar:not(.comparison-topbar) {
    margin-bottom: 0 !important;
  }
}