/* SPOT v53 — shell desktop fiel à referência enviada pelo usuário.
   Altera somente a moldura/topo; mantém a home original do SPOT. */
@media (min-width: 769px) {
  html, body {
    background: #EEF0F1 !important;
  }

  body {
    overflow: hidden !important;
  }

  body .main-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: #EEF0F1 !important;
  }

  body .header {
    height: 78px !important;
    min-height: 78px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #EEF0F1 !important;
    border: 0 !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: visible !important;
  }

  /* ===== Logo no canto esquerdo ===== */
  body .side-nav .side-brand,
  body .side-nav:hover .side-brand {
    position: fixed !important;
    left: 12px !important;
    top: 22px !important;
    right: auto !important;
    bottom: auto !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    z-index: 10060 !important;
  }

  body .side-nav .side-brand .spotia-side-mark,
  body .side-nav:hover .side-brand .spotia-side-mark {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    transform: none !important;
    display: block !important;
  }

  /* ===== S.P.O.T. no topo esquerdo ===== */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) {
    position: fixed !important;
    left: 66px !important;
    top: 17px !important;
    right: auto !important;
    bottom: auto !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 10062 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #111 !important;
    box-shadow: 0 4px 11px rgba(0,0,0,.10) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar input {
    display: none !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-svg {
    width: 38px !important;
    height: 38px !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-aura,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-status-dot {
    display: none !important;
  }

  /* Clique no robô: a barra abre no topo sem mexer na navbar. */
  body .header .ai-command-container.spot-home-panel {
    position: fixed !important;
    left: 66px !important;
    top: 17px !important;
    right: auto !important;
    bottom: auto !important;
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    height: auto !important;
    min-height: 42px !important;
    transform: none !important;
    z-index: 10080 !important;
  }

  body .header .ai-command-container.spot-home-panel .search-bar {
    width: 380px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    gap: 9px !important;
    border: 1px solid rgba(17,17,17,.22) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.08) !important;
  }

  body .header .ai-command-container.spot-home-panel .spot-robot-shell {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 8px !important;
  }

  body .header .ai-command-container.spot-home-panel .spot-robot-svg {
    width: 17px !important;
    height: 17px !important;
  }

  body .header .ai-command-container.spot-home-panel .search-bar input {
    display: block !important;
    height: 40px !important;
    font-size: 12px !important;
  }

  /* ===== Navbar central ===== */
  body .side-nav,
  body .side-nav:hover {
    position: fixed !important;
    left: 0 !important;
    top: 20px !important;
    right: 0 !important;
    bottom: auto !important;
    transform: none !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100vw - 360px) !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 3px !important;
    margin: 0 auto !important;
    gap: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    background: #DFE1E2 !important;
    border: 0 !important;
    border-radius: 13px !important;
    box-shadow: none !important;
    z-index: 10050 !important;
  }

  body .side-nav::before,
  body .side-nav::after {
    display: none !important;
    content: none !important;
  }

  body .side-nav > .nav-opt,
  body .side-nav > .spot-nav-more,
  body .side-nav:hover > .nav-opt,
  body .side-nav:hover > .spot-nav-more {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body .side-nav > .nav-opt,
  body .side-nav .spot-nav-more-button {
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #111 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    cursor: pointer !important;
  }

  body .side-nav > .nav-opt:hover,
  body .side-nav .spot-nav-more-button:hover {
    background: rgba(255,255,255,.44) !important;
  }

  body .side-nav > .nav-opt > span:not(.icon-box),
  body .side-nav .spot-nav-more-button > span:not(.icon-box),
  body .side-nav:hover > .nav-opt > span:not(.icon-box),
  body .side-nav:hover .spot-nav-more-button > span:not(.icon-box) {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body .side-nav > .nav-opt .icon-box,
  body .side-nav .spot-nav-more-button .icon-box {
    display: none !important;
  }

  body .side-nav > .spot-home-nav .icon-box {
    display: inline-flex !important;
    width: 14px !important;
    min-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: currentColor !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .side-nav > .spot-home-nav .icon-box svg {
    width: 13px !important;
    height: 13px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
  }

  body .side-nav > .nav-opt:is(.current-page,.current-section),
  body .side-nav .spot-nav-more-button:is(.spot-more-open,.current-page,.current-section) {
    background: #050505 !important;
    color: #fff !important;
  }

  body .side-nav > .nav-opt:is(.current-page,.current-section) > span:not(.icon-box),
  body .side-nav .spot-nav-more-button:is(.spot-more-open,.current-page,.current-section) > span:not(.icon-box) {
    color: #fff !important;
  }

  body .side-nav > .nav-opt:is(.current-page,.current-section) .icon-box {
    color: #fff !important;
  }

  body .side-nav > .spot-nav-page-hidden {
    display: none !important;
  }

  /* O JS v53 define 2 módulos antes do Início e 1 depois dele. */
  body .side-nav > .spot-home-nav { order: 30 !important; }
  body .side-nav > .spot-nav-more { order: 50 !important; }

  /* ===== Chat no topo direito ===== */
  body .side-nav > .side-bottom-tools,
  body .side-nav:hover > .side-bottom-tools {
    position: fixed !important;
    right: 108px !important;
    top: 21px !important;
    left: auto !important;
    bottom: auto !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 10058 !important;
  }

  body .side-nav > .side-bottom-tools #nav-manual {
    display: none !important;
  }

  body .side-nav > .side-bottom-tools #spot-chat-open {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #171717 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .side-nav > .side-bottom-tools #spot-chat-open:hover {
    background: #f8f8f8 !important;
  }

  body .side-nav > .side-bottom-tools #spot-chat-open:is(.current-page,.current-section) {
    background: #111 !important;
    color: #fff !important;
  }

  body .side-nav > .side-bottom-tools #spot-chat-open .side-tool-icon {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
  }

  body .side-nav > .side-bottom-tools #spot-chat-open .side-tool-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
  }

  body .side-nav > .side-bottom-tools .side-tool-label {
    display: none !important;
  }

  /* ===== Notificações + avatar ===== */
  body .header-actions {
    position: fixed !important;
    top: 21px !important;
    right: 18px !important;
    left: auto !important;
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 6px !important;
    display: flex !important;
    align-items: center !important;
    z-index: 10060 !important;
  }

  body .header .user-profile-wrapper,
  body .header .user-profile-wrapper:hover {
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 6px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
  }

  body .header .spot-message-bell {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #171717 !important;
    box-shadow: none !important;
  }

  body .header .spot-message-bell:hover {
    background: #f8f8f8 !important;
  }

  body .header .spot-message-bell[aria-expanded="true"] {
    background: #111 !important;
    color: #fff !important;
  }

  body .header .spot-message-bell svg {
    width: 17px !important;
    height: 17px !important;
  }

  body .header .user-profile,
  body .header .user-profile:hover {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .user-avatar {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    border-radius: 8px !important;
  }

  body .header .user-info,
  body .header .spot-user-dropdown-chevron {
    display: none !important;
  }

  /* ===== Dropdowns ===== */
  body .spot-nav-more-panel,
  body .spot-module-search-panel {
    top: 66px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  body .spot-notifications-dropdown {
    top: 64px !important;
    right: 18px !important;
  }

  /* ===== Hero original — sem cards/experimentos ===== */
  body .content-area {
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 20px 50px !important;
    margin: 0 !important;
    background: #EEF0F1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body .main-hero-title {
    font-size: clamp(62px, 7vw, 88px) !important;
    font-weight: 700 !important;
    letter-spacing: 11px !important;
    line-height: 1 !important;
    margin: 0 0 20px !important;
  }

  body .hero-subtitle {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    margin: 0 0 28px !important;
  }

  body .content-area > div[style] {
    max-width: 520px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #8B8B8B !important;
  }

  /* ===== Voltar quando um módulo/chat estiver aberto ===== */
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation,
  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    position: fixed !important;
    left: 64px !important;
    top: 18px !important;
    width: 64px !important;
    height: 42px !important;
    padding: 2px 0 2px 8px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #DFE1E2 !important;
    transform: none !important;
    z-index: 10082 !important;
  }

  body .header > .spot-module-navigation .spot-module-back {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
  }

  body .header > .spot-module-navigation .spot-module-back svg {
    width: 27px !important;
    height: 27px !important;
    stroke: #000 !important;
    stroke-width: 2.35 !important;
  }
}


