
/* The LÜLI navigation wordmark follows Olive's light, widely spaced mono typography. */
@font-face{font-family:"JetBrains Mono";src:url("/app/assets/fonts/jetbrains-mono-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
header nav .nav-wordmark{display:inline-block;font-family:"JetBrains Mono",var(--font-mono);font-size:13px;font-weight:400;line-height:1.4;letter-spacing:.2em;font-synthesis:none}
/* Shared eight-line composer: measurement never collapses the live field. */
#assistant .talk,#assistant .chat-composer{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:minmax(0,1fr) var(--composer-toolbar-height,46px);column-gap:10px;row-gap:0;align-items:center!important;box-sizing:border-box;min-height:0;height:var(--composer-height,68px);transition:height 220ms cubic-bezier(.22,1,.36,1),border-color 200ms cubic-bezier(.4,0,.2,1),box-shadow 200ms cubic-bezier(.4,0,.2,1)}
#assistant .prompt-field{position:absolute;display:flow-root;left:var(--composer-field-left,156px);right:var(--composer-field-right,110px);top:var(--composer-field-top,16px);height:auto;min-height:34px;min-width:0;overflow:visible;transition:left 220ms cubic-bezier(.22,1,.36,1),right 220ms cubic-bezier(.22,1,.36,1),top 220ms cubic-bezier(.22,1,.36,1)}
#assistant .chat-composer>.composer-input{position:absolute;inset:auto;left:var(--composer-field-left,116px);right:var(--composer-field-right,110px);top:var(--composer-field-top,16px);width:auto;transition:height 220ms cubic-bezier(.22,1,.36,1),left 220ms cubic-bezier(.22,1,.36,1),right 220ms cubic-bezier(.22,1,.36,1),top 220ms cubic-bezier(.22,1,.36,1)}
#assistant .talk>button,#assistant .chat-composer>button{position:relative;z-index:3;grid-row:2;align-self:center;margin:0}
#assistant .talk>.voice-trigger,#assistant .chat-composer>.voice-trigger{grid-column:1;justify-self:start}
#assistant .talk>.attach-trigger,#assistant .chat-composer>.attach-trigger{grid-column:3;justify-self:end}
#assistant .talk>.send,#assistant .chat-composer>.send{grid-column:4;justify-self:end}
#assistant .prompt-field .typing-sample{inset:4px 0 auto;height:22px;max-height:22px;padding:0 4px;line-height:22px}
#assistant .composer-input{position:relative;inset:auto;display:block;width:100%;min-width:0;height:22px;min-height:22px;max-height:176px;margin:4px 0 8px;padding:0 4px;border:0;border-radius:0;outline:0;resize:none;background:transparent;color:var(--ink);font:14px/22px var(--font-sans);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden;overflow-y:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;overscroll-behavior-y:contain;transition:height 220ms cubic-bezier(.22,1,.36,1)}
#assistant .composer-input[data-overflowing="true"]{overflow-y:auto}
@supports selector(::-webkit-scrollbar){#assistant .composer-input{scrollbar-width:auto;scrollbar-color:auto}}
#assistant .composer-input::-webkit-scrollbar{width:6px}
#assistant .composer-input::-webkit-scrollbar-thumb{background:var(--luli-surface);border-radius:6px}
#assistant .composer-input:focus{border:0;outline:0;box-shadow:none}
/* A flex footer reserves its actual animated height instead of covering messages. */
#assistant .workspace-center .chat-body{flex:1 1 0;min-height:0;padding-bottom:22px!important;overflow-anchor:none}
#assistant .workspace-center .chat-composer{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto;transform:none!important;width:calc(100% - 36px)!important;margin:0 auto 16px!important;max-width:none}
#assistant .workspace-shell:not(.has-context-pane) .chat-composer{width:min(850px,calc(100% - 36px))!important}
#assistant .workspace-center .chat-stop-control{position:relative;inset:auto;left:auto;bottom:auto;flex:none;align-self:center;transform:none;margin:0 auto 10px}
@media(max-width:760px){#assistant .workspace-center .chat-composer,#assistant .workspace-shell:not(.has-context-pane) .chat-composer{width:calc(100% - 28px)!important;margin-bottom:12px!important}#assistant .talk{column-gap:8px;row-gap:0}#assistant .composer-input{font-size:16px}}
@media(prefers-reduced-motion:reduce){#assistant .talk,#assistant .chat-composer,#assistant .prompt-field,#assistant .composer-input{transition:none!important}}

/* Keep the homepage-to-conversation reflow hidden behind the fade. */
#assistant.is-entering-chat{will-change:opacity}
#assistant.is-entering-chat .workspace-shell{transition:none!important}
#assistant.is-entering-chat .chat-body,#assistant.is-entering-chat .chat-composer{will-change:opacity,translate}
/* Opening belongs to the persistent pane; switching belongs to its content surfaces. */
.workspace-shell.has-context-pane{overflow-x:clip}
.workspace-shell.has-context-pane .workspace-preview{animation:workspacePaneReveal 360ms cubic-bezier(.22,1,.36,1) both}
@keyframes workspacePaneReveal{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.workspace-shell.is-pane-closing{overflow:clip;transition:none!important}
.workspace-shell.is-pane-closing .workspace-center{will-change:transform,opacity}
.workspace-preview .career-profile-mount{position:relative;isolation:isolate;overflow-x:clip;min-height:100%}
.workspace-pane-outgoing{position:absolute!important;left:0;right:0;pointer-events:none;z-index:2;background:var(--luli-soft)}
.workspace-job-surface #history{padding:0 28px 40px}.workspace-job-surface .job-1p0{grid-template-columns:minmax(0,1fr)}.workspace-job-surface .page-title{padding-top:28px;min-height:0}.workspace-job-surface .page-title h1{font-size:28px}
.job-1p0{align-items:start}
.job-1p0 .job-row>div:not(.job-actions){flex:1;min-width:0;overflow-wrap:anywhere}
.job-1p0 .job-row>.tag,.job-1p0 .job-actions{flex-shrink:0}
.job-1p0 .job-actions button{white-space:nowrap}
.job-1p0 .record-list{margin-top:18px}
@media(max-width:620px){.job-1p0 .job-row{flex-wrap:wrap}.job-1p0 .job-row>.tag{align-self:flex-start}}
