/* Project-linked RNs opt into their existing AI sidebar only on request. */
html.project-rn-panel-embed body.project-rn-chat-open #view-rn {
  --rn-chat-width: min(var(--rn-chat-width-desktop), 38vw);
}
html.project-rn-panel-embed body.project-rn-chat-open[data-view="rn"] #view-rn .rn-page-inner {
  padding-right: calc(var(--rn-chat-width) + var(--rn-sidebar-gap)) !important;
}
html.project-rn-panel-embed body.project-rn-chat-open[data-view="rn"] #view-rn .rn-chat-sidebar {
  display: flex !important;
  flex-direction: column;
  position: fixed;
  top: var(--site-header-offset, 0px);
  right: 0;
  width: var(--rn-chat-width);
  height: calc(100dvh - var(--site-header-offset, 0px));
  border-radius: 0;
  overflow: hidden;
}
html.project-rn-panel-embed body.project-rn-chat-open #rn-chat-host {
  flex: 1 1 auto;
  min-height: 0;
}
html.project-rn-panel-embed body.project-rn-chat-open #rn-chat-sidebar #ai-chat-panel {
  height: 100%;
  min-height: 0;
}
#rn-project-chat-close {
  display: none;
  align-self: flex-end;
  flex: 0 0 auto;
  margin: 6px 8px 0;
  padding: 6px 10px;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  color: #475569;
  background: #fff;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
html.project-rn-panel-embed body.project-rn-chat-open #rn-project-chat-close {
  display: block;
}
#view-rn .rn-add-products-btn[aria-expanded="true"] {
  box-shadow: 0 0 0 3px #bfdbfe;
}
@media screen and (max-width: 680px) {
  html.project-rn-panel-embed body.project-rn-chat-open #view-rn {
    --rn-chat-width: 100%;
  }
  html.project-rn-panel-embed body.project-rn-chat-open[data-view="rn"] #view-rn .rn-page-inner {
    padding-right: 0 !important;
  }
  html.project-rn-panel-embed body.project-rn-chat-open #rn-chat-sidebar {
    z-index: 900;
    background: #fff;
  }
}
@media print {
  #rn-add-products-btn,
  html.project-rn-panel-embed body.project-rn-chat-open[data-view="rn"] #view-rn .rn-chat-sidebar {
    display: none !important;
  }
  html.project-rn-panel-embed body.project-rn-chat-open[data-view="rn"] #view-rn .rn-page-inner {
    padding-right: 0 !important;
  }
}