/* v55 — navbar desktop travada em 5 itens, conforme referência do usuário. */
@media (min-width: 769px) {
  body .side-nav > .spot-shell-terceiros-fallback {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #111 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font: inherit !important;
  }

  body .side-nav > .spot-shell-terceiros-fallback > span {
    display: inline-block !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  body .side-nav > .spot-shell-terceiros-fallback:hover {
    background: rgba(255,255,255,.44) !important;
  }

  body .side-nav > .spot-nav-more,
  body .side-nav > .spot-nav-more > .spot-nav-more-button {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body .side-nav > .spot-nav-more > .spot-nav-more-button > span:not(.icon-box) {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body .side-nav > .spot-nav-more > .spot-nav-more-button .icon-box {
    display: none !important;
  }

  body .side-nav > .spot-nav-more.spot-shell-more-fallback {
    position: relative !important;
  }

  body .spot-shell-more-fallback > .spot-nav-more-panel[hidden] {
    display: none !important;
  }
}

/* v57 — corrige sobreposição entre Terceiros e Outros módulos */
@media (min-width: 769px) {
  body .side-nav,
  body .side-nav:hover {
    gap: 2px !important;
    width: max-content !important;
    min-width: max-content !important;
    overflow: visible !important;
  }

  body .side-nav > #nav-terceiros,
  body .side-nav > .spot-nav-more,
  body .side-nav > .spot-nav-more > .spot-nav-more-button,
  body .side-nav:hover > #nav-terceiros,
  body .side-nav:hover > .spot-nav-more,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body .side-nav > #nav-terceiros,
  body .side-nav > .spot-nav-more > .spot-nav-more-button {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body .side-nav > #nav-terceiros > span:not(.icon-box),
  body .side-nav > .spot-nav-more > .spot-nav-more-button > span:not(.icon-box) {
    display: inline-block !important;
    width: auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
}


/* v58 — o shell não controla mais a lógica da navbar.
   O spot-multiempresa.js mantém o comportamento antigo e atribui as 3 vagas dinâmicas. */
@media (min-width: 769px) {
  body .side-nav > .nav-opt[data-spot-dynamic-nav="1"] {
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  body .side-nav > .spot-home-nav {
    order: 30 !important;
  }

  body .side-nav > .spot-nav-more {
    order: 50 !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
  }

  body .side-nav .spot-nav-more-button {
    width: max-content !important;
    min-width: max-content !important;
    white-space: nowrap !important;
  }
}

/* v59 — normaliza a escala do shell desktop.
   Referência visual: usar o botão do robô como base de proporção
   para navbar, chat, notificações e avatar. */
@media (min-width: 769px) {
  body .header {
    height: 80px !important;
    min-height: 80px !important;
  }

  /* marca lateral */
  body .side-nav .side-brand,
  body .side-nav:hover .side-brand {
    top: 18px !important;
    left: 14px !important;
    width: 28px !important;
    height: 28px !important;
  }

  body .side-nav .side-brand .spotia-side-mark,
  body .side-nav:hover .side-brand .spotia-side-mark {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }

  /* botão do robô */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) {
    left: 62px !important;
    top: 12px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    border-radius: 12px !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-svg {
    width: 22px !important;
    height: 22px !important;
  }

  /* barra do robô aberta */
  body .header .ai-command-container.spot-home-panel {
    left: 62px !important;
    top: 12px !important;
  }

  body .header .ai-command-container.spot-home-panel .search-bar {
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 14px !important;
  }

  body .header .ai-command-container.spot-home-panel .spot-robot-shell {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 9px !important;
  }

  body .header .ai-command-container.spot-home-panel .spot-robot-svg {
    width: 18px !important;
    height: 18px !important;
  }

  body .header .ai-command-container.spot-home-panel .search-bar input {
    height: 44px !important;
    font-size: 12px !important;
  }

  /* navbar central */
  body .side-nav,
  body .side-nav:hover {
    top: 12px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 4px !important;
    border-radius: 14px !important;
    gap: 2px !important;
  }

  body .side-nav > .nav-opt,
  body .side-nav > .spot-nav-more,
  body .side-nav:hover > .nav-opt,
  body .side-nav:hover > .spot-nav-more,
  body .side-nav > .spot-shell-terceiros-fallback,
  body .side-nav:hover > .spot-shell-terceiros-fallback {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }

  body .side-nav > .nav-opt,
  body .side-nav .spot-nav-more-button,
  body .side-nav > .spot-shell-terceiros-fallback {
    padding: 0 16px !important;
    border-radius: 12px !important;
    gap: 6px !important;
  }

  body .side-nav > .nav-opt > span:not(.icon-box),
  body .side-nav .spot-nav-more-button > span:not(.icon-box),
  body .side-nav:hover > .nav-opt > span:not(.icon-box),
  body .side-nav:hover .spot-nav-more-button > span:not(.icon-box),
  body .side-nav > .spot-shell-terceiros-fallback > span {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  body .side-nav > .spot-home-nav .icon-box {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
  }

  body .side-nav > .spot-home-nav .icon-box svg {
    width: 15px !important;
    height: 15px !important;
  }

  /* chat / manual */
  body .side-nav > .side-bottom-tools,
  body .side-nav:hover > .side-bottom-tools {
    top: 13px !important;
    right: 128px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }

  body .side-nav > .side-bottom-tools #spot-chat-open {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 12px !important;
  }

  body .side-nav > .side-bottom-tools #spot-chat-open .side-tool-icon {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
  }

  body .side-nav > .side-bottom-tools #spot-chat-open .side-tool-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* notificações + avatar */
  body .header-actions {
    top: 13px !important;
    right: 18px !important;
    height: 44px !important;
    min-height: 44px !important;
    gap: 8px !important;
  }

  body .header .user-profile-wrapper,
  body .header .user-profile-wrapper:hover {
    height: 44px !important;
    min-height: 44px !important;
    gap: 8px !important;
  }

  body .header .spot-message-bell,
  body .header .user-profile,
  body .header .user-profile:hover {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 12px !important;
  }

  body .header .spot-message-bell svg {
    width: 18px !important;
    height: 18px !important;
  }

  body .header .user-avatar {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    border-radius: 9px !important;
  }

  /* voltar */
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation,
  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    left: 60px !important;
    top: 12px !important;
    width: 58px !important;
    height: 46px !important;
    padding: 4px 0 4px 8px !important;
    border-radius: 14px !important;
  }

  body .header > .spot-module-navigation .spot-module-back {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 12px !important;
  }
}

/* v60 — restaura logo e robô ao visual anterior; aumenta a foto do perfil.
   Mantém somente a nova escala da navbar/chat/notificações. */
@media (min-width: 769px) {
  /* Logo: volta ao tamanho anterior. */
  body .side-nav .side-brand,
  body .side-nav:hover .side-brand {
    left: 12px !important;
    top: 22px !important;
    width: 30px !important;
    height: 30px !important;
  }

  body .side-nav .side-brand .spotia-side-mark,
  body .side-nav:hover .side-brand .spotia-side-mark {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
  }

  /* S.P.O.T.: restaura o botão/robô exatamente no padrão anterior. */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) {
    left: 66px !important;
    top: 17px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    border-radius: 10px !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 10px !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-svg {
    width: 38px !important;
    height: 38px !important;
  }

  /* Barra aberta do S.P.O.T. também volta ao encaixe anterior. */
  body .header .ai-command-container.spot-home-panel {
    left: 66px !important;
    top: 17px !important;
    min-height: 42px !important;
  }

  body .header .ai-command-container.spot-home-panel .search-bar {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
  }

  body .header .ai-command-container.spot-home-panel .spot-robot-shell {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 8px !important;
  }

  body .header .ai-command-container.spot-home-panel .spot-robot-svg {
    width: 17px !important;
    height: 17px !important;
  }

  body .header .ai-command-container.spot-home-panel .search-bar input {
    height: 40px !important;
  }

  /* Perfil: ocupa melhor a escala dos controles do topo. */
  body .header .user-profile,
  body .header .user-profile:hover {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 12px !important;
  }

  body .header .user-avatar {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border-radius: 10px !important;
  }
}

/* v61 — corrige escala do logo/avatar e restaura a versão visual do robô. */
@media (min-width: 769px) {
  /* logo lateral maior, mantendo sem caixa */
  body .side-nav .side-brand,
  body .side-nav:hover .side-brand {
    top: 14px !important;
    left: 12px !important;
    width: 38px !important;
    height: 38px !important;
  }

  body .side-nav .side-brand .spotia-side-mark,
  body .side-nav:hover .side-brand .spotia-side-mark {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    object-fit: contain !important;
  }

  /* robô volta para a versão visual anterior */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) {
    left: 64px !important;
    top: 11px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #111 !important;
    box-shadow: 0 4px 11px rgba(0,0,0,.10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar input {
    display: none !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-svg {
    width: 38px !important;
    height: 38px !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-aura,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-status-dot {
    display: none !important;
  }

  body .header .ai-command-container.spot-home-panel {
    left: 64px !important;
    top: 11px !important;
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    min-height: 42px !important;
  }

  body .header .ai-command-container.spot-home-panel .search-bar {
    width: 380px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    gap: 9px !important;
    border: 1px solid rgba(17,17,17,.22) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.08) !important;
  }

  body .header .ai-command-container.spot-home-panel .spot-robot-shell {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 8px !important;
  }

  body .header .ai-command-container.spot-home-panel .spot-robot-svg {
    width: 17px !important;
    height: 17px !important;
  }

  body .header .ai-command-container.spot-home-panel .search-bar input {
    height: 40px !important;
    font-size: 12px !important;
  }

  /* avatar e botões do topo em escala equivalente */
  body .header-actions {
    top: 12px !important;
    right: 18px !important;
    height: 44px !important;
    min-height: 44px !important;
    gap: 8px !important;
  }

  body .header .spot-message-bell,
  body .header .user-profile,
  body .header .user-profile:hover {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 12px !important;
  }

  body .header .user-profile-wrapper,
  body .header .user-profile-wrapper:hover {
    height: 44px !important;
    min-height: 44px !important;
    gap: 8px !important;
  }

  body .header .spot-message-bell svg {
    width: 18px !important;
    height: 18px !important;
  }

  body .header .user-avatar,
  body .header .user-avatar img {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    border-radius: 11px !important;
    object-fit: cover !important;
  }
}

/* v62 — aplica o layout do robô conforme a referência enviada. */
@media (min-width: 769px) {
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) {
    left: 58px !important;
    top: 10px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #0f0f10 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-svg {
    width: 31px !important;
    height: 31px !important;
    display: block !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-aura,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-status-dot,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar input {
    display: none !important;
  }
}

@media (max-width: 768px) {
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #0f0f10 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-svg {
    width: 31px !important;
    height: 31px !important;
  }
}

/* v63 — robô exatamente no visual da referência: quadrado preto, duas "orelhas" e dois olhos brancos. */
@media (min-width: 769px) {
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) {
    left: 58px !important;
    top: 10px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    overflow: visible !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell {
    position: relative !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex: 0 0 44px !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #0F0F10 !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.11) !important;
    overflow: visible !important;
    display: block !important;
    isolation: auto !important;
  }

  /* esconde a arte antiga — o rosto passa a ser desenhado em CSS */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-svg,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-aura,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-status-dot,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar input {
    display: none !important;
  }

  /* duas pequenas saliências superiores do robô */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell::before {
    content: '' !important;
    position: absolute !important;
    left: 11px !important;
    top: -4px !important;
    width: 8px !important;
    height: 6px !important;
    border-radius: 3px 3px 1px 1px !important;
    background: #0F0F10 !important;
    box-shadow: 14px 0 0 #0F0F10 !important;
    pointer-events: none !important;
  }

  /* dois olhos grandes e claros */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell::after {
    content: '' !important;
    position: absolute !important;
    left: 11px !important;
    top: 18px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #EEF0F1 !important;
    box-shadow: 14px 0 0 #EEF0F1 !important;
    pointer-events: none !important;
  }
}

/* v64 — usa o robô ORIGINAL que já existe no sistema.
   Remove o desenho recriado em CSS e reaproveita o SVG/componente real. */
@media (min-width: 769px) {
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) {
    left: 60px !important;
    top: 10px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    overflow: visible !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell {
    position: relative !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    flex: 0 0 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* restaura o SVG original */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-svg {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    color: #111111 !important;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,.11)) !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-face {
    fill: #111111 !important;
  }

  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-eye {
    fill: #EEF0F1 !important;
  }

  /* remove completamente o robô desenhado por pseudo-elementos da v63 */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell::before,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-shell::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
  }

  /* mantém os extras do componente original ocultos no topo */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-aura,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .spot-robot-status-dot,
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel) .search-bar input {
    display: none !important;
  }
}

/* v65 — corrige cores dos textos/ícones da navbar sem alterar layout ou funções. */
@media (min-width: 769px) {
  /* estado normal: texto e ícones escuros */
  body .side-nav > .nav-opt,
  body .side-nav > .nav-opt > span:not(.icon-box),
  body .side-nav .spot-nav-more-button,
  body .side-nav .spot-nav-more-button > span:not(.icon-box),
  body .side-nav > .spot-shell-terceiros-fallback,
  body .side-nav > .spot-shell-terceiros-fallback > span {
    color: #111111 !important;
    opacity: 1 !important;
  }

  body .side-nav > .nav-opt .icon-box,
  body .side-nav .spot-nav-more-button .icon-box,
  body .side-nav > .nav-opt .icon-box svg,
  body .side-nav .spot-nav-more-button .icon-box svg {
    color: #111111 !important;
    stroke: currentColor !important;
    opacity: 1 !important;
  }

  /* item ativo: fundo preto, texto e ícone brancos */
  body .side-nav > .nav-opt.current-page,
  body .side-nav > .nav-opt.current-section,
  body .side-nav > .nav-opt[aria-current="page"],
  body .side-nav .spot-nav-more-button.spot-more-open,
  body .side-nav .spot-nav-more-button.current-page,
  body .side-nav .spot-nav-more-button.current-section,
  body .side-nav .spot-nav-more-button[aria-current="page"] {
    background: #050505 !important;
    color: #ffffff !important;
    opacity: 1 !important;
  }

  body .side-nav > .nav-opt.current-page > span:not(.icon-box),
  body .side-nav > .nav-opt.current-section > span:not(.icon-box),
  body .side-nav > .nav-opt[aria-current="page"] > span:not(.icon-box),
  body .side-nav .spot-nav-more-button.spot-more-open > span:not(.icon-box),
  body .side-nav .spot-nav-more-button.current-page > span:not(.icon-box),
  body .side-nav .spot-nav-more-button.current-section > span:not(.icon-box),
  body .side-nav .spot-nav-more-button[aria-current="page"] > span:not(.icon-box) {
    color: #ffffff !important;
    opacity: 1 !important;
  }

  body .side-nav > .nav-opt.current-page .icon-box,
  body .side-nav > .nav-opt.current-section .icon-box,
  body .side-nav > .nav-opt[aria-current="page"] .icon-box,
  body .side-nav .spot-nav-more-button.spot-more-open .icon-box,
  body .side-nav .spot-nav-more-button.current-page .icon-box,
  body .side-nav .spot-nav-more-button.current-section .icon-box,
  body .side-nav .spot-nav-more-button[aria-current="page"] .icon-box {
    color: #ffffff !important;
  }

  body .side-nav > .nav-opt.current-page .icon-box svg,
  body .side-nav > .nav-opt.current-section .icon-box svg,
  body .side-nav > .nav-opt[aria-current="page"] .icon-box svg,
  body .side-nav .spot-nav-more-button.spot-more-open .icon-box svg,
  body .side-nav .spot-nav-more-button.current-page .icon-box svg,
  body .side-nav .spot-nav-more-button.current-section .icon-box svg,
  body .side-nav .spot-nav-more-button[aria-current="page"] .icon-box svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
  }

  /* evita que regras antigas de texto claro deixem os itens inativos cinza */
  body .side-nav > .nav-opt:not(.current-page):not(.current-section):not([aria-current="page"]) > span:not(.icon-box),
  body .side-nav .spot-nav-more-button:not(.spot-more-open):not(.current-page):not(.current-section):not([aria-current="page"]) > span:not(.icon-box) {
    color: #111111 !important;
  }
}

/* v66 — corrige a cor do texto/ícone do item ativo ao passar o mouse. */
@media (min-width: 769px) {
  body .side-nav:hover > .nav-opt.current-page,
  body .side-nav:hover > .nav-opt.current-section,
  body .side-nav:hover > .nav-opt[aria-current="page"],
  body .side-nav > .nav-opt.current-page:hover,
  body .side-nav > .nav-opt.current-section:hover,
  body .side-nav > .nav-opt[aria-current="page"]:hover,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-page,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-section,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button[aria-current="page"] {
    background: #050505 !important;
    color: #ffffff !important;
    opacity: 1 !important;
  }

  body .side-nav:hover > .nav-opt.current-page > span:not(.icon-box),
  body .side-nav:hover > .nav-opt.current-section > span:not(.icon-box),
  body .side-nav:hover > .nav-opt[aria-current="page"] > span:not(.icon-box),
  body .side-nav > .nav-opt.current-page:hover > span:not(.icon-box),
  body .side-nav > .nav-opt.current-section:hover > span:not(.icon-box),
  body .side-nav > .nav-opt[aria-current="page"]:hover > span:not(.icon-box),
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open > span:not(.icon-box),
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-page > span:not(.icon-box),
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-section > span:not(.icon-box),
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button[aria-current="page"] > span:not(.icon-box) {
    color: #ffffff !important;
    opacity: 1 !important;
  }

  body .side-nav:hover > .nav-opt.current-page .icon-box,
  body .side-nav:hover > .nav-opt.current-section .icon-box,
  body .side-nav:hover > .nav-opt[aria-current="page"] .icon-box,
  body .side-nav:hover > .nav-opt.current-page .icon-box svg,
  body .side-nav:hover > .nav-opt.current-section .icon-box svg,
  body .side-nav:hover > .nav-opt[aria-current="page"] .icon-box svg,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open .icon-box,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open .icon-box svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
  }

  /* hover dos itens inativos permanece escuro */
  body .side-nav:hover > .nav-opt:not(.current-page):not(.current-section):not([aria-current="page"]) > span:not(.icon-box),
  body .side-nav > .nav-opt:not(.current-page):not(.current-section):not([aria-current="page"]):hover > span:not(.icon-box),
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button:not(.spot-more-open):not(.current-page):not(.current-section):not([aria-current="page"]) > span:not(.icon-box) {
    color: #111111 !important;
    opacity: 1 !important;
  }
}

/* v68 — corrige de forma definitiva a caixa de diálogo do S.P.O.T.
   A home usa um robô compacto; quando uma resposta aparece o container
   recebe .spot-response-open e passa a ter largura real antes da caixa. */
@media (min-width: 769px) {
  body .header .ai-command-container.spot-response-open:not(.spot-mode-bubble),
  body .ai-command-container.spot-response-open:not(.spot-mode-bubble) {
    position: fixed !important;
    left: 64px !important;
    top: 11px !important;
    right: auto !important;
    bottom: auto !important;
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    height: auto !important;
    min-height: 42px !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    z-index: 10090 !important;
  }

  body .header .ai-command-container.spot-response-open:not(.spot-mode-bubble) .search-bar,
  body .ai-command-container.spot-response-open:not(.spot-mode-bubble) .search-bar {
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    gap: 9px !important;
    border: 1px solid rgba(17,17,17,.22) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }

  body .header .ai-command-container.spot-response-open:not(.spot-mode-bubble) .search-bar input,
  body .ai-command-container.spot-response-open:not(.spot-mode-bubble) .search-bar input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
  }

  body .header .ai-command-container.spot-response-open:not(.spot-mode-bubble) .spot-robot-shell,
  body .ai-command-container.spot-response-open:not(.spot-mode-bubble) .spot-robot-shell {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 8px !important;
  }

  body .header .ai-command-container.spot-response-open:not(.spot-mode-bubble) .spot-robot-svg,
  body .ai-command-container.spot-response-open:not(.spot-mode-bubble) .spot-robot-svg {
    width: 17px !important;
    height: 17px !important;
  }

  body .header .ai-command-container.spot-response-open:not(.spot-mode-bubble) .ai-response-box,
  body .ai-command-container.spot-response-open:not(.spot-mode-bubble) .ai-response-box {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
    margin: 10px 0 0 !important;
    padding: 14px 16px 16px !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body .ai-command-container.spot-response-open #ai-response-text,
  body .ai-command-container.spot-response-open #ai-response-text * {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  /* Também cobre o robô fixo quando há módulo/chat aberto, mesmo movido ao body. */
  body > .ai-command-container.spot-mode-bubble.bubble-open,
  body .ai-command-container.spot-mode-bubble.bubble-open {
    width: min(430px, calc(100vw - 60px)) !important;
    min-width: min(430px, calc(100vw - 60px)) !important;
    max-width: 430px !important;
    height: auto !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
  }

  body > .ai-command-container.spot-mode-bubble.bubble-open .ai-response-box,
  body .ai-command-container.spot-mode-bubble.bubble-open .ai-response-box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
}

/* v69 — alinhamento horizontal unificado do topo desktop.
   Todos os elementos usam o mesmo eixo central vertical: 32px. */
@media (min-width: 769px) {
  /* Logo: 38px -> centro em 32px */
  body .side-nav .side-brand,
  body .side-nav:hover .side-brand {
    top: 13px !important;
    left: 12px !important;
    width: 38px !important;
    height: 38px !important;
  }

  body .side-nav .side-brand .spotia-side-mark,
  body .side-nav:hover .side-brand .spotia-side-mark {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }

  /* Robô original: container 54px -> centro em 32px */
  body .header .ai-command-container:not(.spot-mode-bubble):not(.spot-home-panel):not(.spot-response-open) {
    top: 5px !important;
    left: 60px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  /* Navbar: 46px -> centro em 32px */
  body .side-nav,
  body .side-nav:hover {
    top: 9px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  /* Chat: 44px -> centro em 32px */
  body .side-nav > .side-bottom-tools,
  body .side-nav:hover > .side-bottom-tools {
    top: 10px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }

  body .side-nav > .side-bottom-tools #spot-chat-open {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }

  /* Notificações e perfil: 44px -> centro em 32px */
  body .header-actions {
    top: 10px !important;
    height: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
  }

  body .header .user-profile-wrapper,
  body .header .user-profile-wrapper:hover {
    height: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
  }

  body .header .spot-message-bell,
  body .header .user-profile,
  body .header .user-profile:hover {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header .user-avatar,
  body .header .user-avatar img {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
  }

  /* Botão voltar segue o mesmo eixo quando um módulo estiver aberto. */
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation,
  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    top: 9px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    align-items: center !important;
  }

  /* Quando a caixa de diálogo está aberta, a barra de 42px também mantém centro em 32px. */
  body .header .ai-command-container.spot-response-open:not(.spot-mode-bubble),
  body .ai-command-container.spot-response-open:not(.spot-mode-bubble),
  body .header .ai-command-container.spot-home-panel {
    top: 11px !important;
  }
}

/* v71 — alinhamento exato do botão Início conforme referência do usuário. */
@media (min-width: 769px) {
  body .side-nav > .spot-home-nav,
  body .side-nav:hover > .spot-home-nav {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 14px 0 10px !important;
    gap: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
  }

  body .side-nav > .spot-home-nav > .icon-box,
  body .side-nav:hover > .spot-home-nav > .icon-box {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    flex: 0 0 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    line-height: 0 !important;
  }

  body .side-nav > .spot-home-nav > .icon-box svg,
  body .side-nav:hover > .spot-home-nav > .icon-box svg {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    flex: 0 0 15px !important;
  }

  body .side-nav > .spot-home-nav > span:not(.icon-box),
  body .side-nav:hover > .spot-home-nav > span:not(.icon-box) {
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    line-height: 1 !important;
    transform: none !important;
  }

  /* ativo: caixa interna sutil atrás da casa, como na imagem de referência */
  body .side-nav > .spot-home-nav.current-page > .icon-box,
  body .side-nav > .spot-home-nav.current-section > .icon-box,
  body .side-nav > .spot-home-nav[aria-current="page"] > .icon-box,
  body .side-nav:hover > .spot-home-nav.current-page > .icon-box,
  body .side-nav:hover > .spot-home-nav.current-section > .icon-box,
  body .side-nav:hover > .spot-home-nav[aria-current="page"] > .icon-box {
    background: #242424 !important;
    color: #ffffff !important;
  }

  body .side-nav > .spot-home-nav.current-page > .icon-box svg,
  body .side-nav > .spot-home-nav.current-section > .icon-box svg,
  body .side-nav > .spot-home-nav[aria-current="page"] > .icon-box svg,
  body .side-nav:hover > .spot-home-nav.current-page > .icon-box svg,
  body .side-nav:hover > .spot-home-nav.current-section > .icon-box svg,
  body .side-nav:hover > .spot-home-nav[aria-current="page"] > .icon-box svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
  }
}

/* v72 — remove a caixa cinza interna atrás do ícone de Início.
   Mantém somente o ícone branco diretamente sobre o botão preto ativo. */
@media (min-width: 769px) {
  body .side-nav > .spot-home-nav > .icon-box,
  body .side-nav:hover > .spot-home-nav > .icon-box,
  body .side-nav > .spot-home-nav.current-page > .icon-box,
  body .side-nav > .spot-home-nav.current-section > .icon-box,
  body .side-nav > .spot-home-nav[aria-current="page"] > .icon-box,
  body .side-nav:hover > .spot-home-nav.current-page > .icon-box,
  body .side-nav:hover > .spot-home-nav.current-section > .icon-box,
  body .side-nav:hover > .spot-home-nav[aria-current="page"] > .icon-box {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  body .side-nav > .spot-home-nav.current-page > .icon-box,
  body .side-nav > .spot-home-nav.current-section > .icon-box,
  body .side-nav > .spot-home-nav[aria-current="page"] > .icon-box,
  body .side-nav:hover > .spot-home-nav.current-page > .icon-box,
  body .side-nav:hover > .spot-home-nav.current-section > .icon-box,
  body .side-nav:hover > .spot-home-nav[aria-current="page"] > .icon-box {
    color: #ffffff !important;
  }
}

/* v73 — navbar desktop branca */
@media (min-width: 769px) {
  body .side-nav,
  body .side-nav:hover {
    background: #FFFFFF !important;
  }
}

/* v74 — destaque ativo levemente para fora da navbar branca. */
@media (min-width: 769px) {
  body .side-nav,
  body .side-nav:hover {
    overflow: visible !important;
  }

  body .side-nav > .nav-opt.current-page,
  body .side-nav > .nav-opt.current-section,
  body .side-nav > .nav-opt[aria-current="page"],
  body .side-nav .spot-nav-more-button.spot-more-open,
  body .side-nav .spot-nav-more-button.current-page,
  body .side-nav .spot-nav-more-button.current-section,
  body .side-nav .spot-nav-more-button[aria-current="page"] {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    transform: translateY(-1px) !important;
    border-radius: 13px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.10) !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body .side-nav:hover > .nav-opt.current-page,
  body .side-nav:hover > .nav-opt.current-section,
  body .side-nav:hover > .nav-opt[aria-current="page"],
  body .side-nav > .nav-opt.current-page:hover,
  body .side-nav > .nav-opt.current-section:hover,
  body .side-nav > .nav-opt[aria-current="page"]:hover,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-page,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-section,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button[aria-current="page"] {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.10) !important;
  }
}

/* v75 — remove o branco que aparecia atrás do destaque ativo.
   A navbar continua branca, mas o item ativo cobre totalmente a área ao redor. */
@media (min-width: 769px) {
  body .side-nav > .nav-opt.current-page,
  body .side-nav > .nav-opt.current-section,
  body .side-nav > .nav-opt[aria-current="page"],
  body .side-nav .spot-nav-more-button.spot-more-open,
  body .side-nav .spot-nav-more-button.current-page,
  body .side-nav .spot-nav-more-button.current-section,
  body .side-nav .spot-nav-more-button[aria-current="page"] {
    background: #050505 !important;
    color: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    transform: translateY(-1px) !important;
    border-radius: 13px !important;
    /* primeiro halo preto cobre o fundo branco da navbar nos cantos */
    box-shadow:
      0 0 0 2px #050505,
      0 4px 10px rgba(0,0,0,.10) !important;
    position: relative !important;
    z-index: 5 !important;
  }

  body .side-nav > .nav-opt.current-page > span:not(.icon-box),
  body .side-nav > .nav-opt.current-section > span:not(.icon-box),
  body .side-nav > .nav-opt[aria-current="page"] > span:not(.icon-box),
  body .side-nav .spot-nav-more-button.spot-more-open > span:not(.icon-box),
  body .side-nav .spot-nav-more-button.current-page > span:not(.icon-box),
  body .side-nav .spot-nav-more-button.current-section > span:not(.icon-box),
  body .side-nav .spot-nav-more-button[aria-current="page"] > span:not(.icon-box) {
    color: #fff !important;
  }

  body .side-nav:hover > .nav-opt.current-page,
  body .side-nav:hover > .nav-opt.current-section,
  body .side-nav:hover > .nav-opt[aria-current="page"],
  body .side-nav > .nav-opt.current-page:hover,
  body .side-nav > .nav-opt.current-section:hover,
  body .side-nav > .nav-opt[aria-current="page"]:hover,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-page,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-section,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button[aria-current="page"] {
    background: #050505 !important;
    color: #fff !important;
    box-shadow:
      0 0 0 2px #050505,
      0 4px 10px rgba(0,0,0,.10) !important;
  }
}

/* v76 — elimina definitivamente o branco ao redor do destaque ativo.
   Cria uma folga na cor do fundo do sistema entre a pill preta e a navbar branca. */
@media (min-width: 769px) {
  body .side-nav > .nav-opt.current-page,
  body .side-nav > .nav-opt.current-section,
  body .side-nav > .nav-opt[aria-current="page"],
  body .side-nav .spot-nav-more-button.spot-more-open,
  body .side-nav .spot-nav-more-button.current-page,
  body .side-nav .spot-nav-more-button.current-section,
  body .side-nav .spot-nav-more-button[aria-current="page"] {
    background: #050505 !important;
    color: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
    box-shadow:
      0 0 0 4px #EEF0F1,
      0 4px 10px rgba(0,0,0,.10) !important;
  }

  body .side-nav:hover > .nav-opt.current-page,
  body .side-nav:hover > .nav-opt.current-section,
  body .side-nav:hover > .nav-opt[aria-current="page"],
  body .side-nav > .nav-opt.current-page:hover,
  body .side-nav > .nav-opt.current-section:hover,
  body .side-nav > .nav-opt[aria-current="page"]:hover,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-page,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-section,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button[aria-current="page"] {
    background: #050505 !important;
    color: #fff !important;
    box-shadow:
      0 0 0 4px #EEF0F1,
      0 4px 10px rgba(0,0,0,.10) !important;
  }
}

/* v77 — remove qualquer camada/halo cinza atrás do destaque ativo. */
@media (min-width: 769px) {
  body .side-nav > .nav-opt.current-page,
  body .side-nav > .nav-opt.current-section,
  body .side-nav > .nav-opt[aria-current="page"],
  body .side-nav .spot-nav-more-button.spot-more-open,
  body .side-nav .spot-nav-more-button.current-page,
  body .side-nav .spot-nav-more-button.current-section,
  body .side-nav .spot-nav-more-button[aria-current="page"],
  body .side-nav:hover > .nav-opt.current-page,
  body .side-nav:hover > .nav-opt.current-section,
  body .side-nav:hover > .nav-opt[aria-current="page"],
  body .side-nav > .nav-opt.current-page:hover,
  body .side-nav > .nav-opt.current-section:hover,
  body .side-nav > .nav-opt[aria-current="page"]:hover,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-page,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-section,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button[aria-current="page"] {
    background: #050505 !important;
    color: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }
}

/* v78 — navbar conforme referência: pill branca única e item ativo preto embutido,
   sem camada, halo, sombra ou destaque saltado. */
@media (min-width: 769px) {
  body .side-nav,
  body .side-nav:hover {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    gap: 0 !important;
    background: #FFFFFF !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body .side-nav > .nav-opt,
  body .side-nav > .spot-nav-more,
  body .side-nav:hover > .nav-opt,
  body .side-nav:hover > .spot-nav-more,
  body .side-nav > .spot-shell-terceiros-fallback,
  body .side-nav:hover > .spot-shell-terceiros-fallback {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body .side-nav > .nav-opt,
  body .side-nav .spot-nav-more-button,
  body .side-nav > .spot-shell-terceiros-fallback {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  /* arredondamento das extremidades da navbar */
  body .side-nav > .nav-opt:first-of-type,
  body .side-nav > .spot-shell-terceiros-fallback:first-of-type {
    border-radius: 16px 0 0 16px !important;
  }

  body .side-nav > .spot-nav-more,
  body .side-nav > .spot-nav-more > .spot-nav-more-button {
    border-radius: 0 16px 16px 0 !important;
  }

  /* estado ativo: somente preto, do mesmo tamanho da navbar */
  body .side-nav > .nav-opt.current-page,
  body .side-nav > .nav-opt.current-section,
  body .side-nav > .nav-opt[aria-current="page"],
  body .side-nav .spot-nav-more-button.spot-more-open,
  body .side-nav .spot-nav-more-button.current-page,
  body .side-nav .spot-nav-more-button.current-section,
  body .side-nav .spot-nav-more-button[aria-current="page"],
  body .side-nav:hover > .nav-opt.current-page,
  body .side-nav:hover > .nav-opt.current-section,
  body .side-nav:hover > .nav-opt[aria-current="page"],
  body .side-nav > .nav-opt.current-page:hover,
  body .side-nav > .nav-opt.current-section:hover,
  body .side-nav > .nav-opt[aria-current="page"]:hover,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-page,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button.current-section,
  body .side-nav:hover > .spot-nav-more > .spot-nav-more-button[aria-current="page"] {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #050505 !important;
    color: #FFFFFF !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    z-index: 1 !important;
  }

  body .side-nav > .nav-opt.current-page > span:not(.icon-box),
  body .side-nav > .nav-opt.current-section > span:not(.icon-box),
  body .side-nav > .nav-opt[aria-current="page"] > span:not(.icon-box),
  body .side-nav .spot-nav-more-button.spot-more-open > span:not(.icon-box),
  body .side-nav .spot-nav-more-button.current-page > span:not(.icon-box),
  body .side-nav .spot-nav-more-button.current-section > span:not(.icon-box),
  body .side-nav .spot-nav-more-button[aria-current="page"] > span:not(.icon-box) {
    color: #FFFFFF !important;
    opacity: 1 !important;
  }

  /* Início: ícone direto sobre o preto, sem caixa interna */
  body .side-nav > .spot-home-nav > .icon-box,
  body .side-nav > .spot-home-nav.current-page > .icon-box,
  body .side-nav > .spot-home-nav.current-section > .icon-box,
  body .side-nav > .spot-home-nav[aria-current="page"] > .icon-box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }
}

/* v79 — Outros módulos aberto não vira item ativo.
   O destaque preto fica somente no módulo/página realmente ativo. */
@media (min-width: 769px) {
  body .side-nav .spot-nav-more-button.spot-more-open:not(.current-page):not(.current-section),
  body .side-nav:hover .spot-nav-more-button.spot-more-open:not(.current-page):not(.current-section),
  body .side-nav .spot-nav-more-button.spot-more-open:not(.current-page):not(.current-section):hover {
    background: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body .side-nav .spot-nav-more-button.spot-more-open:not(.current-page):not(.current-section) > span:not(.icon-box),
  body .side-nav:hover .spot-nav-more-button.spot-more-open:not(.current-page):not(.current-section) > span:not(.icon-box) {
    color: #111111 !important;
    opacity: 1 !important;
  }

  body .side-nav .spot-nav-more-button.spot-more-open:not(.current-page):not(.current-section) .icon-box,
  body .side-nav:hover .spot-nav-more-button.spot-more-open:not(.current-page):not(.current-section) .icon-box {
    color: #111111 !important;
    background: transparent !important;
  }
}


/* v80 — ao abrir “Outros módulos”, somente ele fica em destaque.
   O módulo/página atual continua selecionado internamente, mas visualmente volta
   ao estado normal enquanto o dropdown estiver aberto. Ao fechar, o destaque
   anterior reaparece automaticamente. */
@media (min-width: 769px) {
  body .side-nav.spot-more-active-mode > .nav-opt.current-page,
  body .side-nav.spot-more-active-mode > .nav-opt.current-section,
  body .side-nav.spot-more-active-mode > .nav-opt[aria-current="page"],
  body .side-nav.spot-more-active-mode:hover > .nav-opt.current-page,
  body .side-nav.spot-more-active-mode:hover > .nav-opt.current-section,
  body .side-nav.spot-more-active-mode:hover > .nav-opt[aria-current="page"],
  body .side-nav.spot-more-active-mode > .nav-opt.current-page:hover,
  body .side-nav.spot-more-active-mode > .nav-opt.current-section:hover,
  body .side-nav.spot-more-active-mode > .nav-opt[aria-current="page"]:hover {
    background: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  body .side-nav.spot-more-active-mode > .nav-opt.current-page > span:not(.icon-box),
  body .side-nav.spot-more-active-mode > .nav-opt.current-section > span:not(.icon-box),
  body .side-nav.spot-more-active-mode > .nav-opt[aria-current="page"] > span:not(.icon-box) {
    color: #111111 !important;
    opacity: 1 !important;
  }

  body .side-nav.spot-more-active-mode > .nav-opt.current-page .icon-box,
  body .side-nav.spot-more-active-mode > .nav-opt.current-section .icon-box,
  body .side-nav.spot-more-active-mode > .nav-opt[aria-current="page"] .icon-box,
  body .side-nav.spot-more-active-mode > .nav-opt.current-page .icon-box svg,
  body .side-nav.spot-more-active-mode > .nav-opt.current-section .icon-box svg,
  body .side-nav.spot-more-active-mode > .nav-opt[aria-current="page"] .icon-box svg {
    color: #111111 !important;
    stroke: #111111 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body .side-nav.spot-more-active-mode .spot-nav-more-button.spot-more-open,
  body .side-nav.spot-more-active-mode:hover .spot-nav-more-button.spot-more-open,
  body .side-nav.spot-more-active-mode .spot-nav-more-button.spot-more-open:hover {
    background: #050505 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body .side-nav.spot-more-active-mode .spot-nav-more-button.spot-more-open > span:not(.icon-box) {
    color: #FFFFFF !important;
    opacity: 1 !important;
  }

  body .side-nav.spot-more-active-mode .spot-nav-more-button.spot-more-open .icon-box,
  body .side-nav.spot-more-active-mode .spot-nav-more-button.spot-more-open .icon-box svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
  }
}

/* v81 — correção definitiva do destaque de “Outros módulos”.
   Quando o dropdown estiver aberto, somente “Outros módulos” fica preto;
   o módulo anteriormente ativo fica visualmente normal. */
@media (min-width: 769px) {
  body .side-nav.spot-more-active-mode > .spot-nav-more > .spot-nav-more-button.spot-more-open,
  body .side-nav.spot-more-active-mode:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open,
  body .side-nav.spot-more-active-mode > .spot-nav-more > .spot-nav-more-button.spot-more-open:hover {
    background: #050505 !important;
    color: #FFFFFF !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  body .side-nav.spot-more-active-mode > .spot-nav-more > .spot-nav-more-button.spot-more-open > span:not(.icon-box),
  body .side-nav.spot-more-active-mode:hover > .spot-nav-more > .spot-nav-more-button.spot-more-open > span:not(.icon-box) {
    color: #FFFFFF !important;
    opacity: 1 !important;
  }

  body .side-nav.spot-more-active-mode > .spot-nav-more > .spot-nav-more-button.spot-more-open .icon-box,
  body .side-nav.spot-more-active-mode > .spot-nav-more > .spot-nav-more-button.spot-more-open .icon-box svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    fill: none !important;
    background: transparent !important;
  }

  /* enquanto “Outros módulos” estiver aberto, o destaque anterior some visualmente */
  body .side-nav.spot-more-active-mode > .nav-opt.current-page,
  body .side-nav.spot-more-active-mode > .nav-opt.current-section,
  body .side-nav.spot-more-active-mode > .nav-opt[aria-current="page"],
  body .side-nav.spot-more-active-mode:hover > .nav-opt.current-page,
  body .side-nav.spot-more-active-mode:hover > .nav-opt.current-section,
  body .side-nav.spot-more-active-mode:hover > .nav-opt[aria-current="page"] {
    background: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body .side-nav.spot-more-active-mode > .nav-opt.current-page > span:not(.icon-box),
  body .side-nav.spot-more-active-mode > .nav-opt.current-section > span:not(.icon-box),
  body .side-nav.spot-more-active-mode > .nav-opt[aria-current="page"] > span:not(.icon-box) {
    color: #111111 !important;
    opacity: 1 !important;
  }

  body .side-nav.spot-more-active-mode > .nav-opt.current-page .icon-box,
  body .side-nav.spot-more-active-mode > .nav-opt.current-section .icon-box,
  body .side-nav.spot-more-active-mode > .nav-opt[aria-current="page"] .icon-box,
  body .side-nav.spot-more-active-mode > .nav-opt.current-page .icon-box svg,
  body .side-nav.spot-more-active-mode > .nav-opt.current-section .icon-box svg,
  body .side-nav.spot-more-active-mode > .nav-opt[aria-current="page"] .icon-box svg {
    color: #111111 !important;
    stroke: #111111 !important;
    background: transparent !important;
  }
}

/* v85 — robô fixo realmente rente à foto de perfil no desktop.
   Usa o mesmo recuo direito do conjunto de perfil e bloqueia offsets antigos de arraste. */
@media (min-width: 769px) {
  body .header-actions {
    right: 18px !important;
  }

  body > .ai-command-container.spot-mode-bubble:not(.bubble-open),
  body .ai-command-container.spot-mode-bubble:not(.bubble-open) {
    position: fixed !important;
    right: 18px !important;
    left: auto !important;
    bottom: 30px !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  body > .ai-command-container.spot-mode-bubble.bubble-open,
  body .ai-command-container.spot-mode-bubble.bubble-open {
    position: fixed !important;
    right: 18px !important;
    left: auto !important;
    bottom: 30px !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
  }
}

/* v86 — alinhamento visual real do robô com a borda direita da foto de perfil.
   O SVG tem margem interna; 12px no container deixa a face preta no mesmo eixo visual. */
@media (min-width: 769px) {
  body > .ai-command-container.spot-mode-bubble,
  body > .ai-command-container.spot-mode-bubble:not(.bubble-open),
  body > .ai-command-container.spot-mode-bubble.bubble-open,
  body .ai-command-container.spot-mode-bubble,
  body .ai-command-container.spot-mode-bubble:not(.bubble-open),
  body .ai-command-container.spot-mode-bubble.bubble-open {
    right: 12px !important;
    left: auto !important;
    margin-right: 0 !important;
    transform: none !important;
  }
}

/* v87 — corrige a causa real do desalinhamento do robô.
   O container ainda herdava min-width/max-width de 380px da barra do S.P.O.T.;
   por isso o desenho parecia ficar deslocado para a esquerda mesmo com right correto. */
@media (min-width: 769px) {
  body .header-actions {
    right: 18px !important;
  }

  body > .ai-command-container.spot-mode-bubble:not(.bubble-open),
  body .ai-command-container.spot-mode-bubble:not(.bubble-open) {
    position: fixed !important;
    right: 18px !important;
    left: auto !important;
    bottom: 30px !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;

    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    flex: 0 0 72px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body > .ai-command-container.spot-mode-bubble:not(.bubble-open) .search-bar,
  body .ai-command-container.spot-mode-bubble:not(.bubble-open) .search-bar {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    flex: 0 0 72px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* aberto continua maior, mas preso ao mesmo eixo direito da foto */
  body > .ai-command-container.spot-mode-bubble.bubble-open,
  body .ai-command-container.spot-mode-bubble.bubble-open {
    right: 18px !important;
    left: auto !important;
    transform: none !important;
  }
}

/* v88 — remove a caixa cinza atrás do botão voltar */
@media (min-width: 769px) {
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation,
  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body .header > .spot-module-navigation .spot-module-back,
  body .header > .spot-module-navigation .spot-module-back:hover,
  body .header > .spot-module-navigation .spot-module-back:focus,
  body .header > .spot-module-navigation .spot-module-back:active {
    background: #fff !important;
    box-shadow: none !important;
  }
}

@media (max-width: 768px) {
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation,
  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body .header > .spot-module-navigation .spot-module-back,
  body .header > .spot-module-navigation .spot-module-back:hover,
  body .header > .spot-module-navigation .spot-module-back:focus,
  body .header > .spot-module-navigation .spot-module-back:active {
    background: #fff !important;
    box-shadow: none !important;
  }
}

/* v89 — botão Voltar no mesmo eixo horizontal do logo/navbar/perfil. */
@media (min-width: 769px) {
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation,
  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    position: fixed !important;
    top: 13px !important;
    left: 56px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body .header > .spot-module-navigation .spot-module-back {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
  }
}

/* v90 — botão Voltar com a mesma escala dos botões do topo (44x44). */
@media (min-width: 769px) {
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation,
  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    top: 10px !important;
    left: 56px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .header > .spot-module-navigation .spot-module-back,
  body .header > .spot-module-navigation .spot-module-back:hover,
  body .header > .spot-module-navigation .spot-module-back:focus,
  body .header > .spot-module-navigation .spot-module-back:active {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body .header > .spot-module-navigation .spot-module-back svg {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }
}

/* v91 — centraliza visualmente o conjunto casa + "Início".
   Remove a largura artificial de 30px do container do ícone, que empurrava
   o texto para a direita. */
@media (min-width: 769px) {
  body .side-nav > .spot-home-nav,
  body .side-nav:hover > .spot-home-nav {
    padding-left: 18px !important;
    padding-right: 18px !important;
    gap: 8px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  body .side-nav > .spot-home-nav > .icon-box,
  body .side-nav:hover > .spot-home-nav > .icon-box,
  body .side-nav > .spot-home-nav.current-page > .icon-box,
  body .side-nav > .spot-home-nav.current-section > .icon-box,
  body .side-nav > .spot-home-nav[aria-current="page"] > .icon-box {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    flex: 0 0 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .side-nav > .spot-home-nav > .icon-box svg,
  body .side-nav:hover > .spot-home-nav > .icon-box svg {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body .side-nav > .spot-home-nav > span:not(.icon-box),
  body .side-nav:hover > .spot-home-nav > span:not(.icon-box) {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }
}


/* v92 — Home: novo ícone em grade/QR conforme referência e nome Home. */
@media (min-width: 769px) {
  body .side-nav > .spot-home-nav .spot-home-grid-icon,
  body .side-nav:hover > .spot-home-nav .spot-home-grid-icon {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body .side-nav > .spot-home-nav .spot-home-grid-icon rect,
  body .side-nav > .spot-home-nav .spot-home-grid-icon path,
  body .side-nav:hover > .spot-home-nav .spot-home-grid-icon rect,
  body .side-nav:hover > .spot-home-nav .spot-home-grid-icon path {
    fill: none !important;
    stroke: currentColor !important;
  }
}


/* v97 — controles de janela dentro do modal no desktop.
   Substitui o botão Voltar por minimizar / maximizar / fechar. */
@media (min-width: 769px) {

  /* O botão Voltar deixa de existir quando um módulo está aberto. */
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation {
    display: none !important;
  }

  /* O cabeçalho antigo não volta como uma faixa escura:
     ele vira apenas uma camada transparente para os controles. */
  body .main-wrapper > .floating-window > .window-header {
    display: flex !important;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 120 !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    padding: 0 !important;
    margin: 0 !important;

    align-items: center !important;
    justify-content: flex-end !important;

    background: rgba(238,240,241,.92) !important;
    color: #171717 !important;
    border: 1px solid rgba(15,15,16,.045) !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(15,15,16,.045) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    cursor: default !important;
    pointer-events: none !important;
    overflow: visible !important;
  }

  body .main-wrapper > .floating-window > .window-header h2 {
    display: none !important;
  }

  body .main-wrapper > .floating-window > .window-header .window-controls {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    height: 32px !important;
    padding: 0 2px !important;
    margin: 0 !important;
    pointer-events: auto !important;
  }

  /* Os três controles principais. */
  body .main-wrapper > .floating-window > .window-header .btn-ctrl:not(.btn-pdf-download) {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #505050 !important;
    box-shadow: none !important;

    font-size: 0 !important;
    line-height: 1 !important;
    cursor: default !important;
    transition: background .14s ease, color .14s ease !important;
  }

  body .main-wrapper > .floating-window > .window-header .btn-ctrl:not(.btn-pdf-download):hover {
    background: rgba(15,15,16,.07) !important;
    color: #111 !important;
  }

  /* Minimizar — traço fino. */
  body .main-wrapper > .floating-window > .window-header
  .btn-ctrl[onclick^="minimizarJanela"]::before {
    content: "" !important;
    width: 10px !important;
    height: 1px !important;
    background: currentColor !important;
    border-radius: 999px !important;
    display: block !important;
    transform: translateY(4px) !important;
  }

  /* Maximizar/restaurar — dois quadrados sobrepostos. */
  body .main-wrapper > .floating-window > .window-header
  .btn-ctrl[onclick^="maximizarJanela"]::before,
  body .main-wrapper > .floating-window > .window-header
  .btn-ctrl[onclick^="maximizarJanela"]::after {
    content: "" !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    border: 1px solid currentColor !important;
    border-radius: 1px !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  body .main-wrapper > .floating-window > .window-header
  .btn-ctrl[onclick^="maximizarJanela"]::before {
    transform: translate(2px,-2px) !important;
  }

  body .main-wrapper > .floating-window > .window-header
  .btn-ctrl[onclick^="maximizarJanela"]::after {
    transform: translate(-2px,2px) !important;
    background: #EEF0F1 !important;
  }

  /* Fechar — X fino. */
  body .main-wrapper > .floating-window > .window-header .btn-close::before,
  body .main-wrapper > .floating-window > .window-header .btn-close::after {
    content: "" !important;
    position: absolute !important;
    width: 12px !important;
    height: 1px !important;
    border-radius: 999px !important;
    background: currentColor !important;
  }

  body .main-wrapper > .floating-window > .window-header .btn-close::before {
    transform: rotate(45deg) !important;
  }

  body .main-wrapper > .floating-window > .window-header .btn-close::after {
    transform: rotate(-45deg) !important;
  }

  body .main-wrapper > .floating-window > .window-header .btn-close:hover {
    background: rgba(210,45,45,.10) !important;
    color: #B42318 !important;
  }

  /* PDF do Manual continua disponível, à esquerda dos três controles. */
  body .main-wrapper > #win-manual > .window-header {
    width: auto !important;
  }

  body .main-wrapper > #win-manual > .window-header .btn-pdf-download {
    display: inline-flex !important;
    height: 28px !important;
    min-height: 28px !important;
    width: auto !important;
    padding: 0 8px !important;
    margin-right: 3px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #505050 !important;
    font-size: 10px !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  body .main-wrapper > #win-manual > .window-header .btn-pdf-download:hover {
    background: rgba(15,15,16,.07) !important;
    color: #111 !important;
  }

  body .main-wrapper > #win-manual > .window-header .btn-pdf-download svg {
    width: 13px !important;
    height: 13px !important;
    stroke: currentColor !important;
    color: currentColor !important;
  }

  /* Maximizado de verdade no desktop. */
  body .main-wrapper > .floating-window.is-maximized {
    position: fixed !important;
    inset: 0 !important;
    grid-area: auto !important;

    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;

    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 999999 !important;
  }

  body .main-wrapper > .floating-window.is-maximized > .window-header {
    top: 8px !important;
    right: 8px !important;
  }

  /* Chat já possui o próprio X; como o Voltar global sumiu,
     o botão nativo do Chat volta a aparecer. */
  body .main-wrapper > #spot-chat-shell .spot-chat-icon-btn[data-spot-back-to-system="1"] {
    display: inline-flex !important;
  }

  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    display: none !important;
  }
}

/* v98 — ícones reais dos controles da janela. */
@media (min-width: 769px) {
  body .main-wrapper > .floating-window > .window-header .window-controls > .btn-ctrl:not(.btn-pdf-download) {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body .main-wrapper > .floating-window > .window-header .btn-ctrl::before,
  body .main-wrapper > .floating-window > .window-header .btn-ctrl::after {
    content: none !important;
    display: none !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-icon {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.25 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    pointer-events: none !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-min {
    transform: translateY(1px) !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-close {
    width: 13px !important;
    height: 13px !important;
  }

  /* O Manual também exibe os três controles junto do PDF. */
  body .main-wrapper > #win-manual > .window-header .window-controls > .btn-ctrl:not(.btn-pdf-download) {
    display: inline-flex !important;
  }
}


/* v99 — controles de janela sem SVG: ícones HTML sempre visíveis. */
@media (min-width: 769px) {
  body .main-wrapper > .floating-window > .window-header .window-controls {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  body .main-wrapper > .floating-window > .window-header
  .window-controls > .btn-ctrl:not(.btn-pdf-download) {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;

    padding: 0 !important;
    margin: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    color: #5f6368 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    overflow: visible !important;
  }

  body .main-wrapper > .floating-window > .window-header
  .window-controls > .btn-ctrl:not(.btn-pdf-download)::before,
  body .main-wrapper > .floating-window > .window-header
  .window-controls > .btn-ctrl:not(.btn-pdf-download)::after {
    content: none !important;
    display: none !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-glyph {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;

    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;

    padding: 0 !important;
    margin: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    color: #5f6368 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;

    pointer-events: none !important;
  }

  /* minimizar */
  body .main-wrapper > .floating-window > .window-header .spot-win-glyph-min {
    font-size: 15px !important;
    transform: translateY(-1px) !important;
  }

  /* maximizar/restaurar: dois quadrados reais em HTML/CSS */
  body .main-wrapper > .floating-window > .window-header .spot-win-glyph-max {
    font-size: 0 !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-box {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    border: 1px solid #5f6368 !important;
    border-radius: 1px !important;
    background: #EEF0F1 !important;
    box-sizing: border-box !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-box-back {
    left: 6px !important;
    top: 3px !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-box-front {
    left: 3px !important;
    top: 6px !important;
  }

  /* fechar */
  body .main-wrapper > .floating-window > .window-header .spot-win-glyph-close {
    font-size: 19px !important;
    font-weight: 300 !important;
    transform: translateY(-1px) !important;
  }

  body .main-wrapper > .floating-window > .window-header
  .window-controls > .btn-close:hover .spot-win-glyph-close {
    color: #B42318 !important;
  }
}


/* v100 — bandeja visível de módulos minimizados */
.spot-minimized-tray {
  position: fixed !important;
  left: 50% !important;
  bottom: 18px !important;
  z-index: 10050 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  max-width: calc(100vw - 220px) !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

.spot-minimized-tray.has-items {
  display: flex !important;
}

.spot-minimized-item {
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border: 1px solid rgba(15,15,16,.08) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.96) !important;
  color: #171717 !important;
  box-shadow: 0 8px 22px rgba(15,15,16,.09) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
  transition: transform .14s ease, background .14s ease, box-shadow .14s ease !important;
}

.spot-minimized-item:hover {
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(15,15,16,.12) !important;
  transform: translateY(-1px) !important;
}

.spot-minimized-item:active {
  transform: translateY(0) scale(.98) !important;
}

.spot-minimized-symbol {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 12px !important;
  height: 12px !important;
  color: #171717 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  transform: translateY(-2px) !important;
}

.spot-minimized-name {
  max-width: 190px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-weight: 600 !important;
  color: #171717 !important;
}

.spot-minimized-status {
  color: #8B8B8B !important;
  font-weight: 500 !important;
}

@media (max-width: 768px) {
  .spot-minimized-tray {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    max-width: none !important;
    transform: none !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .spot-minimized-tray::-webkit-scrollbar {
    display: none !important;
  }

  .spot-minimized-item {
    flex: 0 0 auto !important;
  }
}


/* v101 — limite visual de 5 módulos minimizados */
.spot-minimized-limit-toast {
  position: fixed;
  left: 50%;
  bottom: 78px;
  z-index: 1000000;

  display: flex;
  align-items: center;
  gap: 10px;

  min-width: 290px;
  max-width: min(420px, calc(100vw - 28px));
  padding: 11px 14px;

  border: 1px solid rgba(15,15,16,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.97);
  color: #171717;
  box-shadow: 0 10px 30px rgba(15,15,16,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.spot-minimized-limit-toast.show {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.spot-minimized-limit-symbol {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 9px;
  background: #EEF0F1;
  color: #171717;
  font-size: 17px;
  line-height: 1;
}

.spot-minimized-limit-toast > span:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.spot-minimized-limit-toast strong {
  font-size: 12px;
  line-height: 1.3;
  font-weight: 650;
}

.spot-minimized-limit-toast small {
  font-size: 11px;
  line-height: 1.35;
  color: #777;
}

@media (max-width: 768px) {
  .spot-minimized-limit-toast {
    bottom: 20px;
    min-width: 0;
    width: calc(100vw - 28px);
  }
}


/* v102 — minimizados mobile estilo lateral tipo iPhone */
.spot-minimized-icon {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 18px !important;
  color: #171717 !important;
}

.spot-minimized-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.spot-minimized-texts {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}

.spot-minimized-fallback {
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  color: #171717 !important;
}

@media (max-width: 768px) {
  .spot-minimized-tray {
    left: 8px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: 56px !important;
    max-width: 56px !important;
    padding: 8px 6px !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.30) !important;
    box-shadow: 0 10px 26px rgba(15,15,16,.10) !important;
    backdrop-filter: blur(18px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
    transform: translateY(-50%) !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    overflow: visible !important;
    scrollbar-width: none !important;
  }

  .spot-minimized-tray.has-items {
    display: flex !important;
  }

  .spot-minimized-item {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: 0 4px 12px rgba(15,15,16,.08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
  }

  .spot-minimized-item:hover,
  .spot-minimized-item:active {
    transform: none !important;
    background: rgba(255,255,255,.78) !important;
    box-shadow: 0 6px 14px rgba(15,15,16,.10) !important;
  }

  .spot-minimized-item .spot-minimized-texts,
  .spot-minimized-item .spot-minimized-name,
  .spot-minimized-item .spot-minimized-status,
  .spot-minimized-item .spot-minimized-symbol {
    display: none !important;
  }

  .spot-minimized-item .spot-minimized-icon {
    width: 19px !important;
    height: 19px !important;
    flex-basis: 19px !important;
  }

  .spot-minimized-item .spot-minimized-icon svg {
    width: 19px !important;
    height: 19px !important;
  }

  .spot-minimized-limit-toast {
    left: 50% !important;
    bottom: 18px !important;
  }
}


/* v103 — mobile sem botão Voltar quando módulo/chat estiver aberto. */
@media (max-width: 768px) {
  body .header > .spot-module-navigation,
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation,
  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Elimina a segunda linha que era reservada ao botão Voltar. */
  body .header {
    grid-template-rows: auto !important;
  }
}


/* v104 — dock mobile de minimizados: direita, semi-oculto e estilo iPhone */
@media (max-width: 768px) {
  .spot-minimized-tray {
    left: auto !important;
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;

    width: 58px !important;
    max-width: 58px !important;
    min-width: 58px !important;
    padding: 8px 7px !important;

    border: 1px solid rgba(255,255,255,.42) !important;
    border-right: 0 !important;
    border-radius: 22px 0 0 22px !important;
    background: rgba(242,244,245,.72) !important;
    box-shadow: -8px 8px 28px rgba(15,15,16,.13) !important;
    backdrop-filter: blur(22px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;

    transform: translateY(-50%) translateX(0) !important;
    transition: transform .24s cubic-bezier(.2,.8,.2,1), opacity .18s ease !important;
    overflow: visible !important;
    z-index: 10070 !important;
  }

  .spot-minimized-tray.is-collapsed {
    transform: translateY(-50%) translateX(47px) !important;
  }

  .spot-minimized-edge-handle {
    position: absolute !important;
    left: -17px !important;
    top: 50% !important;
    width: 20px !important;
    height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(255,255,255,.45) !important;
    border-right: 0 !important;
    border-radius: 14px 0 0 14px !important;
    background: rgba(242,244,245,.82) !important;
    box-shadow: -5px 5px 16px rgba(15,15,16,.10) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  .spot-minimized-edge-handle > span {
    width: 3px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: rgba(17,17,17,.28) !important;
    display: block !important;
  }

  .spot-minimized-item {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;

    border: 1px solid rgba(255,255,255,.5) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.86) !important;
    color: #111 !important;
    box-shadow: 0 4px 12px rgba(15,15,16,.09) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  .spot-minimized-item:active {
    transform: scale(.94) !important;
    background: rgba(255,255,255,.96) !important;
  }

  .spot-minimized-item .spot-minimized-icon,
  .spot-minimized-item .spot-minimized-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  .spot-minimized-item .spot-minimized-texts,
  .spot-minimized-item .spot-minimized-name,
  .spot-minimized-item .spot-minimized-status,
  .spot-minimized-item .spot-minimized-symbol {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .spot-minimized-edge-handle {
    display: none !important;
  }
}

/* v115 — MOBILE usa exatamente os mesmos controles do DESKTOP. */
@media (max-width: 768px) {
  /* Continua sem botão Voltar global. */
  body .header > .spot-module-navigation,
  body .main-wrapper:has(> .floating-window.active:not(.is-minimized)) > .header > .spot-module-navigation,
  body .main-wrapper:has(> #spot-chat-shell.open:not([hidden])) > .header > .spot-module-navigation {
    display: none !important;
  }

  /* Mesmo container de controles do desktop. */
  body .main-wrapper > .floating-window.active:not(.is-minimized) > .window-header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 2147483646 !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    padding: 0 !important;
    margin: 0 !important;

    align-items: center !important;
    justify-content: flex-end !important;

    background: rgba(238,240,241,.92) !important;
    color: #171717 !important;
    border: 1px solid rgba(15,15,16,.045) !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(15,15,16,.045) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    cursor: default !important;
    pointer-events: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  body .main-wrapper > .floating-window > .window-header h2 {
    display: none !important;
  }

  body .main-wrapper > .floating-window > .window-header .window-controls {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    height: 32px !important;
    padding: 0 2px !important;
    margin: 0 !important;
    pointer-events: auto !important;
  }

  /* No mobile mostra só os mesmos 3 controles principais. */
  body .main-wrapper > #win-manual > .window-header .btn-pdf-download {
    display: none !important;
  }

  body .main-wrapper > .floating-window > .window-header
  .window-controls > .btn-ctrl:not(.btn-pdf-download) {
    position: relative !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;

    padding: 0 !important;
    margin: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    color: #5f6368 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    font-size: 16px !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    overflow: visible !important;

    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Remove desenhos antigos por pseudo-elementos e usa os glyphs reais do desktop. */
  body .main-wrapper > .floating-window > .window-header
  .window-controls > .btn-ctrl:not(.btn-pdf-download)::before,
  body .main-wrapper > .floating-window > .window-header
  .window-controls > .btn-ctrl:not(.btn-pdf-download)::after {
    content: none !important;
    display: none !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-glyph {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;

    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;

    padding: 0 !important;
    margin: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    color: #5f6368 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;

    pointer-events: none !important;
  }

  /* minimizar */
  body .main-wrapper > .floating-window > .window-header .spot-win-glyph-min {
    font-size: 15px !important;
    transform: translateY(-1px) !important;
  }

  /* maximizar/restaurar */
  body .main-wrapper > .floating-window > .window-header .spot-win-glyph-max {
    font-size: 0 !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-box {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    border: 1px solid #5f6368 !important;
    border-radius: 1px !important;
    background: #EEF0F1 !important;
    box-sizing: border-box !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-box-back {
    left: 6px !important;
    top: 3px !important;
  }

  body .main-wrapper > .floating-window > .window-header .spot-win-box-front {
    left: 3px !important;
    top: 6px !important;
  }

  /* fechar */
  body .main-wrapper > .floating-window > .window-header .spot-win-glyph-close {
    font-size: 19px !important;
    font-weight: 300 !important;
    transform: translateY(-1px) !important;
  }

  body .main-wrapper > .floating-window > .window-header
  .window-controls > .btn-ctrl:active {
    background: rgba(15,15,16,.07) !important;
  }

  /* O conteúdo fica atrás dos controles. */
  body .main-wrapper > .floating-window > .window-body,
  body .main-wrapper > .floating-window > .window-body iframe {
    position: relative !important;
    z-index: 1 !important;
  }

  /* Mesmo comportamento de maximização no celular. */
  body .main-wrapper > .floating-window.is-maximized {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 999999 !important;
  }
}


/* v117 — dock lateral mobile refinado: trilho preto integrado à borda */
@media (max-width: 768px) {

  .spot-minimized-tray {
    left: auto !important;
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;

    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    padding: 7px 5px !important;
    gap: 5px !important;

    border: 0 !important;
    border-radius: 18px 0 0 18px !important;
    background: rgba(15,15,16,.94) !important;
    box-shadow: -8px 8px 26px rgba(0,0,0,.16) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;

    transform: translateY(-50%) translateX(0) !important;
    transition:
      transform .22s cubic-bezier(.2,.8,.2,1),
      opacity .16s ease !important;

    overflow: visible !important;
    z-index: 10070 !important;
  }

  /* Recolhido: some o trilho e fica só a lingueta preta na borda. */
  .spot-minimized-tray.is-collapsed {
    transform: translateY(-50%) translateX(52px) !important;
    box-shadow: none !important;
  }

  .spot-minimized-edge-handle {
    position: absolute !important;
    left: -15px !important;
    top: 50% !important;

    width: 16px !important;
    height: 62px !important;
    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;
    border-radius: 12px 0 0 12px !important;
    background: rgba(15,15,16,.94) !important;
    box-shadow: -4px 4px 12px rgba(0,0,0,.12) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;

    transform: translateY(-50%) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Indicador simples no centro da lingueta */
  .spot-minimized-edge-handle > span {
    width: 2px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.72) !important;
    display: block !important;
  }

  /* Ícones ficam integrados ao trilho, sem caixas brancas. */
  .spot-minimized-item {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    transition:
      background .14s ease,
      transform .12s ease !important;
  }

  .spot-minimized-item:hover,
  .spot-minimized-item:focus-visible {
    background: rgba(255,255,255,.10) !important;
    outline: 0 !important;
  }

  .spot-minimized-item:active {
    background: rgba(255,255,255,.16) !important;
    transform: scale(.92) !important;
  }

  .spot-minimized-item .spot-minimized-icon {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    color: #fff !important;
  }

  .spot-minimized-item .spot-minimized-icon svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
    fill: none !important;
    color: #fff !important;
  }

  .spot-minimized-item .spot-minimized-fallback {
    width: 26px !important;
    height: 26px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
    font-size: 9px !important;
  }

  .spot-minimized-item .spot-minimized-texts,
  .spot-minimized-item .spot-minimized-name,
  .spot-minimized-item .spot-minimized-status,
  .spot-minimized-item .spot-minimized-symbol {
    display: none !important;
  }
}


/* v118 — dock mobile em UMA peça: sem aba + caixa separadas */
@media (max-width: 768px) {
  .spot-minimized-tray {
    left: auto !important;
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;

    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 160px) !important;

    padding: 7px 5px !important;
    gap: 4px !important;

    border: 1px solid rgba(15,15,16,.08) !important;
    border-right: 0 !important;
    border-radius: 18px 0 0 18px !important;
    background: rgba(248,249,250,.90) !important;
    box-shadow: -8px 8px 24px rgba(15,15,16,.10) !important;
    backdrop-filter: blur(20px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.12) !important;

    transform: translateY(-50%) !important;
    transition:
      width .22s cubic-bezier(.2,.8,.2,1),
      min-width .22s cubic-bezier(.2,.8,.2,1),
      max-width .22s cubic-bezier(.2,.8,.2,1),
      height .22s cubic-bezier(.2,.8,.2,1),
      background .18s ease,
      box-shadow .18s ease !important;

    display: none !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    z-index: 10070 !important;
  }

  .spot-minimized-tray.has-items {
    display: flex !important;
  }

  /* Recolhido = a própria peça vira uma barrinha fina. */
  .spot-minimized-tray.is-collapsed {
    width: 6px !important;
    min-width: 6px !important;
    max-width: 6px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 !important;
    gap: 0 !important;

    border: 0 !important;
    border-radius: 7px 0 0 7px !important;
    background: rgba(15,15,16,.24) !important;
    box-shadow: -2px 4px 10px rgba(15,15,16,.08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  /* Itens somem por completo quando recolhido. */
  .spot-minimized-tray.is-collapsed .spot-minimized-item {
    display: none !important;
  }

  /* O botão continua com área de toque grande, mas sem criar outra peça visual. */
  .spot-minimized-edge-handle {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;

    width: 32px !important;
    height: 58px !important;
    padding: 0 2px 0 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    transform: translateY(-50%) !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    cursor: pointer !important;
    z-index: 2 !important;
  }

  /* Aberto: não existe “aba” visível. Fecha tocando fora. */
  .spot-minimized-tray:not(.is-collapsed) .spot-minimized-edge-handle {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .spot-minimized-edge-handle > span {
    width: 2px !important;
    height: 22px !important;
    display: block !important;
    border-radius: 999px !important;
    background: rgba(15,15,16,.46) !important;
  }

  /* No dock aberto, os módulos viram apenas ícones — sem card dentro de card. */
  .spot-minimized-item {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    flex: 0 0 40px !important;

    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #202124 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background .13s ease, transform .11s ease !important;
  }

  .spot-minimized-item:active {
    background: rgba(15,15,16,.07) !important;
    transform: scale(.92) !important;
  }

  .spot-minimized-item .spot-minimized-icon {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
    color: #202124 !important;
  }

  .spot-minimized-item .spot-minimized-icon svg {
    width: 19px !important;
    height: 19px !important;
    stroke: currentColor !important;
    fill: none !important;
    color: #202124 !important;
  }

  .spot-minimized-item .spot-minimized-fallback {
    width: 25px !important;
    height: 25px !important;
    border-radius: 8px !important;
    background: rgba(15,15,16,.06) !important;
    color: #202124 !important;
    font-size: 9px !important;
  }

  .spot-minimized-item .spot-minimized-texts,
  .spot-minimized-item .spot-minimized-name,
  .spot-minimized-item .spot-minimized-status,
  .spot-minimized-item .spot-minimized-symbol {
    display: none !important;
  }
}

/* v119 — corrige o dock recolhido que ficava invisível no mobile */
@media (max-width: 768px) {
  .spot-minimized-tray.is-collapsed {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 0 !important;
    border: 1px solid rgba(15,15,16,.08) !important;
    border-right: 0 !important;
    border-radius: 14px 0 0 14px !important;
    background: rgba(248,249,250,.92) !important;
    box-shadow: -5px 6px 18px rgba(15,15,16,.10) !important;
    backdrop-filter: blur(16px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
    overflow: visible !important;
  }

  .spot-minimized-tray.is-collapsed .spot-minimized-edge-handle {
    position: absolute !important;
    inset: 0 !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 14px 0 0 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
  }

  .spot-minimized-tray.is-collapsed .spot-minimized-edge-handle > span {
    width: 2px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: rgba(15,15,16,.42) !important;
  }

  .spot-minimized-tray:not(.is-collapsed) {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }
}


/* v120 — volta ao padrão lateral tipo iPhone:
   dock vertical sempre visível quando houver módulos minimizados. */
@media (max-width: 768px) {

  .spot-minimized-tray,
  .spot-minimized-tray.is-collapsed,
  .spot-minimized-tray:not(.is-collapsed) {
    position: fixed !important;
    left: auto !important;
    right: 4px !important;
    top: 50% !important;
    bottom: auto !important;

    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 140px) !important;

    padding: 7px 6px !important;
    margin: 0 !important;
    gap: 7px !important;

    border: 1px solid rgba(255,255,255,.55) !important;
    border-radius: 18px !important;
    background: rgba(228,231,233,.64) !important;
    box-shadow: 0 8px 24px rgba(15,15,16,.13) !important;
    backdrop-filter: blur(20px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.12) !important;

    transform: translateY(-50%) !important;
    transition: none !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
    z-index: 10070 !important;
  }

  .spot-minimized-tray.has-items,
  .spot-minimized-tray.has-items.is-collapsed,
  .spot-minimized-tray.has-items:not(.is-collapsed) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Não existe mais aba/recolhimento no mobile. */
  .spot-minimized-edge-handle,
  .spot-minimized-tray.is-collapsed .spot-minimized-edge-handle,
  .spot-minimized-tray:not(.is-collapsed) .spot-minimized-edge-handle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Mesmo com a classe is-collapsed, os módulos continuam visíveis. */
  .spot-minimized-tray.is-collapsed .spot-minimized-item {
    display: inline-flex !important;
  }

  .spot-minimized-item,
  .spot-minimized-tray.is-collapsed .spot-minimized-item,
  .spot-minimized-tray:not(.is-collapsed) .spot-minimized-item {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.92) !important;
    color: #171717 !important;
    box-shadow: 0 3px 10px rgba(15,15,16,.09) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform: none !important;
    transition:
      transform .12s ease,
      background .12s ease,
      box-shadow .12s ease !important;
  }

  .spot-minimized-item:active {
    transform: scale(.92) !important;
    background: #fff !important;
    box-shadow: 0 2px 7px rgba(15,15,16,.10) !important;
  }

  .spot-minimized-item .spot-minimized-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    flex: 0 0 20px !important;
    color: #171717 !important;
  }

  .spot-minimized-item .spot-minimized-icon svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 1.8 !important;
    color: #171717 !important;
  }

  .spot-minimized-item .spot-minimized-fallback {
    width: 27px !important;
    height: 27px !important;
    border-radius: 9px !important;
    background: #171717 !important;
    color: #fff !important;
    font-size: 9px !important;
  }

  .spot-minimized-item .spot-minimized-texts,
  .spot-minimized-item .spot-minimized-name,
  .spot-minimized-item .spot-minimized-status,
  .spot-minimized-item .spot-minimized-symbol {
    display: none !important;
  }
}

/* v121 — alinhamento do dock lateral mobile */
@media (max-width: 768px) {
  .spot-minimized-tray,
  .spot-minimized-tray.is-collapsed,
  .spot-minimized-tray:not(.is-collapsed),
  .spot-minimized-tray.has-items,
  .spot-minimized-tray.has-items.is-collapsed,
  .spot-minimized-tray.has-items:not(.is-collapsed) {
    position: fixed !important;
    left: auto !important;
    right: 8px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    align-content: center !important;

    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: fit-content !important;
    min-height: 56px !important;
    max-height: calc(100vh - 120px) !important;

    padding: 7px 6px !important;
    gap: 8px !important;
    margin: 0 !important;

    border-radius: 18px !important;
    overflow: hidden !important;
    z-index: 10080 !important;
  }

  .spot-minimized-tray > * {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .spot-minimized-item,
  .spot-minimized-tray.is-collapsed .spot-minimized-item,
  .spot-minimized-tray:not(.is-collapsed) .spot-minimized-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }
}

/* v122 — dock lateral mobile rente ao robô */
@media (max-width: 768px) {
  .spot-minimized-tray,
  .spot-minimized-tray.is-collapsed,
  .spot-minimized-tray:not(.is-collapsed),
  .spot-minimized-tray.has-items,
  .spot-minimized-tray.has-items.is-collapsed,
  .spot-minimized-tray.has-items:not(.is-collapsed) {
    left: auto !important;
    right: 8px !important;
    top: 66px !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    align-self: flex-start !important;
  }

  .spot-minimized-tray > * {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* v123 — dock permanece no meio da tela e alinha horizontalmente com o robô */
@media (max-width: 768px) {
  .spot-minimized-tray,
  .spot-minimized-tray.is-collapsed,
  .spot-minimized-tray:not(.is-collapsed),
  .spot-minimized-tray.has-items,
  .spot-minimized-tray.has-items.is-collapsed,
  .spot-minimized-tray.has-items:not(.is-collapsed) {
    position: fixed !important;
    left: auto !important;
    right: 18px !important; /* mesmo eixo lateral do S.P.O.T. */
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }
}

/* v124 — alinhamento VISUAL do dock com o robô no mobile.
   Pela captura, o centro do dock estava ~6px à esquerda do centro do robô. */
@media (max-width: 768px) {
  .spot-minimized-tray,
  .spot-minimized-tray.is-collapsed,
  .spot-minimized-tray:not(.is-collapsed),
  .spot-minimized-tray.has-items,
  .spot-minimized-tray.has-items.is-collapsed,
  .spot-minimized-tray.has-items:not(.is-collapsed) {
    position: fixed !important;
    left: auto !important;
    right: 12px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }
}


/* v125 — dock mobile só existe visualmente quando há módulo minimizado */
@media (max-width: 768px) {
  .spot-minimized-tray:not(.has-items),
  .spot-minimized-tray:not(.has-items).is-collapsed,
  .spot-minimized-tray:not(.has-items):not(.is-collapsed) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  .spot-minimized-tray.has-items,
  .spot-minimized-tray.has-items.is-collapsed,
  .spot-minimized-tray.has-items:not(.is-collapsed) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* v129 — PWA desktop instalado: preserva a navbar e usa proxies visuais
   para logo e Chat, sem mover os elementos originais do DOM. */
@media (min-width: 769px) {
  body.spot-installed-desktop-v129 .side-nav > .side-brand,
  body.spot-installed-desktop-v129 .side-nav > .side-bottom-tools {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.spot-installed-desktop-v129 .side-nav,
  body.spot-installed-desktop-v129 .side-nav:hover {
    left: 0 !important;
    right: 0 !important;
    top: 9px !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100vw - 360px) !important;
    margin: 0 auto !important;
    transform: none !important;
    overflow: hidden !important;
  }

  body.spot-installed-desktop-v129 .spot-installed-brand-proxy-v129 {
    position: fixed !important;
    left: 12px !important;
    top: 13px !important;
    width: 38px !important;
    height: 38px !important;
    z-index: 10090 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
  }

  body.spot-installed-desktop-v129 .spot-installed-brand-proxy-v129 img {
    width: 38px !important;
    height: 38px !important;
    display: block !important;
    object-fit: contain !important;
  }

  body.spot-installed-desktop-v129 .spot-installed-chat-proxy-v129 {
    position: fixed !important;
    top: 10px !important;
    right: 128px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    z-index: 10090 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #171717 !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  body.spot-installed-desktop-v129 .spot-installed-chat-proxy-v129 svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body.spot-installed-desktop-v129 .spot-installed-chat-proxy-v129.is-active {
    background: #171717 !important;
    color: #fff !important;
  }
}

@media (max-width: 768px) {
  .spot-installed-brand-proxy-v129,
  .spot-installed-chat-proxy-v129 {
    display: none !important;
  }
}