/* Channel entrances show the next useful choice before reserving full editing geometry. */
.workspace-start {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:clamp(360px,calc(100dvh - 210px),650px);
  padding:clamp(42px,8vh,88px) 24px;
  text-align:center;
  background:linear-gradient(180deg,var(--surface) 0%,var(--surface-softer) 100%);
}
.workspace-start[hidden] { display:none; }
.workspace-start-title { font-size:clamp(32px,4vw,46px); font-weight:var(--type-display-weight); line-height:1.08; letter-spacing:-.035em; }
.workspace-start-purpose { max-width:430px; margin:10px 0 0; color:var(--muted); font-size:15px; line-height:1.5; }
.workspace-start-actions { display:flex; width:min(100%,400px); justify-content:center; gap:10px; margin-top:28px; }
.workspace-start-actions .button { flex:1 1 0; min-width:0; }

.email-surface.is-start-state #createStage { display:flex; min-height:clamp(420px,calc(100dvh - 190px),700px); }
.email-surface.is-start-state #createStage > :not(#emailStartPanel),
.email-surface.is-start-state #emailActionBar { display:none; }
.sms-surface.is-start-state { min-height:clamp(420px,calc(100dvh - 120px),720px); }
.sms-surface.is-start-state > :is(#smsCompose,#smsTaskFooter) { display:none; }
.sms-surface.is-start-state #smsStartPanel { min-height:clamp(360px,calc(100dvh - 210px),650px); }

@media (max-width:560px) {
  .workspace-start { min-height:clamp(330px,calc(100dvh - 170px),580px); padding:38px 18px; }
  .workspace-start-title { font-size:34px; }
  .workspace-start-actions { flex-direction:column; width:min(100%,320px); margin-top:24px; }
  .workspace-start-actions .button { width:100%; }
}
@media (max-height:560px) and (orientation:landscape) {
  .workspace-start { min-height:300px; padding:30px 22px; }
  .workspace-start-title { font-size:32px; }
  .workspace-start-purpose { margin-top:6px; }
  .workspace-start-actions { margin-top:18px; }
}