/* CS Sidebar v3 — Separate icons, reference image style */
.genmai-cs{
  position:fixed;
  bottom:30px;right:20px;
  z-index:9990;
  display:flex;flex-direction:column;align-items:center;
  gap:6px;
  opacity:var(--cs-op,.9);
  transition:opacity .3s;
}
.genmai-cs:hover{opacity:1}

.genmai-cs-item{position:relative}

.genmai-cs-btn{
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;
  background:#fff;
  color:#1f2937;
  border:none;border-radius:10px;
  cursor:pointer;text-decoration:none;
  box-shadow:0 1px 4px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);
  transition:all .25s ease;
  -webkit-tap-highlight-color:transparent;
}
.genmai-cs-btn i{font-size:22px;line-height:1}
.genmai-cs-btn:hover{
  color:var(--primary,#1c9e91);
  box-shadow:0 2px 8px rgba(0,0,0,.1),0 0 0 1px rgba(var(--primary-rgb,28,158,145),.3);
  transform:translateY(-1px);
}

/* Multi-agent dropdown */
.genmai-cs-dd{
  position:absolute;right:54px;top:50%;
  transform:translateY(-50%) translateX(4px);
  background:#fff;border-radius:10px;
  min-width:120px;padding:4px 0;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s,transform .2s cubic-bezier(.4,1.2,.6,1);
  box-shadow:0 4px 20px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);
}
.genmai-cs-item:hover .genmai-cs-dd,
.genmai-cs-item.is-open .genmai-cs-dd{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(-50%) translateX(0);
}
.genmai-cs-dd a{
  display:block;padding:8px 14px;
  color:#374151;text-decoration:none;
  font:400 13px/1.4 var(--font-primary,sans-serif);
  white-space:nowrap;transition:all .15s;
}
.genmai-cs-dd a:hover{
  color:var(--primary,#1c9e91);
  background:rgba(var(--primary-rgb,28,158,145),.06);
}

/* Back-to-top specific */
.genmai-cs-item--top .genmai-cs-btn i{
  transition:transform .25s;
}
.genmai-cs-item--top .genmai-cs-btn:hover i{
  transform:translateY(-2px);
}

/* Tooltip for rotated agent name */
.genmai-cs-btn[title]:not([title=""]):hover::before{
  content:attr(title);
  position:absolute;right:54px;top:50%;
  transform:translateY(-50%);
  background:#1f2937;color:#fff;
  font:400 12px/1.3 var(--font-primary,sans-serif);
  padding:5px 10px;border-radius:6px;
  white-space:nowrap;pointer-events:none;
  opacity:0;animation:ncsTip .2s ease forwards;
}
@keyframes ncsTip{to{opacity:1}}

/* Mobile */
@media(max-width:768px){
  .genmai-cs{bottom:20px;right:12px;gap:5px}
  .genmai-cs-btn{width:40px;height:40px;border-radius:8px}
  .genmai-cs-btn i{font-size:19px}
  .genmai-cs-dd{right:48px}
  .genmai-cs-hidden-mobile{display:none!important}
}

/* Entrance */
.genmai-cs-item{animation:ncs .3s ease both}
.genmai-cs-item:nth-child(1){animation-delay:.03s}
.genmai-cs-item:nth-child(2){animation-delay:.06s}
.genmai-cs-item:nth-child(3){animation-delay:.09s}
.genmai-cs-item:nth-child(4){animation-delay:.12s}
.genmai-cs-item:nth-child(5){animation-delay:.15s}
.genmai-cs-item:nth-child(6){animation-delay:.18s}
@keyframes ncs{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media print{.genmai-cs{display:none!important}}