:root {
  --chat-sidebar-width: 16.25rem;
  --chat-sidebar-minified-width: 3.25rem;
  --chat-sidebar-header-height: 56px;
  --chat-sidebar-row-height: 40px;
  --chat-sidebar-icon-box: 24px;
  --chat-sidebar-icon-size: 22px;
}

.app-recent-action-form { display: contents; }
.app-recent-action-form input { display: none; }

/* Keep sidebar labels neutral in every interaction state. */
html #hs-pro-sidebar :is(a, button, summary):is(:hover, :focus, :focus-visible, :active, .chat-sidebar-active, [aria-current="page"]) {
  color: #111 !important;
}

html.dark #hs-pro-sidebar :is(a, button, summary):is(:hover, :focus, :focus-visible, :active, .chat-sidebar-active, [aria-current="page"]) {
  color: #f5f5f5 !important;
}

#hs-pro-sidebar {
  background: #F9F9F9 !important;
  border-right: 1px solid #e8e8e8 !important;
  color: #0d0d0d !important;
}

/* Maps uses the same plain light sidebar as the main chat, even in glass theme. */
html.glass body.maps-page #hs-pro-sidebar,
html body.maps-page #hs-pro-sidebar {
  background:#F9F9F9!important;
  border-right:1px solid #e8e8e8!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html.glass body.maps-page #hs-pro-sidebar > .relative,
html body.maps-page #hs-pro-sidebar > .relative {
  --app-sidebar-surface:#F9F9F9;
  background:#F9F9F9!important;
}
html.glass body.maps-page #hs-pro-sidebar::before,
html.glass body.maps-page #hs-pro-sidebar::after {
  display:none!important;
  content:none!important;
}
html.glass body.maps-page .maps-panel,
html body.maps-page .maps-panel {
  background:#fff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html.glass body.maps-page .maps-panel::before,
html.glass body.maps-page .maps-panel::after {
  display:none!important;
  content:none!important;
}

.chat-sidebar-submenu-summary > img { width:var(--chat-sidebar-icon-size);height:var(--chat-sidebar-icon-size);flex:0 0 var(--chat-sidebar-icon-size);object-fit:contain;filter:grayscale(1) }
.chat-sidebar-submenu-caret { margin-left:auto;transition:transform .2s ease }
.chat-sidebar-category[open] > summary .chat-sidebar-submenu-caret { transform:rotate(180deg) }
.chat-sidebar-backdrop { display:none }
@media (max-width:767px) {
  #hs-pro-sidebar.chat-sidebar-mobile-open { display:block!important;transform:translateX(0)!important;visibility:visible!important;z-index:80 }
  .chat-sidebar-backdrop { position:fixed;inset:0;z-index:70;border:0;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:opacity .2s ease }
  .chat-sidebar-backdrop.chat-sidebar-backdrop-open { display:block;opacity:1;pointer-events:auto }
  body.chat-sidebar-lock { overflow:hidden }
}

.dark #hs-pro-sidebar {
  background: #171717 !important;
  border-color: #2a2a2a !important;
  color: #f5f5f5 !important;
}

#hs-pro-sidebar > .relative {
  --app-sidebar-surface: #F9F9F9;
  background: var(--app-sidebar-surface);
}
.dark #hs-pro-sidebar > .relative {
  --app-sidebar-surface: #171717;
  background: var(--app-sidebar-surface);
}

#hs-pro-sidebar > .relative > header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background: transparent !important;
  border: 0 !important;
  min-height: var(--chat-sidebar-header-height);
  padding: 10px 12px 8px !important;
}

#hs-pro-sidebar > .relative > header > div:first-child {
  display: flex !important;
  min-width: 0;
  align-items: center;
}

#hs-pro-sidebar > .relative > header > div.hidden {
  display: none !important;
}

#hs-pro-sidebar .app-sidebar-mode-tabs {
  padding: 2px 14px 8px;
}
#hs-pro-sidebar .app-sidebar-mode-select {
  display: none;
}
#hs-pro-sidebar .app-sidebar-mode-nav {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 1px;
  padding: 2px;
  border: 1px solid #E5E7EB;
  border-radius: 9px;
  background: #F3F4F6;
  box-shadow: none;
}
#hs-pro-sidebar .app-sidebar-mode-link {
  position: relative;
  display: flex;
  flex: 1 1 50%;
  box-sizing: border-box;
  min-width: 0;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6B7280 !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}
#hs-pro-sidebar .app-sidebar-mode-link:not(.is-active):hover {
  background: rgba(107, 114, 128, .08);
  color: #292929 !important;
}
#hs-pro-sidebar .app-sidebar-mode-link:focus-visible {
  outline: 2px solid rgba(99, 102, 241, .45);
  outline-offset: 1px;
}
#hs-pro-sidebar .app-sidebar-mode-link.is-active {
  background: var(--app-sidebar-surface, #F9F9F9);
  color: #111827 !important;
  border: 1px solid #E5E7EB;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .07);
}
#hs-pro-sidebar .app-sidebar-mode-link.is-active::after {
  content: none;
}
.dark #hs-pro-sidebar .app-sidebar-mode-nav {
  border-color: #3A3A3A;
  background: #262626;
  box-shadow: none;
}
.dark #hs-pro-sidebar .app-sidebar-mode-link {
  color: #b6b6b6 !important;
}
.dark #hs-pro-sidebar .app-sidebar-mode-link:not(.is-active):hover {
  background: rgba(255, 255, 255, .06);
  color: #fff !important;
}
.dark #hs-pro-sidebar .app-sidebar-mode-link.is-active {
  background: var(--app-sidebar-surface, #171717);
  color: #fff !important;
  border-color: #353535;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-mode-tabs { display: none; }

#hs-pro-sidebar > .relative > header a,
#hs-pro-sidebar > .relative > header > button {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 10px !important;
}

#hs-pro-sidebar > .relative > header img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain;
}

#hs-pro-sidebar > .relative > header > button[data-hs-overlay="#hs-pro-sidebar"] {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 2;
  background: #fff !important;
  border: 0 !important;
  color: #111 !important;
}

#hs-pro-sidebar > .relative > .mb-5 {
  margin: 8px 10px 24px !important;
  padding: 0 !important;
  gap: 0 !important;
}

#hs-pro-sidebar > .relative > .mb-5 ul {
  gap: 6px !important;
}

#hs-pro-sidebar > .relative > .mb-5 li > a,
#hs-pro-sidebar > .relative > .mb-5 li > button {
  min-height: var(--chat-sidebar-row-height);
  padding: 8px 12px !important;
  gap: 10px !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

#hs-pro-sidebar > .relative > .mb-5 li:first-child > a {
  background: #ECECEC !important;
}

body.media-generator-page #hs-pro-sidebar > .relative > .mb-5 li:first-child > a,
body.social-assistant-page #hs-pro-sidebar > .relative > .mb-5 li:first-child > a {
  background: transparent !important;
}

body.media-generator-page #hs-pro-sidebar > .relative > .mb-5 li > a.chat-sidebar-active,
body.social-assistant-page #hs-pro-sidebar > .relative > .mb-5 li > a.chat-sidebar-active {
  background: #ECECEC !important;
  color: #111 !important;
}

#hs-pro-sidebar > .relative > .mb-5 li > a::before {
  display: none !important;
}

#hs-pro-sidebar > .relative > .mb-5 li > a:hover,
#hs-pro-sidebar > .relative > .mb-5 li > a:focus,
#hs-pro-sidebar > .relative > .mb-5 li > a:focus-visible,
#hs-pro-sidebar > .relative > .mb-5 li > button:hover,
#hs-pro-sidebar > .relative > .mb-5 li > button:focus,
#hs-pro-sidebar > .relative > .mb-5 li > button:focus-visible {
  background: #ECECEC !important;
  color: #111 !important;
}

#hs-pro-sidebar .chat-sidebar-submenu {
  margin: 0;
}

#hs-pro-sidebar .chat-sidebar-submenu-summary {
  position: relative;
  display: flex;
  min-height: var(--chat-sidebar-row-height);
  cursor: pointer;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  padding: 8px 12px !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  list-style: none;
}

#hs-pro-sidebar .chat-sidebar-submenu-summary::-webkit-details-marker {
  display: none;
}

#hs-pro-sidebar .chat-sidebar-submenu-summary:hover,
#hs-pro-sidebar .chat-sidebar-submenu-summary:focus,
#hs-pro-sidebar .chat-sidebar-submenu-summary:focus-visible,
#hs-pro-sidebar .chat-sidebar-submenu-summary-active {
  background: #ECECEC !important;
  color: #111 !important;
  outline: 0;
}

#hs-pro-sidebar .chat-sidebar-submenu-caret {
  margin-left: auto;
  transition: transform 180ms ease;
}

#hs-pro-sidebar .chat-sidebar-submenu[open] > .chat-sidebar-submenu-summary .chat-sidebar-submenu-caret {
  transform: rotate(180deg);
}

#hs-pro-sidebar .chat-sidebar-submenu-list {
  display: flex;
  flex-direction: column;
  gap: 4px !important;
  margin: 4px 0 0 28px !important;
  padding: 0 0 0 8px !important;
  border-left: 1px solid #dedede;
}

#hs-pro-sidebar .chat-sidebar-submenu-list li > a {
  min-height: var(--chat-sidebar-row-height) !important;
  padding: 8px 12px !important;
  gap: 10px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

#hs-pro-sidebar .chat-sidebar-submenu-summary > span[class*="size-6"],
#hs-pro-sidebar .chat-sidebar-submenu-list li > a > span[class*="size-6"] {
  width: var(--chat-sidebar-icon-box) !important;
  height: var(--chat-sidebar-icon-box) !important;
  flex: 0 0 var(--chat-sidebar-icon-box) !important;
  margin-left: 0 !important;
}

