/* Frame 7 ownership boundary. Exact bot screen corrections are kept here. */
body:has(#view-bots.bots-v2.active) {
  height: 100dvh !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body:has(#view-bots.bots-v2.active) #app {
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
}

#view-bots.bots-v2.active {
  display: block !important;
  width: calc(100% + 32px) !important;
  height: calc(100dvh - 82px - env(safe-area-inset-bottom)) !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 82px - env(safe-area-inset-bottom)) !important;
  margin: -16px !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
}

#view-bots.bots-v2.active::-webkit-scrollbar {
  display: none !important;
}

#view-bots.bots-v2 #bots-cards.stack {
  width: min(calc(100% - 32px), 358px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

#view-bots.bots-v2 .bot-card {
  width: 100% !important;
  max-width: 358px !important;
}

#view-bots.bots-v2 .bot-card-description,
#view-bots.bots-v2 .bot-card-actions,
#view-bots.bots-v2 .bot-card-open {
  width: 100% !important;
  max-width: 324px !important;
}

#view-bots.bots-v2 .bot-add-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 13px !important;
  gap: 6px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #2563eb !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2) !important;
}

#view-bots.bots-v2 .bot-add-card-btn.hidden {
  display: none !important;
}

#view-bots.bots-v2 .bot-add-card-btn img {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}

#view-bots.bots-v2 .bot-card-edit-icon {
  border: 0 !important;
  box-shadow: none !important;
}

#view-bots.bots-v2 .bot-card-edit-icon img {
  width: 16px !important;
  height: 16px !important;
}

#view-bots.bots-v2 .bot-add-card-btn:focus-visible,
#view-bots.bots-v2 .bot-card-edit-icon:focus-visible {
  outline: 2px solid #93c5fd !important;
  outline-offset: 2px !important;
}

body.dark #view-bots.bots-v2 .bot-card-edit-icon {
  background: #243b59 !important;
}

#bot-card-modal .bot-card-delete-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid #fecaca !important;
  background: #fff1f2 !important;
  color: #dc2626 !important;
  box-shadow: none !important;
}

#bot-card-modal .bot-card-delete-btn.hidden {
  display: none !important;
}

#bot-card-modal .bot-card-delete-btn .material-symbols-outlined {
  font-size: 20px !important;
}

body.dark #bot-card-modal .bot-card-delete-btn {
  border-color: #7f1d1d !important;
  background: rgba(127, 29, 29, 0.24) !important;
  color: #fca5a5 !important;
}