/* User-requested reference design, 2026-09-10. Shared neutral conversation surfaces. */
.conversation-design { --cs-paper:#fff; --cs-canvas:#fafafa; --cs-edge:#ededf0; --cs-ink:#20242e; --cs-muted:#858894; --cs-accent:#172238; --cs-radius:16px; }
.conversation-design body { background:var(--cs-edge)!important; }
.conversation-design .app { background:var(--cs-paper)!important; }
.conversation-design .workspace,.conversation-design .col-main,.conversation-design .stage { background:var(--cs-canvas)!important; }
.conversation-design .sidebar { padding:0!important; background:var(--cs-paper)!important; border:0!important; overflow:visible!important; box-shadow:none!important; }
.cs-rail {position:absolute;inset:0 auto 0 0;width:56px;display:flex;align-items:center;flex-direction:column;padding:20px 0 12px;border-right:1px solid var(--cs-edge);gap:24px;background:var(--cs-paper);}
.cs-rail,.cs-panel,.cs-search input,.cs-rename {box-sizing:border-box;}
.cs-brand,.cs-rail-button,.cs-heading button,.cs-expand {display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--cs-muted);cursor:pointer;min-height:40px;min-width:40px;border-radius:12px;}
.cs-brand img {width:28px;height:28px;object-fit:contain;}
.cs-rail nav,.cs-rail-bottom {display:flex;flex-direction:column;gap:8px;}
.cs-rail-bottom {margin-top:auto;}
.cs-rail-button.is-active {background:var(--cs-accent);color:white;}
.cs-avatar img {width:28px;height:28px;border-radius:50%;object-fit:cover;}
.cs-panel {height:100%;margin-left:56px;display:flex;flex-direction:column;padding:20px 16px 12px;min-width:0;}
.cs-heading {display:flex;align-items:center;gap:0;margin-bottom:12px;min-height:40px;}
.cs-heading strong {font-size:14px;font-weight:600;flex:1;white-space:nowrap;color:var(--cs-ink);}
.cs-heading button {min-width:32px;}
.cs-new {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:999px;background:var(--cs-accent);color:white;height:40px;cursor:pointer;font-size:13px;flex-shrink:0;}
.cs-new span {flex:1;text-align:left;}
.cs-new {padding:0 16px;}
.cs-scroll {overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--cs-edge) transparent;padding-top:20px;}
.cs-features {padding-bottom:16px;border-bottom:1px solid var(--cs-edge);margin-bottom:16px;}
.cs-panel h3 {font-size:11px;letter-spacing:.03em;font-weight:400;color:var(--cs-muted);margin:0 8px 8px;}
.cs-features button {width:100%;display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 8px;background:none;border:0;color:var(--cs-ink);font-size:12px;text-align:left;cursor:pointer;border-radius:8px;}
.cs-feature-icon {display:grid;place-items:center;width:24px;height:24px;background:#eff6ff;color:#3b82ff;border-radius:8px;}
.cs-features button:nth-of-type(2) .cs-feature-icon {background:#fff8ed;color:#a27639;}
.cs-features button:nth-of-type(3) .cs-feature-icon {background:#f2effb;color:#8a70af;}
.cs-history-group {margin-bottom:20px;}
.cs-thread {display:flex;align-items:center;border-radius:8px;min-width:0;}
.cs-thread-open {min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border:0;background:none;padding:10px 8px;font-size:12px;line-height:20px;color:#515560;cursor:pointer;}
.cs-thread-more {border:0;background:none;flex:0 0 28px;height:40px;display:grid;place-items:center;color:var(--cs-muted);cursor:pointer;opacity:0;}
.cs-thread:hover .cs-thread-more,.cs-thread:focus-within .cs-thread-more {opacity:1;}
.cs-thread.is-active {background:#f2f3f5;}
.cs-footer {display:flex;align-items:center;gap:8px;border:1px solid var(--cs-edge);padding:10px 12px;border-radius:999px;font-size:11px;color:#676c77;flex-shrink:0;}
.cs-footer small {margin-left:auto;font-size:10px;}
.cs-online {width:5px;height:5px;background:#739a87;border-radius:50%;}
.cs-search {margin-top:12px;}
.cs-search input,.cs-rename {width:100%;min-width:0;border:1px solid var(--cs-edge);border-radius:8px;background:var(--cs-canvas);padding:10px;font-size:12px;outline-color:#3b82ff;}
.cs-empty {font-size:12px;padding:12px 8px;color:#515560;line-height:1.9;}.cs-empty span {color:var(--cs-muted);}
.cs-expand {display:none;position:absolute;top:76px;left:8px;}
.conversation-design .sidebar>.side-user-wrap {position:absolute!important;bottom:12px!important;left:12px!important;width:0!important;padding:0!important;border:0!important;}
.conversation-design .sidebar>.side-user-wrap .side-user {display:none!important;}
#cs-menu {position:fixed;z-index:1000;background:white;border:1px solid var(--cs-edge);border-radius:12px;padding:6px;box-shadow:0 12px 36px #17223818;width:168px;}
#cs-menu button {display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:none;border-radius:8px;font-size:12px;color:var(--cs-ink);cursor:pointer;}
#cs-mobile-toggle,#cs-scrim {display:none;}
.conversation-design button:focus-visible {outline:2px solid #3b82ff;outline-offset:2px;}
@media(hover:hover){.cs-thread:hover,.cs-features button:hover,.cs-heading button:hover,.cs-rail-button:not(.is-active):hover,#cs-menu button:hover {background:#f3f4f6;}}
.cs-new,.cs-rail-button,.cs-features button {transition:transform 130ms ease-out,background 160ms ease-out;}
.cs-new:active,.cs-rail-button:active,.cs-features button:active {transform:scale(.97);}
.conversation-design .workspace-command,.conversation-design .composer {background:var(--cs-paper)!important;border:1px solid var(--cs-edge)!important;box-shadow:0 6px 24px #17223805!important;border-radius:22px!important;}
.conversation-design .workspace-home-focus-card {background:var(--cs-paper)!important;border-color:var(--cs-edge)!important;box-shadow:none!important;}
.conversation-design .workspace-home-focus-intelligence {background:var(--cs-canvas)!important;border-color:var(--cs-edge)!important;}
.conversation-design .workspace-prompt {background:var(--cs-paper)!important;border-color:var(--cs-edge)!important;box-shadow:none!important;}
html.conversation-design body #app .workspace-home-focus-card,html.conversation-design body #app .workspace-command,html.conversation-design body #app .workspace-prompt-card {background:var(--cs-paper)!important;background-image:none!important;border-color:var(--cs-edge)!important;box-shadow:0 4px 20px #17223804!important;}
html.conversation-design body #app .workspace-home-focus-intelligence {background:var(--cs-canvas)!important;border-color:var(--cs-edge)!important;}
html.conversation-design body #app .workspace-home-focus-card:before,html.conversation-design body #app .workspace-command:before {display:none!important;}
@media(min-width:721px){
 html.conversation-design body #app.view-today #stage {width:100%!important;max-width:none!important;box-sizing:border-box!important;}
 html.conversation-design body #app.view-today .workspace-landing {width:100%!important;max-width:none!important;box-sizing:border-box!important;}
 html.conversation-design body #app.view-today .workspace-home-frame {width:min(760px,100%)!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important;}
 html.conversation-design body #app .workspace-home-hero h1 {font-size:32px!important;line-height:1.3!important;letter-spacing:-.8px!important;}
 html.conversation-design body #app.view-today .dock.is-home-dock {position:fixed!important;left:calc(50% + 144px)!important;right:auto!important;top:min(72vh,740px)!important;bottom:auto!important;transform:translateX(-50%)!important;width:min(760px,calc(100vw - 360px))!important;}
 html.conversation-design.cs-collapsed body #app.view-today .dock.is-home-dock {left:calc(50% + 28px)!important;}
 .conversation-design .app {margin:12px!important;width:calc(100% - 24px)!important;height:calc(100dvh - 24px)!important;min-height:0!important;border-radius:22px;overflow:hidden;grid-template-columns:288px minmax(0,1fr)!important;}
 .conversation-design .sidebar {width:288px!important;min-width:288px!important;position:relative!important;height:100%!important;}
 .conversation-design .workspace {margin-left:0!important;min-width:0!important;border-radius:0 22px 22px 0;}
 .conversation-design .col-main {min-width:0!important;}
 .conversation-design.cs-collapsed .app {grid-template-columns:56px minmax(0,1fr)!important;}
 .conversation-design.cs-collapsed .sidebar {width:56px!important;min-width:56px!important;}
 .cs-collapsed .cs-panel {display:none;}.cs-collapsed .cs-expand {display:flex;}.cs-collapsed .cs-rail nav {margin-top:44px;}
 .conversation-design .workspace-home-hero h1 {font-size:32px!important;letter-spacing:-1px!important;}
 .conversation-design .dock.is-home-dock {background:transparent!important;}
}
@media(max-width:720px){
 #cs-mobile-toggle {position:fixed;top:12px;left:12px;z-index:80;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--cs-edge);border-radius:12px;background:white;color:var(--cs-ink);}
 .conversation-design .sidebar {display:none!important;}
 .cs-mobile-open .sidebar {display:block!important;position:fixed!important;inset:0 auto 0 0!important;width:min(288px,88vw)!important;z-index:150!important;height:100dvh!important;}
 .cs-mobile-open #cs-scrim {display:block;position:fixed;inset:0;border:0;background:#17223845;z-index:140;}
 .cs-collapsed .cs-panel {display:flex;}.cs-collapsed .cs-expand {display:none;}
 .cs-thread-more {opacity:1;}
}
@media(prefers-reduced-motion:reduce){.conversation-design * {animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* Full-viewport product shell, refined against the supplied composer reference. */
html.conversation-design,html.conversation-design body {height:100%;margin:0!important;overflow:hidden!important;}
.conversation-design * {scrollbar-width:none!important;}
.conversation-design *::-webkit-scrollbar {display:none!important;width:0!important;height:0!important;}
html.conversation-design body #app {margin:0!important;width:100%!important;height:100dvh!important;min-height:0!important;border-radius:0!important;box-sizing:border-box!important;}
html.conversation-design body #app .workspace {border-radius:0!important;height:100%!important;min-height:0!important;overflow:hidden!important;}
html.conversation-design body #app .col-main {height:100%!important;min-height:0!important;overflow-y:auto!important;box-sizing:border-box!important;}
.cs-rail {padding-top:16px;gap:16px;border-right-color:#f5f5f6;}
.cs-rail-button {border-radius:999px;}
.cs-panel {padding:16px 12px 12px;}
.cs-heading {margin-bottom:8px;}
.cs-scroll {padding-top:16px;}
.cs-features {padding-bottom:12px;margin-bottom:16px;}
.cs-features button {min-height:36px;gap:8px;}
.cs-feature-icon {width:20px;height:20px;border-radius:999px;}
.cs-history-group {margin-bottom:16px;}
.cs-panel h3 {margin-bottom:4px;font-size:11px;}
.cs-thread-open {padding:7px 8px;font-size:12px;line-height:20px;}
.cs-thread-more {height:34px;}
.cs-new {height:36px;background:#06091c;}
.cs-composer {box-sizing:border-box;width:100%;padding:14px 18px 10px;border:1px solid #ededee;border-radius:22px;background:#fff;box-shadow:0 4px 18px rgba(24,28,40,.035);}
.cs-composer {pointer-events:auto;position:relative;}
html.conversation-design body #app #dock {z-index:60!important;}
.cs-input-line {display:flex;align-items:flex-start;gap:8px;min-height:40px;color:#92949c;}
.cs-input-line>span {padding-top:5px;}
html.conversation-design body #app .cs-composer textarea {box-sizing:border-box;display:block;min-width:0;width:100%;min-height:38px!important;max-height:140px!important;height:38px!important;resize:none;border:0!important;outline:0!important;padding:3px 0!important;background:transparent!important;box-shadow:none!important;font:13px/1.65 inherit;color:#363944;}
.cs-composer textarea::placeholder {color:#9698a0;}
.cs-footer {padding:8px 0 0;border:0;border-top:1px solid var(--cs-edge);border-radius:0;display:block;background:white;}
.cs-account-trigger {display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer;color:#6c707b;}
.cs-account-trigger>img {width:30px;height:30px;border-radius:50%;object-fit:cover;}
.cs-account-trigger>span {flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.cs-account-trigger strong {font-size:12px;font-weight:500;color:#303540;}
.cs-account-trigger small {font-size:10px;color:#8b8e97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cs-account-trigger:hover,.cs-account-trigger[aria-expanded="true"] {background:#f4f4f6;}
@media(max-width:720px){html.conversation-design body #app .sidebar>.side-user-wrap {display:none!important;}}
.conversation-design .cs-rail-bottom .cs-avatar {display:flex;position:relative;}
.cs-avatar[aria-expanded="true"] {background:#eff1f5;box-shadow:inset 0 0 0 1px #dfe2e8;}
html.conversation-design body #app #sidebar .account-center {left:64px!important;bottom:12px!important;max-height:calc(100dvh - 24px)!important;}
.cs-avatar:hover {background:#f3f4f6;}
.cs-footer[hidden] {display:none!important;}
.cs-value-heading {display:flex;justify-content:space-between;font-size:11px;color:#818691;margin-bottom:12px;}
.cs-value-card>h2 {font-size:22px;line-height:1.4;color:#202936;margin:0 0 8px;letter-spacing:-.3px;}
.cs-value-summary {font-size:13px;line-height:1.7;color:#717784;margin:0 0 12px;}
.cs-value-subject {font-size:12px;color:#555e6d;margin-bottom:16px;}
.cs-value-next {padding:14px 16px;border-radius:10px;background:#f8f8fa;display:grid;grid-template-columns:48px 1fr;gap:6px 10px;}
.cs-value-next>span {font-size:11px;color:#838995;padding-top:3px;}
.cs-value-next strong {font-size:13px;line-height:1.7;font-weight:500;color:#303a49;}
.cs-value-next small {grid-column:2;font-size:11px;color:#858b96;}
.cs-value-outcome {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 12px;font-size:11px;color:#8b8f99;}
.cs-value-outcome strong {font-size:14px;color:#505867;font-weight:500;}
.cs-value-evidence {font-size:11px;color:#717987;line-height:1.7;}
.cs-value-evidence summary {cursor:pointer;min-height:32px;display:list-item;list-style-position:inside;}
.cs-value-evidence dl {display:grid;grid-template-columns:80px 1fr;gap:8px;margin:8px 0 16px;}
.cs-value-evidence dt {color:#555f70;}.cs-value-evidence dd {margin:0;}
html.conversation-design body #app .cs-value-card {padding:24px!important;}
.cs-value-card .cs-value-heading {margin-bottom:10px;color:#737b88;}
.cs-value-card .cs-value-summary {font-size:14px;color:#667080;margin-bottom:20px;}
.cs-value-card .cs-value-next {grid-template-columns:64px 1fr;gap:8px 12px;padding:16px;}
.cs-value-card .cs-value-next strong {font-size:14px;font-weight:500;}
.cs-value-card .cs-value-next small {font-size:12px;color:#747e8c;}
.cs-value-card .cs-value-evidence {margin-top:14px;color:#6c7685;font-size:12px;}
html.conversation-design body #app .cs-value-card .workspace-home-focus-command {margin-top:16px!important;padding-top:0!important;min-height:40px!important;}
html.conversation-design body #app .cs-value-card .workspace-home-focus-remaining {font-size:12px!important;font-weight:400!important;}
@media(max-width:720px){html.conversation-design body #app .cs-value-card {padding:20px!important;}.cs-value-card .cs-value-next {grid-template-columns:1fr;}.cs-value-card .cs-value-next small {grid-column:1;}}
@media(max-width:720px){.cs-value-card>h2 {font-size:20px;}.cs-value-next {grid-template-columns:1fr;}.cs-value-next small {grid-column:1;}.cs-value-evidence summary {min-height:40px;}}
.cs-brand {width:48px;min-height:40px;border-radius:8px;}
.cs-brand img {width:44px;height:auto;max-height:28px;object-fit:contain;}
.cs-rail nav svg {stroke-width:1.5;}
.cs-heading>[data-cs="collapse"] {display:none;}
@media(min-width:721px){
 .conversation-design .cs-expand {display:flex!important;position:absolute;top:64px;left:8px;color:#666e7b;border-radius:10px;}
 .conversation-design .cs-rail nav {margin-top:44px!important;}
 .cs-expand:hover,.cs-expand:focus-visible {background:#f0f2f5;color:#252d3b;}
 .cs-expand:active {transform:scale(.96);}
}
@media(max-width:720px){.cs-heading>[data-cs="collapse"] {display:flex;}}
html.conversation-design body #app .sidebar .account-center {left:64px!important;bottom:12px!important;max-height:calc(100dvh - 24px)!important;transform-origin:bottom left;}
html.conversation-design body #app .sidebar .account-center {position:fixed!important;left:68px!important;bottom:80px!important;top:auto!important;width:280px!important;max-width:calc(100vw - 80px)!important;max-height:calc(100dvh - 104px)!important;overflow-y:auto!important;box-sizing:border-box!important;border:1px solid #e9e9ed!important;border-radius:14px!important;background:#fff!important;background-image:none!important;box-shadow:0 8px 32px #17223814!important;padding:12px!important;z-index:200!important;transform-origin:bottom left;}
html.conversation-design body #app .account-center-head {padding:0 0 10px!important;gap:6px;}
html.conversation-design body #app .account-center-current {background:#f7f7f8!important;border:0!important;border-radius:10px!important;padding:10px!important;margin:4px 0 8px!important;}
html.conversation-design body #app .account-center-row,html.conversation-design body #app .account-center-role {min-height:40px!important;border-radius:8px!important;background:transparent;box-shadow:none!important;}
html.conversation-design body #app .account-center-row-icon,html.conversation-design body #app .account-center-current-icon {background:transparent!important;border:0!important;box-shadow:none!important;color:#777b85!important;}
html.conversation-design body #app .account-center-profile-copy strong,html.conversation-design body #app .account-center-row strong {font-size:13px!important;font-weight:500!important;}
html.conversation-design body #app .account-center-avatar-wrap {width:34px!important;height:34px!important;}
html.conversation-design body #app .cs-composer textarea {font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.65!important;}
.cs-composer-tools {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.cs-composer-actions {display:flex;align-items:center;gap:6px;}
.cs-pill {display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;min-height:32px;border:1px solid #e9eaed;border-radius:999px;background:white;color:#343641;font-size:11px;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 2px 4px #17223803;transition:background 130ms,transform 130ms;}
.cs-pill svg {stroke-width:1.5;}
.cs-pill:active {transform:scale(.97);}
.cs-source-wrap {position:relative;}
.cs-source-wrap>.cs-pill svg {transform:rotate(90deg);}
html.conversation-design body #app #askSend.cs-send {min-width:68px;width:auto!important;height:32px!important;min-height:32px!important;padding:0 12px!important;border:1px solid #07091b!important;border-radius:999px!important;background:#07091b!important;color:white!important;box-shadow:none!important;display:inline-flex!important;gap:5px!important;}
html.conversation-design body #app #askSend:disabled {opacity:.65;cursor:default;}
.cs-composer:focus-within {border-color:#d6d8df;box-shadow:0 4px 20px #17223807;}
.cs-composer-note {text-align:center;margin:12px 0 0;font-size:10px;color:#92949c;line-height:16px;}
.cs-sources {position:absolute;bottom:42px;left:0;width:220px;padding:16px;border:1px solid #ededee;border-radius:14px;box-shadow:0 8px 30px #17223812;background:white;font-size:12px;color:#565a65;}
.cs-sources strong {font-size:12px;color:#363944;}
.cs-sources p {margin:8px 0;}
@media(min-width:721px){
 html.conversation-design body #app {grid-template-columns:260px minmax(0,1fr)!important;}
 html.conversation-design body #app .sidebar {width:260px!important;min-width:260px!important;}
 html.conversation-design.cs-collapsed body #app {grid-template-columns:56px minmax(0,1fr)!important;}
 html.conversation-design.cs-collapsed body #app .sidebar {width:56px!important;min-width:56px!important;}
 html.conversation-design body #app.view-today .dock.is-home-dock {left:calc(50% + 130px)!important;top:auto!important;bottom:48px!important;width:min(760px,calc(100vw - 324px))!important;padding:0!important;}
 html.conversation-design.cs-collapsed body #app.view-today .dock.is-home-dock {left:calc(50% + 28px)!important;}
 html.conversation-design body #app.view-today .workspace-landing {min-height:0!important;height:auto!important;padding-bottom:200px!important;}
 html.conversation-design body #app .workspace-home-focus-card {border-radius:14px!important;}
 html.conversation-design body #app .workspace-home-focus-intelligence {border-radius:10px!important;}
}
@media(max-width:720px){
 .cs-pill {min-height:40px;padding:0 10px;}
 html.conversation-design body #app #askSend.cs-send {height:40px!important;}
 .cs-composer {padding:12px;border-radius:22px;}
 .cs-composer-actions {gap:4px;}
 .cs-composer-note {margin-top:6px;font-size:9px;}
 .cs-thread-open {min-height:40px;}.cs-thread-more {height:40px;}
}