#hs-pro-sidebar .chat-sidebar-submenu-summary > span[class*="size-6"] > svg,
#hs-pro-sidebar .chat-sidebar-submenu-list li > a > span[class*="size-6"] > img[src*="/assets/icons/"],
#hs-pro-sidebar .chat-sidebar-submenu-list li > a > span[class*="size-6"] > svg {
  display: block;
  width: var(--chat-sidebar-icon-size) !important;
  height: var(--chat-sidebar-icon-size) !important;
  flex: 0 0 var(--chat-sidebar-icon-size) !important;
  object-fit: contain;
}

body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-list {
  display: none !important;
}

#hs-pro-sidebar > .relative > .mb-5 span[class*="size-6"] {
  width: var(--chat-sidebar-icon-box) !important;
  height: var(--chat-sidebar-icon-box) !important;
  flex: 0 0 var(--chat-sidebar-icon-box) !important;
  margin-left: 0 !important;
}

#hs-pro-sidebar > .relative > .mb-5 li > a > span[class*="size-6"] > svg,
#hs-pro-sidebar > .relative > .mb-5 li > button > span[class*="size-6"] > svg,
#hs-pro-sidebar > .relative > .mb-5 li > a > span[class*="size-6"] > img[src^="icons/"] {
  display: block;
  width: var(--chat-sidebar-icon-size) !important;
  height: var(--chat-sidebar-icon-size) !important;
  flex: 0 0 var(--chat-sidebar-icon-size) !important;
  object-fit: contain;
}

#hs-pro-sidebar > .relative > .mb-5 svg {
  color: #111 !important;
  stroke: currentColor !important;
}

#hs-pro-sidebar > .relative > .mb-5 svg * {
  stroke: currentColor;
}

#hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 {
  padding: 0 18px 152px !important;
  gap: 0 !important;
  scrollbar-width: none;
}

#hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0::-webkit-scrollbar {
  display: none;
}

#hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 > .flex > span {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

#hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 ul {
  gap: 0 !important;
}

#hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a {
  min-height: 36px;
  padding: 7px 10px !important;
  background: transparent !important;
  color: #111 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
}

#hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a:hover,
#hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a:focus,
#hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a:focus-visible,
#hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group:focus-within > a {
  background: #ECECEC !important;
  color: #111 !important;
}

#hs-pro-sidebar .hs-dropdown > button {
  color: #111 !important;
  background: #F9F9F9 !important;
}

#hs-pro-sidebar .hs-dropdown > button:hover,
#hs-pro-sidebar .hs-dropdown > button:focus,
#hs-pro-sidebar .hs-dropdown > button:focus-visible {
  background: #ECECEC !important;
}

.chat-sidebar-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 12px 14px 16px;
  background: #F9F9F9;
  border-top: 1px solid #e6e6e6;
}

.chat-sidebar-account {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 8px 14px;
  color: #111;
}

.chat-sidebar-avatar {
  display: inline-flex;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #22c55e;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.chat-sidebar-avatar-img {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 999px;
  object-fit: cover;
}

.chat-sidebar-user {
  min-width: 0;
}

.chat-sidebar-user-name {
  display: block;
  overflow: hidden;
  color: #111;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-sidebar-plan {
  display: block;
  margin-top: 2px;
  color: #8a8a8a;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.1;
}

.chat-sidebar-offer {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  background: #f3f4f6;
  color: #4b5563;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.chat-sidebar-offer:hover,
.chat-sidebar-offer:focus {
  background: #e5e7eb;
  color: #374151;
}

.chat-sidebar-offer svg {
  width: 18px;
  height: 18px;
}

body > #hs-pro-sidebar ~ main > header.fixed,
body > #hs-pro-sidebar ~ main > header.sticky,
.health-topbar {
  min-height: 56px;
  border-bottom: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, .94) !important;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

body > #hs-pro-sidebar ~ main > header.fixed,
body > #hs-pro-sidebar ~ main > header.sticky {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body > #hs-pro-sidebar ~ main > header.fixed > nav {
  min-height: 56px;
  gap: 12px;
  padding-right: 16px !important;
  padding-left: 16px !important;
}

body > #hs-pro-sidebar ~ main > header.sticky,
.health-topbar {
  padding: 10px 16px !important;
  gap: 12px !important;
}

body > #hs-pro-sidebar ~ main > header.fixed > nav > div > button,
body > #hs-pro-sidebar ~ main > header.fixed > nav > div > .hs-dropdown > button,
body > #hs-pro-sidebar ~ main > header.fixed > nav > div > div > .hs-dropdown > button,
body > #hs-pro-sidebar ~ main > header.sticky > button,
.health-mobile-menu {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 10px !important;
}

body > #hs-pro-sidebar ~ main > header.fixed a[href="../index.php"],
body > #hs-pro-sidebar ~ main > header.sticky a[href="index.php"],
.health-link-button {
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap;
}

body > #hs-pro-sidebar ~ main > header.fixed > nav > div > button svg,
body > #hs-pro-sidebar ~ main > header.fixed > nav > div > .hs-dropdown > button svg,
body > #hs-pro-sidebar ~ main > header.fixed > nav > div > div > .hs-dropdown > button svg,
body > #hs-pro-sidebar ~ main > header.fixed > nav > div > a[href="../index.php"] svg,
body > #hs-pro-sidebar ~ main > header.sticky > button svg,
body > #hs-pro-sidebar ~ main > header.sticky > a[href="index.php"] svg,
.health-topbar > button svg,
.health-topbar > a svg {
  width: 18px !important;
  height: 18px !important;
}

body > #hs-pro-sidebar ~ main > header.sticky > .min-w-0,
.health-page-title {
  flex: 1 1 auto;
  min-width: 0;
}

body > #hs-pro-sidebar ~ main > header.sticky h1,
.health-page-title h1 {
  overflow: hidden;
  margin: 0;
  font-size: 16px !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body > #hs-pro-sidebar ~ main > header.sticky p,
.health-page-title p {
  overflow: hidden;
  margin-top: 2px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  body > #hs-pro-sidebar ~ main > header.fixed > nav {
    min-height: 56px;
    gap: 10px;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  body > #hs-pro-sidebar ~ main > header.fixed a[href="../index.php"] {
    max-width: 52vw;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body > #hs-pro-sidebar ~ main > header.sticky,
  .health-topbar {
    min-height: 60px;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  body > #hs-pro-sidebar ~ main > header.sticky p,
  .health-page-title p {
    display: none;
  }
}

@media (min-width: 768px) {
  body > #hs-pro-sidebar ~ main {
    padding-left: var(--chat-sidebar-width) !important;
  }

  body.hs-overlay-minified > #hs-pro-sidebar ~ main {
    padding-left: var(--chat-sidebar-minified-width) !important;
  }

  body > #hs-pro-sidebar ~ main > header.fixed {
    min-height: 56px;
    margin-left: var(--chat-sidebar-width) !important;
    border-bottom: 1px solid #e5e7eb;
    background: rgba(255, 255, 255, .94) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
  }

  body.hs-overlay-minified > #hs-pro-sidebar ~ main > header.fixed {
    margin-left: var(--chat-sidebar-minified-width) !important;
  }

  body > #hs-pro-sidebar ~ main > header.fixed > nav {
    min-height: 56px;
    gap: 12px;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > button,
  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > .hs-dropdown > button,
  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > div > .hs-dropdown > button,
  body > #hs-pro-sidebar ~ main > header.fixed a[href="../index.php"] {
    min-height: 36px;
    border-radius: 10px !important;
  }

  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > button,
  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > .hs-dropdown > button,
  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > div > .hs-dropdown > button {
    width: 36px !important;
    height: 36px !important;
  }

  body > #hs-pro-sidebar ~ main > header.fixed a[href="../index.php"] {
    padding: 0 12px !important;
    font-size: 14px !important;
  }

  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > button svg,
  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > .hs-dropdown > button svg,
  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > div > .hs-dropdown > button svg,
  body > #hs-pro-sidebar ~ main > header.fixed > nav > div > a[href="../index.php"] svg {
    width: 18px !important;
    height: 18px !important;
  }

  #hs-pro-sidebar > .relative > header {
    display: flex !important;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 9px 10px 6px !important;
  }

  #hs-pro-sidebar > .relative > header > div:first-child,
  #hs-pro-sidebar > .relative > header > div.hidden.md\:flex {
    display: flex !important;
    min-width: 0;
    align-items: center;
  }

  #hs-pro-sidebar > .relative > header > div > .hidden.sm\:block {
    display: none !important;
  }

  #hs-pro-sidebar > .relative > header a {
    width: 36px !important;
    height: 36px !important;
    color: #111 !important;
  }

  #hs-pro-sidebar > .relative > header img {
    width: 24px !important;
    height: 24px !important;
  }

  #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"] {
    position: static;
    display: flex !important;
    width: 36px !important;
    height: 36px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #111 !important;
  }

  #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"]:hover,
  #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"]:focus,
  #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"]:focus-visible {
    background: #ECECEC !important;
    color: #111 !important;
  }

  #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"] svg {
    width: 22px !important;
    height: 22px !important;
  }

  body.hs-overlay-minified #hs-pro-sidebar > .relative > header {
    justify-content: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.hs-overlay-minified #hs-pro-sidebar > .relative > header > div {
    display: none !important;
  }

  body.hs-overlay-minified #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"] {
    display: flex !important;
  }

  #hs-pro-sidebar > .relative > .mb-5 {
    margin: 6px 10px 22px !important;
  }

  #hs-pro-sidebar > .relative > .mb-5 ul {
    gap: 2px !important;
  }

  #hs-pro-sidebar > .relative > .mb-5 li > a,
  #hs-pro-sidebar > .relative > .mb-5 li > button,
  #hs-pro-sidebar .chat-sidebar-submenu-summary,
  #hs-pro-sidebar .chat-sidebar-submenu-list li > a {
    min-height: 38px;
    padding: 8px 12px !important;
    gap: 10px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }

  #hs-pro-sidebar .chat-sidebar-submenu-list {
    gap: 2px !important;
    margin-top: 2px !important;
  }

  #hs-pro-sidebar > .relative > .mb-5 span[class*="size-6"],
  #hs-pro-sidebar .chat-sidebar-submenu-summary > span[class*="size-6"],
  #hs-pro-sidebar .chat-sidebar-submenu-list li > a > span[class*="size-6"] {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  #hs-pro-sidebar > .relative > .mb-5 li > a > span[class*="size-6"] > svg,
  #hs-pro-sidebar > .relative > .mb-5 li > button > span[class*="size-6"] > svg,
  #hs-pro-sidebar > .relative > .mb-5 li > a > span[class*="size-6"] > img[src^="icons/"],
  #hs-pro-sidebar .chat-sidebar-submenu-summary > span[class*="size-6"] > svg,
  #hs-pro-sidebar .chat-sidebar-submenu-list li > a > span[class*="size-6"] > svg,
  #hs-pro-sidebar .chat-sidebar-submenu-list li > a > span[class*="size-6"] > img[src*="/assets/icons/"] {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
  }

  #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 {
    padding: 0 16px 128px !important;
  }

  #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 > .flex > span {
    margin-bottom: 12px !important;
    font-size: 14px !important;
  }

  #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a {
    min-height: 32px;
    padding: 6px 0 !important;
    font-size: 14px !important;
  }

  #hs-pro-sidebar .hs-dropdown > button {
    width: 28px !important;
    height: 28px !important;
  }

  #hs-pro-sidebar .hs-dropdown svg {
    width: 16px !important;
    height: 16px !important;
  }

  .chat-sidebar-footer {
    padding: 10px 14px 14px;
  }

  .chat-sidebar-account {
    gap: 10px;
    padding: 6px 6px 10px;
  }

  .chat-sidebar-avatar {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    font-size: 12px;
  }

  .chat-sidebar-user-name {
    font-size: 14px;
  }

  .chat-sidebar-plan {
    font-size: 12px;
  }

  .chat-sidebar-offer {
    min-height: 42px;
    gap: 8px;
    font-size: 14px;
  }

  .chat-sidebar-offer svg {
    width: 17px;
    height: 17px;
  }

  body.hs-overlay-minified #hs-pro-sidebar > .relative > .mb-5 {
    margin-right: 6px !important;
    margin-left: 6px !important;
  }

  body.hs-overlay-minified #hs-pro-sidebar > .relative > .mb-5 li > a,
  body.hs-overlay-minified #hs-pro-sidebar > .relative > .mb-5 li > button,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-summary {
    justify-content: center;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.hs-overlay-minified #hs-pro-sidebar > .relative > .mb-5 li > a > span:not([class*="size-6"]),
  body.hs-overlay-minified #hs-pro-sidebar > .relative > .mb-5 li > button > span:not([class*="size-6"]),
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-summary > span:not([class*="size-6"]),
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-caret,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-footer {
    display: none !important;
  }
}

