/* Scoped to the empty welcome state: no changes to message or workbench styles. */
.conversation:has(> .welcome-start:not([hidden])) > .aurora-field {
  background:radial-gradient(ellipse at 43% 35%,rgba(83,192,214,.10),transparent 31%),radial-gradient(ellipse at 66% 34%,rgba(117,113,186,.065),transparent 29%);
}
.conversation:has(> .welcome-start:not([hidden])) { padding:0; }
.conversation:has(> .welcome-start:not([hidden])) > .aurora-field::before { top:29%; height:90px; opacity:.4; }
.conversation:has(> .welcome-start:not([hidden])) > .aurora-field i { opacity:.36; }
.empty-state.welcome-start {
  box-sizing:border-box; width:100%; max-width:none; min-height:100%; margin:0;
  padding:clamp(24px,5vh,56px) 28px 32px; justify-content:center;
}
.welcome-start[hidden] { display:none; }
.welcome-start .agent-avatar.hero { width:60px; height:60px; margin:0 0 22px; background:#fff; box-shadow:0 8px 24px rgba(38,79,112,.075); }
.welcome-start .agent-avatar.hero img { width:40px; height:40px; }
.welcome-start h1 { margin:0; color:#172d4d; font-size:clamp(26px,2.2vw,34px); font-weight:650; line-height:1.4; letter-spacing:0; }
.welcome-start > p.welcome-description { max-width:560px; margin:12px 0 0; color:#65778e; font-size:14px; line-height:1.85; text-wrap:balance; }
.welcome-actions { width:min(680px,100%); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:28px; }
.welcome-actions .welcome-action {
  min-width:0; min-height:86px; display:grid; grid-template-columns:24px minmax(0,1fr) 14px;
  align-items:center; gap:13px; border:1px solid #dbe5ef; border-radius:12px; padding:17px;
  color:#516d86; background:rgba(255,255,255,.88); box-shadow:0 4px 15px rgba(36,63,96,.025);
  text-align:left; cursor:pointer; transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.welcome-action i { display:flex; align-items:center; justify-content:center; font-style:normal; color:inherit; }
.welcome-action-icon { width:24px; height:24px; background:none; }
.welcome-action-copy { min-width:0; }
.welcome-action strong { display:block; color:#304866; font-size:14px; font-weight:600; line-height:1.5; }
.welcome-action small { display:block; margin-top:5px; color:#76879b; font-size:12px; line-height:1.65; white-space:normal; overflow-wrap:anywhere; }
.welcome-action-arrow { width:14px; color:#94a6b8 !important; }
.welcome-action-arrow svg { width:14px; height:14px; }
.aw-guide-card .aw-add-options button { transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease; }
.welcome-actions .welcome-action:not(:disabled):hover,
.aw-guide-card .aw-add-options button:not(:disabled):is(:hover,:focus-visible) { border-color:#b1cbdc; background:#f8fbff; box-shadow:0 5px 18px rgba(36,63,96,.045); transform:none; }
.welcome-actions .welcome-action:disabled { cursor:default; opacity:.55; background:rgba(249,251,254,.8); box-shadow:none; }
.welcome-start button:focus-visible { outline:2px solid #91bcd5; outline-offset:3px; }
.welcome-start > p.welcome-feedback { min-height:20px; max-width:680px; margin:14px 0 0; color:#7a8ba0; font-size:12px; line-height:1.7; }
.welcome-links { width:min(680px,100%); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 20px; margin-top:16px; }
.welcome-links:empty { display:none; }
.welcome-links button { min-width:0; max-width:100%; display:inline-flex; align-items:center; gap:7px; min-height:30px; padding:4px 0; border:0; background:transparent; color:#637a94; font-size:12px; text-align:left; cursor:pointer; }
.welcome-links button:not(:disabled):hover { color:#365b82; }
.welcome-links button:disabled { cursor:default; opacity:.5; }
.welcome-links svg { flex:none; width:14px; height:14px; }
.welcome-resume { flex:0 1 auto; }
.welcome-resume span { flex:none; color:#8391a4; }
.welcome-resume strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:500; }
.welcome-manage { flex:none; }
@container chat (max-width:540px) {
  .empty-state.welcome-start { padding:28px 18px; }
  .welcome-start h1 { font-size:26px; }
  .welcome-actions { gap:10px; }
  .welcome-actions .welcome-action { grid-template-columns:20px minmax(0,1fr); padding:14px 12px; gap:10px; }
  .welcome-action-arrow { display:none !important; }
}
@container chat (max-width:390px) {
  .welcome-actions { grid-template-columns:1fr; margin-top:20px; }
  .welcome-actions .welcome-action { min-height:70px; }
  .welcome-start .agent-avatar.hero { margin-bottom:16px; }
  .welcome-start h1 { font-size:24px; }
}
@media (max-height:720px) {
  .empty-state.welcome-start { padding-block:20px; }
  .welcome-start .agent-avatar.hero { width:48px; height:48px; margin-bottom:12px; }
  .welcome-start .agent-avatar.hero img { width:33px; height:33px; }
  .welcome-start > p.welcome-description { margin-top:8px; }
  .welcome-actions { margin-top:20px; }
  .welcome-actions .welcome-action { min-height:76px; padding-block:12px; }
  .welcome-links { margin-top:8px; }
}
@media (prefers-reduced-motion:reduce) { .welcome-actions .welcome-action,.aw-guide-card .aw-add-options button { transition:none; } }