/* Bible Lab Alpha v.02 - API grouping + legacy update layout v5 */

/* Claude / Gemini / workflow cards share the same calm green visual group. */
.bl-ai-card-claude,
.bl-ai-card-gemini,
.bl-ai-card-routes{
  position:relative;
  overflow:hidden;
}
.bl-ai-card-claude::before,
.bl-ai-card-gemini::before,
.bl-ai-card-routes::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:0 6px 6px 0;
  background:linear-gradient(180deg,rgba(28,107,90,.78),rgba(80,154,127,.36));
}

/* Keep Bible Lab's original What's New layout and its existing More flow.
   Only the main Alpha v.02 NEW badge is slightly easier to notice. */
.bl-update-badge-emphasis{
  border-color:rgba(229,128,37,.54)!important;
  background:linear-gradient(110deg,rgba(255,247,236,.99),rgba(255,214,163,.78),rgba(255,246,232,.99))!important;
  box-shadow:0 8px 22px rgba(213,116,29,.16),0 0 0 1px rgba(255,255,255,.60) inset!important;
}

/* The one explicitly requested AI update follows the native history flow; no fixed height/scroll. */
.bl-update-requested-entry{
  box-sizing:border-box;
}

/* Claude is a first-class child of the same provider stack as Gemini/routes. */
#blAiProviderSettings > #blClaudeApiCard{
  width:100%;
  max-width:none;
  margin:0!important;
  box-sizing:border-box;
}
#blAiProviderSettings > #blClaudeApiCard .bl-ai-claude-keyrow,
#blAiProviderSettings > #blClaudeApiCard .bl-ai-claude-modelrow{
  width:100%;
  box-sizing:border-box;
}