.dark #hs-pro-sidebar,
.dark #hs-pro-sidebar > .relative {
  background: #171717 !important;
  border-color: #2a2a2a !important;
  color: #f5f5f5 !important;
}

html.dark:not(.glass) body > #hs-pro-sidebar ~ main > header.fixed,
html.dark:not(.glass) body > #hs-pro-sidebar ~ main > header.sticky,
html.dark:not(.glass) .health-topbar {
  border-bottom-color: #2a2a2a !important;
  background: rgba(23, 23, 23, .94) !important;
}

.dark #hs-pro-sidebar > .relative > .mb-5 li > a,
.dark #hs-pro-sidebar > .relative > .mb-5 li > button,
.dark #hs-pro-sidebar .chat-sidebar-submenu-summary,
.dark #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a,
.dark #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 > .flex > span,
.dark #hs-pro-sidebar > .relative > header a,
.dark #hs-pro-sidebar .hs-dropdown > button {
  color: #e5e5e5 !important;
}

.dark #hs-pro-sidebar > .relative > .mb-5 svg,
.dark #hs-pro-sidebar > .relative > .mb-5 svg *,
.dark #hs-pro-sidebar > .relative > header svg,
.dark #hs-pro-sidebar .hs-dropdown svg {
  color: #e5e5e5 !important;
  stroke: currentColor !important;
}

.dark #hs-pro-sidebar > .relative > .mb-5 img[src*="/assets/icons/"] {
  filter: invert(1) brightness(.92);
}

.dark [data-media-generator] .media-mode-icon,
.dark [data-social-assistant] .social-mode-icon {
  filter: invert(1) brightness(.92);
}

.dark #hs-pro-sidebar > .relative > header > button,
.dark #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"],
.dark #hs-pro-sidebar .hs-dropdown > button {
  background: #1f1f1f !important;
  color: #e5e5e5 !important;
}

.dark #hs-pro-sidebar .chat-sidebar-submenu-list {
  border-left-color: #333333;
}

.dark body.media-generator-page #hs-pro-sidebar > .relative > .mb-5 li:first-child > a,
.dark body.social-assistant-page #hs-pro-sidebar > .relative > .mb-5 li:first-child > a {
  background: transparent !important;
}

.dark body.media-generator-page #hs-pro-sidebar > .relative > .mb-5 li > a.chat-sidebar-active,
.dark body.social-assistant-page #hs-pro-sidebar > .relative > .mb-5 li > a.chat-sidebar-active {
  background: #262626 !important;
  color: #e5e5e5 !important;
}

.dark #hs-pro-sidebar > .relative > header > button,
.dark #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"] {
  border: 0 !important;
}

.dark #hs-pro-sidebar .chat-sidebar-logo,
html.dark #hs-pro-sidebar .chat-sidebar-logo {
  filter: brightness(0) invert(1);
}

.dark #hs-pro-sidebar > .relative > .mb-5 li:first-child > a,
.dark #hs-pro-sidebar > .relative > .mb-5 li > a:hover,
.dark #hs-pro-sidebar > .relative > .mb-5 li > a:focus,
.dark #hs-pro-sidebar > .relative > .mb-5 li > a:focus-visible,
.dark #hs-pro-sidebar > .relative > .mb-5 li > button:hover,
.dark #hs-pro-sidebar > .relative > .mb-5 li > button:focus,
.dark #hs-pro-sidebar > .relative > .mb-5 li > button:focus-visible,
.dark #hs-pro-sidebar .chat-sidebar-submenu-summary:hover,
.dark #hs-pro-sidebar .chat-sidebar-submenu-summary:focus,
.dark #hs-pro-sidebar .chat-sidebar-submenu-summary:focus-visible,
.dark #hs-pro-sidebar .chat-sidebar-submenu-summary-active,
.dark #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a:hover,
.dark #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a:focus,
.dark #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a:focus-visible,
.dark #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group:focus-within > a,
.dark #hs-pro-sidebar .hs-dropdown > button:hover,
.dark #hs-pro-sidebar .hs-dropdown > button:focus,
.dark #hs-pro-sidebar .hs-dropdown > button:focus-visible,
.dark #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"]:hover,
.dark #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"]:focus,
.dark #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"]:focus-visible {
  background: #262626 !important;
  color: #f5f5f5 !important;
}

.dark .chat-sidebar-footer {
  background: #171717 !important;
  border-top-color: #2a2a2a !important;
}

.dark .chat-sidebar-account,
.dark .chat-sidebar-user-name,
.dark .chat-sidebar-offer {
  color: #f5f5f5 !important;
}

.dark .chat-sidebar-plan {
  color: #a3a3a3 !important;
}

.dark .chat-sidebar-offer {
  background: #262626 !important;
  border-color: #404040 !important;
  color: #d4d4d4 !important;
}

.dark .chat-sidebar-offer:hover,
.dark .chat-sidebar-offer:focus {
  background: #333333 !important;
  color: #f5f5f5 !important;
}

html.glass #hs-pro-sidebar {
  color: var(--liquid-text) !important;
}

html.glass body > #hs-pro-sidebar ~ main > header.fixed,
html.glass body > #hs-pro-sidebar ~ main > header.sticky,
html.glass .health-topbar {
  border-bottom-color: rgba(255, 255, 255, .32) !important;
  background: rgba(255, 255, 255, .22) !important;
  -webkit-backdrop-filter: blur(28px) saturate(170%) brightness(1.04);
          backdrop-filter: blur(28px) saturate(170%) brightness(1.04);
}

html.glass #hs-pro-sidebar > .relative {
  background: transparent !important;
}

html.glass #hs-pro-sidebar > .relative > header,
html.glass #hs-pro-sidebar > .relative > header > button,
html.glass #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"],
html.glass #hs-pro-sidebar .hs-dropdown > button {
  background: transparent !important;
  color: var(--liquid-text) !important;
}

html.glass #hs-pro-sidebar > .relative > header > button,
html.glass #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"] {
  border: 0 !important;
}

html.glass #hs-pro-sidebar > .relative > .mb-5 li > a,
html.glass #hs-pro-sidebar > .relative > .mb-5 li > button,
html.glass #hs-pro-sidebar .chat-sidebar-submenu-summary,
html.glass #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a,
html.glass #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 > .flex > span,
html.glass #hs-pro-sidebar > .relative > header a,
html.glass .chat-sidebar-account,
html.glass .chat-sidebar-user-name,
html.glass .chat-sidebar-offer {
  color: var(--liquid-text) !important;
}

html.glass #hs-pro-sidebar > .relative > .mb-5 svg,
html.glass #hs-pro-sidebar > .relative > .mb-5 svg *,
html.glass #hs-pro-sidebar > .relative > header svg,
html.glass #hs-pro-sidebar .hs-dropdown svg {
  color: var(--liquid-text) !important;
  stroke: currentColor !important;
}

