.nla-page{min-width:0;min-height:100vh;overflow:hidden;background:var(--dash-bg,#08090c);color:var(--dash-text,#f5f5f6);font-family:Inter,sans-serif}body.nla-page .dash-main>main.nla{display:block;height:calc(100dvh - var(--dash-header-height,88px));min-height:560px;padding:16px 0 24px;overflow:hidden;box-sizing:border-box;container-type:inline-size}.nla [hidden]{display:none!important}.nla__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.nla__hub{display:grid;grid-template-columns:296px minmax(0,1fr);gap:16px;width:100%;height:100%;min-height:0}.nla__rail,.nla__workspace{min-width:0;min-height:0}.nla__rail{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:14px;border-radius:24px;background:var(--dash-card,#111216);overflow:hidden}.nla__status[data-state=loading]::before{animation:nla-pulse 1s ease-in-out infinite}
.nla__channels{display:grid;gap:4px}.nla__channel{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:48px;border:0;border-radius:14px;padding:0 11px;background:transparent;color:var(--dash-muted,#8f9098);cursor:pointer;font:500 13px/20px Inter,sans-serif;text-align:start;transition:background-color 140ms ease-out,color 140ms ease-out,scale 100ms ease-out}.nla__channel>svg{width:18px;height:18px;justify-self:center}.nla__channel:hover{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);color:var(--dash-text,#f5f5f6)}.nla__channel.is-active{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 8%,transparent);color:var(--dash-text,#f5f5f6)}.nla__channel:active{scale:.96}.nla__count,.nla__channel-mark{min-width:22px;border-radius:999px;padding:2px 7px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent);color:var(--dash-muted,#8f9098);font:600 10px/16px Inter,sans-serif;text-align:center}.nla__new-thread{display:grid;place-items:center;justify-self:end;width:36px;height:36px;border:0;border-radius:12px;padding:0;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent);color:var(--dash-text,#f5f5f6);cursor:pointer;transition:background-color 140ms ease-out,scale 100ms ease-out}.nla__new-thread:hover{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 12%,transparent)}.nla__new-thread:active{scale:.94}.nla__new-thread svg{width:17px;height:17px}.nla__rail-list{display:grid;align-content:start;gap:5px;overflow-y:auto;scrollbar-width:none}.nla__rail-list::-webkit-scrollbar{display:none}.nla__thread{display:grid;gap:4px;width:100%;border:0;border-radius:13px;padding:11px 12px;background:transparent;color:inherit;cursor:pointer;text-align:start;transition:background-color 140ms ease-out,scale 100ms ease-out}.nla__thread:hover,.nla__thread.is-active{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 6%,transparent)}.nla__thread:active{scale:.96}.nla__thread strong,.nla__thread span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nla__thread strong{font:600 13px/18px Inter,sans-serif}.nla__thread span{color:var(--dash-muted,#8f9098);font:400 11px/17px Inter,sans-serif}
.nla__workspace{display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative;overflow:hidden;border-radius:24px;background:color-mix(in srgb,var(--dash-card,#111216) 34%,transparent)}.nla__quiet-action{min-height:38px;border:0;border-radius:12px;padding:0 13px;background:var(--dash-card,#111216);color:var(--dash-text,#f5f5f6);cursor:pointer;font:600 12px/18px Inter,sans-serif;transition:background-color 140ms ease-out,scale 100ms ease-out}.nla__quiet-action:hover{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 10%,var(--dash-card,#111216))}.nla__quiet-action:active{scale:.96}.nla__stage{position:relative;min-height:0;overflow:hidden}.nla__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;max-width:760px;margin:0 auto;padding:32px 24px 56px;box-sizing:border-box;text-align:center}.nla__empty-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:18px;border-radius:20px;background:var(--dash-card,#111216);color:var(--dash-text,#f5f5f6)}.nla__empty-icon svg{width:27px;height:27px}.nla__empty h3,.nla__setup h3{margin:0;font:600 24px/1.25 Inter,sans-serif;letter-spacing:-.025em}.nla__empty p,.nla__setup p{max-width:470px;margin:9px 0 0;color:var(--dash-muted,#8f9098);font:400 14px/1.55 Inter,sans-serif}.nla__suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:28px}.nla__suggestions button{display:grid;gap:4px;min-height:78px;border:0;border-radius:18px;padding:14px 16px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);color:inherit;cursor:pointer;text-align:start;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dash-text,#f5f5f6) 4%,transparent);transition:background-color 140ms ease-out,box-shadow 140ms ease-out,scale 100ms ease-out}.nla__suggestions button:hover,.nla__suggestions button:focus-visible{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dash-text,#f5f5f6) 8%,transparent)}.nla__suggestions button:focus-visible{outline:2px solid var(--color-button-primary-focus,var(--dash-text,#f5f5f6));outline-offset:2px}.nla__suggestions button:active{scale:.96}.nla__suggestions strong{font:600 13px/1.4 Inter,sans-serif}.nla__suggestions span{color:var(--dash-muted,#8f9098);font:400 12px/1.4 Inter,sans-serif}
.nla__skeleton{display:grid;align-content:start;gap:28px;width:min(calc(100% - 48px),920px);height:100%;margin:0 auto;padding:42px 0;box-sizing:border-box}.nla__skeleton span{height:54px;border-radius:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--dash-text,#f5f5f6) 3%,transparent),color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent),color-mix(in srgb,var(--dash-text,#f5f5f6) 3%,transparent));background-size:200% 100%;animation:nla-shimmer 1.4s linear infinite}.nla__skeleton span:nth-child(1){width:44%;justify-self:end}.nla__skeleton span:nth-child(2){width:74%;height:86px}.nla__skeleton span:nth-child(3){width:58%;height:68px}
.nla__messages{display:flex;flex-direction:column;gap:28px;width:min(calc(100% - 48px),920px);height:100%;margin:0 auto;padding:30px 0 42px;box-sizing:border-box;overflow-y:auto;scrollbar-width:none;list-style:none}.nla__messages::-webkit-scrollbar{display:none}.nla__message{display:grid;gap:6px;max-width:100%}.nla__message[data-role=user]{align-self:flex-end;max-width:min(72%,680px)}.nla__message[data-role=assistant]{align-self:flex-start}.nla__message-body{margin:0;color:var(--dash-text,#f5f5f6);font:400 14px/1.65 Inter,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.nla__message[data-role=user] .nla__message-body{padding:12px 15px;border-radius:18px 18px 6px 18px;background:var(--dash-card,#111216)}.nla__message[data-role=assistant] .nla__message-body{max-width:820px;padding:0}
.nla__composer{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:end;gap:8px;width:min(calc(100% - 48px),920px);margin:0 auto 16px;padding:6px 6px 6px 18px;border-radius:24px;background:var(--color-well,color-mix(in srgb,var(--dash-text,#f5f5f6) 6%,transparent));box-sizing:border-box;transition:background-color 140ms ease-out}.nla__composer:hover,.nla__composer:focus-within{background:var(--color-well-hover,color-mix(in srgb,var(--dash-text,#f5f5f6) 9%,transparent))}.nla__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nla__composer textarea{display:block;width:100%;min-height:36px;max-height:144px;margin:0;resize:none;overflow-y:auto;border:0;padding:7px 0;background:transparent;color:var(--dash-text,#f5f5f6);font:400 14px/22px Inter,sans-serif;box-sizing:border-box;scrollbar-width:none}.nla__composer textarea::-webkit-scrollbar{display:none}.nla__composer textarea::placeholder{color:var(--dash-muted,#8f9098)}.nla__composer textarea:focus,.nla__composer textarea:focus-visible{outline:0}.nla__composer .nla__send.nv-icon-button{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:0;border-radius:999px;background:var(--color-button-primary);color:var(--color-button-primary-text);box-shadow:none;cursor:pointer;transition:background-color 140ms ease-out,color 140ms ease-out,scale 100ms ease-out}.nla__composer .nla__send.nv-icon-button:hover:not(:disabled){background:var(--color-button-primary-hover);color:var(--color-button-primary-text)}.nla__composer .nla__send.nv-icon-button:active:not(:disabled){scale:.94}.nla__composer .nla__send.nv-icon-button:focus-visible{outline:2px solid var(--color-button-primary-focus,var(--dash-border-strong));outline-offset:2px}.nla__composer .nla__send.nv-icon-button:disabled{background:transparent;color:var(--color-text-tertiary,var(--dash-muted,#8f9098));opacity:1;cursor:default}.nla__composer .nla__send svg{display:block;width:18px;height:18px;color:currentColor}
.nla__setup{display:grid;align-content:center;gap:16px;width:min(calc(100% - 48px),520px);height:100%;margin:auto}.nla__setup label{display:grid;gap:7px;color:var(--dash-muted,#8f9098);font:600 10px/1.4 Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase}.nla__setup input{width:100%;height:48px;border:0;border-radius:15px;padding:0 14px;background:var(--color-well,color-mix(in srgb,var(--dash-text,#f5f5f6) 6%,transparent));box-shadow:none;color:var(--dash-text,#f5f5f6);font:400 14px/22px Inter,sans-serif;text-transform:none;letter-spacing:normal;box-sizing:border-box;transition:background-color 140ms ease-out}.nla__setup input:hover,.nla__setup input:focus{background:var(--color-well-hover,color-mix(in srgb,var(--dash-text,#f5f5f6) 9%,transparent))}.nla__setup input:focus,.nla__setup input:focus-visible{outline:0}.nla__setup-actions{display:flex;justify-content:flex-end;gap:10px}.nla__setup .nv-button{min-height:42px;border-radius:13px}.nla__notifications{display:grid;align-content:start;width:min(calc(100% - 48px),920px);height:100%;margin:0 auto;padding:20px 0;overflow-y:auto;box-sizing:border-box}.nla__notice{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:14px;align-items:start;padding:17px 4px;border-radius:14px;cursor:pointer;transition:background-color 140ms ease-out}.nla__notice:hover{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 4%,transparent)}.nla__notice-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:transparent}.nla__notice.is-unread .nla__notice-dot{background:#8fa8ff}.nla__notice strong{display:block;font:600 13px/1.4 Inter,sans-serif}.nla__notice p{margin:4px 0 0;color:var(--dash-muted,#8f9098);font:400 12px/1.5 Inter,sans-serif}.nla__notice time{color:var(--dash-muted,#8f9098);font:400 10px/1.4 Inter,sans-serif}.nla button:focus-visible,.nla input:focus-visible,.nla__notice:focus-visible{outline:2px solid color-mix(in srgb,#8fa8ff 78%,transparent);outline-offset:3px}
@keyframes nla-pulse{50%{opacity:.35}}@keyframes nla-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.nla__status[data-state=loading]::before,.nla__skeleton span{animation:none}.nla__channel,.nla__thread,.nla__quiet-action,.nla__suggestions button,.nla__send{transition:none}}
@media(max-width:1040px){.nla__hub{grid-template-columns:250px minmax(0,1fr)}.nla__channel-mark{display:none}}
@media(max-width:760px){body.nla-page .dash-main>main.nla{height:calc(100dvh - var(--dash-header-height,72px));min-height:500px;padding:10px 0 94px}.nla__hub{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px}.nla__rail{display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:auto;padding:8px 10px;border-radius:20px;overflow:visible}.nla__channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.nla__channel{display:flex;justify-content:center;min-height:44px;padding:0 8px}.nla__channel>svg{width:16px}.nla__channel .nla__count,.nla__channel-mark{display:none}.nla__new-thread{align-self:center}.nla__rail-list{display:none}.nla__workspace{border-radius:20px}.nla__skeleton,.nla__messages,.nla__notifications,.nla__composer{width:calc(100% - 28px)}.nla__messages{padding-top:20px}.nla__empty{padding:24px 16px 40px}.nla__empty h3{font-size:21px}.nla__suggestions{grid-template-columns:1fr;max-height:190px;overflow-y:auto}.nla__composer{margin-bottom:12px}.nla__composer textarea,.nla__setup input{font-size:16px}.nla__message[data-role=user]{max-width:88%}}
@media(max-width:430px){.nla__channel>svg{display:none}.nla__quiet-action{padding:0 10px}.nla__composer{padding-left:14px}}

/* Three-pane workspace: history, conversation, details. */
.nla__hub{grid-template-columns:280px minmax(420px,1fr) 300px}
.nla__rail{grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.nla__new-thread{display:inline-flex;justify-self:stretch;width:100%;font-size:var(--font-size-sm)}
.nla__new-thread svg{width:16px;height:16px}
.nla__rail-list{min-height:0;padding-block:4px}
.nla__details{display:grid;grid-template-rows:minmax(0,1fr);position:relative;min-width:0;min-height:0;border-radius:24px;background:var(--dash-card,#111216);overflow:hidden}
.nla__details-head{position:absolute;z-index:2;inset:10px 10px auto auto;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
.nla__details-body{display:grid;align-content:start;gap:22px;padding:10px 18px 20px;overflow-y:auto;scrollbar-width:none}
.nla__details-body::-webkit-scrollbar{display:none}
.nla__detail-section{display:grid;gap:8px;min-width:0}
.nla__detail-label{margin:0;color:var(--dash-muted,#8f9098);font:600 9px/14px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.nla__detail-section>strong{font:600 14px/20px Inter,sans-serif}
.nla__detail-section>span{color:var(--dash-muted,#8f9098);font:400 12px/1.5 Inter,sans-serif}
.nla__detail-chart{gap:12px}
.nla__detail-chart>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px}
.nla__detail-chart .nla__detail-label{grid-column:1/-1}
.nla__detail-chart strong{font:600 17px/22px Inter,sans-serif}
.nla__detail-chart span{color:#75c69a;font:600 10px/16px Inter,sans-serif}
.nla__details .nla__detail-chart svg{display:block;width:100%;height:auto;color:#8fa8ff}
.nla__detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:5px;color:var(--dash-muted,#8f9098);font:400 11px/17px Inter,sans-serif}
.nla__detail-row strong{color:var(--dash-text,#f5f5f6);font-weight:600;font-variant-numeric:tabular-nums}
.nla__detail-source{display:flex;align-items:center;gap:10px;padding-block:5px}
.nla__detail-source>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 6%,transparent);color:var(--dash-muted,#8f9098);font:600 9px/1 Inter,sans-serif}
.nla__detail-source>div{display:grid;gap:1px;min-width:0}
.nla__detail-source strong{overflow:hidden;color:var(--dash-text,#f5f5f6);font:500 11px/16px Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.nla__detail-source small{color:var(--dash-muted,#8f9098);font:400 10px/15px Inter,sans-serif}
.nla__message-body h3{margin:0 0 9px;font:600 20px/1.3 Inter,sans-serif;letter-spacing:-.02em}
.nla__message-body p{margin:0}
.nla__analysis-chart{display:grid;gap:14px;max-width:680px;margin-top:18px;padding:16px;border-radius:20px;background:var(--dash-card,#111216)}
.nla__analysis-chart-head{display:flex;align-items:start;justify-content:space-between;gap:16px}
.nla__analysis-chart-head>div{display:grid;gap:3px}
.nla__analysis-chart-head strong{font:600 13px/18px Inter,sans-serif}
.nla__analysis-chart-head span{color:var(--dash-muted,#8f9098);font:400 10px/15px Inter,sans-serif}
.nla__analysis-chart-head>strong{color:#75c69a}
.nla__bars{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;height:160px;padding:14px 18px 0;border-radius:15px;background-image:radial-gradient(color-mix(in srgb,var(--dash-text,#f5f5f6) 8%,transparent) 1px,transparent 1px);background-size:14px 14px}
.nla__bars>span{display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-items:end;justify-items:center;gap:6px;height:100%;color:var(--dash-muted,#8f9098);font:500 9px/14px Inter,sans-serif}
.nla__bars>span::before{width:min(34px,70%);height:var(--value);min-height:20px;border-radius:999px 999px 7px 7px;background:color-mix(in srgb,#8fa8ff 32%,transparent);content:""}
.nla__bars>span.is-active::before{background:#8fa8ff}
.nla__bars i{font-style:normal}.nla__bars b{font-weight:600}
.nla__analysis-note{display:flex;align-items:flex-start;gap:12px;max-width:680px;margin-top:10px;padding:14px 16px;border:0;border-radius:16px;background:var(--color-warning-soft)}
.nla__analysis-note .nla__analysis-note-icon{flex:0 0 auto;width:20px;height:20px;margin-top:1px;color:var(--color-warning)}
.nla__analysis-note-content{display:grid;gap:4px;min-width:0}
.nla__analysis-note-content strong{color:var(--dash-text,#f5f5f6);font:600 14px/20px Inter,sans-serif}
.nla__analysis-note-content span{color:var(--dash-muted,#8f9098);font:400 13px/1.45 Inter,sans-serif}
@media(max-width:1360px){.nla__hub{grid-template-columns:250px minmax(380px,1fr) 270px}}
@media(max-width:1160px){.nla__hub{grid-template-columns:250px minmax(0,1fr)}.nla__details{display:none}}
@container (max-width:940px){.nla__hub{grid-template-columns:250px minmax(0,1fr)}.nla__details{display:none}}
@media(max-width:760px){.nla__hub{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.nla__rail{grid-template-columns:1fr;grid-template-rows:auto auto;padding:8px 10px}.nla__new-thread{height:40px}.nla__rail-list{display:none}.nla__analysis-chart{padding:13px}.nla__bars{height:124px;padding-inline:8px}.nla__analysis-note{padding:12px 14px}}

/* Light theme: clean white islands on a neutral canvas, with one quiet nested surface. */
html.light-theme body.nla-page .dash-main>main.nla,
html.light body.nla-page .dash-main>main.nla{--dash-card:#fff;--dash-text:#242428;--dash-muted:#71717a}
html.light-theme .nla__workspace,
html.light .nla__workspace{background:#fff}
html.light-theme .nla__channel:hover,
html.light .nla__channel:hover,
html.light-theme .nla__channel.is-active,
html.light .nla__channel.is-active,
html.light-theme .nla__thread:hover,
html.light .nla__thread:hover,
html.light-theme .nla__thread.is-active,
html.light .nla__thread.is-active{background:#f2f2f3}
html.light-theme .nla__count,
html.light .nla__count,
html.light-theme .nla__channel-mark,
html.light .nla__channel-mark,
html.light-theme .nla__detail-source>span,
html.light .nla__detail-source>span{background:#f3f3f4}
html.light-theme .nla__analysis-chart,
html.light .nla__analysis-chart{background:#f7f7f8}

/* Conversation · DS nv-o-message-scroller: solid question, ghost reply, follow + preview rail. */
.nla__messages{gap:24px;overscroll-behavior:contain;overflow-anchor:none;outline:0;mask-image:linear-gradient(transparent,#000 16px)}
.nla__stage.is-overflowing .nla__messages{padding-right:24px}
.nla__message[data-role=user]{max-width:min(82%,680px)}
.nla__message-body{line-height:24px}
.nla__message[data-role=user] .nla__message-body{padding:10px 14px;border-radius:16px;background:var(--color-button-primary);color:var(--color-button-primary-text)}
.nla__message--pending .nla__message-body{display:flex;align-items:center;min-height:24px}

/* Embedded in the dashboard widget: the chat only, without the app shell, channels or details. */
html.nla-embed,html.nla-embed body.nla-page{min-height:0;background:transparent!important}
html.nla-embed .dash-sidebar,html.nla-embed .dash-header,html.nla-embed .dash-tab-bar,html.nla-embed .dash-menu-btn,html.nla-embed .dash-sidebar-backdrop,html.nla-embed .dash-nav-sheet{display:none!important}
html.nla-embed .dash-shell{display:block;min-height:0;padding:0}
html.nla-embed .dash-main{width:100%!important;max-width:none!important;min-height:0;margin:0!important;padding:0!important}
html.nla-embed body.nla-page .dash-main>main.nla{height:100dvh;min-height:0;padding:0}
html.nla-embed .nla__hub{display:block;height:100%}
html.nla-embed .nla__rail,html.nla-embed .nla__details{display:none!important}
html.nla-embed .nla__workspace{height:100%;border-radius:0;background:transparent!important}
html.nla-embed .nla__skeleton,html.nla-embed .nla__messages,html.nla-embed .nla__notifications,html.nla-embed .nla__composer{width:calc(100% - 32px)}
html.nla-embed .nla__skeleton{padding-top:8px}
html.nla-embed .nla__messages{padding:8px 0 24px}
html.nla-embed .nla__message[data-role=user]{max-width:85%}
html.nla-embed .nla__message-body h3{font-size:17px;line-height:24px}
html.nla-embed .nla__analysis-chart{margin-top:12px;padding:12px;border-radius:16px}
html.nla-embed .nla__bars{height:120px;padding-inline:8px}
html.nla-embed .nla__analysis-note{padding:12px 14px}
html.nla-embed .nla__empty{justify-content:safe flex-end;padding:16px 16px 20px;overflow-y:auto;scrollbar-width:none}
html.nla-embed .nla__empty-icon{display:none}
html.nla-embed .nla__empty h3{font-size:18px}
html.nla-embed .nla__empty p{font-size:13px}
html.nla-embed .nla__suggestions{grid-template-columns:1fr;gap:8px;max-height:none;margin-top:20px}
html.nla-embed{--nla-embed-well:var(--color-well,color-mix(in srgb,var(--dash-text,#f5f5f6) 6%,transparent));--nla-embed-well-hover:color-mix(in srgb,var(--nla-embed-well) 92%,var(--dash-text,#f5f5f6))}
html.nla-embed:not(.light){--nla-embed-well:var(--color-well-hover,color-mix(in srgb,var(--dash-text,#f5f5f6) 9%,transparent))}
html.nla-embed .nla__suggestions button{min-height:0;padding:12px 14px;border-radius:14px;background:var(--nla-embed-well)}
html.nla-embed .nla__suggestions button:hover,html.nla-embed .nla__composer:hover,html.nla-embed .nla__composer:focus-within{background:var(--nla-embed-well-hover)}
html.nla-embed .nla__composer{background:var(--nla-embed-well)}
html.nla-embed .nla__composer{margin-bottom:16px}

/* Workspace messenger: real navigation around people, Navorina AI and activity. */
.nla__hub{grid-template-columns:288px minmax(440px,1fr) 300px;gap:12px}
.nla__rail{--nla-rail-leading:24px;--nla-rail-gap:10px;--nla-rail-pad-start:4px;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:16px}
.nla__rail-head{display:grid;gap:12px}
.nla__nav-label{margin:0;color:var(--dash-muted,#8f9098);font:600 9px/14px Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.nla__tree{display:grid;align-content:start;gap:14px;min-height:0;margin-inline:-4px;padding:0 4px 4px;overflow-y:auto;scrollbar-width:thin}
.nla__group{display:grid;gap:2px}
.nla__group-bar{position:relative}
.nla__group-head{display:grid;grid-template-columns:var(--nla-rail-leading) minmax(0,1fr) auto;align-items:center;column-gap:var(--nla-rail-gap);width:100%;height:34px;border:0;border-radius:9px;padding:0 8px 0 var(--nla-rail-pad-start);background:transparent;color:var(--dash-muted,#8f9098);cursor:pointer;font:600 13px/20px Inter,sans-serif;text-align:start;transition:background-color 140ms ease-out,color 140ms ease-out}
.nla__group-head:hover{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);color:var(--dash-text,#f5f5f6)}
.nla__group-head svg{justify-self:center;width:16px;height:16px;transition:transform 140ms ease-out}
.nla__group.is-collapsed .nla__group-head svg{transform:rotate(-90deg)}
.nla__group-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nla__group-count{display:none}
.nla__group-items{display:grid;gap:1px}
.nla__group.is-collapsed .nla__group-items{display:none}
.nla__item{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;height:32px;border:0;border-radius:9px;padding:0 8px 0 4px;background:transparent;color:var(--dash-muted,#8f9098);cursor:pointer;font:500 13px/18px Inter,sans-serif;text-align:start;transition:background-color 140ms ease-out,color 140ms ease-out}
.nla__item:hover{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);color:var(--dash-text,#f5f5f6)}
.nla__item.is-active{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 8%,transparent);color:var(--dash-text,#f5f5f6)}
.nla__item.is-unread{color:var(--dash-text,#f5f5f6);font-weight:600}
.nla__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nla__item-lead{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent);color:var(--dash-text,#f5f5f6);font:600 9px/1 Inter,sans-serif}
.nla__item-lead--avatar{position:relative;border-radius:50%;--nla-presence-ring:var(--nla-shell-surface)}
.nla__item-lead--avatar[data-has-photo=true]{outline:1px solid oklch(1 0 0/.1);outline-offset:-1px}
.nla__item-lead--avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.nla__presence{position:absolute;z-index:1;inset-inline-end:-1px;inset-block-end:-1px;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px var(--nla-presence-ring)}
.nla__presence[data-presence=online]{color:var(--nla-success)}
.nla__presence[data-presence=offline]{color:var(--dash-muted,#8f9098)}
.nla__item:hover .nla__item-lead--avatar,.nla__item.is-active .nla__item-lead--avatar{--nla-presence-ring:var(--nla-hover-surface)}
.nla__item-lead--icon,.nla__item-lead--dot{background:transparent;color:var(--dash-muted,#8f9098)}
.nla__item-lead svg{width:16px;height:16px}
.nla__item-lead--dot::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}
.nla__item.is-unread .nla__item-lead--dot{color:var(--color-highlight)}
.nla__item.is-unread .nla__item-lead--dot::before{opacity:1}
@media(prefers-reduced-motion:reduce){.nla__group-head,.nla__group-head svg,.nla__item{transition:none}}
.nla__group-empty{margin:0;padding:6px 8px 6px 33px;color:var(--dash-muted,#8f9098);font:400 11px/1.5 Inter,sans-serif}
.nla__group-action{display:grid;grid-template-columns:var(--nla-rail-leading) minmax(0,1fr);align-items:center;column-gap:var(--nla-rail-gap);width:100%;height:38px;border:0;border-radius:9px;padding:0 8px 0 var(--nla-rail-pad-start);background:transparent;color:var(--dash-muted,#8f9098);cursor:pointer;font:500 14px/20px Inter,sans-serif;text-align:start;transition:color 120ms ease-out}
.nla__group-action svg{width:16px;height:16px;justify-self:center}
.nla__group-action:hover,.nla__group-action:focus-visible{color:var(--dash-text,#f5f5f6)}
.nla__new-thread{display:inline-flex;justify-content:center;gap:8px;justify-self:stretch;width:100%;height:42px;border-radius:13px;font-size:12px}
@media(min-width:761px){.nla__rail{grid-template-rows:auto minmax(0,1fr)}.nla__new-thread{display:none!important}}
.nla__nav-label{display:block;padding:10px 11px 3px}
.nla__conversation-section{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}
.nla__conversation-section>.nla__nav-label{padding:2px 11px 7px}
.nla__rail-list{padding:0}
.nla__thread{grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;padding:9px 10px}
.nla__thread-avatar{display:grid;grid-row:1/3;place-items:center;width:32px;height:32px;border-radius:11px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent);color:var(--dash-text,#f5f5f6);font:600 11px/1 Inter,sans-serif}
.nla__thread strong{grid-column:2;font-size:12px;line-height:17px}
.nla__thread-preview{grid-column:2;font-size:10px!important;line-height:15px!important}
.nla__thread-unread{display:grid;grid-column:3;grid-row:1/3;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#8fa8ff;color:#08090c!important;font:700 9px/1 Inter,sans-serif!important}
.nla__rail-empty{margin:8px 11px;color:var(--dash-muted,#8f9098);font:400 11px/1.5 Inter,sans-serif}
.nla__workspace{grid-template-rows:auto minmax(0,1fr) auto}
.nla__conversation-head{display:grid;grid-template-columns:38px minmax(0,1fr) 36px;align-items:center;gap:11px;min-height:64px;padding:0 18px;border-bottom:1px solid color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent)}
.nla__conversation-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,#8fa8ff 16%,transparent);color:#9eb3ff;font:700 12px/1 Inter,sans-serif}
.nla__conversation-avatar:has(img){overflow:hidden;border-radius:50%;outline:1px solid oklch(1 0 0 / .1)}
.nla__conversation-avatar img,.nla__search-result-lead img{width:100%;height:100%;object-fit:cover}
.light-theme .nla__conversation-avatar:has(img),.light .nla__conversation-avatar:has(img){outline-color:oklch(0 0 0 / .1)}
.nla__conversation-head>div{display:grid;gap:1px;min-width:0}
.nla__conversation-head p{margin:0;color:var(--dash-muted,#8f9098);font:500 10px/14px Inter,sans-serif}
.nla__conversation-head h1{overflow:hidden;margin:0;font:600 14px/20px Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.nla__details-toggle,.nla__details-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:12px;padding:0;background:transparent;color:var(--dash-muted,#8f9098);cursor:pointer;transition:background-color 140ms ease-out,color 140ms ease-out,scale 100ms ease-out}
.nla__details-toggle:hover,.nla__details-close:hover{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent);color:var(--dash-text,#f5f5f6)}
.nla__details-toggle:active,.nla__details-close:active{scale:.96}
.nla__details-toggle svg,.nla__details-close svg{width:18px;height:18px}
.nla__details-toggle-avatar{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border-radius:50%;background:var(--nla-avatar-soft);color:var(--nla-avatar);font:600 11px/1 Inter,sans-serif;outline:1px solid oklch(1 0 0 / .1);transition:box-shadow 140ms ease-out}
.nla__details-toggle-avatar img{width:100%;height:100%;object-fit:cover}
.light-theme .nla__details-toggle-avatar,.light .nla__details-toggle-avatar{outline-color:oklch(0 0 0 / .1)}
.nla__details-toggle:is(:hover,[aria-expanded=true]) .nla__details-toggle-avatar{box-shadow:0 0 0 3px color-mix(in srgb,var(--dash-text,#f5f5f6) 10%,transparent)}
.nla__details-head>div{display:flex;align-items:center;gap:6px;pointer-events:auto}
.nla__detail-name-line{display:flex;align-items:center;gap:7px;min-width:0}
.nla__identity-status{flex:none;border-radius:999px;padding:2px 6px;background:var(--nla-success-soft);color:var(--nla-success);font:600 8px/12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.nla__details-close{display:none}
.nla__notice{width:100%;border:0;background:transparent;color:inherit;text-align:start;box-sizing:border-box}

html.light-theme .nla__group-head:hover,html.light .nla__group-head:hover,html.light-theme .nla__item:hover,html.light .nla__item:hover{background:#f6f6f7}
html.light-theme .nla__item.is-active,html.light .nla__item.is-active{background:var(--nla-composer-frame-surface)}
html.light-theme .nla__item-lead--avatar,html.light .nla__item-lead--avatar{background:#f0f0f2}
html.light-theme .nla__item-lead--avatar[data-has-photo=true],html.light .nla__item-lead--avatar[data-has-photo=true]{outline-color:oklch(0 0 0/.1)}
html.light-theme .nla__thread-avatar,html.light .nla__thread-avatar{background:#f0f0f2}
html.light-theme .nla__conversation-avatar,html.light .nla__conversation-avatar{background:#eef1ff;color:#526cc6}

@media(max-width:1360px){.nla__hub{grid-template-columns:258px minmax(400px,1fr) 276px}}
@media(max-width:1160px), (max-width:940px){
  .nla__hub{grid-template-columns:258px minmax(0,1fr)}
  .nla__details{display:none;position:absolute;z-index:5;inset:0 0 0 auto;width:min(320px,calc(100% - 20px));box-shadow:-24px 0 48px color-mix(in srgb,#000 22%,transparent)}
  .nla__hub.is-details-open .nla__details{display:grid}
  .nla__details-close{display:grid}
}
@media(max-width:760px){
  .nla__hub{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .nla__rail{grid-template-columns:minmax(0,1fr) 42px;grid-template-rows:auto auto;grid-template-areas:"groups groups" "search new";gap:8px;padding:10px 12px}
  .nla__rail-head{display:contents}
  .nla__tree{grid-area:groups;display:flex;gap:2px;margin:0;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);overflow:visible}
  .nla__group{display:contents}
  .nla__group-items{display:none!important}
  .nla__group-head{flex:1 1 auto;grid-template-columns:minmax(0,auto) auto;justify-content:center;gap:5px;height:34px;border-radius:10px;padding:0 8px;font-weight:500}
  .nla__group-head svg{display:none}
  .nla__group-bar{display:contents}
  .nla__group-add{display:none}
  .nla__group-count:not(:empty,[data-count="0"]){display:inline-flex}
  .nla__group-head.is-current{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 10%,transparent);color:var(--dash-text,#f5f5f6)}
  html.light-theme .nla__tree,html.light .nla__tree{background:#f3f3f4}
  html.light-theme .nla__group-head.is-current,html.light .nla__group-head.is-current{background:#fff}
  .nla__conversation-search-trigger-wrap{grid-area:search}
  .nla__new-thread{grid-area:new;width:42px;padding:0}
  .nla__new-thread span{display:none}
  .nla__nav-label,.nla__conversation-section{display:none}
  .nla__channel{justify-content:center}
  .nla__channel-mark,.nla__channel .nla__count{display:none}
  .nla__workspace{border-radius:20px}
  .nla__conversation-head{min-height:58px;padding-inline:14px}
  .nla__details{position:fixed;inset:var(--dash-header-height,72px) 10px 82px auto;width:calc(100% - 20px)}
}
html.nla-embed .nla__conversation-head{display:none}

/* Direct messages keep incoming and outgoing turns visually distinct. */
.nla__message[data-role=peer]{align-self:flex-start;max-width:min(82%,680px)}
.nla__message[data-role=peer] .nla__message-body{padding:10px 14px;border-radius:16px 16px 16px 6px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent)}

/* Collapse by the dashboard content width, not the outer browser viewport. */
@container (min-width:761px) and (max-width:1100px){
  .nla__hub{position:relative;grid-template-columns:258px minmax(0,1fr)}
  .nla__details{display:none;position:absolute;z-index:5;inset:0 0 0 auto;width:min(320px,calc(100% - 20px));box-shadow:-24px 0 48px color-mix(in srgb,#000 22%,transparent)}
  .nla__hub.is-details-open .nla__details{display:grid}
  .nla__details-close{display:grid}
}

@media(max-width:760px){.nla__message[data-role=peer]{max-width:88%}}

/* Thread rhythm: consecutive turns group into one block; time sits under the last bubble of a group. */
.nla__messages{gap:16px}
.nla__message{gap:4px}
.nla__message.is-joined-prev{margin-top:-12px}
.nla__message[data-role=user] .nla__message-body,.nla__message[data-role=peer] .nla__message-body{border-radius:18px}
.nla__message[data-role=user].is-joined-next .nla__message-body{border-bottom-right-radius:6px}
.nla__message[data-role=user].is-joined-prev .nla__message-body{border-top-right-radius:6px}
.nla__message[data-role=peer].is-joined-next .nla__message-body{border-bottom-left-radius:6px}
.nla__message[data-role=peer].is-joined-prev .nla__message-body{border-top-left-radius:6px}
.nla__message:not(.nla__message--pending){cursor:pointer}
.nla__message:focus{outline:0}
.nla__message:focus-visible .nla__message-body{outline:2px solid var(--color-button-primary-focus,var(--dash-text,#f5f5f6));outline-offset:3px}
.nla__message-meta-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 200ms ease-out,opacity 160ms ease-out}
.nla__message-meta{display:flex;min-height:0;align-items:center;gap:2px;overflow:hidden;padding-inline:4px;color:var(--dash-muted,#8f9098);font:500 11px/16px Inter,sans-serif;font-variant-numeric:tabular-nums}
.nla__message:is(.is-time-revealed,:focus-visible) .nla__message-meta-reveal{grid-template-rows:1fr;opacity:1}
.nla__message[data-role=user] .nla__message-meta{justify-content:flex-end}
.nla__message[data-role=assistant] .nla__message-meta{gap:6px;margin-left:-6px;padding:0}
.nla__message.is-joined-next .nla__message-meta-reveal{display:none}
.nla__message-action{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:8px;padding:0;background:transparent;color:inherit;cursor:pointer;transition:background-color 140ms ease-out,color 140ms ease-out}
.nla__message-action:hover{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent);color:var(--dash-text,#f5f5f6)}
.nla__message-action.is-done{color:var(--dash-text,#f5f5f6)}
.nla__message-action svg{width:14px;height:14px}
.nla__message.is-sending .nla__message-body{opacity:.72}
.nla__message.is-failed .nla__message-body{opacity:.78}
.nla__delivery-status{margin-inline-start:4px;color:var(--dash-muted,#8f9098)}
.nla__message-retry{min-width:44px;min-height:28px;border:0;border-radius:8px;padding:0 9px;background:var(--nla-card-surface,var(--color-button-secondary));color:var(--dash-text,#f5f5f6);cursor:pointer;font:600 11px/16px Inter,sans-serif}
.nla__message-retry:hover{background:var(--nla-hover-surface,var(--color-button-secondary-hover))}
.nla__message-retry:focus-visible{outline:2px solid var(--color-button-primary-focus,var(--dash-text,#f5f5f6));outline-offset:2px}
.nla__divider{align-self:center;margin:6px 0 2px;border-radius:999px;padding:1px 10px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);color:var(--dash-muted,#8f9098);font:500 11px/18px Inter,sans-serif}
.nla__divider--new{background:var(--color-highlight-soft);color:var(--color-highlight);font-weight:600}
html.light-theme .nla__divider:not(.nla__divider--new),html.light .nla__divider:not(.nla__divider--new){background:#f3f3f4}
html.light-theme .nla__message-action:hover,html.light .nla__message-action:hover{background:#f2f2f3}
@media(prefers-reduced-motion:reduce){.nla__message-action,.nla__message-meta-reveal{transition:none}}

/* People stay neutral; accent and status colors come from the shared DS tokens. */
.nla__conversation-avatar svg{width:18px;height:18px}

/* Conversation header reads name first, context second. */
.nla__conversation-head h1{order:0}
.nla__conversation-head p{order:1;overflow:hidden;font-size:11px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}

/* Analysis bars: height is value / max on a shared zero baseline; amount sits on the bar, month under it. */
.nla__bars,html.nla-embed .nla__bars{--plot:112px;display:grid;grid-template-columns:repeat(var(--bars,3),minmax(0,1fr));align-items:end;gap:12px;height:auto;padding:4px 4px 0;border-radius:0;background:none;white-space:normal}
.nla__bars>span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:auto;color:var(--dash-muted,#8f9098);font:500 11px/16px Inter,sans-serif;font-variant-numeric:tabular-nums}
.nla__bars>span::before{content:none}
.nla__bars em{display:block;width:min(64px,64%);height:calc(var(--plot) * var(--v,0));min-height:6px;border-radius:10px 10px 4px 4px;background:color-mix(in srgb,#8fa8ff 30%,transparent)}
.nla__bars>span.is-active em{background:#8fa8ff}
.nla__bars b{color:var(--dash-text,#f5f5f6);font-weight:600}
.nla__bars>span:not(.is-active) b{color:var(--dash-muted,#8f9098);font-weight:500}
.nla__bars i{font-style:normal}
html.light-theme .nla__bars em,html.light .nla__bars em{background:#dfe5fb}
html.light-theme .nla__bars>span.is-active em,html.light .nla__bars>span.is-active em{background:#8fa8ff}
html.nla-embed .nla__bars{--plot:84px}
@media(max-width:760px){.nla__bars{--plot:84px}}

/* Details panel: each section is a barely-there island so structure reads without extra air. */
.nla__details-body{gap:8px;padding:2px 10px 12px}
.nla__detail-section{gap:6px;border-radius:16px;padding:12px 14px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 3.5%,transparent)}
.nla__detail-section.nla__detail-chart{gap:10px}
.nla__detail-row,.nla__detail-source{padding-block:4px}
.nla__detail-source>span{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent)}
html.light-theme .nla__detail-section,html.light .nla__detail-section{background:#f8f8f9}
html.light-theme .nla__detail-source>span,html.light .nla__detail-source>span{background:#fff}

/* The composer keeps common actions visible instead of hiding them behind a generic plus menu. */
.nla__messages{width:min(calc(100% - 56px),1056px)}
.nla__composer{position:relative;grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"draft draft" "input input" "quick send";width:min(calc(100% - 32px),1080px);min-height:98px;margin-bottom:14px;padding:var(--nla-composer-inline-inset,20px) var(--nla-composer-inline-inset,20px) var(--nla-composer-block-end,20px);column-gap:12px;row-gap:6px;border-radius:26px}
.nla__composer textarea{grid-area:input;min-height:42px;padding:4px 0 6px}
.nla__composer .nla__send{grid-area:send;align-self:end;justify-self:end}
.nla__quick-actions{grid-area:quick;min-width:0;align-self:end;overflow-x:auto;scrollbar-width:none}
.nla__quick-actions::-webkit-scrollbar{display:none}
.nla__quick-row{display:flex;align-items:center;gap:6px;width:max-content;min-width:0}
.nla__quick-row button{display:inline-flex;align-items:center;gap:5px;min-height:32px;border:0;border-radius:10px;padding:0 10px;background:var(--color-button-secondary);color:var(--color-text-secondary);cursor:pointer;font:500 11px/16px Inter,sans-serif;white-space:nowrap;box-shadow:inset 0 0 0 1px transparent;transition:background-color 120ms ease-out,color 120ms ease-out,box-shadow 120ms ease-out,scale 100ms ease-out}
.nla__quick-row button:hover,.nla__quick-row button:focus-visible{background:var(--color-button-secondary-hover);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 8%,transparent)}
.nla__quick-row button:active{scale:.96}
.nla__quick-row button:focus-visible,.nla__money-draft-close:focus-visible{outline:2px solid var(--color-button-primary-focus,var(--dash-text,#f5f5f6));outline-offset:1px}
.nla__quick-row strong{font:inherit}
.nla__quick-row .nla__money-icon{width:18px;height:18px;border-radius:0;background:transparent;color:currentColor}
.nla__quick-row .nla__money-icon svg{width:15px;height:15px}
.nla__composer:hover,.nla__composer:focus-within{background:var(--color-well,color-mix(in srgb,var(--dash-text,#f5f5f6) 6%,transparent))}
.nla__quick-row button,.nla__quick-row button:hover,.nla__quick-row button:focus-visible{box-shadow:none}
html.light-theme [data-direct-quick-actions] .nla__quick-row button,html.light [data-direct-quick-actions] .nla__quick-row button{background:var(--color-button-secondary)}
html.light-theme [data-direct-quick-actions] .nla__quick-row button:hover,html.light-theme [data-direct-quick-actions] .nla__quick-row button:focus-visible,html.light [data-direct-quick-actions] .nla__quick-row button:hover,html.light [data-direct-quick-actions] .nla__quick-row button:focus-visible{background:var(--color-button-secondary-hover)}
.nla__composer.is-drafting .nla__quick-actions{display:none}
.nla__money-icon{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--color-highlight-soft);color:var(--color-highlight)}
.nla__money-icon svg{width:16px;height:16px}
.nla__money-draft{container-type:inline-size;grid-area:draft;display:grid;gap:10px;margin:0 0 8px -0px;border-radius:18px;padding:10px;background:var(--dash-card,#111216)}
.nla__money-draft-head{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:10px}
.nla__money-draft-head strong{overflow:hidden;font:600 13px/18px Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.nla__money-draft-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:10px;padding:0;background:var(--color-button-secondary);color:var(--color-text-secondary);cursor:pointer}
.nla__money-draft-close:hover{background:var(--color-button-secondary-hover);color:var(--color-text-primary)}
.nla__money-draft-close svg{width:15px;height:15px}
.nla__money-draft-fields{display:flex;flex-wrap:wrap;gap:8px}
.nla__money-draft.is-exchange .nla__money-draft-fields{display:grid;grid-template-columns:104px minmax(0,1fr) 104px;align-items:start}
.nla__money-draft.is-exchange .nla__money-field{width:100%}
.nla__money-draft.is-exchange [data-money-source-field],.nla__money-draft.is-exchange .nla__money-amount-group,.nla__money-draft.is-exchange .nla__exchange-summary{grid-column:1/-1}
.nla__money-draft.is-exchange [data-exchange-receive-field]{grid-column:1}
.nla__money-draft.is-exchange [data-exchange-rate-field]{grid-column:2}
.nla__money-draft.is-exchange [data-exchange-expiry-field]{grid-column:3}
.nla__money-field{--control-radius-input:var(--nla-radius-control);display:block;flex:0 0 88px;min-width:0}
.nla__money-field--amount{flex:1 1 140px}
.nla__money-field--wide{flex:1 1 190px}
.nla__money-field--rate{min-width:0}
.nla__money-amount-group{display:grid;grid-template-columns:minmax(0,1fr) 88px;flex:1 1 240px;min-width:220px;border-radius:var(--nla-radius-control);background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);transition:background-color 140ms ease-out,box-shadow 140ms ease-out}
.nla__money-amount-group:hover,.nla__money-amount-group:focus-within{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 8%,transparent)}
.nla__money-amount-group:focus-within{box-shadow:0 0 0 2px var(--color-button-primary-focus,var(--dash-text,#f5f5f6))}
.nla__money-field input,.nla__money-field select:not(.nv-select__native){width:100%;height:42px;border:0;border-radius:var(--nla-radius-control);padding:0 12px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);color:var(--dash-text,#f5f5f6);font:500 13px/20px Inter,sans-serif;outline:0;box-sizing:border-box;transition:background-color 140ms ease-out}
.nla__money-field .nv-select-wrap{display:flex;width:100%}
.nla__money-field .nv-select__trigger{width:100%;height:42px;justify-content:flex-start;border-radius:var(--nla-radius-control);background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);color:var(--dash-text,#f5f5f6);font:500 14px/20px Inter,sans-serif}
.nla__money-field .nv-select__value{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nla__money-field .nv-select__trigger:hover,.nla__money-field .nv-select-wrap.is-open .nv-select__trigger{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 8%,transparent)}
.nla__money-field input{font:500 14px/20px Inter,sans-serif;font-variant-numeric:tabular-nums}
.nla__money-field--amount input{font:600 16px/24px Inter,sans-serif}
.nla__money-amount-group .nla__money-field input,.nla__money-amount-group .nla__money-field .nv-select__trigger{background:transparent}
.nla__money-amount-group .nla__money-field :is(input,select:not(.nv-select__native)):hover,.nla__money-amount-group .nla__money-field :is(input,select:not(.nv-select__native)):focus,.nla__money-amount-group .nla__money-field .nv-select__trigger:hover,.nla__money-amount-group .nla__money-field .nv-select-wrap.is-open .nv-select__trigger{background:transparent}
.nla__money-amount-group .nla__money-field :is(input,select:not(.nv-select__native)):focus-visible,.nla__money-amount-group .nla__money-field .nv-select__trigger:focus-visible{outline:0}
.nla__money-field input::placeholder{color:var(--dash-muted,#8f9098)}
.nla__money-field :is(input,select:not(.nv-select__native)):hover,.nla__money-field :is(input,select:not(.nv-select__native)):focus{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 8%,transparent)}
.nla__money-field :is(input,select:not(.nv-select__native)):focus-visible{outline:2px solid var(--color-button-primary-focus,var(--dash-text,#f5f5f6));outline-offset:1px}
.nla__exchange-summary{flex:1 0 100%;min-height:20px;padding-inline:4px;color:var(--dash-muted,#8f9098);font:500 11px/16px Inter,sans-serif;font-variant-numeric:tabular-nums}
.nla__message--money{width:min(520px,100%)}
.nla__message.nla__message--money .nla__message-body{container-type:inline-size;display:grid;gap:4px;width:min(320px,100%);padding:14px 16px 16px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);color:var(--dash-text,#f5f5f6);white-space:normal;box-sizing:border-box;transition:width 180ms cubic-bezier(.2,0,0,1)}
.nla__message[data-role=user] .nla__money{justify-self:end}.nla__message[data-role=peer] .nla__money{justify-self:start}
.nla__message .nla__money[data-expanded=true]{width:100%}
.nla__money-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:8px}
.nla__money-head .nv-badge{min-block-size:22px;padding-inline:8px;gap:5px;font-size:11px;font-weight:600;line-height:16px}
.nla__money-kind{overflow:hidden;color:var(--dash-muted,#8f9098);font:500 12px/16px Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.nla__money-amount{font:600 24px/30px Inter,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.nla__money[data-status=declined] .nla__money-amount,.nla__money[data-status=cancelled] .nla__money-amount,.nla__money[data-status=expired] .nla__money-amount{color:var(--dash-muted,#8f9098)}
.nla__money[data-kind=exchange] .nla__money-amount{font-size:20px;line-height:26px}
.nla__money-note{margin:0;font:400 13px/20px Inter,sans-serif;overflow-wrap:anywhere}
.nla__money-meta{margin:0;color:var(--dash-muted,#8f9098);font:400 11px/16px Inter,sans-serif}
.nla__money-disclosure{margin-top:8px;border-radius:16px;background:var(--color-button-secondary);overflow:hidden}
.nla__money-expand{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:34px;border:0;border-radius:inherit;padding:0 12px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font:500 11px/16px Inter,sans-serif;text-align:start;transition:background-color 140ms ease-out,color 140ms ease-out,scale 100ms ease-out}
.nla__money-expand-summary{margin-inline-start:auto;color:var(--dash-muted,#8f9098);font-weight:400;white-space:nowrap}
.nla__money-expand:hover,.nla__money-expand:focus-visible{background:var(--color-button-secondary-hover);color:var(--color-text-primary)}
.nla__money-expand:active{scale:.96}.nla__money-expand svg{flex:none;width:15px;height:15px;transition:rotate 180ms cubic-bezier(.2,0,0,1)}.nla__money-expand[aria-expanded=true] svg{rotate:180deg}
.nla__money-details-wrap{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 180ms cubic-bezier(.2,0,0,1),opacity 140ms ease-out}
.nla__money-details-wrap[data-open=false]{block-size:0}
.nla__money-details-wrap[data-open=true]{block-size:auto;grid-template-rows:1fr;opacity:1}
.nla__money-document{min-height:0;overflow:hidden;padding:0 12px 12px;background:transparent}
.nla__money-document-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:2px 2px 10px;background:transparent}
.nla__money-document-head strong{font:600 14px/20px Inter,sans-serif}.nla__money-document-head span{color:var(--dash-muted,#8f9098);font:500 10px/14px Inter,sans-serif}
.nla__money-detail-rows{display:grid;gap:8px;padding:4px 2px 12px;background:transparent}
.nla__money-detail-row{display:grid;grid-template-columns:minmax(72px,.7fr) minmax(0,1fr);align-items:start;gap:12px;font:400 11px/16px Inter,sans-serif}.nla__money-detail-row span{color:var(--dash-muted,#8f9098)}.nla__money-detail-row strong{overflow-wrap:anywhere;font-weight:500;text-align:end}
.nla__money-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 2px 2px;background:transparent;font:600 13px/20px Inter,sans-serif}.nla__money-total strong{font-size:18px;font-variant-numeric:tabular-nums}
.nla__money-controls{--nla-money-action-surface:color-mix(in srgb,var(--color-text-primary) 9%,transparent);--nla-money-action-surface-hover:color-mix(in srgb,var(--color-text-primary) 14%,transparent);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.nla__money-controls:has(>:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.nla__money-controls:not(:has(>:nth-child(2))){grid-template-columns:minmax(0,1fr)}.nla__money-controls .nv-button{min-width:0;min-height:34px;border-radius:10px;padding-inline:10px;font-size:10px;white-space:nowrap}.nla__money-controls .nv-button--secondary{background:var(--nla-money-action-surface)}.nla__money-controls .nv-button--secondary:hover:not(:disabled):not([aria-disabled=true]),.nla__money-controls .nv-button--secondary:focus-visible{background:var(--nla-money-action-surface-hover)}
.nla__composer .nla__send.nv-icon-button:disabled{background:var(--nla-composer-action-surface);color:var(--color-text-secondary);opacity:1}
html.light-theme .nla__money-draft,html.light .nla__money-draft{background:#fff}
html.light-theme .nla__money-field :is(input,select),html.light .nla__money-field :is(input,select){background:#f3f3f4}
html.light-theme .nla__money-field :is(input,select):is(:hover,:focus),html.light .nla__money-field :is(input,select):is(:hover,:focus){background:#ececee}
html.light-theme .nla__money-field .nv-select__trigger,html.light .nla__money-field .nv-select__trigger{background:#f3f3f4;color:#242429}
html.light-theme .nla__money-field .nv-select__trigger:hover,html.light-theme .nla__money-field .nv-select-wrap.is-open .nv-select__trigger,html.light .nla__money-field .nv-select__trigger:hover,html.light .nla__money-field .nv-select-wrap.is-open .nv-select__trigger{background:#ececee}
html.light-theme .nla__money-amount-group,html.light .nla__money-amount-group{background:#f3f3f4}
html.light-theme .nla__money-amount-group:hover,html.light-theme .nla__money-amount-group:focus-within,html.light .nla__money-amount-group:hover,html.light .nla__money-amount-group:focus-within{background:#ececee}
html.light-theme .nla__money-amount-group .nla__money-field input,html.light-theme .nla__money-amount-group .nla__money-field .nv-select__trigger,html.light .nla__money-amount-group .nla__money-field input,html.light .nla__money-amount-group .nla__money-field .nv-select__trigger{background:transparent}
html.light-theme .nla__message[data-role=peer] .nla__message-body,html.light .nla__message[data-role=peer] .nla__message-body{background:#fff}
html.light-theme .nla__message.nla__message--money .nla__message-body,html.light .nla__message.nla__message--money .nla__message-body{background:#fff}
html.light-theme .nla__money-disclosure,html.light .nla__money-disclosure{background:var(--color-button-secondary)}
html.light-theme .nla__money-controls,html.light .nla__money-controls{--nla-money-action-surface:#fff;--nla-money-action-surface-hover:color-mix(in srgb,#fff 72%,var(--color-button-secondary-hover))}
@media(prefers-reduced-motion:reduce){.nla__quick-row button,.nla__money-field :is(input,select),.nla__money,.nla__money-expand,.nla__money-expand svg,.nla__money-details-wrap{transition:none}}
@container (min-width:820px){.nla__money-draft.is-exchange .nla__money-draft-fields{grid-template-columns:minmax(210px,1.15fr) minmax(210px,1fr) 96px minmax(130px,.75fr) 96px}.nla__money-draft.is-exchange [data-money-source-field],.nla__money-draft.is-exchange .nla__money-amount-group,.nla__money-draft.is-exchange [data-exchange-receive-field],.nla__money-draft.is-exchange [data-exchange-rate-field],.nla__money-draft.is-exchange [data-exchange-expiry-field]{grid-column:auto}.nla__money-draft.is-exchange .nla__exchange-summary{grid-column:1/-1}}
@container (max-width:460px){.nla__money-controls:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nla__messages{width:calc(100% - 40px)}.nla__composer{width:calc(100% - 20px);min-height:94px;padding-inline:var(--nla-composer-inline-inset,16px)}.nla__quick-row button{padding-inline:7px}.nla__quick-row .nla__money-icon{display:none}}

/* AI starter islands separate by tone only; decorative outlines make the empty state too card-heavy. */
.nla__suggestions button,.nla__suggestions button:hover,.nla__suggestions button:focus-visible{box-shadow:none}

/* Conversation identity belongs to the details pane; the center stays message-only. */
.nla__workspace{grid-template-rows:minmax(0,1fr) auto}
.nla__detail-identity{grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:11px}
.nla__detail-identity>div{display:grid;gap:1px;min-width:0}
.nla__detail-identity [data-workspace-title]{overflow:hidden;color:var(--dash-text,#f5f5f6);font:600 14px/20px Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.nla__detail-identity [data-workspace-kicker]{overflow:hidden;color:var(--dash-muted,#8f9098);font:500 10px/14px Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.nla__detail-more{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;padding:0;background:transparent;color:var(--dash-muted,#8f9098);cursor:pointer;transition:color 120ms ease-out,scale 100ms ease-out,filter 120ms ease-out}
.nla__detail-more svg{width:16px;height:16px}
.nla__detail-more:hover,.nla__detail-more[aria-expanded=true]{color:var(--dash-text,#f5f5f6);filter:drop-shadow(0 0 4px currentColor)}
.nla__detail-more:focus-visible{outline:2px solid var(--color-button-primary-focus,var(--dash-text,#f5f5f6));outline-offset:2px}
.nla__detail-more:active{scale:.96}
.nla__details-toggle{display:none;position:absolute;z-index:4;inset-block-start:10px;inset-inline-end:10px;background:color-mix(in srgb,var(--dash-card,#111216) 92%,transparent);box-shadow:0 6px 18px color-mix(in srgb,#000 14%,transparent)}
@media(max-width:1160px){.nla__details-toggle{display:grid}}
@container (min-width:761px) and (max-width:1100px){.nla__details-toggle{display:grid}}
@media(max-width:760px){.nla__details-toggle{display:grid;inset-block-start:8px;inset-inline-end:8px}}
html.nla-embed .nla__details-toggle{display:none}

/* Conversation actions: ellipsis and right-click share one accessible menu. */
.nla__item{position:relative;display:block;height:40px;padding:0;cursor:default;font:500 14px/20px Inter,sans-serif}
.nla__item-main{display:grid;grid-template-columns:var(--nla-rail-leading) minmax(0,1fr);align-items:center;column-gap:var(--nla-rail-gap);min-width:0;width:100%;height:100%;border:0;border-radius:10px;padding:0 40px 0 var(--nla-rail-pad-start);background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:start}
.nla__item-badge{position:absolute;inset-inline-end:7px;top:50%;translate:0 -50%;transition:opacity 100ms ease-out}
.nla__item-more{position:absolute;inset-inline-end:3px;top:50%;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;padding:0;background:transparent;color:var(--dash-muted,#8f9098);cursor:pointer;opacity:0;translate:0 -50%;transition:opacity 120ms ease-out,background-color 120ms ease-out,color 120ms ease-out,scale 100ms ease-out}
.nla__item-more svg{width:16px;height:16px}
.nla__item:is(:hover,:focus-within) .nla__item-more,.nla__item-more[aria-expanded=true]{opacity:1}
.nla__item:is(:hover,:focus-within) .nla__item-badge{opacity:0}
.nla__item-more:hover,.nla__item-more[aria-expanded=true]{background:transparent;color:var(--dash-text,#f5f5f6);filter:drop-shadow(0 0 4px currentColor)}
.nla__item-more:active{scale:.96}
.nla__item-more:focus-visible,.nla__conversation-menu [role=menuitem]:focus-visible{outline:2px solid var(--color-button-primary-focus,var(--dash-text,#f5f5f6));outline-offset:2px}
@media(hover:none){.nla__item-more{opacity:1}}
.nla__conversation-menu{position:fixed;z-index:40;width:228px}
.nla__conversation-menu .nv-dropdown__item--danger{color:var(--nla-danger)}
.nla__conversation-menu .nv-dropdown__item--danger>svg{color:currentColor}
.nla__action-dialog .nv-dialog__title{font-size:var(--font-size-2xl)}
.nla__action-dialog [data-conversation-dialog-confirm].is-danger{background:var(--color-error,#d84f57);color:#fff}
.nla__action-dialog [data-conversation-dialog-confirm].is-danger:hover{background:color-mix(in srgb,var(--color-error,#d84f57) 86%,#000)}

/* Assistant actions remain inert review cards until an explicit approval. */
.nla__action-draft-list{display:grid;gap:8px}.nla__action-draft-empty{margin:0;color:var(--dash-muted,#8f9098);font:400 11px/1.5 Inter,sans-serif}
.nla__action-draft{display:grid;gap:10px;padding:12px;border-radius:14px;background:var(--nla-detail-card-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dash-text,#f5f5f6) 6%,transparent)}
.nla__action-draft>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.nla__action-draft>header strong{font:600 12px/17px Inter,sans-serif}.nla__action-draft-status{flex:none;border-radius:999px;padding:3px 7px;background:var(--nla-control-surface);color:var(--dash-muted,#8f9098);font:600 9px/14px Inter,sans-serif}
.nla__action-draft[data-status=executed] .nla__action-draft-status{color:var(--nla-success)}.nla__action-draft[data-status=rejected] .nla__action-draft-status{color:var(--nla-danger)}
.nla__action-draft dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin:0;font:400 10px/15px Inter,sans-serif}.nla__action-draft dt{overflow:hidden;color:var(--dash-muted,#8f9098);text-overflow:ellipsis;white-space:nowrap}.nla__action-draft dd{margin:0;color:var(--dash-text,#f5f5f6);font-weight:500;text-align:end;font-variant-numeric:tabular-nums}
.nla__action-draft>footer{display:flex;justify-content:flex-end;gap:7px}.nla__action-draft>footer .nv-button{min-height:30px;padding-inline:10px;font-size:10px}.nla__action-draft-link{justify-self:start;color:var(--dash-text,#f5f5f6);font:600 10px/15px Inter,sans-serif;text-decoration:none}.nla__action-draft-link:hover{text-decoration:underline}
.nla__action-draft-fields{display:grid;gap:14px}.nla__action-draft-fields fieldset{display:grid;gap:14px;margin:0;padding:0;border:0}.nla__action-draft-date-row,.nla__action-draft-amount-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:560px){.nla__action-draft-date-row,.nla__action-draft-amount-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nla__item-more,.nla__item-badge,.nla__detail-more,.nla__conversation-menu [role=menuitem]{transition:none}}

/* The shared shell stays light; conversation content reuses the header input surface. */
.nla__hub{--nla-shell-surface:color-mix(in srgb,var(--dash-card,#111216) 96%,var(--dash-text,#f5f5f6) 4%);--nla-content-surface:color-mix(in srgb,#888 9%,#020203);gap:0;border-radius:24px;background:var(--nla-shell-surface);overflow:hidden}
.nla__rail,.nla__details{border-radius:0;background:transparent}
.nla__workspace{--nla-content-inset:14px;--nla-message-inset:calc(var(--nla-content-inset) + 16px);margin-block:10px;border-radius:20px;background:var(--nla-content-surface);box-shadow:none;filter:none}
.nla__messages{width:calc(100% - 2 * var(--nla-message-inset));max-width:none}
.nla__composer{width:calc(100% - 2 * var(--nla-content-inset));max-width:none}
.nla__composer{margin-bottom:var(--nla-content-inset)}
html.light-theme .nla__hub,html.light .nla__hub{--nla-shell-surface:#fff;--nla-content-surface:#f1f1f2}
html.light-theme .nla__workspace,html.light .nla__workspace{box-shadow:none;filter:none}
html.nla-embed .nla__workspace{margin-block:0;border-radius:0;background:transparent;box-shadow:none}
html:not(.light-theme):not(.light) .nla__composer,html:not(.light-theme):not(.light) .nla__composer:hover,html:not(.light-theme):not(.light) .nla__composer:focus-within{background:var(--dash-surface-hover,color-mix(in srgb,#888 14%,#121212))}

/* Payment context and document actions stay with the selected contact. */
.nla__detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nla__payment-status{max-width:150px;overflow:hidden;border-radius:999px;padding:3px 8px;background:color-mix(in srgb,#8fa8ff 13%,transparent);color:#9eb3ff;font:600 9px/14px Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.nla__payment-status[data-state=paid]{background:color-mix(in srgb,#75c69a 13%,transparent);color:#75c69a}
.nla__payment-status[data-state=overdue]{background:color-mix(in srgb,#e17878 13%,transparent);color:#e17878}
.nla__payment-status[data-state=hold]{background:color-mix(in srgb,#d7aa66 13%,transparent);color:#d7aa66}
.nla__detail-downloads{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}
.nla__detail-downloads .nv-button{min-width:0;min-height:34px;border-radius:10px;padding-inline:8px;font-size:10px;white-space:nowrap}
.nla__detail-files{gap:4px}
.nla__detail-file{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;margin-inline:-6px;padding:6px;border-radius:12px;color:inherit;text-decoration:none;cursor:pointer;transition:background-color 140ms ease-out}
.nla__detail-file:hover,.nla__detail-file:focus-visible{background:var(--nla-hover-surface);outline:0}
.nla__detail-file[aria-disabled=true]{opacity:.5;cursor:default}
.nla__detail-file-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--nla-hover-surface);color:var(--dash-muted,#8f9098)}
.nla__detail-file-icon svg{width:15px;height:15px}
.nla__detail-file>span:last-child{display:grid;align-content:center;gap:1px;min-width:0;min-height:30px}
.nla__detail-file strong{overflow:hidden;color:var(--dash-text,#f5f5f6);font:500 11px/16px Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.nla__detail-file small{color:var(--dash-muted,#8f9098);font:400 9px/13px Inter,sans-serif}
html.light-theme .nla__payment-status[data-state=pending],html.light .nla__payment-status[data-state=pending]{color:#6079cf}

@container (min-width:761px) and (max-width:1100px){.nla__details{border-radius:20px 0 0 20px;background:var(--nla-shell-surface)}}
@media(max-width:1160px){.nla__details{border-radius:20px 0 0 20px;background:var(--nla-shell-surface)}}
@media(max-width:760px){.nla__hub{gap:0}.nla__workspace{--nla-content-inset:12px;margin-block:8px;border-radius:18px}.nla__details{border-radius:20px;background:var(--nla-shell-surface)}}

/* Work Space color contract: one neutral accent, color only for semantic status. */
.nla{--nla-accent:var(--dash-accent-muted,#d4d4d4);--nla-accent-strong:var(--dash-accent,#eee);--nla-accent-text:var(--dash-accent-text,#0a0a0a);--nla-accent-soft:color-mix(in srgb,var(--nla-accent) 12%,transparent);--nla-avatar:var(--dash-muted,#8f9098);--nla-avatar-soft:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent);--nla-success:var(--color-success,#6eb8a0);--nla-success-soft:var(--color-success-soft,color-mix(in srgb,#6eb8a0 14%,transparent));--nla-warning:var(--color-warning,#c9a06a);--nla-warning-soft:var(--color-warning-soft,color-mix(in srgb,#c9a06a 14%,transparent));--nla-danger:var(--color-error,#ef4444);--nla-danger-soft:var(--color-error-soft,color-mix(in srgb,#ef4444 12%,transparent));--color-highlight:var(--nla-accent);--color-highlight-soft:var(--nla-accent-soft)}
.nla__notice.is-unread .nla__notice-dot{background:var(--nla-accent)}
.nla__item-lead--dot{color:var(--nla-accent)}
.nla button:focus-visible,.nla input:focus-visible,.nla__notice:focus-visible{outline-color:var(--dash-accent-focus,color-mix(in srgb,var(--nla-accent) 50%,transparent))}
.nla__thread-unread{background:var(--nla-accent-strong);color:var(--nla-accent-text)!important}
.nla__conversation-avatar,.nla .nla__item-lead--avatar[data-tone],.nla .nla__conversation-avatar[data-tone]{background:var(--nla-avatar-soft);color:var(--nla-avatar)}
.nla__details .nla__detail-chart svg{color:var(--nla-accent)}
.nla__bars>span::before,.nla__bars em{background:color-mix(in srgb,var(--nla-accent) 30%,transparent)}
.nla__bars>span.is-active::before,.nla__bars>span.is-active em,html.light-theme .nla__bars>span.is-active em,html.light .nla__bars>span.is-active em{background:var(--nla-accent)}
.nla__detail-chart span,.nla__analysis-chart-head>strong{color:var(--nla-success)}
.nla__payment-status{background:var(--nla-accent-soft);color:var(--nla-accent)}
.nla__payment-status[data-state=paid]{background:var(--nla-success-soft);color:var(--nla-success)}
.nla__payment-status[data-state=overdue]{background:var(--nla-danger-soft);color:var(--nla-danger)}
.nla__payment-status[data-state=hold]{background:var(--nla-warning-soft);color:var(--nla-warning)}
html.light-theme .nla [data-tone],html.light .nla [data-tone]{background:#f0f0f2;color:#71717a}
html.light-theme .nla,html.light .nla{--nla-accent:#62636b;--nla-accent-strong:#242428;--nla-accent-text:#fff;--nla-accent-soft:rgba(36,36,40,.08)}
html.light-theme .nla .nla__item-lead--avatar,html.light .nla .nla__item-lead--avatar{--nla-presence-ring:var(--nla-shell-surface);background:#e6e6e8;color:#62636b}
html.light-theme .nla .nla__item-lead--avatar[data-has-photo=true],html.light .nla .nla__item-lead--avatar[data-has-photo=true]{outline:0}
html.light-theme .nla__item:hover .nla__item-lead--avatar,html.light .nla__item:hover .nla__item-lead--avatar,html.light-theme .nla__item.is-active .nla__item-lead--avatar,html.light .nla__item.is-active .nla__item-lead--avatar{--nla-presence-ring:var(--nla-shell-surface)}
html.light-theme .nla__payment-status[data-state=pending],html.light .nla__payment-status[data-state=pending]{color:var(--nla-avatar)}

/* A single tonal ladder keeps the three-pane workspace composed without shadows. */
.nla{--nla-shell-surface:color-mix(in srgb,#888 6%,#121212);--nla-content-surface:color-mix(in srgb,#888 9%,#020203);--nla-content-edge:color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent);--nla-card-surface:color-mix(in srgb,#888 8%,#121212);--nla-control-surface:color-mix(in srgb,#888 12%,#121212);--nla-hover-surface:color-mix(in srgb,#888 16%,#121212)}
.nla__hub{--nla-shell-surface:color-mix(in srgb,#888 6%,#121212);--nla-content-surface:color-mix(in srgb,#888 9%,#020203);background:var(--nla-shell-surface)}
.nla__workspace{border:1px solid var(--nla-content-edge);background:var(--nla-content-surface);box-shadow:none!important;filter:none!important}
.nla__composer,.nla__composer:hover,.nla__composer:focus-within{background:var(--nla-control-surface)}
html:not(.light-theme):not(.light) .nla__composer,html:not(.light-theme):not(.light) .nla__composer:hover,html:not(.light-theme):not(.light) .nla__composer:focus-within{background:var(--nla-control-surface)}
.nla__item:hover,.nla__item.is-active,.nla__group-head:hover{background:var(--nla-hover-surface)}
.nla__detail-section{background:var(--nla-card-surface)}
.nla__message[data-role=peer] .nla__message-body{background:var(--nla-control-surface)}
.nla__quick-row button,.nla__detail-downloads .nv-button{background:var(--nla-card-surface)}
.nla__quick-row button:hover,.nla__quick-row button:focus-visible,.nla__detail-downloads .nv-button:hover{background:var(--nla-hover-surface)}
html.light-theme .nla,html.light .nla{--nla-shell-surface:#fff;--nla-content-surface:#f3f3f4;--nla-content-edge:rgba(36,36,40,.055);--nla-card-surface:#f8f8f9;--nla-control-surface:#fff;--nla-hover-surface:#ececee}
html.light-theme .nla__hub,html.light .nla__hub{--nla-shell-surface:#fff;--nla-content-surface:#f3f3f4}
html.light-theme .nla__workspace,html.light .nla__workspace{background:var(--nla-content-surface);box-shadow:none!important;filter:none!important}

/* Concentric radii: every nested surface steps down with its visual inset. */
.nla{--nla-radius-shell:32px;--nla-radius-content:26px;--nla-radius-composer:26px;--nla-radius-bubble:14px;--nla-radius-control:10px;--nla-composer-inline-inset:20px;--nla-composer-block-end:20px}
.nla__hub{border-radius:var(--nla-radius-shell)}
.nla__workspace{--nla-content-inset:12px;border-radius:var(--nla-radius-content)}
.nla__composer{border-radius:var(--nla-radius-composer)}
.nla__message[data-role=user] .nla__message-body,.nla__message[data-role=peer] .nla__message-body{border-radius:var(--nla-radius-bubble)}
.nla__conversation-search-toggle,.nla__composer .nla__quick-row button,.nla__composer .nla__money-draft-close,.nla__money-field input,.nla__money-field select:not(.nv-select__native),.nla__money-field .nv-select__trigger{border-radius:var(--nla-radius-control)!important}
.nla__money-draft{border-radius:calc(var(--nla-radius-control) + 2px)}
html.nla-embed .nla__workspace{border-radius:0}
@media(max-width:760px){.nla{--nla-radius-shell:26px;--nla-radius-content:18px;--nla-radius-composer:22px;--nla-radius-bubble:13px;--nla-radius-control:9px;--nla-composer-inline-inset:16px;--nla-composer-block-end:16px}.nla__workspace{--nla-content-inset:10px}}

/* Responsive Work Space contract: one aligned inline inset and content-led breakpoints. */
html.nla-workspace-page{scrollbar-gutter:auto}
body.nla-page .dash-main>main.nla{padding-block-start:var(--spacing-2xl,24px)}
.nla__details-toggle{inset-block-start:var(--nla-content-inset);inset-inline-end:var(--nla-content-inset)}
@media(max-width:1440px){body.nla-page .dash-main>main.nla{inline-size:calc(100% - var(--dash-workspace-margin-right));margin-inline-start:var(--dash-workspace-margin-right);margin-inline-end:0;padding-inline-end:16px}}
@media(max-width:760px){body.nla-page .dash-main>main.nla{inline-size:100%;margin-inline:0;padding-block-start:10px;padding-inline-end:10px}}
@container (min-width:781px) and (max-width:1100px){
  .nla__hub{grid-template-columns:258px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
  .nla__workspace{margin-inline-end:10px}
  .nla__details{display:none;position:absolute;z-index:5;inset:0 0 0 auto;width:min(320px,calc(100% - 24px));border-radius:20px 0 0 20px;background:var(--nla-shell-surface);box-shadow:-24px 0 48px color-mix(in srgb,#000 22%,transparent)}
  .nla__hub.is-details-open .nla__details{display:grid}
  .nla__details-toggle,.nla__details-close{display:grid}
}
@container (max-width:780px){
  .nla{--nla-radius-shell:26px;--nla-radius-content:18px;--nla-radius-composer:22px;--nla-radius-bubble:13px;--nla-radius-control:9px;--nla-composer-inline-inset:16px;--nla-composer-block-end:16px}
  .nla__hub{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .nla__rail{grid-template-columns:minmax(0,1fr) 42px;grid-template-rows:auto auto;grid-template-areas:"groups groups" "search new";gap:8px;padding:10px 12px;overflow:visible}
  .nla__rail-head{display:contents}
  .nla__tree{grid-area:groups;display:flex;gap:2px;margin:0;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);overflow:visible}
  .nla__group,.nla__group-bar{display:contents}
  .nla__group-items{display:none!important}
  .nla__group-head{flex:1 1 0;grid-template-columns:minmax(0,auto) auto;justify-content:center;gap:5px;height:34px;border-radius:10px;padding-inline:8px;font-weight:500}
  .nla__group-head svg,.nla__group-add{display:none}
  .nla__group-count:not(:empty,[data-count="0"]){display:inline-flex}
  .nla__group-head.is-current{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 10%,transparent);color:var(--dash-text,#f5f5f6)}
  .nla__conversation-search-trigger-wrap{grid-area:search}
  .nla__new-thread{display:inline-flex!important;grid-area:new;width:42px;height:42px;padding:0}
  .nla__new-thread span{display:none}
  .nla__workspace{--nla-content-inset:10px;--nla-message-inset:calc(var(--nla-content-inset) + 14px);margin:0 8px 8px;border-radius:var(--nla-radius-content)}
  .nla__messages{width:calc(100% - 2 * var(--nla-message-inset));max-width:none}
  .nla__composer{width:calc(100% - 2 * var(--nla-content-inset));max-width:none}
  .nla__message[data-role=user],.nla__message[data-role=peer]{max-width:88%}
  .nla__details-toggle{display:grid}
  .nla__details{position:fixed;inset:var(--dash-header-height,72px) 10px 82px auto;width:calc(100% - 20px);border-radius:20px;background:var(--nla-shell-surface)}
  html.light-theme .nla__tree,html.light .nla__tree{background:#f3f3f4}
  html.light-theme .nla__group-head.is-current,html.light .nla__group-head.is-current{background:#fff}
}
@container (max-width:520px){
  .nla__quick-row button{padding-inline:8px}
  .nla__quick-row .nla__money-icon{display:none}
}

/* Conversation search opens as a command modal, leaving the rail geometry stable. */
@media(min-width:761px){
  .nla__rail{grid-template-rows:minmax(0,1fr)}
}
.nla__group-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0}
.nla__group-head{min-width:0}
.nla__group[data-group=messages] .nla__group-bar{grid-template-columns:minmax(0,1fr) 36px}
.nla__group[data-group=messages] .nla__group-head{width:100%}
@media(min-width:761px){
  .nla__tree{margin-inline:-12px;padding-inline:12px}
  .nla__item{width:calc(100% + 16px);margin-inline:-8px;border-radius:12px}
  .nla__item-main{padding-inline-start:calc(var(--nla-rail-pad-start) + 8px)}
}
.nla__conversation-search-trigger-wrap{display:grid;place-items:center;width:36px;height:36px;justify-self:end}
.nla__conversation-search-toggle{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:var(--nla-radius-control);padding:0;background:transparent!important;color:inherit;cursor:pointer}
.nla__conversation-search-toggle svg{width:17px;height:17px}
.nla__conversation-search-toggle:hover{color:var(--dash-text,#f5f5f6)}
.nla__conversation-search-toggle:active{transform:scale(.96)}
.nla__conversation-search-toggle:focus-visible{outline:2px solid var(--dash-accent-focus,rgba(238,238,238,.5));outline-offset:-2px;color:var(--dash-text,#f5f5f6)}
/* Desktop rail mirrors the DS row geometry: every interactive row bleeds 8px,
   while the leading column and the trailing action slot stay on shared axes. */
@media(min-width:761px){
  .nla__group-bar{position:relative;display:block}
  .nla__group-head,.nla__group-action{width:calc(100% + 16px);margin-inline:-8px;border-radius:12px}
  .nla__group-head{grid-template-columns:var(--nla-rail-leading) minmax(0,1fr);height:36px;padding:0 40px 0 12px}
  .nla__group[data-group=messages] .nla__group-head{width:calc(100% + 16px)}
  .nla__group-action{height:40px;padding:0 12px}
  .nla__group[data-group=messages] .nla__group-bar{display:block}
  .nla__conversation-search-trigger-wrap{position:absolute;inset-block-start:50%;inset-inline-end:-4px;width:32px;height:32px;translate:0 -50%}
  .nla__conversation-search-toggle{width:32px;height:32px}
  .nla__item-more{inset-inline-end:4px}
  .nla__item-badge{inset-inline-end:20px;translate:50% -50%}
}
.nla__search-dialog{--nla-search-control:#222;--nla-search-hover:#2b2b2b;color:var(--dash-text,#f5f5f6)}
.nla__search-dialog-surface{gap:0;overscroll-behavior:contain}
.nla__search-dialog-body{gap:0;padding-block-start:8px}
.nla__search-dialog-field{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;border-radius:16px;padding:0 16px;color:var(--dash-muted,#8f9098)}
.nla__search-dialog-field:focus-within{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent);color:var(--dash-text,#f5f5f6)}
.nla__search-dialog-field svg{width:22px;height:22px}
.nla__search-dialog-field input{min-width:0;border:0;outline:0;padding:0;background:transparent;color:var(--dash-text,#f5f5f6);font:400 22px/30px Inter,sans-serif}
.nla__search-dialog-field input:focus{outline:0!important;box-shadow:none!important}
.nla__search-dialog-field input::placeholder{color:var(--dash-muted,#8f9098)}
.nla__search-dialog-field input::-webkit-search-cancel-button{display:none}
.nla__search-results{min-height:150px;padding:12px 0 8px}
.nla__search-results h3{margin:0;padding:0 16px 8px;color:var(--dash-muted,#8f9098);font:500 13px/18px Inter,sans-serif}
.nla__search-result-list{display:grid;gap:2px;max-height:min(490px,calc(100dvh - 220px));overflow:auto;overscroll-behavior:contain}
.nla__search-result{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;border:0;border-radius:14px;padding:8px 14px;background:transparent;color:var(--dash-text,#f5f5f6);font:inherit;text-align:start;cursor:pointer}
.nla__search-result:is(:hover,:focus-visible),.nla__search-result.is-current{background:var(--nla-search-hover)}
.nla__search-result:focus-visible{outline:2px solid var(--dash-accent-focus,rgba(238,238,238,.5));outline-offset:-2px}
.nla__search-result-lead{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--nla-search-control);color:var(--dash-muted,#8f9098);font:600 11px/1 Inter,sans-serif}
.nla__search-result-lead:has(img){overflow:hidden;border-radius:50%;outline:1px solid oklch(1 0 0 / .1)}
.light-theme .nla__search-result-lead:has(img),.light .nla__search-result-lead:has(img){outline-color:oklch(0 0 0 / .1)}
.nla__search-result-lead svg{width:17px;height:17px}
.nla__search-result-label{display:grid;min-width:0;gap:2px}
.nla__search-result-label strong,.nla__search-result-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nla__search-result-label strong{font:500 15px/20px Inter,sans-serif}
.nla__search-result-label span,.nla__search-result-meta{color:var(--dash-muted,#8f9098);font:400 12px/17px Inter,sans-serif}
.nla__search-result-meta{padding-inline-start:16px;white-space:nowrap}
.nla__search-empty{margin:0;padding:38px 16px;text-align:center;color:var(--dash-muted,#8f9098);font:400 14px/20px Inter,sans-serif}
.nla__search-dialog-footer{justify-content:flex-start}
.nla__search-hint{display:flex;gap:16px;margin:0;color:var(--dash-muted,#8f9098);font:500 11px/16px Inter,sans-serif}
html.light-theme .nla__search-dialog,html.light .nla__search-dialog{--nla-search-control:#f1f1f2;--nla-search-hover:#eeeeef;color:#242428}

@media(max-width:600px){
  .nla__search-dialog-field{min-height:54px;border-radius:14px;padding-inline:12px}
  .nla__search-dialog-field input{font-size:18px;line-height:26px}
  .nla__search-result{grid-template-columns:36px minmax(0,1fr);padding-inline:10px}
  .nla__search-result-meta,.nla__search-hint{display:none}
}

/* Match the dashboard surface ladder: shared page/card tokens first, local steps second. */
.nla{
  --nla-shell-surface:var(--dash-card,color-mix(in srgb,#888 9%,#020203));
  /* The conversation pane belongs to the shared shell; a separate dark fill
     made the centre read as a hole. */
  --nla-content-surface:transparent;
  --nla-card-surface:color-mix(in srgb,var(--dash-text,#eee) 4%,var(--nla-shell-surface));
  --nla-detail-card-surface:color-mix(in srgb,var(--dash-text,#eee) 4%,color-mix(in srgb,color-mix(in srgb,#888 9%,#020203) 52%,#020203));
  --nla-composer-frame-surface:color-mix(in srgb,var(--dash-text,#eee) 3%,color-mix(in srgb,color-mix(in srgb,#888 9%,#020203) 52%,#020203));
  --nla-composer-input-surface:color-mix(in srgb,var(--dash-text,#eee) .75%,color-mix(in srgb,color-mix(in srgb,#888 9%,#020203) 52%,#020203));
  --nla-composer-action-surface:var(--nla-composer-frame-surface);
  --nla-details-popover-surface:var(--nla-shell-surface);
  --nla-control-surface:color-mix(in srgb,var(--dash-text,#eee) 6%,var(--nla-shell-surface));
  --nla-hover-surface:color-mix(in srgb,var(--dash-text,#eee) 9%,var(--nla-shell-surface));
}
.nla__hub{--nla-shell-surface:var(--dash-page-island-bg,var(--dash-workspace-bg,var(--dash-card)));--nla-content-surface:transparent;background:var(--nla-shell-surface)}
.nla__workspace{background:var(--nla-content-surface)}
html.light-theme .nla,html.light .nla{
  --nla-shell-surface:var(--color-well,#f3f3f4);
  --nla-content-surface:transparent;
  --nla-card-surface:color-mix(in srgb,#fff 72%,transparent);
  --nla-detail-card-surface:var(--nla-composer-frame-surface);
  --nla-composer-frame-surface:color-mix(in srgb,#fff 58%,transparent);
  --nla-composer-input-surface:color-mix(in srgb,#fff 92%,transparent);
  --nla-composer-action-surface:var(--nla-shell-surface);
  --nla-control-surface:color-mix(in srgb,#fff 78%,transparent);
  --nla-hover-surface:#ececee;
}
html.light-theme .nla__hub,html.light .nla__hub{--nla-shell-surface:var(--color-well,#f3f3f4);--nla-content-surface:transparent}

/* Give contact context the same measured rhythm as the conversation surface. */
.nla__details-head{padding:0}
.nla__details-body{gap:12px;padding:8px 12px 18px}
.nla__details-backdrop{display:none}
.nla__detail-section{gap:9px;padding:16px;border-radius:18px}
.nla__detail-identity{padding-block:14px}
.nla__detail-row,.nla__detail-source{padding-block:6px}
.nla__detail-downloads{gap:8px;margin-top:8px}

@container (max-width:780px){
  .nla__rail{grid-template-columns:minmax(0,1fr) 42px;grid-template-rows:auto;grid-template-areas:"groups new"}
  .nla__tree{display:flex;align-items:center;justify-content:start;gap:8px;margin:0;padding:0;border-radius:0;background:transparent;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .nla__tree::-webkit-scrollbar{display:none}
  .nla__group,.nla__group-bar{display:contents}
  /* The desktop rail rows are viewport-scoped (min-width:761px), so a narrow
     container inside a wide window still inherits them; reset that geometry. */
  .nla__group[data-group=messages] .nla__group-bar{display:contents}
  .nla__group-head,.nla__group[data-group=messages] .nla__group-head{width:auto!important;min-width:max-content;height:38px;padding-inline:14px;border-radius:999px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent)}
  .nla__group-head{display:inline-flex;flex:none;align-items:center;gap:6px;margin-inline:0}
  .nla__group-label{overflow:visible;text-overflow:clip}
  .nla__group-head:is(:hover,:focus-visible){background:color-mix(in srgb,var(--dash-text,#f5f5f6) 8%,transparent)}
  .nla__group-head.is-current{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 12%,transparent)}
  .nla__group[data-group=messages] .nla__group-head{order:1}
  .nla__group[data-group=ai] .nla__group-head{order:2}
  .nla__group[data-group=notifications] .nla__group-head{order:3}
  .nla__conversation-search-trigger-wrap{position:static;inset:auto;translate:none;flex:none;order:4;width:38px;height:38px}
  .nla__conversation-search-toggle{width:38px;height:38px;border-radius:999px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent)!important}
  html.light-theme .nla__tree,html.light .nla__tree{background:transparent}
  html.light-theme .nla__group-head,html.light .nla__group-head{background:#ececee}
  html.light-theme .nla__group-head.is-current,html.light .nla__group-head.is-current{background:#fff}
}

/* Creation states have no selected entity, so contextual details stay out of view. */
.nla__hub.is-creating{grid-template-columns:288px minmax(440px,1fr)}
.nla__hub.is-creating .nla__workspace{margin-inline-end:12px}
.nla__hub.is-creating .nla__details-toggle{display:none}
@media(max-width:1360px){.nla__hub.is-creating{grid-template-columns:258px minmax(0,1fr)}}
@container (max-width:780px){
  .nla__hub.is-creating{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .nla__hub.is-creating .nla__workspace{margin-inline-end:8px}
}

/* Keep the workspace canvas aligned with pages that reserve a vertical scrollbar. */
body.nla-page{overflow-x:hidden;overflow-y:scroll}

/* DS parity: keep all three panes stable while bootstrap data is loading. */
.nla__pane-skeleton{display:grid;align-content:start;gap:12px;min-height:0}
.nla__pane-skeleton--rail{padding:6px 2px}
.nla__pane-skeleton--details{padding:16px 12px}
.nla__pane-bone{display:block;height:36px;border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--dash-text,#f5f5f6) 3%,transparent),color-mix(in srgb,var(--dash-text,#f5f5f6) 7%,transparent),color-mix(in srgb,var(--dash-text,#f5f5f6) 3%,transparent));background-size:200% 100%;animation:nla-shimmer 1.2s ease-in-out infinite alternate}
.nla__pane-skeleton--details .nla__pane-bone{height:88px}
.nla__pane-bone--line{width:42%;height:12px;border-radius:999px}
@media(max-width:760px){.nla__pane-skeleton--rail,.nla__pane-skeleton--details{display:none}}
@media(prefers-reduced-motion:reduce){.nla__pane-bone{animation:none}}

/* DS parity: the composer is a quiet two-layer control, not a row of exposed action chips. */
.nla__composer{
  --nla-composer-base:color-mix(in srgb,color-mix(in srgb,#888 9%,#020203) 52%,#020203);
  --nla-composer-outer:var(--nla-composer-frame-surface);
  --nla-composer-inner:var(--nla-composer-input-surface);
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:none;
  width:calc(100% - 24px);max-width:none;min-height:0;margin:0 auto 12px;padding:0 4px 4px;
  gap:0;border:0;border-radius:26px;background:var(--nla-composer-outer);box-shadow:none
}
.nla__composer-context{display:flex;min-width:0;align-items:center;gap:8px;padding:10px 14px;color:var(--dash-muted,#8d8d92);font-size:13px;line-height:18px}
.nla__composer-context svg{width:15px;height:15px;flex:none}.nla__composer-context strong{flex:none;color:var(--dash-text,#f5f5f6);font-weight:500}.nla__composer-context span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nla__composer-box{display:grid;gap:8px;padding:14px 12px 12px 16px;border:0;border-radius:22px;background:var(--nla-composer-inner);box-shadow:none!important}
.nla__composer .nla__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.nla__composer textarea{grid-area:auto;width:100%;min-height:48px;max-height:160px;padding:2px 0;border:0;border-radius:0;resize:none;outline:0;background:transparent;color:var(--dash-text,#f5f5f6);font:400 14px/22px Inter,system-ui,sans-serif;box-shadow:none}
.nla__composer textarea::placeholder{color:color-mix(in srgb,var(--dash-text,#f5f5f6) 34%,transparent)}
.nla__composer-bar{display:flex;align-items:center;gap:8px}.nla__composer-bar button{border:0;font:inherit}
.nla__composer-icon{display:grid;width:32px;height:32px;flex:none;place-items:center;margin-inline-start:-6px;padding:0;border-radius:999px;background:transparent;color:var(--dash-muted,#8d8d92);transition:background-color 140ms ease-out,color 140ms ease-out}
.nla__composer-icon:hover{background:var(--nla-hover-surface);color:var(--dash-text,#f5f5f6)}.nla__composer-icon svg{width:18px;height:18px}
.nla__composer-pick{position:relative;margin-inline-start:auto}.nla__composer-pick[hidden]{display:none}.nla__composer-pick[data-direct-action-picker],.nla__composer-pick[data-ai-action-picker]{display:none}
.nla__composer-picker{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:0 10px;border-radius:999px;background:transparent;color:var(--dash-text,#f5f5f6);font-size:13px!important;font-weight:500!important;transition:background-color 140ms ease-out}
.nla__composer-picker:is(:hover,[aria-expanded=true]){background:var(--nla-hover-surface)}.nla__composer-picker svg{width:15px;height:15px;color:var(--dash-muted,#8d8d92)}.nla__composer-picker svg:last-child{width:14px;height:14px;transition:rotate 150ms ease}.nla__composer-picker[aria-expanded=true] svg:last-child{rotate:180deg}
.nla__composer-menu{position:absolute;z-index:12;right:0;bottom:calc(100% + 8px);display:grid;min-width:200px;padding:6px;border:1px solid color-mix(in srgb,var(--dash-text,#f5f5f6) 12%,transparent);border-radius:20px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 6%,#08080a);box-shadow:0 18px 48px rgba(0,0,0,.42);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}
.nla__composer-menu[hidden]{display:none}.nla__composer-menu button{display:flex;min-height:36px;align-items:center;gap:10px;padding:0 12px;border-radius:999px;background:transparent;color:var(--dash-text,#f5f5f6);font-size:13px!important;font-weight:500!important;text-align:start;white-space:nowrap}.nla__composer-menu button:hover{background:var(--nla-hover-surface)}.nla__composer-menu svg,.nla__composer-menu .nla__money-icon svg{width:15px;height:15px;color:var(--dash-muted,#8d8d92)}
.nla__composer-add{position:relative;margin-inline-start:0}.nla__composer-add-menu{right:auto;left:-8px;min-width:292px;padding:8px}.nla__composer-menu-label{padding:8px 12px 5px;color:color-mix(in srgb,var(--dash-text,#f5f5f6) 45%,transparent);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nla__composer-add-menu button{min-height:52px;border-radius:15px}.nla__composer-add-menu button>span:last-child{display:grid;gap:1px;min-width:0}.nla__composer-add-menu button strong{font:600 13px/18px Inter,sans-serif}.nla__composer-add-menu button small{overflow:hidden;color:var(--dash-muted,#8d8d92);font:400 11px/16px Inter,sans-serif;text-overflow:ellipsis}.nla__composer-menu-icon{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 5%,transparent)}
.nla__composer-quick{display:flex;min-width:0;align-items:center;gap:6px}.nla__composer-quick[hidden]{display:none}.nla__composer-quick button{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:0 11px;border-radius:999px;background:var(--nla-composer-action-surface);color:var(--dash-text,#f5f5f6);font-size:12px!important;font-weight:500!important;white-space:nowrap;transition:background-color 140ms ease-out,color 140ms ease-out}.nla__composer-quick button:hover{background:var(--nla-hover-surface)}.nla__composer-quick svg{width:14px;height:14px;color:var(--dash-muted,#8d8d92)}
.nla__composer-attachments{display:flex;gap:7px;overflow-x:auto;padding:0 0 2px;scrollbar-width:none}.nla__composer-attachments::-webkit-scrollbar{display:none}.nla__composer-attachment{display:flex;min-width:0;max-width:240px;align-items:center;gap:8px;padding:7px 7px 7px 10px;border-radius:12px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 6%,transparent)}.nla__composer-attachment>span{display:grid;min-width:0}.nla__composer-attachment strong,.nla__composer-attachment small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nla__composer-attachment strong{font:600 11px/15px Inter,sans-serif}.nla__composer-attachment small{color:var(--dash-muted,#8d8d92);font:400 10px/14px Inter,sans-serif}.nla__composer-attachment button{display:grid;width:24px;height:24px;flex:none;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--dash-muted,#8d8d92);font-size:17px}.nla__composer-attachment button:hover{background:var(--nla-hover-surface);color:var(--dash-text,#f5f5f6)}
.nla__composer .nla__send{display:grid;grid-area:auto;width:36px;height:36px;flex:none;place-items:center;margin-inline-start:auto;padding:0;border:0;border-radius:999px;background:var(--nla-composer-action-surface);color:var(--dash-muted,#8d8d92);transition:background-color 140ms ease-out,color 140ms ease-out}.nla__composer .nla__send:disabled{cursor:default;opacity:1}.nla__composer .nla__send:not(:disabled){background:var(--product-button-primary,#f4f4f5);color:var(--product-button-primary-text,#111)}.nla__composer .nla__send svg{width:18px;height:18px}
.nla__composer.is-drafting :is(.nla__composer-pick,.nla__composer-quick){display:none}.nla__composer .nla__money-draft{grid-area:auto;margin:0 0 4px}
html.light-theme .nla__composer,html.light .nla__composer{--nla-composer-base:#fff;--nla-composer-outer:var(--nla-composer-frame-surface);--nla-composer-inner:var(--nla-composer-input-surface)}
@media(max-width:760px){.nla__composer{width:calc(100% - 16px);margin-bottom:8px;border-radius:22px}.nla__composer-box{padding:12px 10px 10px 14px;border-radius:18px}.nla__composer-context{padding:9px 12px}}
@media(max-width:1160px){.nla__details-toggle{display:grid!important;width:40px;height:40px;padding:3px;border-radius:50%;gap:0}.nla__composer-quick{display:none!important}.nla__composer-pick[data-direct-action-picker]:not([hidden]),.nla__composer-pick[data-ai-action-picker]:not([hidden]){display:block;margin-inline-start:auto}.nla__composer .nla__send{margin-inline-start:0}.nla__composer:not(:focus-within):not(.has-content):not(.has-attachments):not(.is-drafting) textarea{height:24px!important;min-height:24px;white-space:nowrap}.nla__composer:not(:focus-within):not(.has-content):not(.has-attachments):not(.is-drafting) .nla__composer-box{gap:4px}}
@media(max-width:560px){.nla__details-toggle{width:40px;height:40px;padding:3px}.nla__composer-add-menu{min-width:min(292px,calc(100vw - 34px))}}

@media(max-width:760px){
  .nla__details-backdrop{position:fixed;z-index:6;inset:0;display:block;border:0;padding:0;background:rgba(0,0,0,.56);opacity:0;pointer-events:none;backdrop-filter:blur(4px);transition:opacity 160ms ease-out}
  .nla__details{display:grid!important;grid-template-rows:minmax(0,1fr);position:fixed;z-index:7;inset:auto 8px calc(76px + env(safe-area-inset-bottom)) 8px;width:auto;max-height:min(72dvh,680px);padding-top:18px;border-radius:26px 26px 18px 18px;background:var(--nla-shell-surface);box-shadow:0 -18px 64px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;translate:0 18px;transition:opacity 160ms ease-out,translate 160ms ease-out,visibility 0s linear 160ms}
  .nla__details::before{position:absolute;z-index:3;inset-block-start:8px;inset-inline-start:50%;width:40px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--dash-text,#f5f5f6) 22%,transparent);translate:-50% 0;content:""}
  .nla__hub.is-details-open .nla__details-backdrop{opacity:1;pointer-events:auto}
  .nla__hub.is-details-open .nla__details{opacity:1;visibility:visible;pointer-events:auto;translate:0;transition-delay:0s}
  .nla__details-head{inset:16px 12px auto auto}
  .nla__details-body{padding:12px 12px calc(18px + env(safe-area-inset-bottom))}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.nla__details-backdrop,.nla__details{transition:none}}
:root[data-appearance=light] .nla__composer-menu{background:color-mix(in srgb,#fff 96%,#dfe0e4);box-shadow:0 18px 44px rgba(20,20,25,.16)}
@media(prefers-reduced-motion:reduce){.nla__composer-icon,.nla__composer-picker,.nla__composer-picker svg:last-child,.nla__composer .nla__send{transition:none}}

/* DS parity: the contextual rail uses the same grid, type rhythm and opaque card ladder. */
.nla__details-body{gap:12px;padding:8px 12px 18px}
.nla__detail-section{gap:10px;padding:16px;border-radius:18px;background:var(--nla-detail-card-surface)}
.nla__detail-identity{grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:12px;padding-block:14px;padding-inline-end:8px}
.nla__detail-identity>div{gap:2px}
.nla__detail-identity [data-workspace-title]{font-size:14px;line-height:18px}
.nla__detail-identity [data-workspace-kicker]{font-size:11px;line-height:14px}
.nla__detail-label{font-size:10px;line-height:14px;letter-spacing:.06em}
.nla__detail-section>strong{font-size:14px;line-height:20px}
.nla__detail-section>span{font-size:12px;line-height:18px}
.nla__detail-row{padding-block:6px;font-size:12px;line-height:16px}
.nla__detail-source{gap:10px;padding-block:6px}
.nla__detail-source>span{width:32px;height:32px;border-radius:10px;background:var(--nla-control-surface)}
.nla__detail-source strong{font-size:12px;line-height:16px}
.nla__detail-source small{font-size:11px;line-height:14px}
.nla__detail-downloads{gap:2px;margin:0 -8px}
.nla__detail-downloads .nla__detail-source{min-height:46px;padding:6px 8px;border-radius:12px;box-sizing:border-box}
.nla__detail-downloads .nla__detail-source:is(:hover,:focus-visible){background:var(--nla-hover-surface)}
.nla__composer:is(:hover,:focus-within){background:var(--nla-composer-outer)}
html.light-theme .nla,html.light .nla{--nla-detail-card-surface:var(--nla-composer-frame-surface)}
html.light-theme .nla__detail-section,html.light .nla__detail-section{background:var(--nla-detail-card-surface)}
@media(max-width:760px){.nla__details .nla__details-body{padding:12px 12px calc(18px + env(safe-area-inset-bottom))}}

/* Tablet / compact web: details are a content-sized popover anchored below
   the conversation avatar. The bottom sheet remains exclusive to mobile. */
@media (min-width:761px) and (max-width:1160px){
  .nla__hub{position:relative}
  .nla__details{display:none!important;grid-template-rows:auto;align-content:start;position:absolute;z-index:30;inset:calc(var(--nla-content-inset,12px) + 56px) calc(var(--nla-content-inset,12px) + 10px) auto auto;width:min(328px,calc(100% - 32px));height:max-content;max-height:min(70dvh,620px);padding:8px;border:1px solid transparent;border-radius:22px;background:linear-gradient(var(--nla-details-popover-surface),var(--nla-details-popover-surface)) padding-box,var(--dash-dropdown-edge) border-box;box-shadow:var(--dash-dropdown-shadow);-webkit-backdrop-filter:var(--dash-dropdown-filter);backdrop-filter:var(--dash-dropdown-filter);overflow:hidden}
  .nla__hub.is-details-open .nla__details{display:grid!important}
  .nla__details-body{max-height:calc(min(70dvh,620px) - 16px);padding:0;overflow-y:auto}
  .nla__details-backdrop{position:absolute;z-index:29;inset:0;display:block!important;border:0;padding:0;background:transparent;opacity:0;pointer-events:none;backdrop-filter:none}
  .nla__hub.is-details-open .nla__details-backdrop{opacity:1;pointer-events:auto}
  .nla__hub.is-details-open .nla__details-toggle{z-index:31}
}
@media (min-width:1161px){
  @container (min-width:761px) and (max-width:1100px){
    .nla__details{display:none!important;grid-template-rows:auto;align-content:start;position:absolute;z-index:30;inset:calc(var(--nla-content-inset,12px) + 56px) calc(var(--nla-content-inset,12px) + 10px) auto auto;width:min(328px,calc(100% - 32px));height:max-content;max-height:min(70dvh,620px);padding:8px;border:1px solid transparent;border-radius:22px;background:linear-gradient(var(--nla-details-popover-surface),var(--nla-details-popover-surface)) padding-box,var(--dash-dropdown-edge) border-box;box-shadow:var(--dash-dropdown-shadow);-webkit-backdrop-filter:var(--dash-dropdown-filter);backdrop-filter:var(--dash-dropdown-filter);overflow:hidden}
    .nla__hub.is-details-open .nla__details{display:grid!important}
    .nla__details-body{max-height:calc(min(70dvh,620px) - 16px);padding:0;overflow-y:auto}
    .nla__details-backdrop{position:absolute;z-index:29;inset:0;display:block!important;border:0;padding:0;background:transparent;opacity:0;pointer-events:none;backdrop-filter:none}
    .nla__hub.is-details-open .nla__details-backdrop{opacity:1;pointer-events:auto}
    .nla__hub.is-details-open .nla__details-toggle{z-index:31}
  }
}

/* Conversation avatar trigger follows the circular header-control contract. */
.nla__details-toggle{
  isolation:isolate;
  width:44px!important;
  height:44px!important;
  padding:5px!important;
  border-radius:50%!important;
  background:var(--dash-avatar-bg)!important;
  color:var(--dash-avatar-fg)!important;
  border:0!important;
  box-shadow:none!important;
  transition:color var(--dash-transition),filter var(--dash-transition),scale var(--dash-transition)!important;
}
.nla__details-toggle::before{
  position:absolute;
  z-index:1;
  inset:0;
  box-sizing:border-box;
  width:100%;
  height:100%;
  padding:1px;
  border-radius:inherit;
  background:var(--dash-profile-avatar-ring);
  display:none;
  content:none;
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
}
.nla__details-toggle:is(:hover,[aria-expanded=true]){
  background:var(--dash-avatar-bg-hover)!important;
  box-shadow:none!important;
  filter:brightness(1.12);
}
.nla__details-toggle-avatar{
  position:relative;
  z-index:2;
  width:34px;
  height:34px;
  overflow:visible;
  outline:0!important;
}
.nla__details-toggle-avatar img{display:block;border-radius:inherit}
.nla__details-toggle-avatar[data-presence]::after{
  position:absolute;
  z-index:3;
  inset:auto -1px -1px auto;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--nla-presence-off,#8f9098);
  box-shadow:0 0 0 2px var(--dash-avatar-bg);
  content:"";
}
.nla__details-toggle-avatar[data-presence="online"]::after{background:var(--nla-presence-online,#6eb8a0)}

/* The full Work Space conversation uses the same quiet glass edge as the
   shared header controls. Keep embedded chat surfaces visually frameless. */
html:not(.nla-embed) .nla__workspace{
  isolation:isolate;
  border-color:transparent;
}
html:not(.nla-embed) .nla__workspace::before{
  position:absolute;
  z-index:6;
  inset:0;
  box-sizing:border-box;
  padding:1px;
  border-radius:inherit;
  background:var(--dash-profile-avatar-ring);
  content:"";
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
}

/* The composer Send control shares the header glass edge in every state;
   enabled and disabled fills remain owned by the existing button contract. */
.nla__composer .nla__send{
  position:relative;
  isolation:isolate;
}
.nla__composer .nla__send::before{
  position:absolute;
  z-index:1;
  inset:0;
  box-sizing:border-box;
  padding:1px;
  border-radius:inherit;
  background:var(--dash-profile-avatar-ring);
  content:"";
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
}
.nla__composer .nla__send svg{position:relative;z-index:2}

/* Empty workspace (DS AI Workspace → Empty): no list and no details yet, Navorina AI fills the canvas. */
.nla__hub.is-empty{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
.nla__hub.is-empty .nla__rail,.nla__hub.is-empty [data-assistant-details],.nla__hub.is-empty .nla__details-toggle{display:none!important}
.nla__hub.is-empty .nla__workspace{margin-inline:0}
.nla__empty-new{position:absolute;z-index:4;inset-block-start:14px;inset-inline-end:14px;display:inline-flex;align-items:center;gap:6px;min-height:36px;border:0;border-radius:999px;padding:0 14px 0 12px;background:var(--dash-card,#111216);color:var(--dash-text,#f5f5f6);cursor:pointer;font:500 12px/18px Inter,sans-serif;transition:background-color 140ms ease-out}
.nla__empty-new:hover{background:color-mix(in srgb,var(--dash-text,#f5f5f6) 10%,var(--dash-card,#111216))}
.nla__empty-new svg{width:15px;height:15px;color:var(--dash-muted,#8f9098)}