/* =========================================================
   Rabbit Workspace OS v130 — Visual overlap fixes
   - search topbar: one clean surface, no double card/shadow overlap
   - rightbar hero: compact kicker and stable title/button spacing
   - quick-action cards: explicit grid areas, no badge/text collision
   ========================================================= */

/* ---------- Topbar search: remove the double raised surface ---------- */
.topbar .search,
.topbar.rabbit-pro-topbar .search{
  position:relative !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.topbar .search::before,
.topbar .search::after,
.topbar.rabbit-pro-topbar .search::before,
.topbar.rabbit-pro-topbar .search::after{
  content:none !important;
  display:none !important;
}

.topbar .search input,
.topbar input#globalSearch{
  width:100% !important;
  min-width:0 !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 48px 0 42px !important;
  border:1px solid rgba(191,205,223,.92) !important;
  border-radius:15px !important;
  background:rgba(245,248,252,.94) !important;
  box-shadow:
    inset 3px 3px 7px rgba(177,187,200,.48),
    inset -3px -3px 7px rgba(255,255,255,.92) !important;
}

.topbar .search > button{
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:10px !important;
  box-shadow:none !important;
  z-index:2 !important;
}

/* Search icon recreated without adding markup. */
.topbar .search{
  --rabbit-search-icon-color:#6d8197;
}
.topbar .search > input{
  background-image:
    radial-gradient(circle at 23px 21px, transparent 0 4px, var(--rabbit-search-icon-color) 4.5px 5.7px, transparent 6.2px),
    linear-gradient(45deg, transparent 0 47%, var(--rabbit-search-icon-color) 48% 58%, transparent 59% 100%) !important;
  background-size:34px 34px,8px 8px !important;
  background-position:6px 5px,25px 25px !important;
  background-repeat:no-repeat !important;
}

/* ---------- Rightbar hero: kicker and title no longer collide ---------- */
.rightbar .rabbit-rightbar-head.rabbit-rightbar-hero{
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto !important;
  align-items:start !important;
  gap:10px !important;
  padding:16px 14px 14px !important;
  overflow:visible !important;
}

.rightbar .rabbit-rightbar-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  min-width:0 !important;
  overflow:visible !important;
}

.rightbar .rabbit-rightbar-copy > span{
  position:static !important;
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  min-height:24px !important;
  margin:0 0 8px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  line-height:1 !important;
  box-shadow:0 5px 12px rgba(28,78,121,.10) !important;
}

.rightbar .rabbit-rightbar-title-row{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
}

.rightbar .rabbit-rightbar-title-row h2{
  min-width:0 !important;
  margin:0 !important;
  overflow-wrap:anywhere !important;
}

.rightbar .rabbit-rightbar-title-row em{
  position:static !important;
  flex:none !important;
  margin:0 !important;
  white-space:nowrap !important;
}

.rightbar .rabbit-rightbar-head.rabbit-rightbar-hero > button{
  position:static !important;
  align-self:start !important;
  justify-self:end !important;
  margin:0 !important;
  z-index:2 !important;
}

/* ---------- Quick action cards: explicit, collision-proof layout ---------- */
#home .rac-item-v62{
  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  grid-template-areas:
    "racIcon racTitle racAction"
    "racIcon racMeta  racAction" !important;
  column-gap:11px !important;
  row-gap:3px !important;
  align-items:center !important;
  overflow:hidden !important;
}

#home .rac-item-v62 > span{
  grid-area:racIcon !important;
  grid-row:auto !important;
  position:static !important;
  align-self:center !important;
  justify-self:start !important;
  margin:0 !important;
  transform:none !important;
  overflow:hidden !important;
}

#home .rac-item-v62 > b{
  grid-area:racTitle !important;
  position:static !important;
  margin:0 !important;
  align-self:end !important;
  min-width:0 !important;
  padding:0 !important;
}

#home .rac-item-v62 > small{
  grid-area:racMeta !important;
  position:static !important;
  margin:0 !important;
  align-self:start !important;
  min-width:0 !important;
  padding:0 !important;
}

#home .rac-item-v62 > em{
  grid-area:racAction !important;
  grid-row:auto !important;
  position:static !important;
  align-self:center !important;
  justify-self:end !important;
  max-width:82px !important;
  margin:0 !important;
  padding:7px 9px !important;
  white-space:nowrap !important;
  transform:none !important;
  z-index:1 !important;
}

@media (max-width:1320px) and (min-width:1181px){
  #home .rac-item-v62{
    grid-template-columns:38px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    grid-template-areas:
      "racIcon racTitle"
      "racIcon racMeta"
      ".       racAction" !important;
  }

  #home .rac-item-v62 > em{
    justify-self:start !important;
    margin-top:4px !important;
  }
}

@media (max-width:1180px){
  .topbar .search input,
  .topbar input#globalSearch{
    height:46px !important;
    min-height:46px !important;
  }

  #home .rac-item-v62{
    grid-template-columns:40px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    grid-template-areas:
      "racIcon racTitle"
      "racIcon racMeta"
      ".       racAction" !important;
  }

  #home .rac-item-v62 > em{
    justify-self:start !important;
    margin-top:4px !important;
  }
}
