/* One viewport, with an independent scroll area for each working pane. */
html { height: 100%; }
body.pipeline-mode { height: 100vh; height: 100dvh; min-width: 0; overflow: hidden; --sidebar-width: 248px; }
body.pipeline-mode > main { margin-left: var(--sidebar-width); width: calc(100% - var(--sidebar-width)); height: 100%; min-height: 0; display: flex; flex-direction: column; }
.pipeline-mode #header { flex: 0 0 58px; min-width: 0; }
body.pipeline-mode #app { flex: 1 1 0; height: auto; min-height: 0; min-width: 0; overflow: hidden; }
.pipeline-mode .management-content { height: 100%; min-height: 0; overflow: auto; scrollbar-gutter: stable; }
.pipeline-mode :is(.shared-workspace, .business-work-layout, .agent-work, .pipeline-layout, .site-canvas) { height: 100%; min-height: 0; min-width: 0; }
.pipeline-mode :is(.agent-conversation, .work-collaboration, .collaboration-pane, .pipeline-chat, .pipeline-business, .business-canvas, .agent-canvas, .canvas-pane, .work-canvas) { min-width: 0; min-height: 0; }
.pipeline-mode :is(.agent-conversation-head, .agent-input, .agent-canvas-bar, .pipeline-chat-head, .pipeline-composer, .pipeline-business-title, .workspace-bar, .canvas-tabs, .context-space, .task-compose, .canvas-toolbar, .canvas-status) { flex-shrink: 0; }
.pipeline-mode :is(.agent-timeline, .task-scroll, .work-task-scroll, .pipeline-messages, .agent-canvas-body, .work-canvas-content, .public-content, .pipeline-business-content, .inspector, .canvas-content) { min-height: 0; overflow: auto; }
.pipeline-mode .management-content > .legacy-shell,
.pipeline-mode .legacy-shell { height: 100%; min-height: 0; }
.pipeline-mode .legacy-shell iframe { flex: 1 1 0; min-height: 0; }
.pipeline-mode :is(.agent-input, .pipeline-composer, .task-compose) textarea { max-height: 180px; }
.pipeline-mode .modal { max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overscroll-behavior: contain; }

