@import url("ai-operator-experience-v2.css?v=20260903-ai-ui-v2");

.sm-ai-operator-entry{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  border-radius:11px;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid #dfe3eb;
  box-shadow:0 1px 2px rgba(15,23,42,.05);
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.sm-ai-operator-entry:hover{
  background:#faf9ff;
  border-color:#cfc6fa;
  box-shadow:0 4px 10px rgba(79,28,196,.10);
  transform:translateY(-1px);
}
.sm-ai-operator-entry:active{transform:translateY(0)}
.sm-ai-operator-entry:focus-visible{outline:2px solid rgba(124,58,237,.34);outline-offset:2px}

.sm-ai-operator-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
}
.sm-ai-operator-icon svg{
  display:block;
  width:22px;
  height:22px;
  overflow:visible;
}
.sm-ai-spark-main{fill:url(#smAiSparkGradient)}
.sm-ai-spark-mini{fill:#8b5cf6;opacity:.82}

html[data-coreui-theme="dark"] .sm-ai-operator-entry{
  background:#211b3b;
  border-color:rgba(167,139,250,.24);
  box-shadow:none;
}
html[data-coreui-theme="dark"] .sm-ai-operator-entry:hover{
  background:#292247;
  border-color:rgba(167,139,250,.42);
  box-shadow:0 4px 12px rgba(0,0,0,.22);
}

@media(max-width:720px){
  .sm-ai-operator-entry{width:38px;min-width:38px;height:38px;min-height:38px;border-radius:10px}
  .sm-ai-operator-icon,.sm-ai-operator-icon svg{width:21px;height:21px}
}