.vem-finder { position: relative; }

.vem-launcher{
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 9999 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  background: #0069B4 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  font: 600 18px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

.vem-launcher2{
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 9999 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  background: #0069B4 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  font: 600 18px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background-image: url('/media/programm/ekat-icon-big.webp') !important;
  width:170px;
  background-position: center -3px !important;
}

.vem-launcher3{
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 9999 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  background: #0069B4 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  font: 600 18px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background-image: url('/media/programm/online-stock2.webp') !important;
  width:170px;
  background-position: center -1px !important;
  background-size: 89% !important;
  background-repeat: no-repeat !important;
}

.vem-panel{
  position: fixed !important;
  right: 18px !important;
  bottom: 72px !important;
  width: 380px !important;
  max-width: calc(100vw - 36px) !important;
  height: 520px !important;
  max-height: calc(100vh - 120px) !important;
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.18) !important;
  z-index: 9999 !important;
  display: none !important;
  overflow: hidden !important;
}

.vem-panel.is-open{ display: flex !important; flex-direction: column !important; }

.vem-header{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 12px !important;
  border-bottom: 1px solid #eee !important;
  background: #fafafa !important;
}

.vem-header-title{
  font: 700 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

.vem-header-actions{
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
}

.vem-btn{
  border: 1px solid #e2e2e2 !important;
  background: #fff !important;
  color: #111 !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
  font: 600 12px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  cursor: pointer;
}

.vem-btn:disabled{
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.vem-btn-ghost{
  background: #fff !important;
}

.vem-log{
  flex: 1 !important;
  padding: 12px !important;
  overflow: auto !important;
  background: #fff !important;
}

.vem-footer{
  padding: 10px 12px;
  border-top: 1px solid #eee;
  background: #fafafa;
}

.vem-hint{
  font: 500 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: #666;
}

.vem-row{
  display: flex;
  margin: 10px 0;
}

.vem-row-bot{ justify-content: flex-start; }
.vem-row-user{ justify-content: flex-end; }

.vem-bubble{
  max-width: 85%;
  padding: 10px 12px;
  border-radius: 14px;
  font: 500 13px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

.vem-bubble-bot{
  background: #f3f3f3;
  color: #111;
}

.vem-bubble-user{
  background: #111;
  color: #fff;
}

.vem-options{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

/* Optionsgruppen alter Fragen sind sichtbar, aber nicht mehr klickbar */
.vem-options.is-locked{
  pointer-events: none;
}

.vem-opt{
  border: 1px solid #ddd !important;
  background: #fff !important;
  color: #111 !important;
  border-radius: 999px !important;
  padding: 8px 10px !important;
  cursor: pointer !important;
  font: 600 12px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

.vem-opt:hover{
  border-color: #bbb;
}

.vem-links{
  margin: 10px 0 0 !important;
  padding-left: 18px;
}

.vem-links li{
  margin: 6px 0;
}

.vem-links a, .vem-link-one a{
  color: #0b57d0;
  text-decoration: none;
}

.vem-links a:hover, .vem-link-one a:hover{
  text-decoration: underline;
}

.vem-bot-title{
  font: 700 13px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  margin-bottom: 6px;
}

.vem-product{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0;
}

.vem-product-img{
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 6px;
  background: #f5f5f5;
}

.vem-product-link{
  color: #0b57d0 !important;
  text-decoration: none;
}

.vem-product-link:hover{
  text-decoration: underline;
}