/* Quiet navigation: familiar labels, small radii and one restrained active color. */
.pipeline-mode #sidebar { width: var(--sidebar-width); padding: 22px 12px 12px; background: #f8f9fb; min-height: 0; }
.pipeline-mode .workspace-brand { display: flex; align-items: center; gap: 10px; padding: 0 10px 20px; flex-shrink: 0; }
.pipeline-mode .workspace-brand svg { color: #526c90; width: 21px; height: 21px; }
.pipeline-mode .workspace-brand b { font-size: 16px; font-weight: 600; color: #273444; letter-spacing: .3px; }
.pipeline-mode #sidebar .company { width: 100%; min-height: 64px; border: 1px solid #e5e8ed; border-radius: 8px; background: #fff; padding: 12px 10px; margin: 0 0 16px; gap: 10px; flex-shrink: 0; }
.pipeline-mode .company-avatar { width: 30px; height: 32px; border-radius: 6px; background: #f1f4f8; color: #728195; }
.pipeline-mode .company-avatar svg { width: 17px; height: 17px; }
.pipeline-mode #sidebar .company-info { margin-left: 0; min-width: 0; color: inherit; }
.pipeline-mode .company b { font-size: 12px; font-weight: 500; display: block; overflow-wrap: anywhere; }
.pipeline-mode .company small { font-size: 11px; color: #858d98; margin-top: 2px; }
.pipeline-mode #sidebar nav { min-height: 0; overflow: auto; scrollbar-width: thin; scrollbar-color: #d6dce4 transparent; scroll-padding-block: 8px; }
.pipeline-mode .pipeline-section-label { font-size: 11px; color: #8a929d; padding: 16px 10px 7px; }
.pipeline-mode .pipeline-section-label:first-child { padding-top: 2px; }
.pipeline-mode .pipeline-group { margin: 2px 0; }
.pipeline-mode .pipeline-home { padding: 10px; min-height: 42px; gap: 11px; font-size: 13px; border-radius: 6px; color: #505c6c; }
.pipeline-mode .pipeline-home svg { width: 17px; height: 17px; color: #7e8b9e; }
.pipeline-mode .pipeline-home.active { background: #eaf0f8; color: #315e9a; font-weight: 500; }
.pipeline-mode .pipeline-home.active svg { color: #537bb0; }
.pipeline-mode .pipeline-group summary { padding: 10px; min-height: 42px; gap: 11px; border-radius: 6px; color: #505c6c; }
.pipeline-mode .pipeline-group summary b { font-size: 13px; font-weight: 400; }
.pipeline-mode .pipeline-group summary svg { color: #7e8b9e; width: 17px; height: 17px; }
.pipeline-mode .pipeline-caret { margin-left: auto; color: #9aa3af; font-size: 16px; transform: rotate(0); }
.pipeline-mode .pipeline-group[open] .pipeline-caret { transform: rotate(90deg); }
.pipeline-mode .pipeline-group summary:hover { background: #edf0f4; }
.pipeline-mode .pipeline-group[open] > summary { background: transparent; color: #354a65; }
.pipeline-mode .pipeline-group[open] > summary b { font-weight: 500; }
.pipeline-mode .pipeline-group[open] > summary svg { color: #627b9d; }
.pipeline-mode .pipeline-child { position: relative; padding: 8px 10px 8px 38px; min-height: 36px; margin: 2px 0; border-radius: 6px; font-size: 12px; color: #798390; white-space: normal; }
.pipeline-mode .pipeline-child.selected { background: #eaf0f8; color: #315e9a; font-weight: 500; }
.pipeline-mode .pipeline-child.selected::before { content: ''; position: absolute; left: 19px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #537bb0; }
.pipeline-mode .sidebar-bottom { flex-shrink: 0; background: transparent; margin-top: 12px; padding-top: 10px; border-color: #e6e9ee; }
.pipeline-mode .sidebar-bottom .nav { font-size: 12px; min-height: 36px; padding: 8px 10px; gap: 11px; color: #6d7887; border-radius: 6px; }
.pipeline-mode .sidebar-bottom .nav.active { background: #eaf0f8; color: #315e9a; }
.pipeline-mode .sidebar-bottom .nav svg { width: 16px; height: 16px; }

@media (max-height: 650px) {
  .pipeline-mode #sidebar { padding-top: 14px; }
  .pipeline-mode .workspace-brand { padding-bottom: 12px; }
  .pipeline-mode #sidebar .company { margin-bottom: 10px; }
  .pipeline-mode :is(.agent-input, .pipeline-composer, .task-compose) { max-height: 45%; overflow: auto; }
  .pipeline-mode :is(.agent-input, .pipeline-composer, .task-compose) textarea { min-height: 54px; max-height: 100px; }
}
@media (max-width: 1100px) {
  body.pipeline-mode { --sidebar-width: 224px; }
  .pipeline-mode #header { padding: 0 18px; }
  .pipeline-mode .agent-work { grid-template-columns: 290px minmax(0, 1fr); }
  .pipeline-mode .overview-businesses { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  body.pipeline-mode { --sidebar-width: 196px; }
  .pipeline-mode #sidebar { padding-left: 8px; padding-right: 8px; }
  .pipeline-mode #header .breadcrumb > span { display: none; }
  .pipeline-mode .management-content > .page { padding: 24px 18px; }
  .pipeline-mode .management-content :is(.resource-grid, .expert-card-grid, .team-directory-grid, .form-grid, .business-starters) { grid-template-columns: minmax(0, 1fr); }
  .pipeline-mode :is(.agent-work, .business-work-layout, .shared-workspace:not(.task-collapsed), .pipeline-layout) { display: flex; flex-direction: column; overflow: auto; }
  .pipeline-mode :is(.agent-conversation, .work-collaboration, .collaboration-pane, .pipeline-chat) { flex: 0 0 420px; }
  .pipeline-mode :is(.agent-canvas, .work-canvas, .business-canvas, .pipeline-business) { flex: 0 0 600px; }
  .pipeline-mode :is(.directory-toolbar, .list-toolbar, .launch-heading, .launch-bottom, .settings-save-row) { flex-wrap: wrap; gap: 10px; }
  .pipeline-mode .directory-search, .pipeline-mode .list-toolbar > input { width: 100%; }
}
/* Overview is a business dashboard; the workspace owns conversation and starters. */
.dashboard-overview{max-width:1500px;margin:0 auto;padding:32px 36px 44px}.dashboard-overview .design-page-heading{margin-bottom:25px}.dashboard-overview .design-page-heading h1{font-size:25px}.overview-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.overview-stat{display:block;text-align:left;border:1px solid #e4e9f0;background:#fff;border-radius:9px;padding:20px;color:#344359;cursor:pointer}.overview-stat>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#7a8799}.overview-stat svg{width:17px;height:17px;color:#8298b8}.overview-stat strong{display:block;font-size:30px;font-weight:600;line-height:1.3;margin:15px 0 12px;color:#344e72}.overview-stat small{display:flex;justify-content:space-between;color:#9aa6b7;font-size:10px}.overview-stat:hover{border-color:#c6d5eb;background:#fcfdff}.overview-dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:stretch;margin-bottom:26px}.overview-dashboard-section{background:#fff;border:1px solid #e4e9f0;border-radius:9px;padding:22px}.overview-dashboard-section .section-title{margin:0 0 20px}.overview-dashboard-section .section-title h2{font-size:15px;font-weight:600;margin:0;color:#344359}.overview-dashboard-section .section-title p{font-size:11px;color:#9aa5b5;margin:5px 0 0}.overview-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.overview-entry-grid>button{display:flex;align-items:center;gap:13px;border:1px solid #e9edf3;background:#fff;text-align:left;padding:16px 13px;border-radius:7px;cursor:pointer;min-width:0}.overview-entry-icon{width:34px;height:34px;background:#f1f5fb;border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:#7b95b8}.overview-entry-icon svg{width:18px;height:18px}.overview-entry-grid h3{font-size:12px;color:#526681;margin:0 0 5px;font-weight:500}.overview-entry-grid p{font-size:10px;color:#9aa7b8;margin:0;line-height:1.7}.overview-entry-arrow{margin-left:auto;color:#acb8c9}.overview-entry-grid>button:hover{background:#f8faff;border-color:#cad8eb}.overview-space-card{background:#f7f9fc;border:1px solid #e1e7f0;border-radius:9px;padding:24px 22px}.overview-space-card>.eyebrow{color:#8c9bb0;font-size:10px}.overview-space-card>h2{font-size:16px;font-weight:600;color:#425773;margin:13px 0 8px;overflow-wrap:anywhere}.overview-space-card>p{font-size:11px;color:#93a0b3;line-height:1.8;margin:0}.overview-space-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:25px 0 20px;border-bottom:1px solid #e0e6ef}.overview-space-counts>div{display:flex;flex-direction:column;gap:5px}.overview-space-counts b{font-size:21px;color:#5b7192;font-weight:500}.overview-space-counts span{font-size:10px;color:#95a2b5}.overview-space-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:13px 0}.overview-space-links .button{font-size:11px}.overview-conversation-entry{border-top:1px solid #e0e6ef;margin-top:19px;padding-top:20px}.overview-conversation-entry>svg{width:20px;height:20px;color:#869cbc}.overview-conversation-entry h3{font-size:12px;color:#5b7292;margin:10px 0}.overview-conversation-entry p{font-size:11px;color:#93a1b7;line-height:1.9;margin:0 0 14px}.overview-conversation-entry .button{font-size:11px}.dashboard-overview .recent-work{margin-top:0}.dashboard-overview .task-row{padding:14px 10px}.dashboard-overview .task-row:last-child{border-bottom:0}.conversation-workspace{max-width:1320px;margin:0 auto}.conversation-workspace .overview-greeting{margin-bottom:24px}.conversation-workspace .workspace-launch{margin-bottom:26px}.overview-stat:focus-visible,.overview-entry-grid>button:focus-visible{outline:2px solid #819dc5;outline-offset:3px}@media(max-width:1180px){.dashboard-overview{padding:28px 24px}.overview-stat-grid{gap:10px}.overview-stat{padding:16px}.overview-dashboard-columns{grid-template-columns:minmax(0,1fr)}.overview-space-card{display:none}.overview-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.overview-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-entry-grid{grid-template-columns:1fr}.dashboard-overview .design-page-heading{align-items:flex-start;gap:15px;flex-wrap:wrap}.dashboard-overview{padding:24px 18px}.overview-dashboard-section{padding:18px}.conversation-workspace .overview-greeting{align-items:flex-start;flex-wrap:wrap;gap:16px}}

/* Original logo from https://lianjianai.com/logo.png, stored locally. */
.company-avatar img { display: block; width: 100%; height: 100%; object-fit: contain; }