/* 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;
  }
}