html.glass #hs-pro-sidebar > .relative > .mb-5 img[src*="/assets/icons/"] {
  filter: none;
}

html.glass [data-media-generator] .media-mode-icon,
html.glass [data-social-assistant] .social-mode-icon {
  filter: none;
}

html.glass #hs-pro-sidebar .chat-sidebar-submenu-list {
  border-left-color: rgba(255, 255, 255, 0.38);
}

html.glass #hs-pro-sidebar > .relative > .mb-5 li:first-child > a,
html.glass #hs-pro-sidebar > .relative > .mb-5 li > a:hover,
html.glass #hs-pro-sidebar > .relative > .mb-5 li > a:focus,
html.glass #hs-pro-sidebar > .relative > .mb-5 li > a:focus-visible,
html.glass #hs-pro-sidebar > .relative > .mb-5 li > button:hover,
html.glass #hs-pro-sidebar > .relative > .mb-5 li > button:focus,
html.glass #hs-pro-sidebar > .relative > .mb-5 li > button:focus-visible,
html.glass #hs-pro-sidebar .chat-sidebar-submenu-summary:hover,
html.glass #hs-pro-sidebar .chat-sidebar-submenu-summary:focus,
html.glass #hs-pro-sidebar .chat-sidebar-submenu-summary:focus-visible,
html.glass #hs-pro-sidebar .chat-sidebar-submenu-summary-active,
html.glass #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a:hover,
html.glass #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a:focus,
html.glass #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group > a:focus-visible,
html.glass #hs-pro-sidebar > .relative > div.hs-overlay-minified\:opacity-0 .relative.group:focus-within > a,
html.glass #hs-pro-sidebar .hs-dropdown > button:hover,
html.glass #hs-pro-sidebar .hs-dropdown > button:focus,
html.glass #hs-pro-sidebar .hs-dropdown > button:focus-visible,
html.glass #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"]:hover,
html.glass #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"]:focus,
html.glass #hs-pro-sidebar > .relative > header > button[data-hs-overlay-minifier="#hs-pro-sidebar"]:focus-visible {
  background: rgba(255, 255, 255, 0.44) !important;
  color: var(--liquid-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
}

html.glass body.media-generator-page #hs-pro-sidebar > .relative > .mb-5 li:first-child > a,
html.glass body.social-assistant-page #hs-pro-sidebar > .relative > .mb-5 li:first-child > a {
  background: transparent !important;
}

html.glass body.media-generator-page #hs-pro-sidebar > .relative > .mb-5 li > a.chat-sidebar-active,
html.glass body.social-assistant-page #hs-pro-sidebar > .relative > .mb-5 li > a.chat-sidebar-active {
  background: rgba(255, 255, 255, 0.44) !important;
  color: var(--liquid-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
}

html.glass .chat-sidebar-footer {
  background: rgba(255, 255, 255, 0.22) !important;
  border-top-color: rgba(255, 255, 255, 0.34) !important;
  -webkit-backdrop-filter: blur(28px) saturate(170%) brightness(1.04);
          backdrop-filter: blur(28px) saturate(170%) brightness(1.04);
}

html.glass .chat-sidebar-plan {
  color: var(--liquid-muted) !important;
}

html.glass .chat-sidebar-offer {
  background: rgba(243, 244, 246, 0.72) !important;
  border-color: rgba(156, 163, 175, 0.45) !important;
  color: #4b5563 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

html.glass .chat-sidebar-offer:hover,
html.glass .chat-sidebar-offer:focus {
  background: rgba(229, 231, 235, 0.82) !important;
  color: #374151 !important;
}

html.dark:not(.glass) .chat-message,
html.dark:not(.glass) .chat-edit-form,
html.dark:not(.glass) #answerContainer {
  border-color: #333333 !important;
  color: #f5f5f5 !important;
}

html.dark:not(.glass) .chat-message.user-message,
html.dark:not(.glass) .user-message,
html.dark:not(.glass) .chat-edit-form {
  background: #262626 !important;
}

html.dark:not(.glass) .chat-message.ai-message,
html.dark:not(.glass) .ai-message,
html.dark:not(.glass) #answerContainer,
html.dark:not(.glass) .answer [id="answerContainer"] {
  background: #1f1f1f !important;
}

html.dark:not(.glass) .chat-message p,
html.dark:not(.glass) .chat-message div,
html.dark:not(.glass) .chat-edit-form textarea,
html.dark:not(.glass) #answerContainer,
html.dark:not(.glass) #answerContainer p,
html.dark:not(.glass) #answerContainer div,
html.dark:not(.glass) #answerContainer li {
  color: #f5f5f5 !important;
}

html.dark:not(.glass) .chat-message small,
html.dark:not(.glass) #answerContainer small {
  color: #a3a3a3 !important;
}

html.dark:not(.glass) .sticky.bottom-0 {
  background: #171717 !important;
}

html.dark:not(.glass) form[method="POST"][enctype="multipart/form-data"] > .bg-gradient-to-r {
  background: #1f1f1f !important;
  border-color: #333333 !important;
  color: #f5f5f5 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24) !important;
}

html.dark:not(.glass) textarea#hs-pro-aimt,
html.dark:not(.glass) form[method="POST"][enctype="multipart/form-data"] select[name="ai_model"] {
  color: #f5f5f5 !important;
}

html.dark:not(.glass) textarea#hs-pro-aimt::placeholder {
  color: #a3a3a3 !important;
}

.account-menu-skype {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #00aff0 0%, #0078d7 100%) !important;
  color: #fff !important;
  padding: .65rem .85rem;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(0, 120, 215, .22);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.account-menu-skype:hover,
.account-menu-skype:focus-visible {
  background: linear-gradient(135deg, #009cd6 0%, #0069b4 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0, 120, 215, .32);
  outline: none;
  transform: translateY(-1px);
}

.account-menu-skype:active {
  transform: translateY(0) scale(.98);
}

.account-menu-skype svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

body > #hs-pro-sidebar ~ main > header.fixed {
  border-bottom: 0 !important;
}

#hs-pro-sidebar > .relative > header a,
#hs-pro-sidebar > .relative > header button {
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
}

#hs-pro-sidebar > .relative > header a:hover,
#hs-pro-sidebar > .relative > header a:focus,
#hs-pro-sidebar > .relative > header button:hover,
#hs-pro-sidebar > .relative > header button:focus {
  background: transparent !important;
}

#hs-pro-sidebar > .relative > header a:focus-visible,
#hs-pro-sidebar > .relative > header button:focus-visible {
  outline: 2px solid rgba(107, 114, 128, .28);
  outline-offset: 2px;
}

#hs-pro-sidebar > .relative > header [data-open-chat-search] svg,
#hs-pro-sidebar > .relative > header [data-hs-overlay-minifier="#hs-pro-sidebar"] svg {
  width: 22px !important;
  height: 22px !important;
  color: #6b7280 !important;
  stroke: currentColor !important;
}

#hs-pro-sidebar > .relative > header .chat-window-shadow-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  filter: none !important;
}

.dark #hs-pro-sidebar > .relative > header a,
.dark #hs-pro-sidebar > .relative > header button,
.dark #hs-pro-sidebar > .relative > header [data-open-chat-search] svg,
.dark #hs-pro-sidebar > .relative > header [data-hs-overlay-minifier="#hs-pro-sidebar"] svg {
  background: transparent !important;
  color: #a3a3a3 !important;
}

html.glass #hs-pro-sidebar > .relative > header a,
html.glass #hs-pro-sidebar > .relative > header button,
html.glass #hs-pro-sidebar > .relative > header [data-open-chat-search] svg,
html.glass #hs-pro-sidebar > .relative > header [data-hs-overlay-minifier="#hs-pro-sidebar"] svg {
  background: transparent !important;
  color: var(--liquid-muted) !important;
}

.chat-sidebar-extension-search {
  margin: 8px 0 8px 28px;
  padding-left: 8px;
}

.chat-sidebar-extension-search label {
  display: flex;
  min-height: 34px;
  align-items: center;
  gap: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: oklch(92.9% 0.013 255.508);
  padding: 0 10px;
  color: #6b7280;
}

.chat-sidebar-extension-search svg {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
}

.chat-sidebar-extension-search input {
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  color: #111827;
  font-size: 13px;
  line-height: 1;
  outline: 0;
}

.chat-sidebar-extension-search input::placeholder {
  color: #9ca3af;
}

.chat-sidebar-extension-search:focus-within label {
  border-color: rgba(0, 175, 240, .5);
}

.chat-sidebar-extension-empty {
  display: none;
  margin: 6px 0 0;
  padding: 0 10px;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.4;
}

.chat-sidebar-extension-empty.is-visible {
  display: block;
}

body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-extension-search,
body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-extension-empty {
  display: none !important;
}

.dark .chat-sidebar-extension-search label {
  border-color: #333333;
  background: #1f1f1f;
  color: #a3a3a3;
}

.dark .chat-sidebar-extension-search input {
  color: #f5f5f5;
}

.dark .chat-sidebar-extension-search input::placeholder,
.dark .chat-sidebar-extension-empty {
  color: #737373;
}

html.glass .chat-sidebar-extension-search label {
  border-color: rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .14);
  color: var(--liquid-muted);
}

html.glass .chat-sidebar-extension-search input {
  color: var(--liquid-text);
}

html.glass .chat-sidebar-extension-search input::placeholder,
html.glass .chat-sidebar-extension-empty {
  color: var(--liquid-muted);
}

/* Current sidebar structure alignment. */
#hs-pro-sidebar .app-sidebar-layout {
  position:relative;
  display:flex;
  min-height:100%;
  flex-direction:column;
}

