/* Owner-approved proposal A. Keep the live actions, library and account states. */
#projectIdeaPageSlot .project-idea-page:has(#ideaSelectionView:not([hidden])) {
  border-radius: 28px;
  overflow: hidden;
}
#projectIdeaPageSlot .project-idea-page:has(#ideaSelectionView:not([hidden])) .idea-picker-head {
  padding: 24px 32px;
  border-radius: 28px 28px 0 0;
}
#projectIdeaPageSlot .project-idea-page:has(#ideaSelectionView:not([hidden])) .idea-picker-head h2 {
  font-size: 30px; line-height: 1.25; letter-spacing: -.02em;
}
#ideaGenerationCta {
  gap: 0;
  padding: 8px 40px 32px;
  background: radial-gradient(ellipse at 50% 15%, color-mix(in srgb, var(--sia-teal) 10%, transparent), transparent 60%) !important;
  border-color: var(--sia-line);
}
#ideaGenerationCtaIcon { display: none; }
#ideaGenerationCta .idea-entry-art {
  display: block; flex: none; width: min(330px, 100%); height: 190px;
  fill: none; stroke: none; color: var(--sia-sidebar-accent);
  filter: drop-shadow(0 0 18px color-mix(in srgb, var(--sia-teal) 12%, transparent));
}
#ideaGenerationCta .idea-entry-eyebrow {
  margin: 8px 0 12px; color: var(--sia-sidebar-accent);
  font-size: 11px; font-weight: 800; letter-spacing: .12em;
}
#ideaGenerationCta .idea-generation-cta-copy h3 {
  color: var(--sia-heading); font-size: 30px; font-weight: 800;
  line-height: 1.25; letter-spacing: -.02em; margin: 0 0 12px;
}
#ideaGenerationCta .idea-generation-cta-copy p {
  max-width: 900px; color: var(--sia-muted); font-size: 16px; line-height: 1.6;
}
#ideaGenerationCta .idea-entry-actions { width: min(440px, 100%); margin: 24px auto 0; gap: 12px; }
#ideaGenerationCta .idea-entry-actions .button {
  min-width: 0; width: 100%; min-height: 54px; padding: 14px 20px;
  border-radius: 16px; font-size: 16px; line-height: 1.4;
}
#ideaGenerationCta #generateIdeasInProjectButton {
  background: linear-gradient(110deg, var(--sia-teal), var(--sia-teal-dark)) !important;
  color: white !important;
}
html[data-theme="dark"] #ideaGenerationCta #generateIdeasInProjectButton {
  background: linear-gradient(110deg, var(--sia-teal), color-mix(in srgb, var(--sia-teal) 76%, var(--sia-teal-dark))) !important;
  color: var(--sia-bg) !important;
}
#ideaGenerationCta .idea-entry-benefits {
  list-style: none; padding: 0; margin: 32px auto 0; width: min(920px, 100%);
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; text-align: left;
}
#ideaGenerationCta .idea-entry-benefits li { display: flex; align-items: center; gap: 16px; min-width: 0; }
#ideaGenerationCta .idea-entry-benefit-icon {
  display: flex; align-items: center; justify-content: center; flex: 0 0 52px;
  width: 52px; height: 52px; border-radius: 50%;
  background: var(--sia-sidebar-active); border: 1px solid var(--sia-sidebar-active-line); color: var(--sia-sidebar-accent);
}
#ideaGenerationCta .idea-entry-benefit-icon svg {
  width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}
#ideaGenerationCta .idea-entry-benefits strong { color: var(--sia-heading); font-size: 14px; font-weight: 750; line-height: 1.5; }
#ideaGenerationCta .idea-entry-benefits p { color: var(--sia-muted); font-size: 13px; line-height: 1.5; margin: 4px 0 0; max-width: 180px; }
#projectIdeaPageSlot #ideaSelectionView .idea-library-head { padding: 24px 32px 12px; }
#projectIdeaPageSlot #ideaSelectionView .idea-library-head h3 { font-size: 21px; }
@media (max-width: 1100px) {
  #ideaGenerationCta .idea-entry-benefits { gap: 16px; }
  #ideaGenerationCta .idea-entry-benefits li { gap: 10px; }
}
@media (max-width: 700px) {
  #projectIdeaPageSlot .project-idea-page:has(#ideaSelectionView:not([hidden])) .idea-picker-head { padding: 24px; }
  #projectIdeaPageSlot .project-idea-page:has(#ideaSelectionView:not([hidden])) .idea-picker-head h2 { font-size: 25px; }
  #ideaGenerationCta { padding: 8px 24px 28px; }
  #ideaGenerationCta .idea-entry-art { width: min(280px, 100%); height: 170px; }
  #ideaGenerationCta .idea-generation-cta-copy h3 { font-size: 25px; }
  #ideaGenerationCta .idea-generation-cta-copy p { font-size: 15px; }
  #ideaGenerationCta .idea-entry-benefits { grid-template-columns: 1fr; max-width: 340px; gap: 20px; }
  #ideaGenerationCta .idea-entry-benefits p { max-width: none; }
  #projectIdeaPageSlot #ideaSelectionView .idea-library-head { padding: 24px 24px 12px; }
  #projectIdeaPageSlot #ideaSelectionView .idea-library-head h3 { font-size: 19px; }
}
