/* =========================================================
   R66-B2 FINAL TOPBAR ALIGNMENT
   Scope: authenticated CRM topbar only
   ========================================================= */

body .topbar{
  overflow:visible !important;
}

body .topbar .topbar-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  min-width:0 !important;
  overflow:visible !important;
}

/* ---------------------------------------------------------
   1. Workspace search owns one independent lane
   --------------------------------------------------------- */

body .topbar .topbar-right > .cx-r65-search-wrap{
  order:1 !important;

  position:relative !important;
  inset:auto !important;
  transform:none !important;

  width:clamp(320px,36vw,520px) !important;
  min-width:280px !important;
  max-width:520px !important;

  flex:0 1 520px !important;

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

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

body .topbar .topbar-right > .cx-r65-search-wrap > .global-search{
  position:relative !important;

  display:flex !important;
  align-items:center !important;

  width:100% !important;
  min-width:0 !important;
  height:46px !important;

  gap:9px !important;

  padding:0 10px 0 14px !important;
  margin:0 !important;

  box-sizing:border-box !important;

  border:1px solid #dce4ee !important;
  border-radius:15px !important;

  color:#71849a !important;
  background:#fff !important;

  box-shadow:0 2px 9px rgba(15,23,42,.035) !important;

  overflow:hidden !important;
}

body .topbar .topbar-right > .cx-r65-search-wrap > .global-search:focus-within{
  border-color:#b8d979 !important;

  box-shadow:
    0 0 0 3px rgba(132,204,22,.10),
    0 4px 14px rgba(15,23,42,.045) !important;
}

body .topbar .global-search > svg{
  flex:0 0 auto !important;
}

body .topbar .global-search > input{
  display:block !important;

  flex:1 1 auto !important;

  width:auto !important;
  min-width:0 !important;
  height:42px !important;

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

  border:0 !important;
  outline:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#132238 !important;
  font-size:13px !important;
}

/* ⌘K must stay INSIDE search box */

body .topbar .global-search > kbd{
  position:static !important;
  inset:auto !important;
  transform:none !important;

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

  flex:0 0 52px !important;

  width:52px !important;
  min-width:52px !important;
  height:32px !important;

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

  box-sizing:border-box !important;

  border:1px solid #dce4ee !important;
  border-radius:10px !important;

  color:#5d6f86 !important;
  background:#f8fafc !important;

  font-size:11px !important;
  font-weight:750 !important;
  line-height:1 !important;

  white-space:nowrap !important;

  pointer-events:none !important;
}

/* ---------------------------------------------------------
   2. Ask Codi is a completely separate button
   --------------------------------------------------------- */

body .topbar .topbar-right > .codi-mini{
  order:2 !important;

  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;

  transform:none !important;

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

  gap:7px !important;

  flex:0 0 auto !important;

  width:auto !important;
  min-width:112px !important;
  max-width:none !important;
  height:46px !important;

  padding:0 14px !important;
  margin:0 !important;

  box-sizing:border-box !important;

  border:1px solid #d8e9b8 !important;
  border-radius:14px !important;

  color:#365116 !important;
  background:linear-gradient(180deg,#f8fce9,#eef8d7) !important;

  box-shadow:none !important;

  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;

  white-space:nowrap !important;

  overflow:visible !important;

  cursor:pointer !important;

  z-index:41 !important;
}

body .topbar .topbar-right > .codi-mini:hover{
  border-color:#c9df9e !important;
  background:linear-gradient(180deg,#f4fadf,#eaf5ce) !important;
}

body .topbar .topbar-right > .codi-mini svg{
  display:block !important;

  flex:0 0 auto !important;

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

  color:#84cc16 !important;
}

/* ---------------------------------------------------------
   3. Notification button
   --------------------------------------------------------- */

body .topbar .topbar-right > .round-button{
  order:3 !important;

  position:relative !important;
  inset:auto !important;
  transform:none !important;

  display:grid !important;
  place-items:center !important;

  flex:0 0 46px !important;

  width:46px !important;
  min-width:46px !important;
  max-width:46px !important;

  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;

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

  box-sizing:border-box !important;

  border-radius:14px !important;

  z-index:41 !important;
}

/* ---------------------------------------------------------
   4. Profile button
   --------------------------------------------------------- */

body .topbar .topbar-right > .cx-profile-anchor{
  order:4 !important;

  position:relative !important;

  flex:0 0 auto !important;

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

  z-index:41 !important;
}

body .topbar .topbar-right .round-user{
  position:relative !important;
  inset:auto !important;

  flex:0 0 46px !important;

  width:46px !important;
  min-width:46px !important;
  max-width:46px !important;

  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;

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

  box-sizing:border-box !important;
}

/* ---------------------------------------------------------
   5. Workspace search results remain attached below search
   --------------------------------------------------------- */

body .topbar .topbar-right .cx-r65-search-popover{
  position:absolute !important;

  top:calc(100% + 10px) !important;
  left:0 !important;
  right:auto !important;

  width:min(520px,calc(100vw - 32px)) !important;
  max-width:520px !important;

  z-index:2147482500 !important;
}

/* ---------------------------------------------------------
   Responsive compression
   --------------------------------------------------------- */

@media (max-width:1250px){

  body .topbar .topbar-right{
    gap:8px !important;
  }

  body .topbar .topbar-right > .cx-r65-search-wrap{
    width:clamp(270px,32vw,410px) !important;
    min-width:270px !important;
    max-width:410px !important;
    flex-basis:410px !important;
  }

  body .topbar .topbar-right > .codi-mini{
    min-width:104px !important;
    padding:0 12px !important;
  }
}

@media (max-width:1050px){

  body .topbar .topbar-right > .cx-r65-search-wrap{
    width:280px !important;
    min-width:220px !important;
    max-width:280px !important;
    flex-basis:280px !important;
  }

  body .topbar .topbar-right > .codi-mini{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;

    padding:0 !important;

    font-size:0 !important;
  }

  body .topbar .topbar-right > .codi-mini svg{
    width:17px !important;
    height:17px !important;
  }
}

/* END R66-B2 FINAL TOPBAR ALIGNMENT */