/* A subtle placeholder appears for the brief initial navigation setup. */
#hs-pro-sidebar[data-sidebar-loading] > .app-sidebar-layout > :not(.app-sidebar-skeleton) { visibility:hidden; }
#hs-pro-sidebar .app-sidebar-skeleton {
  position:absolute;
  z-index:4;
  inset:0;
  display:grid;
  grid-auto-rows:max-content;
  align-content:start;
  gap:8px;
  overflow:hidden;
  padding:10px;
  background:#f9f9f9;
}
#hs-pro-sidebar:not([data-sidebar-loading]) .app-sidebar-skeleton { display:none; }
.app-sidebar-skeleton-header { display:flex; align-items:center; gap:12px; min-height:36px; padding:0 2px 8px; }
.app-sidebar-skeleton-header i,
.app-sidebar-skeleton-row i,
.app-sidebar-skeleton-account > i { display:block; flex:0 0 auto; border-radius:8px; background:rgba(100,116,139,.12); }
.app-sidebar-skeleton-header i { width:24px; height:24px; }
.app-sidebar-skeleton-header i:first-child { margin-right:auto; }
.app-sidebar-skeleton-header i:not(:first-child) { width:18px; height:18px; }
.app-sidebar-skeleton-promo { height:33px; margin:0 2px 3px; border-radius:10px; background:rgba(100,116,139,.09); }
.app-sidebar-skeleton-row { display:flex; align-items:center; gap:10px; min-height:40px; padding:0 12px; border-radius:12px; }
.app-sidebar-skeleton-row.is-active { background:rgba(100,116,139,.07); }
.app-sidebar-skeleton-row i { width:20px; height:20px; }
.app-sidebar-skeleton-row span { display:block; width:57%; height:10px; border-radius:999px; background:rgba(100,116,139,.12); }
.app-sidebar-skeleton-heading { width:30%; height:9px; margin:13px 10px 3px; border-radius:999px; background:rgba(100,116,139,.09); }
.app-sidebar-skeleton-account { display:flex; align-items:center; gap:10px; margin-top:16px; padding:10px 4px; border-top:1px solid rgba(148,163,184,.15); }
.app-sidebar-skeleton-account > i { width:32px; height:32px; border-radius:50%; }
.app-sidebar-skeleton-account > span { display:grid; flex:1; gap:7px; }
.app-sidebar-skeleton-account b,.app-sidebar-skeleton-account em { display:block; width:62%; height:8px; border-radius:999px; background:rgba(100,116,139,.12); }
.app-sidebar-skeleton-account em { width:38%; height:7px; }
.app-sidebar-skeleton :is(i,span,b,em) { animation:erivan-sidebar-skeleton-pulse 1.1s ease-in-out 1 both; }
@keyframes erivan-sidebar-skeleton-pulse { from { opacity:.58; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .app-sidebar-skeleton :is(i,span,b,em) { animation:none; } }
.dark #hs-pro-sidebar .app-sidebar-skeleton { background:#171717; }
.dark .app-sidebar-skeleton-header i,.dark .app-sidebar-skeleton-row i,.dark .app-sidebar-skeleton-account > i,
.dark .app-sidebar-skeleton-row span,.dark .app-sidebar-skeleton-account b,.dark .app-sidebar-skeleton-account em { background:rgba(203,213,225,.12); }
.dark .app-sidebar-skeleton-row.is-active { background:rgba(203,213,225,.06); }
.dark .app-sidebar-skeleton-account { border-color:rgba(203,213,225,.12); }

#hs-pro-sidebar .app-sidebar-header {
  display:grid!important;
  grid-template-columns:36px 36px 36px;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}

#hs-pro-sidebar .app-sidebar-header > a,
#hs-pro-sidebar .app-sidebar-header > button {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}

#hs-pro-sidebar .app-sidebar-header > a svg,
#hs-pro-sidebar .app-sidebar-header > button svg {
  width:18px!important;
  height:18px!important;
}

#hs-pro-sidebar .app-sidebar-scroll {
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding:8px 10px 152px!important;
  scrollbar-width:none;
}

#hs-pro-sidebar .app-sidebar-scroll::-webkit-scrollbar { display:none; }

#hs-pro-sidebar .chat-sidebar-job-promo {
  box-sizing:border-box;
  display:flex;
  height:33px;
  min-height:33px;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin:4px 2px 10px;
  padding:0 10px;
  border-radius:10px;
  background:var(--app-skype-gradient,linear-gradient(135deg,#00aff0 0%,#0078d7 100%));
  color:#fff!important;
  text-decoration:none;
}
#hs-pro-sidebar .chat-sidebar-job-promo-title { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;line-height:1; }
#hs-pro-sidebar .chat-sidebar-job-promo-cta {
  display:inline-flex;
  flex:0 0 auto;
  min-width:0;
  min-height:24px;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:10px;
  font-weight:600;
}
#hs-pro-sidebar .chat-sidebar-job-promo:hover,
#hs-pro-sidebar .chat-sidebar-job-promo:focus-visible { color:#fff!important;filter:brightness(1.04);outline:2px solid rgba(0,120,215,.35);outline-offset:2px; }
body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-job-promo { display:none; }

/* Keep sidebar openers available on phones only; the window control remains on desktop. */
@media (min-width:768px) {
  [data-hs-overlay="#hs-pro-sidebar"]:not(.app-sidebar-close) { display:none!important; }
}

@media (max-width:1023.98px) {
  body:not(.hs-overlay-minified) #hs-pro-sidebar .app-sidebar-header {
    grid-template-columns:36px 36px 36px;
    justify-content:space-between!important;
    padding:10px 16px 8px!important;
  }
  body:not(.hs-overlay-minified) #hs-pro-sidebar .app-sidebar-header > .chat-window-toggle { display:none!important; }
  body:not(.hs-overlay-minified) #hs-pro-sidebar .app-sidebar-header > .app-sidebar-close {
    position:static!important;
    grid-column:3;
    grid-row:1;
  }
}

@media (max-width:1023.98px) {
  #hs-pro-sidebar .chat-sidebar-job-promo { display:none!important; }
  #hs-pro-sidebar .chat-sidebar-limitless-promo { display:flex!important; }
}

#hs-pro-sidebar nav,
#hs-pro-sidebar nav > .chat-sidebar-extension-item,
#hs-pro-sidebar .chat-sidebar-category-list,
#hs-pro-sidebar .chat-sidebar-submenu-list,
#hs-pro-sidebar .app-sidebar-recents ul {
  display:flex;
  flex-direction:column;
  gap:4px;
}

#hs-pro-sidebar .app-sidebar-link,
#hs-pro-sidebar .chat-sidebar-submenu-summary {
  display:flex!important;
  min-height:var(--chat-sidebar-row-height)!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:12px!important;
  padding:8px 12px!important;
  color:inherit!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.25!important;
}

#hs-pro-sidebar .app-sidebar-link > svg,
#hs-pro-sidebar .chat-sidebar-submenu-summary > svg,
#hs-pro-sidebar .app-sidebar-link > img {
  width:var(--chat-sidebar-icon-size)!important;
  height:var(--chat-sidebar-icon-size)!important;
  flex:0 0 var(--chat-sidebar-icon-size)!important;
  object-fit:contain!important;
}

#hs-pro-sidebar .app-sidebar-link:hover,
#hs-pro-sidebar .app-sidebar-link:focus-visible,
#hs-pro-sidebar .app-sidebar-link[aria-current="page"],
#hs-pro-sidebar .chat-sidebar-submenu-summary:hover,
#hs-pro-sidebar .chat-sidebar-submenu-summary:focus-visible {
  background:#ECECEC!important;
  color:#111!important;
  outline:0!important;
}

#hs-pro-sidebar .chat-sidebar-submenu-list {
  margin:4px 0 0 28px!important;
  padding-left:8px!important;
  border-left:1px solid #dedede!important;
}

#hs-pro-sidebar .chat-sidebar-category-list {
  margin:0 0 0 28px!important;
  padding-left:8px!important;
  border-left:1px solid #dedede!important;
}

#hs-pro-sidebar [data-extension-category][hidden],
#hs-pro-sidebar [data-extension-item][hidden] {
  display:none!important;
}

@media (min-width:768px) {
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header {
    grid-template-columns:36px!important;
    padding-right:8px!important;
    padding-left:8px!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > a,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search] {
    display:none!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll {
    padding-right:8px!important;
    padding-left:8px!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar nav,
  body.hs-overlay-minified #hs-pro-sidebar nav > .chat-sidebar-extension-item {
    align-items:center!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-link,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-summary {
    width:36px!important;
    height:36px!important;
    min-height:36px!important;
    justify-content:center!important;
    gap:0!important;
    padding:0!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-link > span,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-summary > span,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-caret,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-category-list,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-list,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-recents,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-footer {
    display:none!important;
  }
}

/* Collapsed sidebar: keep logo, search and window visible on the same vertical axis. */
@media (min-width:768px) {
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header {
    display:flex!important;
    height:auto!important;
    min-height:0!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:10px 8px 8px!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > a,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search],
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] {
    display:flex!important;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar [data-sidebar-search] {
    display:flex!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll {
    padding-top:6px!important;
  }
}

/* Desktop open sidebar: restore original header layout. */
@media (min-width:768px) {
  body:not(.hs-overlay-minified) #hs-pro-sidebar .app-sidebar-header {
    display:flex!important;
    min-height:var(--chat-sidebar-header-height)!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    padding:10px 12px 8px!important;
  }

  body:not(.hs-overlay-minified) #hs-pro-sidebar .app-sidebar-header > a {
    display:flex!important;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    align-items:center!important;
    justify-content:center!important;
    margin-right:auto!important;
  }

  body:not(.hs-overlay-minified) #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search],
  body:not(.hs-overlay-minified) #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] {
    display:flex!important;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }

  body:not(.hs-overlay-minified) #hs-pro-sidebar .app-sidebar-close {
    display:none!important;
  }
}

