/* BizBondhu Modern Icon UI V1 — visual-only, isolated from app logic */
.bbsh-enhanced .bbsh-actions{
  gap:10px!important;
}
.bbsh-enhanced .bbsh-action{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
  box-sizing:border-box!important;
}
.bbsh-enhanced .bbsh-action:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 6px 16px rgba(27,47,94,.10)!important;
}
.bbsh-enhanced .bbsh-action svg{
  width:22px!important;
  height:22px!important;
  stroke-width:2.1!important;
}

/* Home — blue */
.bbsh-enhanced .bbsh-action[aria-label="Home"]{
  color:#246BFE!important;
  background:linear-gradient(145deg,#eef5ff,#dfeaff)!important;
}
.bbsh-enhanced .bbsh-action[aria-label="Home"] svg{
  fill:#246BFE!important;
  stroke:#246BFE!important;
}

/* Network — green */
.bbsh-enhanced .bbsh-action.bbmi-network{
  color:#22A447!important;
  background:linear-gradient(145deg,#eefbf1,#dff5e5)!important;
}
.bbsh-enhanced .bbsh-action.bbmi-network svg{
  fill:none!important;
  stroke:#22A447!important;
}

/* Messages — purple */
.bbsh-enhanced .bbsh-action[aria-label="Messages"]{
  color:#6347E8!important;
  background:linear-gradient(145deg,#f3f0ff,#e9e3ff)!important;
}
.bbsh-enhanced .bbsh-action[aria-label="Messages"] svg{
  fill:#6347E8!important;
  stroke:#6347E8!important;
}
.bbsh-enhanced .bbsh-action[aria-label="Messages"] svg path:first-child{
  fill:#6347E8!important;
}
.bbsh-enhanced .bbsh-action[aria-label="Messages"] svg path:last-child{
  stroke:#fff!important;
  fill:none!important;
}

/* Notifications — orange */
.bbsh-enhanced .bbsh-action[aria-label="Notifications"]{
  color:#F59A0A!important;
  background:linear-gradient(145deg,#fff7e9,#ffefd2)!important;
}
.bbsh-enhanced .bbsh-action[aria-label="Notifications"] svg{
  stroke:#F59A0A!important;
}

/* Profile — cyan/teal frame; keeps real user avatar */
.bbsh-enhanced .bbsh-action[aria-label="Profile"]{
  background:linear-gradient(145deg,#ecfbfc,#dff4f6)!important;
  padding:4px!important;
}
.bbsh-enhanced .bbsh-action[aria-label="Profile"] img{
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid rgba(10,142,157,.22)!important;
  box-shadow:0 1px 4px rgba(10,90,110,.12)!important;
}

/* Preserve existing unread badge behavior, make it cleaner */
.bbsh-enhanced .bbsh-badge{
  right:-5px!important;
  top:-5px!important;
  min-width:18px!important;
  height:18px!important;
  line-height:14px!important;
  padding:1px 4px!important;
  border-radius:10px!important;
  background:#F0182D!important;
  color:#fff!important;
  border:2px solid #fff!important;
  font-size:9px!important;
  font-weight:800!important;
  box-shadow:0 2px 5px rgba(240,24,45,.22)!important;
  z-index:4!important;
}

/* Small active indicator for current section */
.bbsh-enhanced .bbsh-action.bbmi-active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  width:5px;
  height:5px;
  border-radius:50%;
  transform:translateX(-50%);
  background:currentColor;
}

@media(max-width:700px){
  .bbsh-enhanced .bbsh-actions{gap:5px!important;}
  .bbsh-enhanced .bbsh-action{width:36px!important;height:36px!important;border-radius:11px!important;}
  .bbsh-enhanced .bbsh-action svg{width:20px!important;height:20px!important;}
  .bbsh-enhanced .bbsh-action[aria-label="Profile"]{padding:3px!important;}
  .bbsh-enhanced .bbsh-action[aria-label="Profile"] img{width:28px!important;height:28px!important;}
  .bbsh-enhanced .bbsh-badge{right:-5px!important;top:-6px!important;}
}
@media(max-width:390px){
  .bbsh-enhanced .bbsh-actions{gap:3px!important;}
  .bbsh-enhanced .bbsh-action{width:34px!important;height:34px!important;}
}