/* SkyMind 2.0 Convergence — stable 1.9 conversation embedded in the unified shell. */
html.skymind-embedded,html.skymind-embedded body{height:100%;min-height:100%;overflow:hidden;background:var(--bg,#f7f7fb)}
html.skymind-embedded .app{height:100%;min-height:100%}
html.skymind-embedded .sidebar,html.skymind-embedded .topbar,html.skymind-embedded .right-rail,html.skymind-embedded .mobile-tabs{display:none!important}
/* The rule above removes .sidebar from the grid entirely, and a display:none
 * child is no longer a grid item -- so .main-shell auto-placed into column 1,
 * the sidebar's own track (240-276px), collapsing the entire conversation to
 * sidebar width while the real 920px column sat empty. Embedded mode is a
 * single column. .app.sidebar-collapsed and the <=980px override are matched
 * too, since both restate grid-template-columns. */
html.skymind-embedded .app,
html.skymind-embedded .app.sidebar-collapsed{grid-template-columns:minmax(0,1fr)!important;transition:none}
html.skymind-embedded .main-shell{margin:0!important;height:100%;min-height:100%}
html.skymind-embedded .workspace{height:100%;min-height:100%;display:block!important}
html.skymind-embedded .content-scroll{height:100vh;max-height:100vh;overflow:auto!important;padding-bottom:24px}
html.skymind-embedded .content{width:min(1120px,calc(100% - 32px));max-width:1120px;margin:0 auto;padding-top:16px}
html.skymind-embedded .hero{min-height:auto;padding-top:38px}
html.skymind-embedded .hero-mark{width:62px;height:62px}
html.skymind-embedded .hero h1{font-size:clamp(2.9rem,7vw,6.5rem)}
html.skymind-embedded .jump-latest{bottom:22px}
@media(max-width:720px){html.skymind-embedded .content{width:100%;padding:0 12px 18px}html.skymind-embedded .hero{padding-top:22px}html.skymind-embedded .hero-copy{font-size:15px}}


/* SkyMind 2.0.1 desktop host: the embedded engine should look like a native
 * conversation canvas, not a second web page nested inside the unified shell.
 */
@media (min-width:721px){
  html.skymind-embedded .content-scroll{height:100dvh;max-height:100dvh;overflow-x:hidden!important;overflow-y:auto!important;padding:0;scrollbar-gutter:stable}
  html.skymind-embedded .content{width:min(980px,calc(100% - 56px));max-width:980px;min-height:100%;margin:0 auto;padding:0 0 48px}
  html.skymind-embedded .hero{min-height:100%;padding:clamp(38px,6vh,72px) 0 48px;justify-content:center}
  html.skymind-embedded .hero-mark{width:54px;height:54px;border-radius:18px;margin-bottom:18px}
  html.skymind-embedded .hero h1{font-size:clamp(42px,4.6vw,68px);line-height:.98;letter-spacing:-.06em}
  html.skymind-embedded .hero-copy{max-width:680px;margin:16px 0 24px;font-size:14px;line-height:1.58}
  html.skymind-embedded .search-card{width:min(820px,100%);border-radius:20px;padding:10px}
  html.skymind-embedded .search-input{min-height:48px;font-size:16px}
  html.skymind-embedded .mode-tabs{justify-content:center;max-width:900px;margin-left:auto;margin-right:auto}
  html.skymind-embedded .prompt-chips{justify-content:center;max-width:900px;margin-left:auto;margin-right:auto}
  html.skymind-embedded .results{padding-top:26px;padding-bottom:34px}
  html.skymind-embedded .query-header{margin-top:0}
  html.skymind-embedded .answer-card{border-radius:18px}
  html.skymind-embedded .jump-latest{bottom:18px}
}
@media (min-width:721px) and (max-height:760px){
  html.skymind-embedded .hero{justify-content:flex-start;padding-top:28px}
  html.skymind-embedded .hero-mark{width:44px;height:44px;margin-bottom:12px}
  html.skymind-embedded .hero h1{font-size:clamp(36px,4.2vw,54px)}
  html.skymind-embedded .hero-copy{margin:11px 0 17px;font-size:13px}
  html.skymind-embedded .search-card{width:min(800px,100%)}
}

/* The unified shell already owns Projects, Actions, and Network. Keep embedded
 * Chat focused on conversation instead of exposing duplicate legacy app modes. */
html.skymind-embedded .mode-tab[data-surface="agent"],
html.skymind-embedded .mode-tab[data-surface="studio"],
html.skymind-embedded .mode-tab[data-surface="cognitive"],
html.skymind-embedded .prompt-chip[data-studio-open],
html.skymind-embedded .prompt-chip[data-open-cognitive]{display:none!important}

/* Post-answer composer clearance. The embedded shell has no internal mobile
   navigation, so the composer can stay compact while the scroll canvas keeps
   enough trailing space for Continue exploring to clear it completely. */
html.skymind-embedded{--embedded-composer-clearance:136px}
html.skymind-embedded .content-scroll{scroll-padding-bottom:var(--embedded-composer-clearance)}
html.skymind-embedded .content{padding-bottom:calc(var(--embedded-composer-clearance) + env(safe-area-inset-bottom))}
html.skymind-embedded .results.active{padding-bottom:28px}
html.skymind-embedded .adaptive-followups{position:relative;z-index:1;margin:18px 0 30px;scroll-margin-bottom:var(--embedded-composer-clearance)}
html.skymind-embedded .followup{bottom:18px;z-index:12;margin-top:30px;margin-bottom:0}
html.skymind-embedded .followup .search-card{padding:8px 9px;border-radius:18px}
html.skymind-embedded .followup .search-input{min-height:44px;max-height:140px;padding-top:10px;padding-bottom:10px}
html.skymind-embedded .followup .search-options{display:none}
@media(max-width:720px){html.skymind-embedded{--embedded-composer-clearance:124px}html.skymind-embedded .adaptive-followups{margin-bottom:24px}html.skymind-embedded .followup{bottom:12px}}