/* Mobile open sidebar: keep the header aligned without affecting desktop collapsed mode. */
@media (max-width:767.98px) {
  #hs-pro-sidebar .app-sidebar-header {
    display:flex!important;
    min-height:var(--chat-sidebar-header-height)!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    padding:10px 12px 8px!important;
  }

  #hs-pro-sidebar .app-sidebar-header > a {
    display:flex!important;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    align-items:center!important;
    justify-content:center!important;
    margin-right:auto!important;
    padding:0!important;
  }

  #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search],
  #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"],
  #hs-pro-sidebar .app-sidebar-header > .app-sidebar-close {
    display:flex!important;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }

  #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] {
    display:none!important;
  }

  #hs-pro-sidebar .app-sidebar-header svg,
  #hs-pro-sidebar .app-sidebar-header img {
    width:18px!important;
    height:18px!important;
  }

  #hs-pro-sidebar .app-sidebar-close {
    position:static!important;
    border:0!important;
    background:transparent!important;
    color:#111!important;
    font-size:24px!important;
    line-height:1!important;
  }
}

/* Desktop: the mobile close button must not create a floating layer in the sidebar. */
@media (min-width:768px) {
  #hs-pro-sidebar .app-sidebar-close,
  #hs-pro-sidebar > .relative > header > button.app-sidebar-close[data-hs-overlay="#hs-pro-sidebar"] {
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    flex:0 0 0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
}

/* Desktop collapsed sidebar: one vertical icon axis for every visible item. */
@media (min-width:768px) {
  body.hs-overlay-minified #hs-pro-sidebar {
    width:var(--chat-sidebar-minified-width)!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-layout {
    align-items:stretch!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll nav {
    width:100%!important;
    align-items:center!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header {
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    padding:10px 8px 8px!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll {
    width:100%!important;
    padding:6px 8px 0!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > a,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search],
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"],
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-link,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-summary {
    display:flex!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 auto!important;
    padding:0!important;
    gap:0!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > a svg,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > a img,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > button svg,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-link > svg,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-link > img,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-summary > svg,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-summary > img {
    width:var(--chat-sidebar-icon-size)!important;
    height:var(--chat-sidebar-icon-size)!important;
    flex:0 0 var(--chat-sidebar-icon-size)!important;
    margin:0!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar nav,
  body.hs-overlay-minified #hs-pro-sidebar nav > .chat-sidebar-extension-item {
    width:100%!important;
    align-items:center!important;
    gap:4px!important;
  }
}

/* Mobile sidebar header final order: logo left, search and close right. */
@media (max-width:767.98px) {
  #hs-pro-sidebar .app-sidebar-header {
    justify-content:flex-start!important;
  }

  #hs-pro-sidebar .app-sidebar-header > a {
    margin-right:auto!important;
  }

  #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search] {
    order:2!important;
    margin-left:auto!important;
  }

  #hs-pro-sidebar .app-sidebar-header > .app-sidebar-close {
    order:3!important;
  }

  #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] {
    display:none!important;
  }
}

/* Search and window controls share identical sizing. */
#hs-pro-sidebar .app-sidebar-header > [data-sidebar-search],
#hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] {
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  flex:0 0 36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}

#hs-pro-sidebar .app-sidebar-header > [data-sidebar-search] > svg {
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  flex:0 0 22px!important;
  stroke:#8F8F8F!important;
}

#hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] .chat-window-shadow-icon {
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  flex:0 0 22px!important;
}

/* Window icon keeps its fixed gray outline in both sidebar states. */
#hs-pro-sidebar .chat-window-toggle .chat-window-shadow-icon,
#hs-pro-sidebar .chat-window-toggle .chat-window-shadow-icon *,
#hs-pro-sidebar [data-hs-overlay-minifier="#hs-pro-sidebar"] .chat-window-shadow-icon,
#hs-pro-sidebar [data-hs-overlay-minifier="#hs-pro-sidebar"] .chat-window-shadow-icon * {
  stroke:#8F8F8F!important;
  fill:none!important;
  outline:none!important;
  box-shadow:none!important;
}


/* Show exactly one window control icon for the current sidebar state. */
#hs-pro-sidebar .app-sidebar-header .chat-window-toggle > .chat-window-icon-default {
  opacity: 1 !important;
  visibility: visible !important;
}
#hs-pro-sidebar .app-sidebar-header .chat-window-toggle > .chat-window-icon-minified {
  opacity: 0 !important;
  visibility: hidden !important;
}
:is(#hs-pro-sidebar[data-sidebar-minified="true"], .hs-overlay-minified #hs-pro-sidebar) .app-sidebar-header .chat-window-toggle > .chat-window-icon-default {
  opacity: 0 !important;
  visibility: hidden !important;
}
:is(#hs-pro-sidebar[data-sidebar-minified="true"], .hs-overlay-minified #hs-pro-sidebar) .app-sidebar-header .chat-window-toggle > .chat-window-icon-minified {
  opacity: 1 !important;
  visibility: visible !important;
}


/* Compact recent conversation actions in a single accessible dropdown. */
#hs-pro-sidebar .app-recent-row { position:relative!important; }
#hs-pro-sidebar .app-recent-row > a { flex:1 1 auto!important; min-width:0!important; padding-right:42px!important; }
#hs-pro-sidebar .app-recent-menu { position:absolute!important; top:50%!important; right:3px!important; z-index:30!important; transform:translateY(-50%)!important; }
#hs-pro-sidebar .app-recent-menu > summary { display:grid!important; width:30px!important; height:30px!important; place-items:center!important; padding:0!important; border:0!important; border-radius:8px!important; background:transparent!important; color:inherit!important; cursor:pointer!important; list-style:none!important; }
#hs-pro-sidebar .app-recent-menu > summary::-webkit-details-marker { display:none!important; }
#hs-pro-sidebar .app-recent-menu > summary::marker { content:""; }
#hs-pro-sidebar .app-recent-menu > summary:hover,#hs-pro-sidebar .app-recent-menu[open] > summary { background:#ededed!important; }
#hs-pro-sidebar .app-recent-menu > summary svg { width:18px!important; height:18px!important; }
#hs-pro-sidebar .app-recent-menu-popover { position:absolute!important; top:calc(100% + 5px)!important; right:0!important; z-index:100!important; width:180px!important; gap:2px!important; padding:5px!important; border:1px solid #e5e7eb!important; border-radius:10px!important; background:#FFFFFF!important; box-shadow:0 8px 24px rgba(15,23,42,.12)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; }
#hs-pro-sidebar .app-recent-menu[open] { z-index:31!important; }
#hs-pro-sidebar .app-recent-menu[open] > .app-recent-menu-popover { display:grid!important; }
#hs-pro-sidebar .app-recent-row:nth-last-child(-n+4) .app-recent-menu-popover { top:auto!important; bottom:calc(100% + 5px)!important; }
#hs-pro-sidebar .app-recent-menu-popover :is(button,a) { display:flex!important; width:100%!important; min-height:36px!important; height:auto!important; flex:1 1 auto!important; align-items:center!important; justify-content:flex-start!important; gap:9px!important; padding:8px 9px!important; border:0!important; border-radius:8px!important; background:transparent!important; color:#222!important; font-size:12px!important; font-weight:500!important; text-align:left!important; text-decoration:none!important; cursor:pointer!important; }
#hs-pro-sidebar .app-recent-menu-popover :is(button,a):hover,#hs-pro-sidebar .app-recent-menu-popover :is(button,a):focus-visible { background:#F3F4F6!important; outline:none!important; }
#hs-pro-sidebar .app-recent-menu-popover :is(button,a):focus-visible { box-shadow:inset 0 0 0 2px rgba(107,114,128,.35)!important; }
#hs-pro-sidebar .app-recent-menu-popover :is(button,a) svg { width:16px!important; height:16px!important; flex:0 0 16px!important; }
#hs-pro-sidebar .app-recent-menu-popover .app-recent-menu-delete { color:#b42318!important; }
.dark #hs-pro-sidebar .app-recent-menu > summary:hover,.dark #hs-pro-sidebar .app-recent-menu[open] > summary { background:#303030!important; }
.dark #hs-pro-sidebar .app-recent-menu-popover { border-color:#404040!important; background:#202020!important; box-shadow:0 12px 32px rgba(0,0,0,.42)!important; }
.dark #hs-pro-sidebar .app-recent-menu-popover button { color:#f1f1f1!important; }
.dark #hs-pro-sidebar .app-recent-menu-popover button:hover,.dark #hs-pro-sidebar .app-recent-menu-popover button:focus-visible { background:#303030!important; }
.dark #hs-pro-sidebar .app-recent-menu-popover button:focus-visible { box-shadow:inset 0 0 0 2px rgba(156,163,175,.38)!important; }
.dark #hs-pro-sidebar .app-recent-menu-popover .app-recent-menu-delete { color:#fca5a5!important; }
@media (max-width:767px) {
  #hs-pro-sidebar .app-recent-menu > summary { width:28px!important; height:28px!important; }
  #hs-pro-sidebar .app-recent-menu-popover { width:170px!important; }
}

/* Recherche de conversations partagée par toutes les pages */
#chat-search-dialog.app-dialog {
  position:fixed;
  inset:0;
  margin:auto;
  width:min(640px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  overflow:auto;
  border:1px solid #e5e7eb;
  border-radius:20px;
  padding:24px;
  background:#fff;
  color:#171717;
  box-shadow:0 24px 80px #0003;
}
#chat-search-dialog::backdrop { background:#1115;backdrop-filter:blur(3px); }
#chat-search-dialog h2 { margin:0;font-size:18px;font-weight:600; }
#chat-search-dialog input {
  width:100%;
  margin-top:8px;
  border:1px solid #d4d4d4;
  border-radius:8px;
  padding:10px;
  background:#fff;
  color:#171717;
  font:inherit;
}
#chat-search-dialog .app-chat-search-header { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px; }
#chat-search-dialog .app-chat-search-header button { width:32px;height:32px;border:0;border-radius:8px;background:#f3f4f6;color:#171717;font-size:22px;line-height:1; }
#chat-search-dialog .app-chat-search-caption { margin:20px 0 8px;font-size:12px; }
#chat-search-dialog .app-chat-search-results { max-height:45dvh;overflow-y:auto;overscroll-behavior:contain;padding:0; }
#chat-search-dialog .app-chat-search-results a { display:block;padding:12px;border-radius:8px;color:#111;font-size:14px;overflow-wrap:anywhere;text-decoration:none; }
#chat-search-dialog .app-chat-search-results a:hover,
#chat-search-dialog .app-chat-search-results a:focus-visible { background:#f3f4f6; }

