/* V199 - Professional Rental workspace tabs */
body.rental-mode .rental-nav-shell{
  position:relative!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
}
body.rental-mode .rental-workspace-nav{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  padding:10px!important;
  overflow:visible!important;
  border:1px solid #dce6f1!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 12px 34px rgba(25,55,90,.07)!important;
}
body.rental-mode .rental-workspace-tab{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:48px!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#5f7187!important;
  font-size:11.5px!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  white-space:nowrap!important;
}
body.rental-mode .rental-workspace-tab>span:first-child{
  display:grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  background:#edf4ff!important;
  color:#356fd8!important;
  font-size:13px!important;
  font-weight:900!important;
  transition:inherit!important;
}
body.rental-mode .rental-workspace-tab>span:last-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.rental-mode .rental-workspace-tab:hover{
  background:#f3f7fd!important;
  border-color:#dce7f4!important;
  color:#183b61!important;
  transform:translateY(-1px)!important;
  box-shadow:0 5px 14px rgba(38,76,117,.07)!important;
}
body.rental-mode .rental-workspace-tab:hover>span:first-child{
  background:#e2edff!important;
  color:#245fc8!important;
}
body.rental-mode .rental-workspace-tab.active{
  background:linear-gradient(135deg,#255fca 0%,#347ff0 100%)!important;
  border-color:#2c6ddd!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(43,105,218,.22)!important;
  transform:none!important;
}
body.rental-mode .rental-workspace-tab.active>span:first-child{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
body.rental-mode .rental-workspace-tab.active:after{display:none!important;content:none!important}
body.rental-mode .rental-workspace-tab:focus-visible{
  outline:3px solid rgba(52,127,240,.20)!important;
  outline-offset:2px!important;
}
/* subtle separators between workspace groups */
body.rental-mode .rental-workspace-tab:nth-child(5),
body.rental-mode .rental-workspace-tab:nth-child(12){
  box-shadow:inset 1px 0 0 #e7edf5!important;
}
body.rental-mode .rental-workspace-tab:nth-child(5):hover,
body.rental-mode .rental-workspace-tab:nth-child(12):hover,
body.rental-mode .rental-workspace-tab:nth-child(5).active,
body.rental-mode .rental-workspace-tab:nth-child(12).active{box-shadow:0 8px 20px rgba(43,105,218,.16)!important}
@media(max-width:1500px){
  body.rental-mode .rental-workspace-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  body.rental-mode .rental-workspace-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.rental-mode .rental-workspace-nav{
    display:flex!important;
    gap:7px!important;
    padding:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    border-radius:14px!important;
  }
  body.rental-mode .rental-workspace-nav::-webkit-scrollbar{display:none!important}
  body.rental-mode .rental-workspace-tab{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:132px!important;
    height:44px!important;
    scroll-snap-align:start!important;
  }
}
