@font-face{font-family:'Inter var';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-var-3.19.woff2') format('woff2')}
@font-face{font-family:'Sharp Sans';font-weight:700;font-display:swap;src:url('/assets/fonts/SharpSans-Bold.otf') format('opentype')}
:root{
  font-family:'Inter var',Inter,sans-serif;--ink:#2e3742;--muted:#687381;--line:#d7dfe9;
  --accent:#1d69cc;--accent-soft:#edf4ff;--paper:#fff;--motion-ease:cubic-bezier(.2,.8,.2,1);
  color:var(--ink);background:#fff;font-synthesis:none;
}
*{box-sizing:border-box}
html,body{height:100%;min-height:0;overflow:hidden;background:#fff}
button,input,textarea,select{font-family:inherit!important}
button,a,select,summary{ -webkit-tap-highlight-color:transparent }
button{transition:background-color 150ms var(--motion-ease),border-color 150ms var(--motion-ease),box-shadow 150ms var(--motion-ease)}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #1d69cc;outline-offset:3px}
button:disabled{cursor:default}
.shell{height:100%;min-height:0;max-width:none;padding:0}
.chat{position:relative;width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;isolation:isolate;--composer-height:106px;--conversation-gutter:clamp(24px,2.4vw,36px)}
.chat-head{height:48px;min-height:48px;padding:0 28px;flex:none;border-bottom:1px solid #e6e8eb;display:flex;align-items:center;justify-content:space-between;background:#fff;color:var(--muted);font-size:12px}
.chat-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.restart{margin-left:auto;padding:6px 10px;min-height:32px;color:var(--accent);font-size:12px;font-weight:500;border:0;border-radius:6px;background:transparent;white-space:nowrap}
.restart:hover{background:var(--accent-soft)}.restart:disabled{opacity:.45}
#demoAccountButton{margin-left:0;border:1px solid var(--line)}
.tenant-preview{position:relative;flex:none;margin-left:8px}.tenant-chevron{margin-left:7px}
.tenant-preview-panel{position:absolute;z-index:20;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 40px));padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 32px #142b4926;color:var(--ink);font-size:13px;animation:controls-enter 160ms var(--motion-ease)}
.tenant-preview-panel[hidden]{display:none}.tenant-preview-panel>strong{font-size:14px}.tenant-status{margin:6px 0 16px;color:var(--muted);overflow-wrap:anywhere}
.account-preview-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;white-space:normal}.account-preview-form>label,.account-preview-form>input,.account-preview-form>p{grid-column:1/-1}
.messages{position:relative;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:32px var(--conversation-gutter) 32px;gap:28px;scroll-behavior:auto;scroll-padding-block:24px 64px;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:#bac4d0 transparent;outline:none}
.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:#bac4d0;border-radius:6px}.messages::-webkit-scrollbar-track{background:transparent}
.messages>*{flex-shrink:0}
.conversation-intro{padding:clamp(8px,3vh,24px) 0 4px 44px;animation:turn-enter 420ms var(--motion-ease) both}
.conversation-intro h2{font:700 28px/38px 'Sharp Sans','Inter var',sans-serif;letter-spacing:-.5px;margin:0;color:var(--ink)}
.message-row{width:100%;max-width:100%;align-items:flex-start;gap:12px;animation:turn-enter 360ms var(--motion-ease) both}
.message-row.restored{animation:none}
.message-content{min-width:0;max-width:100%;flex:1}
.message-avatar{display:grid;place-items:center;width:32px;height:32px;margin-top:1px;flex:none;border-radius:10px;background:linear-gradient(145deg,#e8f3ff,#eaf0fc);color:#1d69cc;border:1px solid #dce9fc}
.message-avatar svg{width:21px;height:21px}
.message-author{display:block;margin:0 0 6px;font-size:12px;line-height:18px;font-weight:600;color:#3b4653}
.bubble{padding:0;border:0;border-radius:0;background:transparent;font:400 14px/24px 'Inter var',Inter,sans-serif;color:var(--ink);white-space:normal;overflow-wrap:anywhere}
.message-copy{white-space:pre-wrap}
.reveal-word{animation:word-enter 180ms ease-out var(--word-delay,0ms) both}
.message-row.user{width:auto;max-width:80%;align-self:flex-end;flex-direction:row;gap:0;animation-duration:160ms}
.message-row.user .message-avatar{display:none}
.message-row.user .bubble{border:1px solid #e6ebf1;border-radius:14px 14px 4px 14px;background:#f1f4f8;padding:11px 16px;color:#2e3742}
.message-row.user .message-content{flex:initial}
.loading{font-style:normal;animation:busy-enter 180ms ease 140ms both}
.loading .bubble{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;line-height:22px}
.loading .message-author{margin-bottom:6px}
.loading .reveal-word{animation:none}
.thinking-dots{display:inline-flex;gap:4px;align-items:center;height:18px;flex:none}
.thinking-dots i{width:4px;height:4px;background:#1d69cc;border-radius:50%;animation:thinking-wave 1200ms ease-in-out infinite}
.thinking-dots i:nth-child(2){animation-delay:140ms}.thinking-dots i:nth-child(3){animation-delay:280ms}
.scroll-latest{position:absolute;z-index:5;bottom:calc(var(--composer-height) + 10px);left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:0;width:36px;height:36px;min-height:36px;padding:8px;background:#fff;color:#3b4653;border:1px solid #d7dfe9;border-radius:20px;box-shadow:0 3px 12px #1c35551a;font:500 12px/20px 'Inter var',sans-serif;cursor:pointer;animation:latest-enter 160ms var(--motion-ease)}
.scroll-latest span{display:none}.scroll-latest[hidden]{display:none}.scroll-latest:hover{background:#edf4ff;border-color:#a2bee5}
.composer-area{position:relative;z-index:3;flex:none;padding:12px var(--conversation-gutter) 16px;border:0;background:#fff}
.composer-area::before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px;background:linear-gradient(transparent,#fff);pointer-events:none}
.composer{display:flex;align-items:flex-end;gap:12px;min-height:62px;padding:10px 12px 10px 18px;border:1px solid #b6c0cc;border-radius:12px;background:#fff;box-shadow:0 2px 8px #16324d05;transition:border-color 150ms,box-shadow 150ms}
.composer:focus-within{border-color:#1d69cc;box-shadow:0 0 0 3px #e8f1ff}
.composer textarea{font:400 14px/24px 'Inter var',Inter,sans-serif;padding:7px 0;min-height:38px;max-height:128px;overflow-y:auto;color:var(--ink);resize:none;border:0;outline:0;box-shadow:none!important;scrollbar-width:thin}
.composer textarea::placeholder{color:#8894a3}
.composer textarea:focus-visible{outline:none}
.composer button{display:grid;place-items:center;flex:none;width:36px;height:36px;margin-bottom:2px;border:0;border-radius:8px;background:var(--accent);color:white;cursor:pointer;transition:background 150ms,transform 150ms}
.composer button:hover:not(:disabled){background:#1356ad;transform:translateY(-1px)}
.composer button:active:not(:disabled){transform:translateY(0)}.composer button:disabled{background:#edf0f4;color:#9da8b5}
.composer-hint{min-height:21px;padding-top:7px;text-align:center;font:400 11px/16px 'Inter var',Inter,sans-serif;color:#8894a3}
.quick-replies{padding:0;gap:8px}.quick-replies:empty{display:none}
.bubble .quick-replies{margin-top:18px;width:min(100%,480px);animation:controls-enter 220ms var(--motion-ease) both}
.select-choice{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 10px;max-width:480px;padding:0}
.selection-label{grid-column:1/-1;color:#4b5765;font:500 12px/18px 'Inter var',Inter,sans-serif;margin:0}
.manual-area{grid-column:1/-1}.manual-area[hidden]{display:none}
.choice-context-note{grid-column:1/-1;margin:0;color:var(--muted);font:400 12px/19px 'Inter var',Inter,sans-serif}
.context-select{width:100%;min-width:0;min-height:42px;padding:9px 36px 9px 12px;border:1px solid #8894a3;border-radius:6px;background-color:#fff;color:#2e3742;font:400 14px/22px 'Inter var',Inter,sans-serif;transition:border-color 150ms,box-shadow 150ms}
.context-select:hover{border-color:#1d69cc}
.choice{min-height:38px;padding:8px 14px;border:1px solid #d7dfe9;border-radius:6px;background:#fff;color:var(--accent);font:600 13px/20px 'Inter var',Inter,sans-serif;cursor:pointer}
.choice:hover{background:var(--accent-soft);border-color:#8eb1e1}
.selection-submit{min-height:42px;padding:9px 16px;border:1px solid #1d69cc;border-radius:6px;background:var(--accent);color:#fff;font-weight:700;white-space:nowrap}
.selection-submit:hover{background:#1356ad;color:#fff;border-color:#1356ad}
.selection-submit:disabled{opacity:1;background:#f0f2f5;border-color:#d7dfe9;color:#9aa5b1}
.result-card{flex:none;width:calc(100% - 44px);max-width:none;align-self:flex-start;margin:0 0 0 44px;overflow:hidden;border:1px solid #d7dfe9;border-radius:10px;background:#fff;box-shadow:0 4px 16px #20355006;animation:turn-enter 320ms var(--motion-ease) both}
.previous-design{margin-left:44px;width:calc(100% - 44px);font-size:12px;line-height:20px;color:var(--muted)}
.previous-design>summary{cursor:pointer;padding:4px 0;color:var(--accent)}
.previous-design .result-card.historical{display:block;width:100%;margin:12px 0 0;animation:none}
.historical .guest-preview{border:0!important}.historical .result-body{display:block!important}.historical .result-top{border-bottom:1px solid #e6e8eb!important;padding:14px 20px!important}
.result-top{display:flex;align-items:center;gap:8px;padding:18px 20px 14px;border-bottom:1px solid #e6e8eb}
.result-top .assistant-avatar{display:none}.result-top strong{font-size:14px;font-weight:600}.result-top small{display:block;font-size:12px;line-height:20px;color:var(--muted);margin-top:3px}
.guest-preview{margin:0;padding:22px;border-radius:0}.result-card .guest-portal{max-width:320px;max-height:min(520px,max(280px,calc(100dvh - 250px)));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c4d0 transparent}
.guest-portal::-webkit-scrollbar{width:5px}.guest-portal::-webkit-scrollbar-thumb{background:#b9c4d0;border-radius:5px}
.guest-portal:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.guest-copy h3{font-family:var(--guest-font)}
.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 20px}
.result-actions button,.result-actions .download-template{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 16px;border:0;border-radius:6px;background:var(--accent);color:#fff;font:700 14px/20px 'Inter var',Inter,sans-serif;text-decoration:none;cursor:pointer;transition:background 150ms,box-shadow 150ms}
.result-actions button:hover,.result-actions .download-template:hover{background:#1356ad}
.result-actions .download-template[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.portal-edits{padding:0 20px 20px;font-size:13px;color:#1d69cc}
.portal-edits>summary{padding:8px 0;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;user-select:none}
.portal-edits>summary::after{content:'';display:block;width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-top:-3px;transition:transform 160ms}
.portal-edits[open]>summary::after{transform:rotate(225deg);margin-top:3px}.portal-edits>summary::-webkit-details-marker{display:none}
.result-tools{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 0;animation:controls-enter 180ms var(--motion-ease)}
.brand-recovery{margin:0 20px 16px;padding:12px 14px;display:flex;align-items:center;gap:16px;justify-content:space-between;background:#f3f7fd;border:1px solid #dce7f5;border-radius:6px}
.brand-recovery p{margin:0;color:#4b5765;font:400 12px/20px 'Inter var',sans-serif}.brand-recovery .text-action{white-space:nowrap;font-weight:600}
.text-action{padding:0;border:0;background:none;color:var(--accent);font:400 12px/20px 'Inter var',Inter,sans-serif;text-decoration:none;cursor:pointer}
.text-action:hover{text-decoration:underline;text-underline-offset:3px}
.export-explanation,.artwork-note{margin:0;padding:0 20px 16px;color:#687381;font:400 12px/20px 'Inter var',Inter,sans-serif}
.result-body{display:flex;flex-direction:column;min-width:0}
.result-information{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-width:0;padding:20px}
.result-information>.result-actions,.result-information>.portal-edits,.result-information>.artwork-note,.result-information>.export-explanation{padding:0}
.result-information>.brand-recovery{margin:0}
.result-information>.text-action{align-self:flex-start;min-height:36px;text-align:left}
.result-information:empty{display:none}
/* A compact artifact in the conversation, with download beside its title. */
.result-card.compact-result{max-width:440px}
.compact-result .result-top{flex-wrap:wrap;gap:12px;align-items:center}
.compact-result .result-top>div:not(.assistant-avatar):not(.result-actions){flex:1;min-width:150px;overflow-wrap:anywhere}
.compact-result .result-top>.result-actions{flex:0 1 auto;min-width:0;margin-left:auto;padding:0}
.compact-result .result-body{display:flex;flex-direction:column;align-items:stretch}
.compact-result .result-body>.guest-preview{min-height:0;padding:20px;border-right:0;border-bottom:1px solid #e6e8eb}
.compact-result .result-information{gap:12px;padding:16px 20px}
.palette-row,.import-details{display:none}
.portal-handoff .bubble>.choice{margin-top:14px}.handoff-help{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:20px}.activation-checklist{margin-top:12px;font-size:12px;color:var(--muted)}
.activation-checklist summary{color:var(--accent);cursor:pointer;line-height:24px}.activation-checklist ol{padding-left:20px;margin:10px 0 0}.activation-checklist li{padding-left:3px;margin-bottom:8px;line-height:21px}
.agreement-editor,.pilot-login{display:grid;gap:12px;margin-top:18px;width:min(100%,520px)}
.agreement-text{width:100%;min-height:150px;max-height:260px;padding:12px;border:1px solid #8894a3;border-radius:6px;font:400 13px/21px 'Inter var',Inter,sans-serif;color:var(--ink);resize:vertical}
.agreement-editor .selection-submit,.pilot-login .selection-submit{justify-self:start}
.agreement-upload{position:relative;display:inline-flex;justify-self:start;align-items:center;padding:7px 10px;color:var(--accent);border:1px solid #d7dfe9;border-radius:6px;font-size:12px;cursor:pointer;overflow:hidden}
.agreement-upload:hover{background:var(--accent-soft)}.agreement-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.agreement-hint{margin:0;color:var(--muted);font:400 11px/18px 'Inter var',Inter,sans-serif}.inline-error{margin:0;color:#b4232b;font:400 12px/20px 'Inter var',Inter,sans-serif}.inline-error:empty{display:none}
.guest-social{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.guest-provider{padding:10px;border:1px solid #d7dfe9;border-radius:6px;font:600 11px Inter,sans-serif;text-align:center;color:var(--ink);background:var(--surface)}
.toast{font:400 13px/20px 'Inter var',Inter,sans-serif;background:#2e3742;border-radius:6px}
@keyframes turn-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes word-enter{from{opacity:0}to{opacity:1}}
@keyframes controls-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes busy-enter{from{opacity:0}to{opacity:1}}
@keyframes thinking-wave{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes latest-enter{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
@media(min-width:780px){
  .result-body{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start}
  .result-body>.guest-preview{min-height:100%;border-right:1px solid #e6e8eb;padding:16px}
  .guest-brand{padding:16px 18px;font-size:16px;line-height:22px}.layout-banner .guest-brand{padding:20px 18px}
  .guest-copy{padding:14px 18px 4px}.guest-copy h3{font-size:22px;line-height:1.15;margin-top:8px}
  .guest-auth{padding:10px 18px 6px}.guest-input{padding:10px;margin-bottom:10px}.guest-connect{padding:11px}.guest-agreement{margin:8px 0}.guest-notice{padding:10px 14px;font-size:9px}
}
@media(max-width:650px){
  .chat-head{padding:0 20px;height:44px;min-height:44px}.messages{padding:24px 20px 28px;gap:24px;scrollbar-gutter:auto}
  .conversation-intro{padding:12px 0 0}.conversation-intro h2{font-size:23px;line-height:32px}
  .message-row{gap:9px}.message-avatar{width:28px;height:28px;border-radius:8px}.message-avatar svg{width:18px;height:18px}
  .bubble{font-size:14px;line-height:23px}.message-row.user{max-width:88%}.message-row.user .bubble{padding:9px 13px}
  .composer-area{padding:10px 20px max(16px,env(safe-area-inset-bottom))}.composer{padding-left:13px;min-height:58px}.composer-hint{font-size:10px}
  .result-card,.previous-design{width:100%;margin-left:0}.guest-preview{padding:20px 12px}.bubble .quick-replies{width:100%}
  .scroll-latest{padding:8px;min-height:36px}
  .compact-result .result-top>.result-actions{margin-left:0}
  .compact-result .result-body>.guest-preview{padding:20px 12px}
}
@media(max-width:779px){
  .result-body>.guest-preview{border-bottom:1px solid #e6e8eb}
}
@media(max-width:390px){.select-choice{grid-template-columns:minmax(0,1fr)}.selection-submit{justify-self:start}.chat-head{padding:0 12px}.messages{padding:18px 12px 24px}.composer-area{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.loading{opacity:1}}
/* Retained archives are summaries, never an active rendering of imported assets. */
.result-card.original-archive-card{display:flex;flex-direction:column}
.archive-summary{width:100%;padding:12px 20px;margin:0;order:0}
.archive-summary>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:16px;padding:10px 0;border-bottom:1px solid #eef0f2}
.archive-summary dt{font-size:12px;line-height:20px;color:#626b76}
.archive-summary dd{margin:0;font-size:13px;line-height:20px;color:#27313c;overflow-wrap:anywhere}
@media(max-width:390px){.archive-summary>div{grid-template-columns:1fr;gap:4px}}
/* The owner tester searches the complete available directory in one popover. */
.tenant-preview-panel{width:min(480px,calc(100vw - 40px));max-height:min(680px,calc(100dvh - 135px));overflow-y:auto;overscroll-behavior:contain}
.tenant-preview-panel>.context-select{width:100%;margin-top:6px}
.account-directory-results{display:flex;flex-direction:column;gap:3px;max-height:230px;overflow-y:auto;overscroll-behavior:contain;margin:10px 0}
.account-directory-choice{display:block;width:100%;padding:10px 12px;text-align:left;border:1px solid transparent;border-radius:6px;background:#f7f9fc;color:var(--ink);font:12px/1.5 inherit;cursor:pointer;overflow-wrap:anywhere}
.account-directory-choice:hover{background:#eaf1fb}
.account-directory-choice[aria-pressed=true]{border-color:#366ac3;background:#edf3ff}
.account-preview-form{margin-top:18px}
.conversation-intro>p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.compact-result .portal-edits>summary{padding:11px 14px;border:1px solid #bbc6d3;border-radius:6px;color:#285da9;font-weight:600;cursor:pointer}
@media(min-width:950px){
 .result-card.compact-result{max-width:900px}
 .compact-result .result-body{display:grid;grid-template-columns:minmax(320px,380px) minmax(220px,1fr);align-items:start}
 .compact-result .result-body>.guest-preview{border-bottom:0;border-right:1px solid #e6e8eb;min-height:100%}
 .compact-result .result-information{padding:24px;gap:18px}
}
.journey-nav{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:0 0 14px;font-size:12px}
.journey-nav .context-select{width:100%;font-size:12px}
.journey-preview>.journey-screen>.guest-preview{padding:0;margin:0;border:0;background:transparent}
.journey-caption{font-size:11px;line-height:1.5;color:#657386;margin:12px 0 0}
.sms-country-settings{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.sms-country-settings>.choice{align-self:flex-start}
.guest-portal[data-guest-screen-base=verification] .recipe-copy h3{font-size:28px!important}
.guest-portal[data-guest-screen=agreement] .recipe-copy h3{font-size:28px!important}

/* Free-flowing activity artwork, not a generated image or measured progress. */
.visual-loading{width:100%;max-width:100%}.visual-loading .bubble{display:block;border:0;background:transparent;box-shadow:none;padding:0}.visual-loading .message-copy{margin-bottom:18px}
.generation-canvas{position:relative;width:min(100%,380px);height:300px;overflow:hidden;isolation:isolate;pointer-events:none;background:transparent;border:0;border-radius:0}
.generation-particles{position:absolute;inset:8px;display:grid;grid-template-columns:repeat(22,1fr);grid-template-rows:repeat(18,1fr);align-items:center;justify-items:center;mask-image:radial-gradient(ellipse at 48% 48%,#000 25%,#000a 55%,transparent 76%);animation:generation-drift 8s ease-in-out infinite alternate}
.generation-particle{display:block;width:3px;height:3px;border-radius:50%;background:#2871d4;animation:generation-breathe 3.8s ease-in-out infinite;animation-delay:var(--dot-delay);box-shadow:0 0 7px #347fe332}
@keyframes generation-breathe{0%,100%{opacity:.12;transform:translateY(var(--dot-lift)) scale(.65)}50%{opacity:.95;transform:translateY(0) scale(1.3)}}
@keyframes generation-drift{0%{transform:perspective(500px) rotateX(9deg) rotateZ(-4deg) scale(.94)}100%{transform:perspective(500px) rotateX(-9deg) rotateZ(4deg) scale(1.02)}}
@media(prefers-reduced-motion:reduce){.generation-particles,.generation-particle{animation:none}.generation-particle{opacity:.55}}
.account-directory-choice small{display:block;color:#687381;font-size:11px;margin-top:3px}.account-preview-form>.context-select{margin:6px 0}.account-preview-form{margin-top:0}
/* Attachment actions remain legible and clickable above the composer. */
.composer .attachment-menu{min-width:218px;max-width:calc(100vw - 64px);padding:6px;background:#fff;border-color:#cbd5e1;z-index:30;filter:none;opacity:1;box-shadow:0 8px 28px #17334d26}
.composer .attachment-menu .attachment-option{display:block;width:100%;height:auto;min-height:42px;padding:10px 14px;margin:0;background:#fff;color:#263849;font:400 13px/22px 'Inter var',Inter,sans-serif;text-align:left;border-radius:6px;filter:none;opacity:1;transform:none;cursor:pointer}
.composer .attachment-menu .attachment-option:hover,.composer .attachment-menu .attachment-option:focus-visible{background:#eaf2ff;color:#124e99;transform:none}
.attachment-preview{display:block;max-width:220px;max-height:160px;object-fit:contain;margin:14px 0;background:#f4f6f9;border:1px solid #dae1ea;border-radius:8px;padding:8px}
.image-attachment-choices{display:flex;flex-wrap:wrap;gap:8px}
.download-setup{padding:14px;border:1px solid #d6e4f5;border-radius:8px;background:#f5f9ff;margin:12px 0;font-size:13px;line-height:21px}
.download-setup p{margin:4px 0 8px;color:#536579}.download-setup-item{margin:4px 0}.download-setup .text-action{padding:5px 0;text-align:left}
@media(min-width:950px){.compact-result .result-information{max-height:min(620px,max(320px,calc(100dvh - 300px)));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c4d0 transparent}.portal-edits .agreement-editor{margin:14px 0 18px}.portal-edits .agreement-text{height:130px;min-height:100px;max-height:200px}}

/* One connected journey, one detailed action at a time. */
.portal-handoff .message-content{width:100%;max-width:960px}.portal-handoff .bubble{width:100%;box-sizing:border-box}
.setup-steps{list-style:none;padding:0 0 8px;margin:20px 0 0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:8px;position:relative;overflow-x:auto;scroll-snap-type:x proximity}
.setup-steps::before{content:'';position:absolute;top:29px;left:10%;right:10%;height:2px;background:#c9d5e5}
.setup-step{position:relative;min-width:0;border:1px solid #cdd7e3;border-radius:7px;background:#fff;transition:background .2s,border-color .2s;scroll-snap-align:start}
.setup-step-select{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:4px 8px;width:100%;min-height:76px;border:0;border-radius:inherit;padding:12px;text-align:left;background:transparent;color:#455a70;font:inherit;cursor:pointer}
.setup-step-select:hover{background:#f0f6ff}.setup-step-select:focus-visible{outline:2px solid #2169ce;outline-offset:3px}
.setup-step-number{grid-row:span 2;width:24px;height:24px;border-radius:50%;border:1px solid #a8b8cc;background:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}
.setup-step strong{font-size:13px;font-weight:600}.setup-status{font-size:10px;color:#65758a;line-height:1.4}
.setup-step[data-current=true]{border-color:#2c70ca;background:#edf5ff;box-shadow:0 0 0 1px #2c70ca}.setup-step[data-current=true] .setup-step-number{background:#2169ce;border-color:#2169ce;color:#fff}
.setup-step[data-complete=true]{border-color:#74a987;background:#eaf6ee}.setup-step[data-complete=true] .setup-step-select{color:#23633b}.setup-step[data-complete=true] .setup-step-number{background:#267443;border-color:#267443;color:#fff}.setup-step[data-complete=true] .setup-status{color:#23633b}
.setup-active-panel{margin-top:16px;padding:18px 0 8px}.setup-overview{margin:0 0 8px;font-size:12px;color:#61738a}.setup-active-title{font-size:16px;font-weight:600;margin:0 0 10px;color:#263849}.setup-instructions{font-size:13px;line-height:1.7;margin:8px 0 16px;color:#495b70;max-width:680px}.setup-step-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.setup-step-actions .choice{padding:10px 14px;font-size:13px}.handoff-help{font-size:12px;line-height:1.6;color:#61738a}
@media(max-width:620px){.setup-steps{gap:4px}.setup-step-select{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:9px 6px;min-height:106px}.setup-step strong{font-size:11px}.setup-status{font-size:10px}.setup-steps::before{top:22px}.setup-active-title{font-size:15px}}
@media(prefers-reduced-motion:reduce){.setup-step{transition:none}}

/* Setup actions share one baseline and retain a clear primary action. */
.setup-step-actions>*{margin:0!important;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:20px}
.setup-step-actions .text-action{padding:10px 14px}
.setup-step-select{min-height:88px}

/* The four journey boxes own their actions; progress sits underneath. */
.setup-steps{align-items:stretch}
.setup-step{display:flex;flex-direction:column}
.setup-step-select{flex:1;min-height:108px}
.setup-step-actions{padding:0 8px 8px;gap:4px;align-items:flex-start}
.setup-step-actions .text-action{font-size:11px;line-height:16px;padding:6px 4px;min-height:32px;text-align:left;white-space:normal}
.portal-handoff .setup-overview{margin:14px 0 6px}
.portal-handoff .setup-instructions{margin:6px 0 0}

.setup-step-select{align-content:start;grid-template-rows:auto auto auto;text-align:left}
.setup-step-select>.setup-step-number{grid-column:1;grid-row:1/3}
.setup-step-select>strong{grid-column:2;grid-row:1}
.setup-step-select>.setup-status{grid-column:2;grid-row:2}
.setup-step-cta{grid-column:1/-1;grid-row:3;margin-top:8px;font-size:12px;line-height:18px;color:#2169ce;font-weight:600}
/* One settings flow beside the preview, without a nested side-rail scrollbar. */
.compact-result .result-information{max-height:none;overflow:visible;overscroll-behavior:auto;min-width:0}
.compact-result .result-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px}
.compact-result .result-tools>.text-action{display:block;width:100%;min-height:36px;padding:6px 0;text-align:left;white-space:normal;line-height:20px}
.portal-more-options{margin-top:4px;color:#687381;font-size:12px}.portal-more-options>summary{cursor:pointer;padding:8px 0}.portal-more-options>.text-action{display:block;padding:8px 0;text-align:left}
.portal-options-editor [hidden]{display:none!important}
@media(min-width:950px){.compact-result .result-body{grid-template-columns:minmax(290px,360px) minmax(240px,1fr)}.compact-result .result-information{padding:18px 20px;gap:12px}}
@media(max-width:949px){.compact-result .result-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-result .portal-more-options{grid-column:1/-1}}