/* Keep the sidebar search icon compact; show its shortcut in the dialog header. */
#chat-search-dialog .app-chat-search-input-row {
  position:relative;
  display:flex;
  align-items:center;
}

#chat-search-dialog .app-chat-search-input-row input {
  width:100%;
  min-width:0;
  padding-right:84px;
}

#chat-search-dialog .chat-search-shortcut {
  position:absolute;
  right:12px;
  top:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  padding:6px 8px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#f9fafb;
  color:#6b7280;
  font:500 12px/1 ui-sans-serif,system-ui,sans-serif;
  white-space:nowrap;
  pointer-events:none;
  transform:translateY(-50%);
}


/* Reusable subtle Liquid Glass state for composer mode options and sidebar controls. */
html.light .app-liquid-glass-hover {
  position:relative;
  border:1px solid transparent;
  transition:background-color .2s ease,border-color .2s ease,box-shadow .25s ease,backdrop-filter .25s ease,transform .25s ease;
}
html.light .app-liquid-glass-hover::before {
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:radial-gradient(110px circle at var(--liquid-hover-x,50%) 0%,rgba(255,255,255,.76),transparent 76%);
  content:"";
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
html.light .app-liquid-glass-hover:hover,
html.light .app-liquid-glass-hover:focus-visible {
  border-color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.7)!important;
  box-shadow:inset 1px 1px 1px rgba(255,255,255,.95),inset -1px -1px 1px rgba(255,255,255,.55),0 3px 10px rgba(15,23,42,.09)!important;
  -webkit-backdrop-filter:blur(5px) saturate(125%);
  backdrop-filter:blur(5px) saturate(125%);
  transform:translateY(-1px);
}
html.light .app-liquid-glass-hover:hover::before,
html.light .app-liquid-glass-hover:focus-visible::before { opacity:.62; }
html.light .app-liquid-glass-hover[aria-pressed="true"] {
  border-color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:inset 1px 1px 1px rgba(255,255,255,.92),inset -1px -1px 1px rgba(255,255,255,.48),0 2px 8px rgba(15,23,42,.07)!important;
  -webkit-backdrop-filter:blur(4px) saturate(120%);
  backdrop-filter:blur(4px) saturate(120%);
}
html.light .app-liquid-glass-hover[aria-pressed="true"]::before { opacity:.42; }
html.light .app-liquid-glass-hover:active { transform:scale(.97); }
html.light .app-liquid-glass-hover > * { position:relative; z-index:1; }
@media(prefers-reduced-motion:reduce) {
  html.light .app-liquid-glass-hover,
  html.light .app-liquid-glass-hover::before { transition:none; }
}


/* 2027 Liquid Glass hover state for recent conversation actions. */
.app-liquid-filter-defs { position:absolute!important; width:0!important; height:0!important; overflow:hidden!important; pointer-events:none!important; }
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover {
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  border:1px solid transparent!important;
  background:transparent!important;
  transition:background-color .4s cubic-bezier(.175,.885,.32,2.2),border-color .24s ease,box-shadow .28s ease,backdrop-filter .28s ease,transform .4s cubic-bezier(.175,.885,.32,2.2)!important;
  -webkit-backdrop-filter:blur(0);
  backdrop-filter:blur(0);
}
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(100px circle at var(--liquid-hover-x,24%) var(--liquid-hover-y,0%),rgba(255,255,255,.96),rgba(203,231,247,.52) 34%,rgba(255,255,255,.1) 72%,transparent 100%);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
}
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover::after {
  content:"";
  position:absolute;
  z-index:0;
  top:-45%;
  left:-75%;
  width:48%;
  height:190%;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),rgba(124,196,229,.42),rgba(255,255,255,.2),transparent);
  opacity:0;
  pointer-events:none;
  transform:rotate(18deg);
  transition:left .52s cubic-bezier(.2,.8,.2,1.2),opacity .2s ease;
}
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover:hover,
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover:focus-visible {
  border-color:rgba(255,255,255,.84)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(85,119,148,.32) 48%,rgba(159,193,217,.3))!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.98),inset 0 0 9px rgba(198,229,247,.62),inset 0 -2px 8px rgba(22,49,70,.16),0 6px 16px rgba(36,60,79,.2),0 0 0 1px rgba(86,123,151,.2)!important;
  -webkit-backdrop-filter:blur(10px) saturate(185%) contrast(112%)!important;
  backdrop-filter:blur(10px) saturate(185%) contrast(112%)!important;
  transform:translateY(-1px) scale(1.012);
  outline:none!important;
}
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover:hover::before,
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover:focus-visible::before { opacity:1; }
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover:hover::after,
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover:focus-visible::after { left:125%;opacity:1; }
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover > * { position:relative;z-index:1; }
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover:active {
  transform:scale(.985);
  box-shadow:inset 1px 1px 2px rgba(255,255,255,.92),0 2px 7px rgba(15,23,42,.1)!important;
}
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-recent-menu-delete.app-liquid-glass-hover:hover,
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-recent-menu-delete.app-liquid-glass-hover:focus-visible {
  border-color:rgba(255,228,225,.86)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(149,75,75,.24) 48%,rgba(238,167,160,.28))!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.98),inset 0 0 9px rgba(255,227,222,.7),inset 0 -2px 8px rgba(87,27,31,.13),0 6px 16px rgba(120,50,55,.16)!important;
  -webkit-backdrop-filter:blur(10px) saturate(185%) contrast(112%)!important;
  backdrop-filter:blur(10px) saturate(185%) contrast(112%)!important;
}
/* Standard backdrop blur and translucent tint provide the cross-browser glass fallback. */
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover:hover,
html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover:focus-visible {
  -webkit-backdrop-filter:blur(10px) saturate(185%) contrast(112%)!important;
  backdrop-filter:blur(10px) saturate(185%) contrast(112%)!important;
}
@media(prefers-reduced-motion:reduce) {
  html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover,
  html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover::before,
  html.light #hs-pro-sidebar .app-recent-menu-popover button.app-liquid-glass-hover::after { transition:none!important; }
}

/* Sidebar navigation hover must stay visible in every light/glass state. */
#hs-pro-sidebar .app-sidebar-link:hover,
#hs-pro-sidebar .app-sidebar-link:focus-visible,
#hs-pro-sidebar .chat-sidebar-submenu-summary:hover,
#hs-pro-sidebar .chat-sidebar-submenu-summary:focus-visible,
#hs-pro-sidebar .chat-sidebar-submenu-list li > a:hover,
#hs-pro-sidebar .chat-sidebar-submenu-list li > a:focus-visible {
  background-color:#EFEFEF!important;
}

/* Desktop compact rail: preserve useful controls and center every icon on one axis. */
@media (min-width:768px) {
  body.ai-feature-page .ai-feature-main {
    margin-left:var(--chat-sidebar-width)!important;
    transition:margin-left .22s ease;
  }

  body.ai-feature-page.hs-overlay-minified .ai-feature-main {
    margin-left:var(--chat-sidebar-minified-width)!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll > nav {
    display:flex!important;
    width:100%!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-layout {
    width:100%!important;
    align-items:stretch!important;
    overflow-x:hidden!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header {
    display:flex!important;
    width:100%!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    padding:8px 8px 6px!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > a,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search],
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] {
    display:grid!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > a img {
    display:block!important;
    width:26px!important;
    height:26px!important;
    object-fit:contain!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search] > svg,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] > svg {
    display:block!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    margin:0!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll {
    width:100%!important;
    padding:6px 8px 12px!important;
    overflow-x:hidden!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll > nav > .app-sidebar-link,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll > nav > .chat-sidebar-extension-item,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll > nav > .chat-sidebar-extension-item > .chat-sidebar-submenu-summary {
    display:grid!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    grid-template-columns:36px!important;
    place-items:center!important;
    align-self:center!important;
    margin:0 auto!important;
    padding:0!important;
    gap:0!important;
    box-sizing:border-box!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll > nav > .chat-sidebar-extension-item {
    overflow:visible!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > .app-sidebar-close,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-mode-tabs,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-job-promo,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-recents,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-footer,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-extension-search,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-category-list,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-list,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-link > span,
  body.hs-overlay-minified #hs-pro-sidebar .chat-sidebar-submenu-summary > span {
    display:none!important;
  }

  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll > nav > .app-sidebar-link > svg,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll > nav > .app-sidebar-link > img,
  body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-scroll > nav > .chat-sidebar-extension-item > .chat-sidebar-submenu-summary > svg {
    display:block!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    margin:0!important;
    justify-self:center!important;
    align-self:center!important;
  }
}

@media (max-width:767px) {
  body.ai-feature-page .ai-feature-main {
    margin-left:0!important;
  }
}

/* Account menu anchored to the profile row at the bottom of the sidebar. */
#hs-pro-sidebar .app-sidebar-account-wrap {
  position: relative;
}

#hs-pro-sidebar .app-sidebar-account-toggle {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 12px;
  border: 0;
  border-radius: 14px;
  padding: 7px 8px;
  background: transparent;
  color: #62666b;
  text-align: left;
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease;
}

#hs-pro-sidebar .app-sidebar-account-toggle:hover,
#hs-pro-sidebar .app-sidebar-account-toggle:focus-visible,
#hs-pro-sidebar .app-sidebar-account-toggle[aria-expanded="true"] {
  background: #f1f2f3;
  color: #17191c;
  outline: none;
}

#hs-pro-sidebar .app-sidebar-account-toggle .chat-sidebar-avatar-img,
#hs-pro-sidebar .app-sidebar-account-toggle .chat-sidebar-avatar {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}

#hs-pro-sidebar .app-sidebar-account-toggle .chat-sidebar-user {
  flex: 1 1 auto;
}

#hs-pro-sidebar .app-sidebar-account-toggle .chat-sidebar-user-name {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .015em;
  text-transform: uppercase;
}

#hs-pro-sidebar .app-sidebar-account-more {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: #84888d;
}

#hs-pro-sidebar .app-sidebar-account-menu {
  position: absolute;
  z-index: 30;
  right: 0;
  bottom: calc(100% + 10px);
  left: 0;
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid #e2e4e7;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 44px rgba(15, 23, 42, .13), 0 2px 7px rgba(15, 23, 42, .04);
}

#hs-pro-sidebar .app-sidebar-account-menu a {
  display: flex;
  min-height: 54px;
  align-items: center;
  gap: 13px;
  border-radius: 14px;
  padding: 9px 12px;
  color: #17191c;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  transition: background-color .15s ease;
}

#hs-pro-sidebar .app-sidebar-account-menu a:hover,
#hs-pro-sidebar .app-sidebar-account-menu a:focus-visible {
  background: #f3f4f6;
  outline: none;
}

#hs-pro-sidebar .app-sidebar-account-menu a svg {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: #17191c;
}

#hs-pro-sidebar .app-sidebar-account-menu a span {
  min-width: 0;
}

.dark #hs-pro-sidebar .app-sidebar-account-toggle:hover,
.dark #hs-pro-sidebar .app-sidebar-account-toggle:focus-visible,
.dark #hs-pro-sidebar .app-sidebar-account-toggle[aria-expanded="true"] {
  background: #292a2c;
  color: #f5f5f5;
}

.dark #hs-pro-sidebar .app-sidebar-account-menu {
  border-color: #34363a;
  background: #202124;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .32);
}

.dark #hs-pro-sidebar .app-sidebar-account-menu a,
.dark #hs-pro-sidebar .app-sidebar-account-menu a svg {
  color: #f5f5f5;
}

.dark #hs-pro-sidebar .app-sidebar-account-menu a:hover,
.dark #hs-pro-sidebar .app-sidebar-account-menu a:focus-visible {
  background: #2b2d30;
}

@media (max-width: 767px) {
  #hs-pro-sidebar .app-sidebar-account-menu {
    right: 0;
    left: 0;
  }
}

#hs-pro-sidebar .app-sidebar-extension-action {
  width:100%;
  border:0!important;
  background:transparent!important;
  text-align:left;
  font:inherit;
  cursor:pointer;
}

#hs-pro-sidebar .chat-sidebar-core-extension-list { margin:0;padding:0;list-style:none; }

#site-creation-dialog.app-site-creation-dialog {
  width:min(620px,calc(100vw - 32px));
  padding:28px;
  border-color:#e5e7eb;
  border-radius:22px;
  background:#fff;
  color:#171717;
}

#site-creation-dialog::backdrop { background:rgba(17,24,39,.42);backdrop-filter:blur(3px); }
#site-creation-dialog .app-site-creation-header { display:flex;align-items:flex-start;justify-content:space-between;gap:18px; }
#site-creation-dialog .app-site-creation-eyebrow { margin:0 0 6px;color:#64748b;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase; }
#site-creation-dialog h2 { margin:0;font-size:22px;font-weight:650;line-height:1.25; }
#site-creation-dialog .app-site-creation-intro { margin:12px 0 22px;color:#626b78;font-size:14px;line-height:1.55; }
#site-creation-dialog .app-site-creation-close { display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:0;border-radius:50%;background:#f3f4f6;color:#4b5563;font-size:23px;line-height:1;cursor:pointer; }
#site-creation-dialog .app-site-creation-close:hover { background:#e5e7eb; }
#site-creation-dialog .app-site-creation-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
#site-creation-dialog .app-site-creation-option { display:flex;min-height:142px;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;color:#171717;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease; }
#site-creation-dialog .app-site-creation-option:hover,#site-creation-dialog .app-site-creation-option:focus-visible { border-color:#93c5fd;background:#f8fbff;outline:0;transform:translateY(-1px); }
#site-creation-dialog .app-site-creation-option-icon { display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;background:#eff6ff;color:#2563eb; }
#site-creation-dialog .app-site-creation-option-icon svg { width:20px;height:20px; }
#site-creation-dialog .app-site-creation-option-copy { display:flex;flex:1;flex-direction:column;gap:7px;padding-top:2px; }
#site-creation-dialog .app-site-creation-option-copy strong { font-size:15px;font-weight:650; }
#site-creation-dialog .app-site-creation-option-copy > span { color:#667085;font-size:13px;line-height:1.45; }
#site-creation-dialog .app-site-creation-arrow { align-self:center;color:#64748b;font-size:20px; }
#site-creation-dialog .app-site-creation-footer { display:flex;justify-content:flex-end;margin-top:20px; }
#site-creation-dialog .app-site-creation-footer button { min-height:40px;padding:0 16px;border:0;border-radius:10px;background:#f3f4f6;color:#374151;font:inherit;font-size:14px;cursor:pointer; }
#site-creation-dialog .app-site-creation-footer button:hover { background:#e5e7eb; }

.dark #site-creation-dialog.app-site-creation-dialog { border-color:#3f4145;background:#202124;color:#f5f5f5; }
.dark #site-creation-dialog .app-site-creation-eyebrow,.dark #site-creation-dialog .app-site-creation-intro,.dark #site-creation-dialog .app-site-creation-option-copy > span { color:#a1a1aa; }
.dark #site-creation-dialog .app-site-creation-close,.dark #site-creation-dialog .app-site-creation-footer button { background:#303238;color:#e5e7eb; }
.dark #site-creation-dialog .app-site-creation-option { border-color:#3f4145;background:#252629;color:#f5f5f5; }
.dark #site-creation-dialog .app-site-creation-option:hover,.dark #site-creation-dialog .app-site-creation-option:focus-visible { border-color:#3b82f6;background:#292d34; }
.dark #site-creation-dialog .app-site-creation-option-icon { background:#1e293b;color:#93c5fd; }

@media (max-width:560px) {
  #site-creation-dialog.app-site-creation-dialog { padding:22px 18px; }
  #site-creation-dialog .app-site-creation-options { grid-template-columns:1fr; }
  #site-creation-dialog .app-site-creation-option { min-height:0; }
}

@media (prefers-reduced-motion:reduce) {
  #site-creation-dialog .app-site-creation-option { transition:none; }
}

#hs-pro-sidebar .app-sidebar-recents > p {
  margin: 4px 8px;
  color: #737373;
  font-size: 12px !important;
  line-height: 1.4;
}

/* Give every sidebar navigation item the same icon column and vertical alignment. */
#hs-pro-sidebar .app-sidebar-scroll > nav > .app-sidebar-link,
#hs-pro-sidebar .chat-sidebar-core-extension-list .app-sidebar-link,
#hs-pro-sidebar .chat-sidebar-core-extension-list .app-sidebar-extension-action,
#hs-pro-sidebar .chat-sidebar-submenu-list .app-sidebar-link {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: center !important;
}

#hs-pro-sidebar .app-sidebar-scroll > nav > .chat-sidebar-extension-item > .chat-sidebar-submenu-summary,
#hs-pro-sidebar .chat-sidebar-category > .chat-sidebar-submenu-summary {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) 16px !important;
  column-gap: 10px !important;
  align-items: center !important;
}

#hs-pro-sidebar .app-sidebar-link > svg,
#hs-pro-sidebar .app-sidebar-link > img,
#hs-pro-sidebar .chat-sidebar-submenu-summary > svg,
#hs-pro-sidebar .chat-sidebar-submenu-summary > img {
  display: block !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  flex: 0 0 22px !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
}

#hs-pro-sidebar .app-sidebar-link > span,
#hs-pro-sidebar .chat-sidebar-submenu-summary > span:not(.chat-sidebar-submenu-caret) {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#hs-pro-sidebar .chat-sidebar-submenu-caret {
  justify-self: end !important;
  margin-left: 0 !important;
}

/* Keep the desktop compact sidebar's search and window controls black in light mode. */
@media (min-width: 768px) {
  html:not(.dark) body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search],
  html:not(.dark) body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"],
  html:not(.dark) #hs-pro-sidebar[data-sidebar-minified="true"] .app-sidebar-header > [data-sidebar-search],
  html:not(.dark) #hs-pro-sidebar[data-sidebar-minified="true"] .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] {
    color:#111!important;
  }

  html:not(.dark) body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search] svg,
  html:not(.dark) body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] svg,
  html:not(.dark) #hs-pro-sidebar[data-sidebar-minified="true"] .app-sidebar-header > [data-sidebar-search] svg,
  html:not(.dark) #hs-pro-sidebar[data-sidebar-minified="true"] .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] svg {
    color:#111!important;
    stroke:#111!important;
  }

  html:not(.dark) body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-sidebar-search] svg *,
  html:not(.dark) body.hs-overlay-minified #hs-pro-sidebar .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] svg *,
  html:not(.dark) #hs-pro-sidebar[data-sidebar-minified="true"] .app-sidebar-header > [data-sidebar-search] svg *,
  html:not(.dark) #hs-pro-sidebar[data-sidebar-minified="true"] .app-sidebar-header > [data-hs-overlay-minifier="#hs-pro-sidebar"] svg * {
    stroke:#111!important;
  }
}