/* SOURCE: ui.css */ /* Driven interface adapters, 2026-10-28. Versioned independently of upstream apps. */ @font-face{font-family:DrivenBarlow;src:url('./brand/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap} @font-face{font-family:DrivenBarlow;src:url('./brand/Barlow-SemiBold.ttf') format('truetype');font-weight:500 600;font-display:swap} @font-face{font-family:DrivenBarlow;src:url('./brand/Barlow-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap} html[data-driven-ui]{--driven-ink:#161441;--driven-muted:#59576e;--driven-paper:#f6f6f9;--driven-line:#d8d8e4;color-scheme:light;scrollbar-color:#9593ac #f0f0f5} html[data-driven-ui] :is(body,button,input,textarea,select,h1,h2,h3,h4,[role=dialog]){font-family:DrivenBarlow,Barlow,Arial,sans-serif!important} html[data-driven-ui] :is(input,textarea){caret-color:#161441} html[data-driven-ui] ::selection{background:#d9d8ef;color:#161441} html[data-driven-ui] :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #b52f28!important;outline-offset:3px!important} html[data-driven-ui] :is(table,.metric,.metrics){font-variant-numeric:tabular-nums} html[data-driven-ui] :is(button,input,textarea,select)::placeholder{color:#656278;opacity:1} html[data-driven-ui] :is(button,[role=button]):disabled{cursor:not-allowed} .driven-ui-note{font-size:14px!important;line-height:1.5!important;color:#59576e!important;max-width:75ch;margin:12px 0!important} .driven-file-reference{display:inline;padding:2px 5px;border-radius:4px;background:#ececf4;color:#161441;font-size:.9em;overflow-wrap:anywhere} /* Workspace */ html[data-driven-ui=workspace] .readiness-check :is(small,p){font-size:13px;line-height:1.5} html[data-driven-ui=workspace] .readiness-check b{font-size:14px} html[data-driven-ui=workspace] :is(.readiness-kicker,.readiness-check em,.readiness-state){font-size:11px} html[data-driven-ui=workspace] :is(.drawer,.runs-panel){max-width:100vw;overflow-y:auto} html[data-driven-ui=workspace] :is(.drawer,.runs-panel) button{min-height:36px} html[data-driven-ui=workspace] .config-status{font-size:12px} /* Owned capability pages */ html[data-driven-ui=tools],html[data-driven-ui=knowledge],html[data-driven-ui=policies]{--muted:#59576e;--green2:#ececf4} html[data-driven-ui] :is(.connector-head h2,.detail-title h2,.section-head h2,.status-hero h2){font-family:DrivenBarlow,Arial,sans-serif!important} html[data-driven-ui=tools] .hero h1,html[data-driven-ui=knowledge] .hero h1,html[data-driven-ui=policies] .hero h1{font-size:34px!important;line-height:1.15!important} html[data-driven-ui=tools] .section-head h2{font-size:24px!important} html[data-driven-ui=tools] main{padding-top:32px} html[data-driven-ui=tools] .hero{padding-bottom:28px} html[data-driven-ui=tools] .context select{background:#262351;border-color:#777391;color:#fff;max-width:min(360px,48vw)} html[data-driven-ui=knowledge] .connector-panel{background:#161441} html[data-driven-ui=knowledge] .connector-panel :is(p:not(.eyebrow),.help){color:#d7d6e4} html[data-driven-ui=knowledge] .connector-panel .eyebrow{color:#fff!important} html[data-driven-ui=knowledge] .connector-tools{flex-wrap:wrap} html[data-driven-ui=knowledge] .connector-head{align-items:flex-start;flex-wrap:wrap} html[data-driven-ui=knowledge] .panel .space-row{background:#fff!important;color:#161441!important;border-color:#d8d8e4} html[data-driven-ui=knowledge] .panel .space-row.active{background:#ececf4!important;border-color:#787390} html[data-driven-ui=knowledge] .space-row span{color:#59576e!important} html[data-driven-ui=knowledge] .panel .tab{background:transparent!important;color:#59576e!important} html[data-driven-ui=knowledge] .panel .tab.active{background:transparent!important;color:#161441!important;border-color:#b52f28!important} html[data-driven-ui=knowledge] .panel :is(.button:not(.primary),.icon-button){background:#f0f0f5!important;color:#161441!important} html[data-driven-ui=knowledge] .panel .danger,html[data-driven-ui=knowledge] .panel .icon-button{color:#a32b27!important} /* Workflow summary: repair cascade ordering and responsive column placement. */ html[data-driven-ui=workflows] #lasius-workflow-overview{background:#f6f6f9;color:#161441} html[data-driven-ui=workflows] .lasius-overview-hero h1{font-size:clamp(26px,3vw,36px);font-family:DrivenBarlow,Arial,sans-serif!important} html[data-driven-ui=workflows] :is(.lasius-overview-card,.lasius-guidance-panel){background:#fff;border-color:#d8d8e4;box-shadow:none;min-width:0} html[data-driven-ui=workflows] :is(.lasius-overview-hero p,.lasius-overview-card small,.lasius-overview-card p,.lasius-dependencies em){color:#59576e;line-height:1.5} html[data-driven-ui=workflows] :is(.lasius-overview-card strong,.lasius-overview-card h2,.lasius-governance dd,.lasius-stages strong){color:#161441} html[data-driven-ui=workflows] .lasius-primary-action{background:#161441;color:#fff;border-color:#161441} html[data-driven-ui=workflows] :is(.lasius-issue-list button,.lasius-run-actions button){color:#161441;border-color:#aaa7bd} html[data-driven-ui=workflows] .lasius-technical-details{background:#ececf4;border-color:#d8d8e4} html[data-driven-ui=workflows] .lasius-overview-card :is(small,em){font-size:12px} html[data-driven-ui=workflows] .lasius-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} html[data-driven-ui=workflows] #lasius-workflow-bar{height:auto!important;min-height:80px;display:grid;grid-template-columns:34px 120px minmax(0,1fr) auto;align-items:center;padding:12px 18px} html[data-driven-ui=workflows] #lasius-flow-context{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:0;gap:6px 14px} html[data-driven-ui=workflows] #lasius-flow-context>strong{grid-column:1;grid-row:1;max-width:100%} html[data-driven-ui=workflows] #lasius-flow-context>span:first-of-type{grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html[data-driven-ui=workflows] #lasius-flow-context>span:nth-of-type(2),html[data-driven-ui=workflows] #lasius-flow-context>span:nth-of-type(3),html[data-driven-ui=workflows] #lasius-flow-context>span:nth-of-type(4){display:none} html[data-driven-ui=workflows] #lasius-flow-context>.lasius-saved-state{grid-column:2;grid-row:2;text-align:right} html[data-driven-ui=workflows] #lasius-flow-context>.lasius-mode-switch{grid-column:2;grid-row:1} html[data-driven-ui=workflows] body{padding-top:0!important} html[data-driven-ui=workflows] #root{margin-top:var(--driven-bar-height,80px)!important;height:calc(100vh - var(--driven-bar-height,80px))!important} html[data-driven-ui=workflows] #lasius-workflow-overview{top:var(--driven-bar-height,100px)!important} html[data-driven-ui=workflows] .lasius-mode-switch{max-width:100%;flex-wrap:wrap} html[data-driven-ui=workflows] .lasius-mode-switch button{min-height:36px} html[data-driven-ui=workflows] [data-testid=flow_name]::after{content:none!important} html[data-driven-ui=workflows] [data-testid=flow_name]{font-size:14px!important} html[data-driven-ui=workflows] main .group>span:has([data-testid=icon-Sparkles]){display:none} html[data-driven-ui=workflows] .driven-readable-canvas{background:#fff;color:#161441;border:1px solid #d8d8e4;border-radius:6px;padding:7px 10px;cursor:pointer} html[data-driven-ui=workflows] .markdown.prose a{color:#373178!important;text-decoration:underline;text-underline-offset:3px} /* Observability: body inherited the upstream dark foreground despite light cards. */ html[data-driven-ui=observability] body{color:#161441!important;background:#f6f6f9!important;font-size:14px} html[data-driven-ui=observability] main{color:#161441!important} html[data-driven-ui=observability] :is(main,[role=dialog],[data-radix-popper-content-wrapper]) .text-foreground{color:#161441!important} html[data-driven-ui=observability] :is(main,[role=dialog]) .text-muted-foreground{color:#59576e!important} html[data-driven-ui=observability] :is(main,[role=dialog]) .text-primary-foreground{color:#fff!important} html[data-driven-ui=observability] :is(.recharts-text,.recharts-cartesian-axis-tick-value){fill:#59576e!important} html[data-driven-ui=observability] main .text-8xl{font-size:48px;line-height:1.1} /* Gateway and endpoint page remain distinct areas but share type and controls. */ html[data-driven-ui=models] :is(.ant-btn-primary,[data-lasius-primary-action=true]){background:#161441!important;border-color:#161441!important;color:#fff!important} html[data-driven-ui=models] :is(.ant-tabs-tab-active .ant-tabs-tab-btn,.ant-menu-item-selected){color:#161441!important} html[data-driven-ui=models] .ant-tabs-ink-bar{background:#b52f28!important} html[data-driven-ui=models] button.bg-tremor-brand{background:#161441!important;border-color:#161441!important;color:#fff!important} html[data-driven-ui=models] [role=tab][aria-selected=true]{color:#161441!important;border-color:#b52f28!important} html[data-driven-ui=models] .ant-table-wrapper{overflow:auto} html[data-driven-ui=models] .heading-row h1{font-size:32px} html[data-driven-ui=models] .empty{color:#59576e} html[data-driven-ui=models] nav a[data-driven-active=false]{background:transparent!important;box-shadow:none!important} html[data-driven-ui=models] nav a[data-driven-active=false]::before{display:none!important} html[data-driven-ui=models] nav a[data-driven-active=true]{background:#ececf4!important;color:#161441!important} html[data-driven-ui=models] :is(.ant-typography-secondary,.ant-input-disabled){color:#59576e!important} html[data-driven-ui=models] .ant-select-selection-placeholder{color:#59576e!important;opacity:1!important} html[data-driven-ui=models] :is(input,textarea)::placeholder{color:#59576e!important;opacity:1!important} html[data-driven-ui=models] .sidebar nav a{white-space:nowrap} html[data-driven-ui=models] [data-slot=breadcrumb] :is(a,[role=link]){background:transparent!important;box-shadow:none!important;border:0!important} html[data-driven-ui=models] [data-slot=breadcrumb] :is(a,[role=link])::before{display:none!important} html[data-driven-ui=models] .driven-model-filters{display:flex!important;flex-wrap:wrap;gap:16px!important} html[data-driven-ui=models] .driven-model-filter{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;align-items:stretch!important;gap:6px!important} html[data-driven-ui=models] .driven-model-filter>span{font-size:14px!important;white-space:nowrap} html[data-driven-ui=models] .driven-model-filter>div{width:100%!important;max-width:100%} html[data-driven-ui=models] .driven-playground-layout{display:grid!important;grid-template-columns:260px minmax(0,1fr);height:auto!important;min-height:70vh} html[data-driven-ui=models] .driven-playground-layout>div{width:auto!important;min-width:0} html[data-driven-ui=models] .driven-playground-config{background:#f6f6f9!important;max-height:70vh} @media(max-width:1100px){ html[data-driven-ui=models] .driven-playground-layout{grid-template-columns:1fr} html[data-driven-ui=models] .driven-playground-config{max-height:320px} html[data-driven-ui=models] .driven-playground-config>.space-y-4{display:grid;grid-template-columns:1fr 1fr;gap:16px} html[data-driven-ui=models] .driven-playground-config>.space-y-4>div{margin:0!important;min-width:0} html[data-driven-ui=models] .driven-playground-layout>div:last-child{min-height:480px} } @media(max-width:600px){ html[data-driven-ui=models] .driven-playground-config>.space-y-4{grid-template-columns:1fr} html[data-driven-ui=models] .driven-playground-layout>div:last-child>.border-b{flex-wrap:wrap;gap:12px;padding:12px} html[data-driven-ui=models] .driven-playground-layout>div:last-child>.border-b>p{flex-basis:100%;font-size:18px} html[data-driven-ui=models] .driven-playground-layout>div:last-child>.border-b>div{flex-wrap:wrap} html[data-driven-ui=models] .driven-playground-config{padding:16px!important} html[data-driven-ui=models] .tremor-TabList-root{overflow-x:auto!important;gap:8px} html[data-driven-ui=models] .tremor-TabList-root>[role=tab]{flex-shrink:0;margin-left:0!important} } html[data-driven-ui=workspace] .resource-state.draft{background:#eeedf3;color:#59576e} html[data-driven-ui=workspace] .resource-state.published{background:#e6f0e9;color:#23563b} html[data-driven-ui=workspace] .resource-group>p{padding:0 14px;font-size:14px;line-height:1.5;color:#59576e} /* Tasks uses upstream semantic color utilities; override those, not status colors. */ html[data-driven-ui=tasks] body{background:#f6f6f9!important;color:#161441!important} html[data-driven-ui=tasks] :is(.bg-background,.bg-background-bright,.bg-background-dimmed,.bg-background-darker){background:#f6f6f9!important} html[data-driven-ui=tasks] :is(.text-text-bright,.text-text-primary,.text-text-dimmed,.text-text-dimmer,.text-white){color:#161441!important} html[data-driven-ui=tasks] :is(.border-border,.border-grid-bright,.border-grid-dimmed){border-color:#d8d8e4!important} html[data-driven-ui=tasks] :is(input,select,textarea){background:#fff!important;color:#161441!important} html[data-driven-ui=tasks] [role=dialog]{background:#fff;color:#161441} html[data-driven-ui=tasks] [aria-current=page]{color:#161441!important;background:#e6e5f0!important} html[data-driven-ui=tasks] :is(.bg-secondary,.bg-charcoal-700,.bg-charcoal-750,.bg-charcoal-800){background:#ececf4!important;color:#161441!important;border-color:#bcb9ce!important} html[data-driven-ui=tasks] .relative.h-full.border-r.bg-background-bright [aria-current=page]{background:#302c5c!important;color:#fff!important} html[data-driven-ui=knowledge] .hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px} html[data-driven-ui=knowledge] #driven-knowledge-scope{grid-column:1/-1;margin:0!important} html[data-driven-ui=tools] .hero{gap:24px;align-items:flex-start} html[data-driven-ui=tools] .hero>div:first-child{min-width:0;flex:1} html[data-driven-ui=tools] .health{flex:0 0 205px} @media(max-width:980px){ html[data-driven-ui=workflows] .lasius-overview-grid{grid-template-columns:minmax(0,1fr)} html[data-driven-ui=workflows] .lasius-overview-grid>*{grid-column:1!important} html[data-driven-ui=models] :is(.ant-space,.ant-tabs-nav-wrap){max-width:100%;flex-wrap:wrap} } @media(max-width:700px){ html[data-driven-ui=models] aside[data-slot=sidebar][data-collapsed=false]{position:absolute;inset:0 auto 0 0;z-index:50;box-shadow:8px 0 24px #16144130} html[data-driven-ui=models] main{min-width:0} html[data-driven-ui=models] main :is(h1,h2,h3){font-size:24px!important;line-height:1.25!important;overflow-wrap:normal} html[data-driven-ui=models] main .ant-table-wrapper{overflow-x:auto} } @media(max-width:680px){ html[data-driven-ui=workflows] #lasius-flow-context{padding:12px;align-items:flex-start} html[data-driven-ui=workflows] #lasius-workflow-bar{padding:10px 12px;gap:8px;grid-template-columns:34px minmax(0,1fr) auto} html[data-driven-ui=workflows] #lasius-flow-context{grid-column:1/-1;margin-left:0;padding:0;border:0;grid-template-columns:1fr} html[data-driven-ui=workflows] #lasius-flow-context>.lasius-mode-switch{grid-column:1;grid-row:1} html[data-driven-ui=workflows] #lasius-flow-context>.lasius-saved-state{grid-column:1;grid-row:2;text-align:left} html[data-driven-ui=workflows] .driven-readable-canvas{grid-column:3;grid-row:1;font-size:12px;padding:6px} html[data-driven-ui=workflows] #lasius-flow-context>span:not(.lasius-saved-state){display:none} html[data-driven-ui=workflows] .lasius-mode-switch{margin-left:0} html[data-driven-ui=workflows] .lasius-overview-card header{flex-wrap:wrap} html[data-driven-ui=workflows] :is(.lasius-readiness-checks li,.lasius-dependencies li){grid-template-columns:24px minmax(0,1fr)} html[data-driven-ui=workflows] .lasius-dependencies li>em{grid-column:2} html[data-driven-ui=knowledge] :is(.connector-tools,.connector-tools input,.connector-tools select){width:100%;min-width:0} html[data-driven-ui=knowledge] .connector-panel{padding:20px} html[data-driven-ui=knowledge] .tabs{gap:6px;overflow:auto} html[data-driven-ui=knowledge] .tab{white-space:nowrap;margin-right:8px} html[data-driven-ui=knowledge] .hero{grid-template-columns:1fr} html[data-driven-ui=tools] .topbar{height:auto;min-height:64px;flex-wrap:wrap;padding-block:10px} html[data-driven-ui] :is(.hero h1,.heading-row h1){overflow-wrap:break-word} } @media(prefers-reduced-motion:reduce){html[data-driven-ui] *,html[data-driven-ui] *::before,html[data-driven-ui] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} /* Nirvik's October 14 feedback: one type scale, semantic selection, calm motion. */ html[data-driven-ui]{--driven-text:16px;--driven-detail:14px;--driven-label:13px;--driven-motion:180ms cubic-bezier(.2,.8,.2,1)} html[data-driven-ui=workspace] .landing :is(.landing-eyebrow,.signal-strip){font-size:14px;line-height:1.5;letter-spacing:.08em;font-weight:600} html[data-driven-ui=workspace] .landing :is(.hero-trust,.card-detail){font-size:14px;line-height:1.5;letter-spacing:0;text-transform:none;color:#59576e} html[data-driven-ui=workspace] .hero-trust b{background:#ececf4;color:#161441;width:20px;height:20px;font-size:13px} html[data-driven-ui=workspace] .landing-links a{font-size:16px;color:#33314d} html[data-driven-ui=workspace] .product-signature>.mark{display:none} html[data-driven-ui=workspace] .product-wordmark{gap:6px} html[data-driven-ui=workspace] .product-wordmark strong{font-size:24px;line-height:1.1} html[data-driven-ui=workspace] .product-wordmark small{font-size:10px;gap:6px;letter-spacing:.04em} html[data-driven-ui=workspace] .product-wordmark img{width:72px;height:auto} html[data-driven-ui=workspace] .landing-footer :is(p,span){font-size:15px;line-height:1.5} html[data-driven-ui=workspace] .landing-footer .product-wordmark strong{font-size:24px} html[data-driven-ui=workspace] :is(.capability-card,.capability-card.featured){background:#fff;color:#161441;border-color:#d8d8e4;min-height:0;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:none} html[data-driven-ui=workspace] .capability-card:hover{transform:none;border-color:#9591b0;box-shadow:none} html[data-driven-ui=workspace] .capability-icon{display:none} html[data-driven-ui=workspace] .capability-index{position:static;font:600 14px/1.5 DrivenBarlow,Arial,sans-serif;color:#59576e} html[data-driven-ui=workspace] .capability-card h3{margin:0;color:#161441;font-size:24px;line-height:1.2} html[data-driven-ui=workspace] .capability-card p{font-size:16px;color:#59576e;line-height:1.6} html[data-driven-ui=workspace] .capability-card .card-detail{position:static;margin-top:auto;padding-top:12px;color:#59576e} html[data-driven-ui=workspace] .card-detail i{display:none} html[data-driven-ui=workspace] .flow-copy li strong{font-size:18px;line-height:1.4} html[data-driven-ui=workspace] .flow-copy li span{font-size:16px;line-height:1.6;color:#d7d6e4} html[data-driven-ui=workspace] .flow-copy>p:not(.landing-eyebrow){font-size:18px;color:#d7d6e4} html[data-driven-ui=workspace] .flow-copy li>b{font:600 15px/1.5 DrivenBarlow,Arial,sans-serif} html[data-driven-ui=workspace] .landing-eyebrow.light{color:#ffaaa4} html[data-driven-ui=workspace] .flow-node small,html[data-driven-ui=workspace] .flow-core small{font-size:12px;color:#d7d6e4;letter-spacing:.02em} html[data-driven-ui=workspace] .governance-list :is(strong,p){font-size:16px;line-height:1.6} html[data-driven-ui=workspace] .governance-list p{color:#59576e} html[data-driven-ui=workspace] .cta-content>p:not(.landing-eyebrow){font-size:18px;color:#d7d6e4;line-height:1.5} html[data-driven-ui=workspace] .cta-content>.mark{display:none} html[data-driven-ui=workspace] :is(.nav-signin,.hero-primary,.hero-secondary,.landing-cta button){font-size:16px;min-height:44px;border-color:#161441} /* Independent disclosure controls: opening a branch never changes the conversation. */ html[data-driven-ui=workspace] [data-project-group] .project-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:0;align-items:center} html[data-driven-ui=workspace] .project-expand{height:36px;width:32px;padding:0;border:0;border-radius:6px;background:transparent;color:#d9d8e5;display:grid;place-items:center;cursor:pointer} html[data-driven-ui=workspace] .project-expand:hover{background:#ffffff12;color:#fff} html[data-driven-ui=workspace] .project-expand svg{transition:transform var(--driven-motion)} html[data-driven-ui=workspace] .project-expand[aria-expanded=true] svg{transform:rotate(90deg)} html[data-driven-ui=workspace] .project-title{width:100%;min-width:0;padding:10px 4px;text-align:left;font-size:14px;line-height:1.35;white-space:normal} html[data-driven-ui=workspace] .project-title[aria-current=true]{color:#fff} html[data-driven-ui=workspace] .project-group[data-project-group] .project-threads{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;margin:0 0 0 16px;transition:grid-template-rows var(--driven-motion),opacity var(--driven-motion),visibility var(--driven-motion)} html[data-driven-ui=workspace] .project-group[data-project-group].expanded .project-threads{grid-template-rows:1fr;opacity:1;visibility:visible} html[data-driven-ui=workspace] .project-thread-list{overflow:hidden;min-height:0;border-left:1px solid #ffffff30;padding-left:8px} html[data-driven-ui=workspace] .project-empty{font-size:13px;color:#c4c2d8;padding:8px} /* Real tab selection wins over the old 'primary action' label heuristic. */ html[data-driven-ui=models] main [role=tab]{font-size:14px!important;line-height:1.4!important;padding:10px 14px!important;border:0!important;border-radius:6px!important;transition:background-color var(--driven-motion),color var(--driven-motion),box-shadow var(--driven-motion)!important;box-shadow:none!important} html[data-driven-ui=models] main [role=tab][aria-selected=false]{background:transparent!important;color:#59576e!important} html[data-driven-ui=models] main [role=tab][aria-selected=true]{background:#e8e7f2!important;color:#161441!important;box-shadow:inset 0 -3px 0 #b52f28!important;font-weight:600!important} html[data-driven-ui=models] main [role=tab][aria-selected=false]:hover{background:#f0eff7!important;color:#161441!important} html[data-driven-ui=models] main [role=tablist]{gap:4px;overflow-x:auto} html[data-driven-ui=workflows] main .driven-new-flow{font-size:15px!important;line-height:1.4!important;min-height:40px!important;height:auto!important;width:auto!important;min-width:112px!important;padding:10px 16px!important;border-radius:7px!important} html[data-driven-ui=workflows] main .driven-flows-tab{font-size:15px!important;line-height:1.4!important;padding:8px 14px!important;border:1px solid #d8d8e4!important;box-shadow:none!important;background:#e8e7f2!important;color:#161441!important;border-radius:7px!important;font-weight:600} html[data-driven-ui=workflows] .lasius-overview-card{padding:24px!important} html[data-driven-ui=workflows] .lasius-overview-card header h2{font-size:22px!important;line-height:1.3!important;font-weight:600!important;margin:8px 0} html[data-driven-ui=workflows] .lasius-overview-card :is(p,small){font-size:14px!important;line-height:1.6!important;color:#59576e!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important} html[data-driven-ui=workflows] .lasius-overview-card :is(strong,dd){font-size:15px!important;line-height:1.5!important;font-weight:600!important} html[data-driven-ui=workflows] .lasius-overview-card :is(.lasius-eyebrow,em){font-size:13px!important;line-height:1.5!important;font-weight:600!important;letter-spacing:.03em!important;color:#59576e!important;font-style:normal} html[data-driven-ui=workflows] .lasius-issue-list li{gap:16px!important;align-items:start!important} html[data-driven-ui=workflows] .lasius-overview-card button{font-size:14px!important;line-height:1.4!important;min-height:40px;padding:9px 12px!important;white-space:normal} html[data-driven-ui=workflows] .lasius-stage-card ol li{background:#f7f7fb!important;border-color:#d8d8e4!important} html[data-driven-ui=workflows] .lasius-stage-card ol li>span{background:#161441!important;color:#fff!important;font:600 14px/1.5 DrivenBarlow,Arial,sans-serif!important} /* Configuration is not connectivity: these labels make that distinction explicit. */ html[data-driven-ui=knowledge] :is(.connector-symbol,#connectorSymbol){display:none!important} html[data-driven-ui=knowledge] .connector-card-top{justify-content:flex-start;min-height:26px} html[data-driven-ui=knowledge] .connector-card{display:flex;flex-direction:column;gap:10px;padding:18px;text-align:left;border:1px solid #5b587c;transition:background-color var(--driven-motion),border-color var(--driven-motion),box-shadow var(--driven-motion)} html[data-driven-ui=knowledge] .connector-card h3{font-size:18px;margin:0;line-height:1.35;color:#fff} html[data-driven-ui=knowledge] .connector-card p{font-size:14px;line-height:1.55;margin:0;color:#d7d6e4} html[data-driven-ui=knowledge] .connector-card small{position:static;font-size:13px;line-height:1.5;color:#c4c2d8;margin-top:auto} html[data-driven-ui=knowledge] .connector-state{font-size:12px!important;line-height:1.4!important;font-weight:600;text-transform:none!important;letter-spacing:0!important;padding:4px 8px;border:1px solid #777391;border-radius:5px;background:transparent;color:#e3e1ef!important} html[data-driven-ui=knowledge] .connector-state.connected{color:#163b2b!important;background:#e0f2e8;border-color:#9ccbb3} html[data-driven-ui=knowledge] .connector-state.installed{color:#fff!important;border-style:dashed} html[data-driven-ui=knowledge] .connector-card.connected{border-color:#9ccbb3} html[data-driven-ui=knowledge] .connector-card:hover{border-color:#fff;background:#302d5b;transform:none;box-shadow:none} html[data-driven-ui=knowledge] :is(.summary-pill,.tab,.space-row){transition:background-color var(--driven-motion),border-color var(--driven-motion),color var(--driven-motion)} html[data-driven-ui=knowledge] .summary-pill{background:transparent;color:#e3e1ef;border:1px solid #777391;font-size:14px;min-height:40px} html[data-driven-ui=knowledge] .summary-pill.active{background:#e8e7f2;color:#161441;border-color:#e8e7f2;box-shadow:inset 0 -3px 0 #b52f28} html[data-driven-ui=knowledge] .summary-pill :is(strong,span){color:inherit!important} html[data-driven-ui=knowledge] .summary-pill:not(.active):hover{background:#302d5b;border-color:#fff} html[data-driven-ui=knowledge] .panel .tab{padding:10px 14px!important;border-radius:6px;margin-bottom:4px} html[data-driven-ui=knowledge] .panel .tab.active{background:#e8e7f2!important;box-shadow:inset 0 -3px 0 #b52f28;border-color:transparent!important} html[data-driven-ui=knowledge] .connector-panel input::placeholder{color:#c4c2d8!important} html[data-driven-ui=knowledge] .connector-card:focus-visible{outline-color:#fff!important} @media(max-width:700px){ html[data-driven-ui=workspace] .landing-nav{height:auto;min-height:78px;gap:12px;padding-block:12px} html[data-driven-ui=workspace] .product-wordmark strong{font-size:22px} html[data-driven-ui=workspace] .nav-signin{font-size:14px;padding:10px} html[data-driven-ui=workspace] .capability-card{padding:24px} html[data-driven-ui=workspace] .signal-strip{gap:12px;font-size:13px} html[data-driven-ui=workflows] .lasius-overview-card{padding:18px!important} html[data-driven-ui=workflows] .lasius-issue-list li{flex-wrap:wrap;display:flex} html[data-driven-ui=workflows] .lasius-issue-list li>div{flex:1 1 100%} } @media(prefers-reduced-motion:reduce){html[data-driven-ui] *,html[data-driven-ui] *::before,html[data-driven-ui] *::after{transition:none!important;animation:none!important}} /* Completed motion system: native state stays authoritative and immediately usable. */ .driven-selection-glide{position:fixed;pointer-events:none;z-index:9999;border:2px solid #b52f28;border-radius:8px;transform-origin:top left;box-sizing:border-box} html[data-driven-ui=observability] td.driven-template-owner{white-space:normal!important;line-height:1.4;padding-right:14px!important} html[data-driven-ui] .driven-motion-control{transition:background-color 180ms ease-out,color 180ms ease-out,box-shadow 180ms ease-out} html[data-driven-ui] .driven-motion-control:focus-visible{outline:3px solid #b52f28;outline-offset:2px} html[data-driven-ui=workspace] .project-thread-list .thread:focus-visible,html[data-driven-ui=workspace] .project-expand:focus-visible{outline-color:#ffaaa4} html[data-driven-ui=knowledge] .connector-panel .driven-motion-control:focus-visible{outline-color:#ffaaa4} html[data-driven-ui] .driven-edge-card{position:relative;isolation:isolate} html[data-driven-ui] .driven-edge-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;background:radial-gradient(160px circle at var(--edge-x,50%) var(--edge-y,50%),#b52f28,transparent 85%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;transition:opacity 160ms ease-out} html[data-driven-ui] .driven-edge-card[data-edge-active]::after{opacity:1} html[data-driven-ui=knowledge] .connector-card::after{background:radial-gradient(160px circle at var(--edge-x,50%) var(--edge-y,50%),#ffaaa4,transparent 85%)} html[data-driven-ui=knowledge] :is(.summary-pill,.tab){background-image:linear-gradient(#403b68,#403b68);background-repeat:no-repeat;background-position:bottom;background-size:100% 0;transition:background-size 220ms cubic-bezier(.16,1,.3,1),color 160ms ease-out,border-color 160ms ease-out} html[data-driven-ui=knowledge] .summary-pill:not(.active):is(:hover,:focus-visible){background-size:100% 100%;color:#fff} html[data-driven-ui=knowledge] .panel .tab{background-image:linear-gradient(#e8e7f2,#e8e7f2)} html[data-driven-ui=knowledge] .panel .tab:is(:hover,:focus-visible){background-size:100% 100%;color:#161441} html[data-driven-ui=workflows] [data-testid=flow-name-div][role=link]:focus-visible{outline:3px solid #b52f28;outline-offset:5px;border-radius:3px} html[data-driven-ui=workspace] [data-project-group] .project-row{grid-template-columns:44px minmax(0,1fr) 32px} html[data-driven-ui=workspace] .project-expand{width:44px;height:44px} /* Ant Select's inline label is not a wrapping toolbar. Keep the value on one line. */ html[data-driven-ui=models] .driven-model-filter .ant-select-selection-item .ant-space{flex-wrap:nowrap!important;max-width:100%;gap:8px!important;align-items:center} html[data-driven-ui=models] .driven-model-filter .ant-select-selection-item .ant-space-item:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html[data-driven-ui=models] .driven-model-filter .ant-select-selection-item .ant-space-item:last-child span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block} html[data-driven-ui=models] .driven-model-filter .ant-select-selector{min-height:44px;align-items:center!important} html[data-driven-ui=models] .driven-model-filter .ant-select-selection-wrap{min-width:0;align-self:center} html[data-driven-ui=models] .driven-model-filter .ant-select-selection-item{display:flex;align-items:center;min-width:0;line-height:normal!important} html[data-driven-ui=models] .driven-model-page{width:auto!important;min-width:0;margin-inline:0!important;height:auto!important} html[data-driven-ui=models] .driven-model-toolbar{flex-wrap:wrap!important;align-items:flex-start!important} html[data-driven-ui=models] .driven-model-search-controls{flex:1 1 240px;min-width:0} html[data-driven-ui=models] .driven-model-search{flex:1 1 220px;max-width:100%;min-width:0} @media(max-width:700px){ html[data-driven-ui=models] main{padding:0!important} html[data-driven-ui=models] .driven-model-page>.tremor-Grid-root{padding:20px 12px!important;margin-top:0!important;min-width:0} html[data-driven-ui=models] .driven-model-page .tremor-Col-root{min-width:0} html[data-driven-ui=models] .driven-model-filters{display:grid!important;grid-template-columns:minmax(0,1fr);gap:16px!important} html[data-driven-ui=models] .driven-model-filter{width:100%;min-width:0;flex-basis:auto} html[data-driven-ui=models] .driven-model-filter>div{width:100%!important} html[data-driven-ui=models] .driven-model-toolbar{gap:12px!important} html[data-driven-ui=models] .driven-model-search-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;flex-basis:100%} html[data-driven-ui=models] .driven-model-search{grid-column:1/-1;width:100%!important} html[data-driven-ui=models] .driven-model-search-controls>button{min-width:0;min-height:44px;white-space:normal;justify-content:center;padding:8px!important} html[data-driven-ui=models] .driven-model-page input{font-size:16px!important} html[data-driven-ui=models] .driven-model-page [role=tab]{min-height:44px!important} html[data-driven-ui=models] .driven-model-page .tremor-TabPanel-root{min-width:0} html[data-driven-ui=models] .driven-model-page table{min-width:760px} html[data-driven-ui=models] .driven-model-page table :is(th,td)[style*="position: sticky"]{position:relative!important;right:auto!important;left:auto!important} html[data-driven-ui=models] .driven-model-page :is(.overflow-x-auto,.overflow-auto){max-width:100%} html[data-driven-ui=models] .driven-model-toolbar+div{flex-wrap:wrap;gap:8px} } @media(prefers-reduced-motion:reduce){ .driven-selection-glide{display:none!important} html[data-driven-ui] .driven-edge-card::after{display:none!important} html[data-driven-ui] .driven-motion-control{transition:none!important} } /* SOURCE: refinement.css */ /* Shared Driven UI; October 28 baseline plus October 30 feedback. */ html[data-driven-ui]{--driven-title:28px;--driven-subtitle:20px;--driven-body:16px;--driven-control:14px;--driven-caption:12px;--driven-focus:#626b9c;--driven-focus-dark:#b8c7f2;--driven-selection:#edf0f8;--driven-selection-line:#9aa9d1} html[data-driven-ui] body{font-size:var(--driven-body);line-height:1.5} html[data-driven-ui] :is(h1,.driven-page-title){font-size:var(--driven-title)!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.02em!important} html[data-driven-ui] :is(.hero,.heading-row,.lasius-overview-hero) h1{font-size:var(--driven-title)!important;line-height:1.25!important} html[data-driven-ui] h2:not(.driven-page-title){font-size:var(--driven-subtitle)!important;line-height:1.35!important;font-weight:600!important;letter-spacing:-.01em!important} html[data-driven-ui] h3{font-size:18px!important;line-height:1.4!important;font-weight:600!important} html[data-driven-ui] :is(input,select,textarea,[role=combobox],.ant-select-selection-item,.ant-select-item){font-size:var(--driven-control)!important;line-height:1.5!important;font-weight:400!important} html[data-driven-ui] :is(button,.button,[role=tab]){font-size:var(--driven-control);line-height:1.4;font-weight:500} /* Inset indicators remain visible inside scroll containers. Invalid/error controls retain their red border. */ html[data-driven-ui] :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--driven-focus)!important;outline-offset:-2px!important} html[data-driven-ui] :is(.topbar,.connector-panel,#workspaceSidebar) :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline-color:var(--driven-focus-dark)!important} html[data-driven-ui] :is(input,textarea,select):focus:not([aria-invalid=true]){border-color:var(--driven-focus)!important;box-shadow:none!important} html[data-driven-ui] .driven-selection-glide{border-color:var(--driven-selection-line);border-width:1px;box-shadow:none;border-radius:7px} html[data-driven-ui] .driven-edge-card::after{display:none!important} /* All ordinary action buttons get non-displacing feedback, without animating data cards or switches. */ html[data-driven-ui] :is(button,.button,.config-card[href]):not(:disabled):not([aria-disabled=true]){transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease,filter 160ms ease,box-shadow 160ms ease} @media(hover:hover){ html[data-driven-ui] :is(button,.button):not(:disabled):not([aria-disabled=true]):not(.connector-card):not(.space-row):not(.thread):hover{filter:brightness(.92)} html[data-driven-ui] :is(button,.button):not(:disabled):not([aria-disabled=true]):active{filter:brightness(.86)} } /* One sliding selection treatment for top navigation in the owned and upstream surfaces. */ html[data-driven-ui] :is(main [role=tab],.tabs>button,.tab,.lasius-mode-switch>button,[data-control-tab]){border:1px solid transparent!important;border-radius:7px!important;padding:9px 14px!important;min-height:40px;box-shadow:none!important;font-size:14px!important;font-weight:500!important;background-image:none!important} html[data-driven-ui] :is(main [role=tab][aria-selected=true],.tabs>button.active,.tab.active,.lasius-mode-switch>button.active,[data-control-tab].active){background:var(--driven-selection)!important;color:var(--driven-ink)!important;border-color:var(--driven-selection-line)!important;box-shadow:none!important;font-weight:600!important} html[data-driven-ui] :is(.tabs,[role=tablist]){gap:6px;padding:4px 2px;scroll-padding:4px} html[data-driven-ui] :is(.tabs>button,.tab,main [role=tab])[aria-selected=false]:hover,html[data-driven-ui] .tabs>button:not(.active):hover{background:#f1f3f9!important;color:var(--driven-ink)!important} html[data-driven-ui=knowledge] .panel .tab.active{background:var(--driven-selection)!important;border-color:var(--driven-selection-line)!important;box-shadow:none!important} html[data-driven-ui=knowledge] .summary-pill.active{background:var(--driven-selection)!important;color:var(--driven-ink)!important;border-color:var(--driven-selection-line)!important;box-shadow:none!important} /* October 30: content-sized controls, aligned type, truthful configuration affordances. */ html[data-driven-ui=workspace] #workspaceSidebar .project-title,html[data-driven-ui=workspace] #workspaceSidebar .thread{white-space:normal!important;overflow-wrap:anywhere;line-clamp:unset!important;-webkit-line-clamp:unset!important;height:auto!important;text-overflow:clip!important} html[data-driven-ui=workspace] #workspaceSidebar .project-thread-list{border-left:0!important;padding-left:0!important} html[data-driven-ui=workspace] #workspaceSidebar .thread::after{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:#737698} html[data-driven-ui=workspace] #workspaceSidebar .thread:last-child::after{bottom:50%} html[data-driven-ui=workspace] #workspaceSidebar .thread::before{z-index:1} html[data-driven-ui=workspace] .config-card .config-icon{display:none!important} html[data-driven-ui=workspace] .drawer .config-card{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important} html[data-driven-ui=workspace] .drawer .config-card.driven-config-unavailable{cursor:not-allowed!important;background:#f4f4f7!important;border-color:#dedee7!important;opacity:1!important;filter:none!important} html[data-driven-ui=workspace] .driven-config-unavailable .config-action{background:transparent!important;color:#59576e!important;font-size:12px!important;max-width:92px;white-space:normal} html[data-driven-ui=workspace] .drawer :is(#clearConfigSearch,#closeDrawer){width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:8px!important;font-size:20px!important;line-height:1!important;border-radius:7px!important;display:inline-flex;align-items:center;justify-content:center} html[data-driven-ui=workspace] .drawer :is(#clearConfigSearch,#closeDrawer) svg{width:18px!important;height:18px!important;min-width:18px!important;flex:none!important;margin:0!important;position:static!important;transform:none!important} html[data-driven-ui=workspace] .drawer #clearConfigSearch[hidden]{display:none!important} html[data-driven-ui=workspace] #app #composer :is(#attachBtn,#sendBtn){width:auto!important;flex:0 0 auto!important;min-width:88px!important;min-height:40px!important;height:40px!important;padding:8px 14px!important;font-size:14px!important} html[data-driven-ui=workspace] .route-explanation :is(p,dt,dd,b,span,strong),html[data-driven-ui=workspace] :is(.route-facts,.route-technical,.structured-result) {font-size:14px!important;line-height:1.55!important} html[data-driven-ui=workspace] .route-facts b{font-weight:600!important} html[data-driven-ui=workspace] .route-facts>div{padding:10px 12px!important} html[data-driven-ui=knowledge] .panel .tabs{display:flex!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap} html[data-driven-ui=knowledge] .panel .tabs .tab{flex:0 0 auto!important;width:auto!important;margin:0!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] .grid:has(>.driven-template-card){flex:0 0 auto!important;align-items:stretch!important;grid-auto-rows:auto!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] .driven-template-card{height:auto!important;min-height:0!important;align-self:stretch} html[data-driven-ui=workflows] [data-lasius-creation-dialog] .driven-template-card .card-shine-effect{padding:18px!important;gap:8px!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] .driven-template-card h3{font-size:18px!important;line-height:1.3!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] .driven-template-card p{font-size:14px!important;line-height:1.5!important;margin:0!important} html[data-driven-ui=workflows] :is([data-testid=flow_name],[aria-label^="Open workflow"]){font-size:16px!important;font-weight:600!important} html[data-driven-ui=workflows] :is(.lasius-flow-meta,.lasius-list-meta,.lasius-flow-status){font-size:12px!important;line-height:1.5!important} html[data-driven-ui=tools] #governanceView h3{font-size:16px!important;margin:0 0 8px!important;line-height:1.4!important} html[data-driven-ui=tools] #governanceView p:not(.eyebrow){font-size:14px!important;line-height:1.6!important} html[data-driven-ui=models] .ant-select :is(.ant-select-selection-item,.ant-select-selection-placeholder),html[data-driven-ui=models] .driven-model-filter,html[data-driven-ui=models] .driven-model-filter>span{font-size:14px!important;font-weight:400!important;line-height:1.5!important} html[data-driven-ui=observability] [data-testid=page-header-title]{font-size:20px!important} html[data-driven-ui=observability] [data-testid^=resizable-layout] h3,html[data-driven-ui=observability] [data-testid^=resizable-layout] h3>button{font-size:14px!important;font-weight:500!important} html[data-driven-ui=observability] input[placeholder*="Search"]{padding-left:12px!important;padding-right:12px!important;font-size:14px!important} html[data-driven-ui=observability] nav[x-chunk="dashboard-04-chunk-0"]{gap:4px!important} html[data-driven-ui=observability] nav[x-chunk="dashboard-04-chunk-0"]>span{padding:8px 10px;border-radius:6px;font-size:14px;line-height:1.4} html[data-driven-ui=observability] nav[x-chunk="dashboard-04-chunk-0"]>span:hover{background:#edf0f8} html[data-driven-ui=tasks] .driven-task-empty{display:none!important} html[data-driven-ui=tasks] .driven-task-section{margin-top:12px!important;margin-bottom:0!important} html[data-driven-ui=tasks] .driven-task-section h2{font-size:14px!important;line-height:1.4!important;font-weight:600!important} html[data-driven-ui=tasks] .driven-task-section a,html[data-driven-ui=tasks] .driven-task-section a span{font-size:14px!important;line-height:1.4!important} html[data-driven-ui=tasks] .driven-task-section [class~="group/section"]{padding-top:6px!important;padding-bottom:6px!important;min-height:32px} /* Accessible owned-app listboxes open below the control when space permits. */ html[data-driven-ui] select.driven-native-select{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important} html[data-driven-ui] .driven-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%;min-width:160px;min-height:40px;padding:9px 12px!important;border:1px solid #a8adbe!important;border-radius:7px;background:#fff!important;color:#161441!important;font-size:14px!important;font-weight:400!important;text-align:left;cursor:pointer;vertical-align:middle;text-transform:none!important;letter-spacing:normal!important} html[data-driven-ui] .driven-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit!important;font-weight:inherit!important} html[data-driven-ui] .driven-select-trigger>svg{flex:none;width:16px;height:16px} html[data-driven-ui] .driven-select-trigger:disabled{color:#59576e!important;background:#f4f4f7!important;cursor:not-allowed} html[data-driven-ui] :is(.topbar,.connector-panel,.context) .driven-select-trigger{background:#262351!important;color:#fff!important;border-color:#777391!important} html[data-driven-ui] .driven-select-trigger>span{color:inherit!important;text-transform:none!important;letter-spacing:normal!important} html[data-driven-ui=policies] .toolbar>label{font-size:12px!important;font-weight:500!important;letter-spacing:normal!important;text-transform:none!important} html[data-driven-ui=workspace] .config-copy small{font-weight:400!important} html[data-driven-ui=models] .ant-select-selection-item *{font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important} html[data-driven-ui=policies] label>.driven-select-trigger{display:flex;width:100%;margin-top:6px} html[data-driven-ui=policies] #project+.driven-select-trigger{min-width:240px;font-weight:500!important;border-color:#b8bbcc!important} html[data-driven-ui] .driven-select-options{position:fixed;z-index:2147483600;padding:4px;overflow:auto;overscroll-behavior:contain;background:#fff;color:#161441;border:1px solid #a8adbe;border-radius:8px;box-shadow:0 8px 24px #16144120;font-family:DrivenBarlow,Arial,sans-serif} html[data-driven-ui] .driven-select-options button{display:block;width:100%;padding:10px 12px;border:0;border-radius:5px;background:transparent;color:#161441;text-align:left;font-size:14px!important;line-height:1.4!important;cursor:pointer;white-space:normal} html[data-driven-ui] .driven-select-options button[aria-selected=true]{background:#edf0f8;font-weight:600} html[data-driven-ui] .driven-select-options button:hover{background:#f1f3f9} html[data-driven-ui] .driven-select-options button:disabled{color:#666478;cursor:not-allowed} @media(max-width:700px){html[data-driven-ui] .driven-select-trigger{min-height:44px;font-size:16px!important;min-width:0;width:100%}html[data-driven-ui=workspace] #app #composer :is(#attachBtn,#sendBtn){min-height:44px!important}html[data-driven-ui=workspace] .drawer .config-card{grid-template-columns:minmax(0,1fr)!important}html[data-driven-ui=workspace] .drawer .config-action{justify-self:start;max-width:none}html[data-driven-ui=policies] #project+.driven-select-trigger{min-width:0}} html[data-driven-ui=models] .ant-tabs-ink-bar{background:var(--driven-selection-line)!important} /* Workspace: restrained display scale and a consistent 28/20/16/14 hierarchy. */ html[data-driven-ui=workspace] .landing h1{font-size:clamp(34px,3.6vw,52px)!important;line-height:1.12!important;max-width:18ch} html[data-driven-ui=workspace] .landing h2{font-size:clamp(28px,2.5vw,36px)!important;line-height:1.2!important} html[data-driven-ui=workspace] .landing :is(.hero-copy>p:not(.landing-eyebrow),.section-heading>p:not(.landing-eyebrow),.cta-content>p:not(.landing-eyebrow),.flow-copy>p:not(.landing-eyebrow)){font-size:18px!important;line-height:1.6!important} html[data-driven-ui=workspace] :is(#threadTitle,.drawer h2,.runs-panel h2){font-size:20px!important} html[data-driven-ui=workspace] :is(.formatted-text,.drawer-intro,#messageInput){font-size:16px!important;line-height:1.55!important} html[data-driven-ui=workspace] #threadContext dd{font-size:14px!important;font-weight:500!important} html[data-driven-ui=workspace] #threadContext dt{font-size:12px!important;font-weight:500!important} html[data-driven-ui=workspace] .project-title{font-size:14px!important;font-weight:500!important;line-height:1.4!important;transition:color 160ms ease,transform 160ms ease;transform-origin:left center} html[data-driven-ui=workspace] #workspaceSidebar :is(.project-title,.project-expand):hover{background:transparent!important;color:#fff!important;filter:none!important} html[data-driven-ui=workspace] #workspaceSidebar .project-title:hover{font-weight:600!important;transform:translateX(1px)} html[data-driven-ui=workspace] #workspaceSidebar .project-expand:hover svg{stroke-width:2.7} html[data-driven-ui=workspace] .project-thread-list{border-left:1px solid #737698;padding-left:0;overflow:hidden} html[data-driven-ui=workspace] .project-thread-list .thread{position:relative;font-size:14px!important;font-weight:400!important;padding:9px 10px 9px 22px!important;min-height:40px;border-radius:0 6px 6px 0;transition:color 160ms ease,background-color 160ms ease} html[data-driven-ui=workspace] .project-thread-list .thread::before{content:''!important;position:absolute;left:0;top:50%;height:1px;width:14px;background:#737698!important;border:0!important;border-radius:0!important;transform:none!important} html[data-driven-ui=workspace] .project-thread-list .thread.active::before{background:#b8c7f2!important} html[data-driven-ui=workspace] .composer-bar{display:flex;align-items:center;gap:12px} html[data-driven-ui=workspace] :is(#attachBtn,#sendBtn){min-height:40px!important;height:40px!important;padding:8px 16px!important;font-size:14px!important;font-weight:500!important;border-radius:8px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px} html[data-driven-ui=workspace] #attachBtn svg{width:18px;height:18px} html[data-driven-ui=workspace] .attachment-hint{font-size:12px!important;line-height:1.5!important;margin-top:8px} /* Compact setting rows. The clear control obeys the native hidden state. */ html[data-driven-ui=workspace] .drawer{padding:24px!important} html[data-driven-ui=workspace] .drawer-head{padding-bottom:16px!important;margin-bottom:16px!important} html[data-driven-ui=workspace] .config-links{gap:8px!important;padding:2px!important;grid-auto-rows:max-content;align-content:start} html[data-driven-ui=workspace] .config-card{padding:12px!important;min-height:min-content!important;gap:12px!important;grid-template-columns:32px minmax(0,1fr) auto!important;border-radius:10px!important;transform:none!important;box-shadow:none!important} html[data-driven-ui=workspace] .config-card:hover{transform:none!important;border-color:var(--driven-selection-line)!important;background:#f4f6fb!important;box-shadow:none!important} html[data-driven-ui=workspace] .config-icon{width:32px!important;height:32px!important;min-width:32px!important;font-size:14px!important;border-radius:8px!important} html[data-driven-ui=workspace] .config-copy b{font-size:16px!important;font-weight:600!important} html[data-driven-ui=workspace] .config-copy small{font-size:14px!important;line-height:1.5!important} html[data-driven-ui=workspace] .config-card>span{margin:0!important} html[data-driven-ui=workspace] .config-copy{display:grid!important;gap:4px!important} html[data-driven-ui=workspace] .config-copy> :is(span,small,b){margin:0!important} html[data-driven-ui=workspace] .config-copy>.config-scope{justify-self:start;line-height:1.2!important;padding:2px 6px!important} html[data-driven-ui=workspace] .config-copy>.config-status{padding:0!important;min-height:0!important;line-height:1.4!important} html[data-driven-ui=workspace] :is(.config-scope,.config-status){font-size:12px!important;font-weight:400!important} html[data-driven-ui=workspace] .config-action{font-size:14px!important;padding:6px 10px!important;font-weight:500!important} html[data-driven-ui=workspace] .config-search>div{min-height:44px;padding:2px 8px!important;border:1px solid #a8adbe!important;box-shadow:none!important} html[data-driven-ui=workspace] .config-search>span{font-size:14px;font-weight:500} html[data-driven-ui=workspace] .config-search>div:focus-within{border-color:var(--driven-focus)!important;box-shadow:inset 0 0 0 1px var(--driven-focus)!important} html[data-driven-ui=workspace] #configSearch{font-size:14px!important;font-weight:400!important;outline:none!important;border:0!important;box-shadow:none!important;min-height:40px;padding:8px!important} html[data-driven-ui=workspace] #configSearch::-webkit-search-cancel-button{-webkit-appearance:none} html[data-driven-ui=workspace] #clearConfigSearch[hidden],html[data-driven-ui=workspace] .config-card[hidden]{display:none!important} /* Builder keeps the real project name, while the single Flows view is a label, not a toggle. */ html[data-driven-ui=workflows] .driven-flows-tab[hidden]{display:none!important} html[data-driven-ui=workflows] .driven-flows-title{font-size:16px;line-height:1.5;font-weight:600;padding:8px 2px;white-space:nowrap} html[data-driven-ui=workflows] [id^=sidebar-nav-]{font-size:14px!important;min-height:40px!important;border-radius:6px!important} html[data-driven-ui=workflows] [id^=sidebar-nav-]:hover{background:transparent!important;color:#161441!important;box-shadow:none!important} html[data-driven-ui=workflows] [id^=sidebar-nav-][data-active=true]{background:var(--driven-selection)!important;box-shadow:inset 1px 0 var(--driven-selection-line)!important} /* Model Gateway and endpoint dashboard now use the same sidebar scale and selected state. */ html[data-driven-ui=models] :is(aside nav a,.sidebar nav a){font-size:14px!important;font-weight:500!important;min-height:40px;padding:9px 12px!important;line-height:1.4;border-radius:6px!important;box-shadow:none!important} html[data-driven-ui=models] :is(aside nav a,.sidebar nav a)::before{display:none!important} html[data-driven-ui=models] :is(aside nav a,.sidebar nav a):hover{background:#f1f3f9!important;color:#161441!important} html[data-driven-ui=models] :is(aside nav a[data-driven-active=true],.sidebar nav a.active){background:var(--driven-selection)!important;color:#161441!important;box-shadow:inset 1px 0 var(--driven-selection-line)!important;font-weight:600!important} html[data-driven-ui=models] :is(.ant-select-selector,.ant-input,.ant-input-affix-wrapper){font-size:14px!important} html[data-driven-ui=models] .ant-select-focused .ant-select-selector{border-color:var(--driven-focus)!important;box-shadow:inset 0 0 0 1px var(--driven-focus)!important} /* Collections, tools and policy pages share the application heading/body scale. */ html[data-driven-ui=knowledge] :is(.detail-title h2,.connector-head h2){font-size:20px!important;line-height:1.35!important} html[data-driven-ui=workflows] .lasius-overview-card header h2,html[data-driven-ui=tools] .section-head h2{font-size:20px!important;line-height:1.35!important} html[data-driven-ui=knowledge] .space-row strong{font-size:16px!important;font-weight:500!important} html[data-driven-ui=knowledge] .space-row{padding:12px!important} html[data-driven-ui=knowledge] .space-row span{font-size:14px!important} html[data-driven-ui=knowledge] :is(.source-row strong,.source strong){font-size:16px!important;font-weight:500!important} html[data-driven-ui] :is(.hero p:not(.eyebrow),.heading-row p,.detail-title summary){font-size:16px!important;line-height:1.55!important} html[data-driven-ui] :is(.eyebrow,.kicker){font-size:12px!important;line-height:1.5!important;letter-spacing:.08em!important;font-weight:500!important} @media(max-width:700px){ html[data-driven-ui] :is(input,textarea,select,[role=combobox]){font-size:16px!important} html[data-driven-ui=workspace] .drawer{padding:16px!important} html[data-driven-ui=workspace] .config-card{grid-template-columns:32px minmax(0,1fr) auto!important} html[data-driven-ui] :is(.tabs>button,.tab,main [role=tab],.button){min-height:44px} } @media(prefers-reduced-motion:reduce){html[data-driven-ui] :is(button,.button,.config-card[href],.project-title){transition:none!important}html[data-driven-ui=workspace] .project-title:hover{transform:none}} /* Follow-up QA: responsive navigation, readable templates and bounded dialogs. */ #driven-project-menu,#driven-gateway-menu{display:none} html[data-lasius-native-error=true] :is(#lasius-workflow-overview,#lasius-build-map){display:none!important} html[data-driven-ui=workflows] .driven-template-card{background:#161441!important;border-radius:12px!important} html[data-driven-ui=workflows] .driven-template-card>div:has(>img){display:none!important} html[data-driven-ui=workflows] .driven-template-card .card-shine-effect{position:relative!important;inset:auto!important;height:auto!important;min-width:0!important;padding:24px!important;background:#161441!important;color:#fff!important;flex:1} html[data-driven-ui=workflows] .driven-template-card .card-shine-effect :is(h3,p,span,div){color:#fff!important;opacity:1!important;mix-blend-mode:normal!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog]{min-width:0!important;max-width:1200px!important;width:calc(100vw - 32px)!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:2147483500!important} html[data-driven-ui=workflows] div:has(>[data-lasius-creation-dialog])>div.fixed:not([role=dialog]){z-index:2147483400!important} html[data-driven-ui=workflows] div:has(>[data-lasius-creation-dialog]){z-index:2147483500!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] main{min-width:0!important} @media(max-width:767px){ html[data-driven-ui=workspace] #runsBtn{font-size:0!important;min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;flex:none!important;overflow:hidden} html[data-driven-ui=workspace] #runsBtn::after{content:'⋯';font-size:24px!important;line-height:1} html[data-driven-ui=workspace] :is(#attachBtn,#sendBtn){min-height:44px!important} #driven-project-menu,#driven-gateway-menu{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #9aa9d1;border-radius:6px;background:#fff;color:#161441;font-size:14px;white-space:nowrap} html[data-driven-ui=workflows] [data-testid=project-sidebar]{display:none!important} html[data-driven-ui=workflows] [data-testid=project-sidebar][data-driven-open=true]{display:flex!important;position:fixed;top:var(--driven-bar-height,56px);bottom:0;left:0;width:min(300px,90vw);z-index:49;background:#fff;box-shadow:8px 0 24px #16144126} html[data-driven-ui=workflows] [data-testid=project-sidebar] [data-sidebar=sidebar]{width:100%!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog]{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;min-height:0!important;overflow:auto!important;display:block!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog]>.lasius-template-guide{padding:48px 16px 16px!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog]>.lasius-template-guide>strong{font-size:18px!important} html[data-driven-ui=workflows] .lasius-outcome-templates{display:grid!important;grid-template-columns:1fr!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog]>div,html[data-driven-ui=workflows] [data-lasius-creation-dialog]>div>div{height:auto!important;overflow:visible!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-open]{display:flex!important;flex-direction:column!important;height:auto!important;min-width:0!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-side=left]{width:100%!important;height:180px!important;min-height:180px!important;flex:none!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-sidebar=sidebar]{width:100%!important;max-width:none!important;height:180px!important;min-height:180px!important;border-bottom:1px solid #dce0eb} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-sidebar=content]{display:block!important;height:180px!important;min-height:180px!important;max-height:180px!important;overflow:auto!important;flex:none!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-sidebar=trigger]{display:none!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-side=left]>div{position:static!important;inset:auto!important;width:100%!important;min-width:100%!important;height:auto!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-side=left]>div:not(:has([data-sidebar=sidebar])){display:none!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-sidebar=menu-button]{width:100%!important;height:auto!important;min-height:40px!important;padding:8px!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-sidebar=menu-button] span{display:inline!important;opacity:1!important;width:auto!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-sidebar=group-label]{opacity:1!important;margin:0!important;pointer-events:auto!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-sidebar=menu]{display:flex!important;flex-wrap:wrap!important;flex-direction:row!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog] [data-sidebar=menu-item]{flex:1 0 44%} html[data-driven-ui=workflows] [data-lasius-creation-dialog] main{width:100%!important;overflow:visible!important;padding:16px!important} html[data-driven-ui=workflows] [data-lasius-creation-dialog]>button:last-child{position:fixed!important;width:44px!important;height:44px!important;z-index:2;background:#fff!important} html[data-driven-ui=models] aside.sidebar{display:none!important} html[data-driven-ui=models] aside.sidebar[data-driven-open=true]{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;position:fixed!important;top:76px!important;bottom:0!important;left:0!important;width:min(300px,90vw)!important;height:auto!important;z-index:60!important;overflow:auto;background:#fff;box-shadow:8px 0 24px #16144126} html[data-driven-ui=models] aside.sidebar[data-driven-open=true] nav{display:flex!important;flex-direction:column!important} html[data-driven-ui=models] aside.sidebar[data-driven-open=true] nav a{display:flex!important;min-height:44px!important} html[data-driven-ui=models] aside.sidebar[data-driven-open=true] nav a span{display:inline!important} html[data-driven-ui=models] aside.sidebar[data-driven-open=true] .brand{flex:none!important;width:100%!important;min-height:64px!important;margin:0 0 16px!important} html[data-driven-ui=models] .topbar{display:flex!important;flex-wrap:wrap;height:auto;min-height:60px;gap:8px} } /* Follow-up 22-point QA. Deliberate role hierarchy: 28 / 20 / 16 / 14 / 12. */ html[data-driven-ui]{--driven-selection-line:#d7d8e1;--driven-focus:#5e5488;--driven-line:#e2e3e9} html[data-driven-ui] :is(button,a,[role=tab],[tabindex]):focus:not(:focus-visible){outline:none!important;box-shadow:none!important} html[data-driven-ui] :is(input,textarea,select):focus:not([aria-invalid=true]){border-color:#b5b2c5!important;outline:none!important;box-shadow:none!important} html[data-driven-ui] :is(input,textarea,select):focus-visible{outline:2px solid #5e5488!important;outline-offset:2px!important} html[data-driven-ui] :is(.panel,.modal-card,.lasius-overview-card,.availability>div,.governance-grid>article){border-color:#e2e3e9!important} html[data-driven-ui] .driven-select-trigger{border-color:#c8c9d3!important} html[data-driven-ui] :is(.eyebrow,.kicker,.top-status,.help,.note,.connector-note,.connector-description,.connector-detail-status){font-family:DrivenBarlow,Arial,sans-serif!important} /* Shared account actions use the existing central logout; no session bypass. */ #driven-session-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none;margin-left:auto;min-width:max-content} #driven-session-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border:1px solid #c8c9d3;border-radius:6px;background:#fff;color:#161441!important;font:500 14px/1.4 DrivenBarlow,Arial,sans-serif!important;text-decoration:none;white-space:nowrap} #driven-session-actions a:hover{background:#edf0f8!important} .driven-duplicate-back{display:none!important} html[data-driven-ui=workflows] #lasius-workflow-bar{grid-template-columns:34px 120px minmax(0,1fr) auto} html[data-driven-ui] .topbar.driven-session-bar{gap:16px;flex-wrap:wrap;min-height:64px;height:auto;padding-block:12px} /* Menu text grows inside reserved line-height; selected background stays put. */ html[data-driven-ui] :is(.project-title,.project-thread-list .thread,[id^=sidebar-nav-],aside nav a,.sidebar nav a,.driven-task-section a){font-size:14px!important;line-height:22px!important;transition:color 160ms ease!important;transform:none!important} @media(hover:hover){ html[data-driven-ui] :is(.project-title,.project-thread-list .thread,[id^=sidebar-nav-],aside nav a,.sidebar nav a,.driven-task-section a):hover{color:#77738b!important;background:transparent!important;filter:none!important;transform:none!important} html[data-driven-ui] :is(.project-thread-list .thread.active,[id^=sidebar-nav-][data-active=true],aside nav a[data-driven-active=true],.sidebar nav a.active,.driven-task-section a[aria-current=page]):hover{font-size:14px!important;background:var(--driven-selection)!important;color:#161441!important} } html[data-driven-ui] :is(main [role=tab],.tabs>button,.tab,.lasius-mode-switch>button,[data-control-tab]){transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease!important} html[data-driven-ui] :is(main [role=tab][aria-selected=true],.tabs>button.active,.tab.active,.lasius-mode-switch>button.active,[data-control-tab].active){border-color:transparent!important;box-shadow:none!important} /* Conversation: markers and content share a line, no content modifications. */ html[data-driven-ui=workspace] .formatted-text .md-number{display:grid!important;grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:8px;margin:8px 0;line-height:1.6} html[data-driven-ui=workspace] .formatted-text .md-number>span,html[data-driven-ui=workspace] .formatted-text .md-number>div{font-size:inherit!important;line-height:inherit!important;margin:0!important} html[data-driven-ui=workspace] .formatted-text .md-bullet{display:list-item;list-style:disc;margin:8px 0 8px 22px} html[data-driven-ui=workspace] .formatted-text :is(p,li,.md-number,.md-bullet){font-size:16px!important;line-height:1.6!important} html[data-driven-ui=workspace] .formatted-text h4{font-size:16px!important;line-height:1.5;margin:20px 0 8px;font-weight:600} html[data-driven-ui=workspace] .chat-failure :is(p,summary,.retry-note,dt,dd){font-size:14px!important;line-height:1.55!important} html[data-driven-ui=workspace] .chat-failure h3{font-size:16px!important} html[data-driven-ui=workspace] .failure-kicker{font-size:12px!important;letter-spacing:.06em!important} html[data-driven-ui=workspace] .failure-actions{gap:10px;display:flex;align-items:center;flex-wrap:wrap;margin-block:16px} html[data-driven-ui=workspace] #empty :is(button span,button small){font-size:14px!important;line-height:1.5!important} html[data-driven-ui=workspace] #empty button strong{font-size:16px!important} html[data-driven-ui=workspace] .attachment-hint{margin:14px 0 4px!important;font-size:13px!important;line-height:1.55!important} html[data-driven-ui=workspace] #composer #messageInput{border:1px solid transparent!important;outline:none!important;box-shadow:none!important} html[data-driven-ui=workspace] #composer:focus-within{border-color:#b5b2c5!important;box-shadow:0 8px 28px #1614410a!important} html[data-driven-ui=workspace] #composer #messageInput:focus-visible{outline:2px solid #5e5488!important;outline-offset:3px!important} html[data-driven-ui=workspace] #threadContext :is(dt,dd){font-size:14px!important;line-height:1.5!important;text-transform:none!important;letter-spacing:normal!important} /* Knowledge forms: common left edge, deliberate spacing, usable dialog labels. */ html[data-driven-ui=knowledge] :is(.form label,.connector-inputs label,#retrieveForm label){display:block;font-size:14px!important;line-height:1.5!important;font-weight:500!important} html[data-driven-ui=knowledge] .form label>:is(input,textarea,.driven-select-trigger){display:flex;width:100%;margin-top:6px;box-sizing:border-box} html[data-driven-ui=knowledge] :is(.source small,.source-row small,.connector-note,.connector-description,.connector-detail-status,.requirement code){font-size:14px!important;line-height:1.55!important} html[data-driven-ui=knowledge] :is(.requirement span,.metric span,.connector-state){font-size:12px!important;line-height:1.5!important;letter-spacing:.04em!important} html[data-driven-ui=knowledge] #detail :is(.metrics,.tabs,.tab-panel){margin-left:0!important;margin-right:0!important} html[data-driven-ui=knowledge] #detail .tabs{padding-left:0!important;padding-right:0!important} html[data-driven-ui=knowledge] #sources{padding-left:0!important;padding-right:0!important} html[data-driven-ui=knowledge] #sources>.actions{justify-content:flex-start!important;padding-left:0!important} html[data-driven-ui=knowledge] .connector-panel{margin-top:24px!important;padding:28px!important} html[data-driven-ui=knowledge] .connector-modal{position:relative!important;padding:28px!important} html[data-driven-ui=knowledge] .connector-modal-top{position:absolute!important;right:20px;top:20px;display:block!important;width:36px;height:36px} html[data-driven-ui=knowledge] #connectorCategoryLabel{padding-right:44px;margin-top:0!important;min-height:36px;display:flex;align-items:center} html[data-driven-ui=knowledge] .modal-close{display:flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;line-height:1!important;font-size:22px!important} html[data-driven-ui=knowledge] #retrieveForm button[type=submit],html[data-driven-ui=knowledge] #queryForm button[type=submit]{width:max-content!important;max-width:100%;justify-self:start;min-height:40px;padding:10px 18px!important} /* Tool modal's proxy select used to sit inline against its label. */ html[data-driven-ui=tools] #addForm{position:relative} html[data-driven-ui=tools] #addForm label{display:block!important;font-size:14px!important;line-height:1.5!important;margin-block:16px} html[data-driven-ui=tools] #addForm label>:is(input,textarea,.driven-select-trigger){display:flex!important;box-sizing:border-box;width:100%!important;margin-top:6px!important} html[data-driven-ui=tools] #addForm>.eyebrow{padding-right:44px;min-height:36px;display:flex;align-items:center;margin-top:0!important} html[data-driven-ui=tools] #addForm>.close{right:0!important;top:0!important;width:36px!important;height:36px!important;min-height:36px!important;display:flex;align-items:center;justify-content:center;font-size:22px!important;line-height:1!important;padding:0!important} html[data-driven-ui=tools] :is(.availability p,#addForm .note,.governance-grid p){font-size:14px!important;line-height:1.6!important} html[data-driven-ui=tools] .availability b{font-size:16px!important} html[data-driven-ui=tools] .availability span{font-size:12px!important;line-height:1.5!important} /* Builder summary labels were falling back to 10px upstream styles. */ html[data-driven-ui=workflows] #lasius-workflow-overview :is(.lasius-kicker,.lasius-state-label,.lasius-governance dt,.lasius-technical-details dt,.lasius-technical-details span){font-size:12px!important;line-height:1.5!important} html[data-driven-ui=workflows] #lasius-workflow-overview :is(p,small,dd,.lasius-state-note,summary){font-size:14px!important;line-height:1.55!important} html[data-driven-ui=workflows] .driven-readable-canvas{display:none!important} html[data-driven-ui=models] button.driven-compact-action{width:auto!important;min-width:112px;align-self:flex-start;justify-self:start;max-width:100%;padding:10px 16px!important} html[data-driven-ui=tasks] .driven-empty-section{cursor:not-allowed!important;opacity:.65} @media(max-width:767px){ html[data-driven-ui=workflows] #lasius-workflow-bar{grid-template-columns:34px minmax(0,1fr) auto} html[data-driven-ui=workflows] #lasius-flow-context{grid-column:1/-1;grid-row:2} html[data-driven-ui=workflows] #driven-session-actions{grid-column:3;grid-row:1} html[data-driven-ui] .topbar.driven-session-bar{gap:10px} html[data-driven-ui=knowledge] .connector-panel{padding:20px!important} html[data-driven-ui=knowledge] .connector-modal{padding:20px!important} html[data-driven-ui] .driven-select-options{max-width:calc(100vw - 16px)} } @media(prefers-reduced-motion:reduce){html[data-driven-ui] :is(button,a,[role=tab]){transition:none!important}} /* Final measured selector/layout corrections. */ html[data-driven-ui=workspace] .attachment-help{margin:14px 0 6px!important;font-size:13px!important;line-height:1.55!important} html[data-driven-ui=workspace] #empty button b{font-size:16px!important;font-weight:600!important} html[data-driven-ui=workspace] #empty button span{font-weight:400!important} html[data-driven-ui=workflows] #lasius-flow-context{grid-column:3;grid-row:1} html[data-driven-ui=workflows] #driven-session-actions{grid-column:4;grid-row:1} html[data-driven-ui=knowledge] #queryForm>button{width:max-content!important;max-width:100%;justify-self:start;min-height:40px;padding:10px 18px!important} html[data-driven-ui=knowledge] .doc-copy span{font-size:14px!important;line-height:1.55!important;overflow-wrap:anywhere} html[data-driven-ui=tools] #addForm>.close{top:28px!important;right:28px!important} @media(max-width:767px){html[data-driven-ui=workflows] #lasius-flow-context{grid-column:1/-1;grid-row:2}html[data-driven-ui=workflows] #driven-session-actions{grid-column:3;grid-row:1}} /* Keep product-owned visibility rules after Remix replaces its head. */ html[data-driven-ui=tasks] [data-lasius-product-hidden="true"]{display:none!important} html[data-driven-ui=tasks] [class*="border-charcoal"],html[data-driven-ui=tasks] th,html[data-driven-ui=tasks] td{border-color:#d8dae3!important} html[data-driven-ui=tasks] #tasks-main input{background:#fff!important;color:#161441!important;border:1px solid #c8c9d3!important} /* Responsive connector forms must be allowed to shrink below content width. */ html[data-driven-ui=knowledge] #connectorForm{grid-template-columns:minmax(0,1fr)!important;min-width:0!important} html[data-driven-ui=knowledge] #connectorForm :is(.form-row,label,.requirement,.connector-inputs),html[data-driven-ui=knowledge] #connectorForm>*,html[data-driven-ui=knowledge] .connector-modal{min-width:0!important;max-width:100%;box-sizing:border-box} html[data-driven-ui=knowledge] #connectorForm :is(code,p){overflow-wrap:anywhere} html[data-driven-ui=knowledge] #connectorForm :is(input,textarea,select,.driven-select-trigger){min-width:0!important;width:100%;max-width:100%;box-sizing:border-box} /* A hidden create-task upsell must not leave an empty resizable column. */ html[data-driven-ui=tasks] [data-group-id]:has(>#tasks-inspector [data-lasius-product-hidden=true]){grid-template-columns:minmax(0,1fr)!important} html[data-driven-ui=tasks] [data-group-id]:has(>#tasks-inspector [data-lasius-product-hidden=true])>#tasks-handle,html[data-driven-ui=tasks] #tasks-inspector:has([data-lasius-product-hidden=true]){display:none!important} html[data-driven-ui=tasks] #tasks-main{min-width:0!important;overflow:auto} html[data-driven-ui=tasks] #tasks-main :is(td,th){font-size:14px!important;border-color:#d8dae3!important} html[data-driven-ui=tasks] #tasks-main input{min-height:38px!important} /* Only the controls called out in the updated review. */ html[data-driven-ui=workspace] #workspaceSidebar .project-thread-list{overflow:visible!important} html[data-driven-ui=workspace] #workspaceSidebar .project-thread-list .thread{width:fit-content!important;max-width:calc(100% - 16px);min-height:34px!important;padding:6px 10px!important;margin-left:16px;border-radius:6px!important;box-sizing:border-box} html[data-driven-ui=workspace] #workspaceSidebar .project-thread-list .thread::before{left:-16px!important;width:12px!important} html[data-driven-ui=workspace] #workspaceSidebar .project-thread-list .thread::after{left:-16px!important} html[data-driven-ui=models] main [role=tablist]{gap:4px!important;justify-content:flex-start!important;padding:4px 0!important;overflow-x:auto!important} html[data-driven-ui=models] main [role=tablist]>div:has(>[role=tab]){display:flex;gap:4px!important} html[data-driven-ui=models] main [role=tablist] [role=tab]{flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:7px 11px!important;min-height:36px!important;border-radius:6px!important;box-shadow:none!important;white-space:nowrap!important;font-size:14px!important} html[data-driven-ui=models] main [role=tablist] [role=tab]:not([aria-selected=true]):hover{background:transparent!important;background-image:none!important;box-shadow:none!important;font-weight:600!important;filter:none!important} html[data-driven-ui=models] main [role=tablist] [role=tab][aria-selected=true]{background:#dce4ff!important;color:#161441!important;border:1px solid #939ec3!important;font-weight:600!important} html[data-driven-ui=tools] .tabs{gap:6px!important} html[data-driven-ui=tools] .tabs>button{flex:none!important;padding:8px 12px!important;min-height:38px!important} html[data-driven-ui=tools] .tabs>button.active{background:#dce4ff!important;color:#161441!important;border:1px solid #939ec3!important;font-weight:600!important} html[data-driven-ui=tools] .tabs>button:not(.active):hover{background:transparent!important;font-weight:600!important;filter:none!important} html[data-driven-ui=observability] .driven-filter-mode{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important} html[data-driven-ui=observability] .driven-filter-mode>span{font-size:13px!important;color:#53566b!important} html[data-driven-ui=observability] .driven-filter-mode>div{flex:0 1 auto!important;display:flex!important;flex-direction:row!important;gap:4px!important;border:0!important;background:transparent!important;min-width:0!important} html[data-driven-ui=observability] .driven-filter-mode>div>div{display:none!important} html[data-driven-ui=observability] .driven-filter-mode button{flex:none!important;min-height:32px!important;padding:6px 12px!important;border:1px solid #b8bdcd!important;border-radius:6px!important;background:#fff!important;color:#343650!important;font-size:13px!important;line-height:18px!important;font-weight:500!important;box-shadow:none!important} html[data-driven-ui=observability] .driven-filter-mode button.bg-accent{background:#dce4ff!important;border-color:#939ec3!important;color:#161441!important;font-weight:600!important} html[data-driven-ui=observability] .driven-filter-mode button:hover{border-color:#555c83!important;filter:none!important} html[data-driven-ui=observability] [data-testid^=resizable-layout] :is(.text-xs,.text-sm,[class*="text-[10px]"]){font-size:13px!important;line-height:1.5!important} html[data-driven-ui=knowledge] .topbar .top-status{font-size:14px!important;line-height:1.5!important;color:#f2f3fb!important} html[data-driven-ui=policies] .panel-head small{font-size:12px!important;line-height:1.5!important} html[data-driven-ui=policies] .driven-decision-status{font-size:13px!important;line-height:1.4!important;padding:4px 10px!important} html[data-driven-ui=workspace] .chat-failure :is(a,button){font-size:14px!important;line-height:1.5!important} html[data-driven-ui=workspace] .chat-failure a{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #a9aabc;border-radius:6px;text-decoration:none;background:white;color:#161441!important;min-height:36px;box-sizing:border-box} html[data-driven-ui=workspace] .msg.assistant .role,html[data-driven-ui=workspace] .message-role{font-size:13px!important} @media(prefers-reduced-motion:reduce){html[data-driven-ui=workspace] #workspaceSidebar .thread{transition:none!important}} html[data-driven-ui=workspace] #messages .meta,html[data-driven-ui=workspace] #messages .meta>span{font-size:13px!important;line-height:1.5!important;color:#53566b!important} /* Review 2026-11-02. Scope repairs to the affected surfaces and control roles. */ html[data-driven-ui=workspace] #runsPanel{padding-top:0!important;scroll-padding-top:100px} html[data-driven-ui=workspace] #runsPanel>.drawer-head{position:sticky;top:0;z-index:4;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0!important;margin:0 0 20px!important;border-bottom:1px solid #e2e3e9} html[data-driven-ui=workspace] #closeRuns{margin-left:auto;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:24px!important;line-height:1!important} html[data-driven-ui=workspace] #runsPanel :is(.control-row,.failed-run-card,.readiness-check){font-size:14px;line-height:1.5} html[data-driven-ui=workspace] #runsPanel :is(.control-row strong,.failed-run-heading strong,.readiness-check b){font-size:16px!important;line-height:1.4!important} html[data-driven-ui=workspace] #runsPanel :is(small,.failure-kicker,.status-chip,.readiness-state,.readiness-check em,.readiness-kicker){font-size:12px!important;line-height:1.5!important} html[data-driven-ui=workspace] #runsPanel :is(.control-row>div>span,.failed-run-main>span,.failed-run-main>p,.failed-run-actions button,.failed-run-actions a,.readiness-check small){font-size:14px!important;line-height:1.5!important} html[data-driven-ui=workspace] .summary-tile strong{font-family:DrivenBarlow,Arial,sans-serif!important} html[data-driven-ui=workspace] #runsPanel .project-summary strong{font-family:DrivenBarlow,Arial,sans-serif!important;font-size:24px!important;line-height:1.3!important} html[data-driven-ui=workspace] #runsPanel .project-summary span{font-size:12px!important} html[data-driven-ui=workflows] .driven-builder-subheader{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important} html[data-driven-ui=workflows] .driven-builder-subheader>div:nth-child(2){position:static!important;transform:none!important;min-width:0;overflow:hidden;grid-column:1;grid-row:1;justify-self:start} html[data-driven-ui=workflows] .driven-builder-subheader>div:last-child{grid-column:2;grid-row:1;left:auto!important} html[data-driven-ui=workspace] .failed-run-actions{display:flex;flex-wrap:wrap;gap:8px} html[data-driven-ui=workspace] #runsPanel :is(.run-retry-note,.failed-run-card summary,.failed-run-card dd){font-size:14px!important;line-height:1.5!important} html[data-driven-ui=workspace] #runsPanel .failed-run-card dt{font-size:12px!important;line-height:1.5!important} [data-testid=flow-insights-trace-panel]{top:var(--driven-builder-top,96px)!important;height:calc(100dvh - var(--driven-builder-top,96px))!important} html[data-driven-ui=workspace] #newProject{word-spacing:2px!important} /* Mouse dismissal does not leave the menu focus ring; keyboard focus stays visible. */ html[data-driven-ui=workflows][data-driven-pointer=true] button[aria-haspopup]:focus{outline:none!important;box-shadow:none!important;--tw-ring-shadow:0 0 transparent!important} html[data-driven-ui=workflows] a:has([data-testid=mcp-server-item] [data-lasius-hidden=true]){display:none!important} html[data-driven-ui=workflows] #lasius-workflow-bar{gap:12px;grid-template-columns:34px 120px minmax(0,1fr) auto!important} html[data-driven-ui=workflows] #lasius-flow-context{min-width:0!important} html[data-driven-ui=workflows] .lasius-mode-switch{display:flex!important;flex-wrap:nowrap!important} html[data-driven-ui=workflows] .lasius-mode-switch button{white-space:nowrap} html[data-driven-ui=workflows] .lasius-technical-details dl{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(190px,1.8fr)!important;gap:12px} html[data-driven-ui=workflows] .lasius-technical-details dd{font-size:14px!important;overflow-wrap:anywhere;line-height:1.5} html[data-driven-ui=workflows] .ag-header-cell[col-id=status],html[data-driven-ui=workflows] .ag-cell[col-id=status]{min-width:110px!important} html[data-driven-ui=workflows] .ag-header-cell-label{overflow:visible;gap:6px} .driven-date-filter{width:300px!important;max-width:calc(100vw - 24px)!important;padding:16px!important;background:#fff!important;color:#161441!important;opacity:1!important;z-index:10000!important} [data-radix-popper-content-wrapper]:has(.driven-date-filter){z-index:10000!important;opacity:1!important} .driven-date-filter label{display:grid;gap:6px;margin-bottom:12px;font:500 14px/1.5 DrivenBarlow,Arial,sans-serif} .driven-date-filter input[type=date]{width:100%;height:40px;padding:8px 10px;border:1px solid #a8adbe;border-radius:6px;color:#161441;background:#fff;color-scheme:light!important} .driven-date-filter input::-webkit-calendar-picker-indicator{display:block!important;opacity:1!important;filter:none!important;cursor:pointer} .driven-date-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px} .driven-date-filter [role=alert]{font-size:14px;color:#a32b27} .driven-date-trigger{display:flex;align-items:center;gap:8px;white-space:nowrap} .driven-run-detail{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;color:#161441} .driven-run-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e2e3e9;flex:none} .driven-run-header h2{font-size:20px!important;margin:0!important}.driven-run-header p{margin:4px 0 0;font-size:14px} .driven-run-header>button{width:40px;height:40px;flex:none;display:grid;place-items:center;border:1px solid #a8adbe;border-radius:6px} .driven-run-status{margin-left:auto;font-size:14px;font-weight:600;text-transform:capitalize} .driven-run-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;border-bottom:1px solid #e2e3e9;flex:none;font-size:14px} .driven-run-toolbar code{font-size:12px;overflow-wrap:anywhere}.driven-run-toolbar button{padding:8px 12px;background:#f0f0f5;border:1px solid #a8adbe;border-radius:6px} .driven-run-content{display:flex;flex:1;overflow:hidden;min-height:0}.driven-run-content aside{width:300px;min-width:220px;overflow:auto;border-right:1px solid #e2e3e9;padding:8px}.driven-run-output{flex:1;min-width:0;overflow:auto} .driven-run-json{flex:1;overflow:auto;padding:20px;margin:0;font:13px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f7fa} [data-testid=flow-insights-trace-panel]:has(.driven-run-header)>button:last-child{display:none!important} /* Gateway dialogs, sort controls and nested security tabs. */ html[data-driven-ui=models] main [role=tablist]{gap:4px!important;justify-content:flex-start!important} html[data-driven-ui=models] main [role=tablist]>div{width:auto!important;flex:0 0 auto!important;gap:4px!important;justify-content:flex-start!important} html[data-driven-ui=models] th>div,html[data-driven-ui=models] .ant-table-column-sorters{justify-content:flex-start!important;gap:6px!important} html[data-driven-ui=models] .ant-table-column-title{flex:0 1 auto!important} html[data-driven-ui=models] :is(pre,pre code,pre span){font-size:13px!important;line-height:1.55!important} html[data-driven-ui=models] :is(.ant-modal-content,[role=dialog]){max-height:calc(100dvh - 32px)!important;max-width:calc(100vw - 24px)!important;overflow:auto!important} html[data-driven-ui=models] .ant-modal{max-width:calc(100vw - 24px)!important;top:16px!important;padding-bottom:16px!important} html[data-driven-ui=models] .ant-modal-footer{position:sticky;bottom:0;padding:12px 0!important;background:#fff;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px} html[data-driven-ui=models] .heading-row :is(h1,h2){font-size:28px!important} html[data-driven-ui=models] :is(.heading-row p,.host-card p,.metric-card p,.panel p){font-size:14px!important;line-height:1.5!important} html[data-driven-ui=models] .driven-refresh{display:inline-flex;align-items:center;gap:8px} .driven-refresh svg{width:16px;height:16px;flex:none} /* Keep a real input's reserved icon space, rather than overwriting it globally. */ html[data-driven-ui=observability] .cmdk-input-wrapper input{padding-left:32px!important;padding-right:8px!important;min-width:0!important} html[data-driven-ui=observability] .driven-search-wrap input{padding-left:36px!important;padding-right:12px!important} html[data-driven-ui=observability] .driven-search-wrap>svg{left:10px!important;width:16px!important;height:16px!important} html[data-driven-ui=observability] [data-testid=page-header] h2{font-size:20px!important;line-height:1.4!important} html[data-driven-ui=observability] [data-testid=trace-layout] :is(button,span){font-size:14px} html[data-driven-ui=observability] [data-testid=trace-layout-panel-navigation] [title=Trace]{border:0!important;outline:0!important;box-shadow:none!important;border-radius:3px!important;padding:2px!important;background:transparent!important;overflow:visible!important;min-height:18px} html[data-driven-ui=observability] .driven-filter-mode button{font-size:12px!important;padding:4px 8px!important;line-height:18px!important;min-height:28px!important} html[data-driven-ui=observability] .driven-search-scope{min-width:150px!important;width:auto!important;flex-shrink:0!important;gap:8px!important;padding:8px 10px!important;overflow:visible!important} html[data-driven-ui=observability] #driven-session-actions{position:static!important;flex:0 0 auto!important;margin:0 0 0 auto!important;padding:8px 12px!important;max-width:100%} html[data-driven-ui=observability] .driven-session-bar{display:block!important;overflow:visible!important;padding-top:42px!important;background:#f7f7fa} html[data-driven-ui=observability] .driven-session-bar>#driven-session-actions{position:absolute!important;right:8px;top:0;padding:4px 8px!important;height:40px!important} .driven-dashboard-tools{display:flex;justify-content:flex-end;padding:8px 0}.driven-dashboard-tools button{padding:8px 12px;border:1px solid #a8adbe;border-radius:6px;background:#fff;color:#161441;font:500 14px/1.4 DrivenBarlow,Arial,sans-serif} .react-grid-layout.driven-even-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;height:auto!important} .driven-even-grid>.react-grid-item{position:relative!important;transform:none!important;top:auto!important;left:auto!important;width:100%!important;height:320px!important} .driven-even-grid .react-resizable-handle,.driven-even-grid .drag-handle{display:none!important} @media(max-width:800px){.react-grid-layout.driven-even-grid{grid-template-columns:1fr}} html[data-driven-ui=observability] .driven-donut svg{max-width:100%;max-height:100%;width:100%!important;height:100%!important;overflow:visible} html[data-driven-ui=observability] .driven-donut{min-height:0!important;height:100%!important;aspect-ratio:1;max-height:100%;margin:auto} /* Policy rows use the same columns for every decision, including approvals. */ html[data-driven-ui=policies] #decisions .decision-row{display:grid!important;grid-template-columns:135px 145px minmax(160px,1fr) minmax(220px,1.5fr) 150px!important;gap:16px!important;align-items:start!important;padding:14px 0!important;font-size:14px!important} html[data-driven-ui=policies] .decision-row>*{min-width:0;overflow-wrap:anywhere;font-size:14px!important;line-height:1.5!important} html[data-driven-ui=policies] .decision-row .badge{justify-self:start;font-size:12px!important;white-space:normal} html[data-driven-ui=policies] .hero aside small{font-size:12px!important;font-style:normal} html[data-driven-ui=policies] .hero aside strong{font-size:18px!important;line-height:1.4!important} html[data-driven-ui=policies] .hero aside em{font-size:14px!important;font-style:normal} html[data-driven-ui=knowledge] .modal-card :is(p,label,select,input,.connector-detail-status){font-size:14px!important;line-height:1.5!important} html[data-driven-ui=knowledge] .modal-card :is(h2,h3){font-size:20px!important} html[data-driven-ui=knowledge] .modal-card :is(.eyebrow,.kicker){text-transform:none!important;letter-spacing:normal!important;font-size:12px!important} html[data-driven-ui=knowledge] .modal-card .requirement>span{text-transform:none!important;letter-spacing:normal!important;font-size:12px!important} @media(max-width:1100px){ html[data-driven-ui=workflows] #lasius-workflow-bar{grid-template-columns:34px 1fr auto!important} html[data-driven-ui=workflows] #lasius-flow-context{grid-row:2;grid-column:1/-1!important;width:100%!important;grid-template-columns:minmax(0,1fr) auto!important} html[data-driven-ui=policies] #decisions .decision-row{grid-template-columns:120px 130px minmax(150px,1fr) minmax(180px,1fr) 130px!important;gap:10px!important} html[data-driven-ui=policies] #decisions{overflow-x:auto} } @media(max-width:700px){ html[data-driven-ui=workspace] #runsPanel{padding:0 16px 20px!important;width:100vw!important;z-index:1000!important} html[data-driven-ui=workspace] #closeRuns{width:44px!important;height:44px!important} html[data-driven-ui=workflows] #lasius-flow-context{display:flex!important;flex-wrap:wrap!important;gap:8px!important} html[data-driven-ui=workflows] #lasius-flow-context>strong{width:100%!important} html[data-driven-ui=workflows] .lasius-mode-switch{flex:1 1 100%!important;justify-content:flex-start!important} html[data-driven-ui=workflows] .lasius-technical-details dl{grid-template-columns:1fr 1fr!important} .driven-run-header{padding:12px}.driven-run-toolbar{gap:8px}.driven-run-content aside{width:38%;min-width:130px}.driven-run-toolbar code{width:100%} html[data-driven-ui=policies] #decisions .decision-row{grid-template-columns:1fr 1fr!important;gap:8px 16px!important} html[data-driven-ui=policies] .decision-row .reason{grid-column:1/-1} html[data-driven-ui=policies] .decision-row small{grid-column:1/-1} } /* SOURCE: nov3.css */ /* Nirvik Nov 2 review: scoped presentation fixes, no permission or data changes. */ html[data-driven-ui=workflows] #lasius-workflow-bar { align-items:start!important; } html[data-driven-ui=workflows] #driven-session-actions { align-self:start!important; padding-top:3px!important; } html[data-driven-ui=workflows] #lasius-flow-context { align-self:start!important; } html[data-driven-ui=workflows] .lasius-mode-switch button { min-height:36px!important; } html[data-driven-ui=workflows] [role=tooltip][data-driven-options-tooltip] { display:none!important; } html[data-driven-ui=workflows] [data-testid=input-wrapper] { padding:12px!important; gap:8px!important; } html[data-driven-ui=workflows] textarea[data-testid=input-chat-playground] { padding:8px 12px!important; min-height:44px!important; box-sizing:border-box!important; line-height:1.5!important; } .driven-paperclip { width:18px; height:18px; flex:none; } .lasius-node-issue-badge { position:absolute; left:0; top:-36px; z-index:8; display:flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid #b45309; border-radius:6px; background:#fffbeb; color:#78350f; font:600 13px/1.4 DrivenBarlow,Arial,sans-serif; cursor:pointer; white-space:nowrap; } .react-flow__node[data-lasius-issues] { outline:2px solid #b45309; outline-offset:3px; } .react-flow__node[data-lasius-repair-target] { outline:3px solid #312a71; outline-offset:6px; } #lasius-repair-detail { position:fixed; left:20px; bottom:76px; z-index:55; width:min(370px,calc(100vw - 40px)); max-height:45vh; overflow:auto; border:1px solid #c8c9d3; border-radius:10px; padding:18px; background:#fff; color:#182033; box-shadow:0 10px 30px #16144122; font:14px/1.5 DrivenBarlow,Arial,sans-serif; } #lasius-repair-detail h3 { font-size:17px; margin:0 26px 10px 0; } #lasius-repair-detail p { margin:8px 0; } #lasius-repair-detail ul { padding-left:20px; margin:8px 0; } #lasius-repair-detail li { margin:7px 0; } #lasius-repair-detail button { position:absolute; right:10px; top:10px; background:#fff; border:1px solid #c8c9d3; border-radius:5px; width:28px; height:28px; color:#182033; } body:not([data-lasius-workflow-mode=build]) #lasius-repair-detail { display:none; } html[data-driven-ui=models] table[class*=tremor-Table] { font:400 14px/1.5 DrivenBarlow,Arial,sans-serif!important; } html[data-driven-ui=models] [class*=tremor-TableHeaderCell] { padding:12px 16px!important; font:600 14px/1.5 DrivenBarlow,Arial,sans-serif!important; color:#25243b!important; } html[data-driven-ui=models] [class*=tremor-TableCell] { padding:12px 16px!important; font:400 14px/1.5 DrivenBarlow,Arial,sans-serif!important; color:#34384a!important; vertical-align:middle!important; } html[data-driven-ui=models] .ant-modal,html[data-driven-ui=models] .ant-modal :is(p,span,div,label,button,input) { font-family:DrivenBarlow,Arial,sans-serif!important; } html[data-driven-ui=models] .ant-modal-body { font-size:14px!important; line-height:1.55!important; } html[data-driven-ui=models] .ant-modal-title,html[data-driven-ui=models] .ant-modal-confirm-title { font-size:20px!important; font-weight:600!important; line-height:1.3!important; } html[data-driven-ui=models] .ant-modal-confirm-content { font-size:14px!important; line-height:1.55!important; margin-top:12px!important; } html[data-driven-ui=models] .ant-modal .ant-btn { font-size:14px!important; } html[data-driven-ui=models] .driven-response-copy { white-space:normal!important; line-height:1.55!important; } html[data-driven-ui=models] .driven-response-copy p { margin:0 0 .65em!important; } html[data-driven-ui=models] .driven-response-copy :is(ul,ol) { margin:.6em 0!important; } html[data-driven-ui=models] .driven-response-copy li { margin:.25em 0!important; } html[data-driven-ui=models] .driven-response-copy li>p { margin:.2em 0!important; } html[data-driven-ui=models] .driven-response-copy :is(pre,code) { white-space:pre-wrap!important; } html[data-driven-ui=models] .driven-sentence-case::first-letter { text-transform:uppercase; } .driven-confirm { width:min(440px,calc(100vw - 32px)); padding:24px!important; border:1px solid #c8c9d3!important; border-radius:12px!important; background:#fff!important; color:#182033!important; box-shadow:0 24px 70px #10103333; font:14px/1.55 DrivenBarlow,Arial,sans-serif!important; } .driven-confirm::backdrop { background:#10102766; } .driven-confirm h2 { margin:0 0 12px; font:600 20px/1.3 DrivenBarlow,Arial,sans-serif!important; color:#161441!important; } .driven-confirm p { margin:0 0 24px; overflow-wrap:anywhere; } .driven-confirm-actions { display:flex; justify-content:flex-end; gap:10px; } .driven-confirm button { min-height:40px; padding:8px 16px; border:1px solid #b9bdc9; border-radius:6px; background:#fff; color:#202237; font:500 14px/1.4 DrivenBarlow,Arial,sans-serif; } .driven-confirm .driven-danger { background:#a4262c!important; border-color:#a4262c!important; color:#fff!important; } .driven-confirm button:focus-visible { outline:3px solid #6554c0; outline-offset:3px; } #formStatus.driven-form-error { display:block; margin-top:16px; padding:12px 14px; color:#8b1f28!important; background:#fff1f2; border:1px solid #e5a8af; border-radius:6px; font:500 14px/1.5 DrivenBarlow,Arial,sans-serif!important; } #formStatus.driven-form-error::before { content:'! '; font-weight:700; } html[data-driven-ui=workspace] #projects .project-thread-list { border-left:1px solid #8e8ba8!important; margin:7px 0 12px 16px!important; padding-left:12px!important; } html[data-driven-ui=workspace] #projects .project-thread-list .thread { position:relative; margin:4px 0!important; } html[data-driven-ui=workspace] #projects .project-thread-list .thread::before { content:''; position:absolute; left:-13px; top:50%; width:10px; border-top:1px solid #8e8ba8; } html[data-driven-ui=observability] #page-header nav[aria-label=breadcrumb] :is(button,a,span) { font-size:14px!important; line-height:1.5!important; } html[data-driven-ui=observability] .driven-select-trigger { height:auto!important; min-height:40px; } html[data-driven-ui=observability] .driven-select-trigger>span { white-space:normal!important; text-overflow:clip!important; overflow-wrap:anywhere; line-height:1.4!important; } html[data-driven-ui=observability] .driven-select-options [role=option] { white-space:normal!important; overflow-wrap:anywhere; line-height:1.4; padding:10px 12px; } html[data-driven-ui=observability] main.min-h-screen-with-banner { min-height:0!important; height:100%!important; max-height:100%!important; } html[data-driven-ui=observability] [data-panel-group],html[data-driven-ui=observability] [data-panel],html[data-driven-ui=observability] main.flex.flex-col { min-height:0!important; } html[data-driven-ui=observability] .driven-trace-filters { min-height:0!important; overflow-y:auto!important; overscroll-behavior-y:contain; scrollbar-gutter:stable; } @media(max-width:1100px) { html[data-driven-ui=workflows] #lasius-flow-context { grid-column:1/-1!important; grid-row:2!important; } html[data-driven-ui=workflows] #driven-session-actions { grid-column:4!important; grid-row:1!important; } } @media(max-width:767px) { html[data-driven-ui=workflows] #driven-session-actions { grid-column:3!important; } #lasius-repair-detail { bottom:64px; } } /* Keep connector branches inside the clipped, ellipsized button bounds. */ html[data-driven-ui=workspace] #workspaceSidebar #projects .project-thread-list { padding-left:0!important; } html[data-driven-ui=workspace] #workspaceSidebar #projects .project-thread-list .thread { padding-left:22px!important; } html[data-driven-ui=workspace] #workspaceSidebar #projects .project-thread-list .thread::before { left:0!important; width:14px!important; } /* Radix places visible tooltip text beside its screen-reader-only role node. */ html[data-driven-ui=workflows] [data-radix-popper-content-wrapper]:has([data-driven-options-tooltip]) { display:none!important; } /* SOURCE: knowledge-refinement.css */ html[data-driven-ui=knowledge] .hero {padding:18px 0!important;margin-bottom:16px!important;min-height:0!important;align-items:center!important} html[data-driven-ui=knowledge] .hero h1 {font-size:26px!important;margin:0 0 4px!important} html[data-driven-ui=knowledge] .hero p {font-size:14px!important;margin:0!important;line-height:1.5!important} .kb-summary {display:flex;flex-wrap:wrap;gap:8px 24px;padding:10px 0 16px;color:#45475a;font-size:14px} .kb-summary b {color:#161441;font-size:16px} .kb-engine-note {font-size:13px;color:#53596a;margin:20px 0 0;line-height:1.5} .kb-edit-dialog {width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #c8c9d3;border-radius:12px;background:white;color:#182033;font:16px/1.5 DrivenBarlow,Arial,sans-serif;box-shadow:0 20px 50px #10103333} .kb-edit-dialog::backdrop {background:#10102766} .kb-edit-dialog h2 {font-size:22px;margin:0 0 16px;color:#161441} .kb-edit-dialog h3 {font-size:16px;margin:16px 0 8px} .kb-edit-dialog label {display:grid;gap:6px;font-weight:500} .kb-edit-dialog input,.kb-edit-dialog select {width:100%;box-sizing:border-box;min-height:42px;padding:8px 12px;background:#fff;color:#182033;border:1px solid #9ca3b4;border-radius:6px;font:inherit} .kb-edit-dialog p {font-size:14px;color:#53596a;margin:12px 0} .kb-edit-dialog button {font:inherit;padding:8px 12px;border:1px solid #a9adba;border-radius:6px;background:white;color:#161441;cursor:pointer;min-height:40px} .kb-edit-dialog .primary {background:#161441;color:#fff;border-color:#161441} .kb-edit-dialog .actions {display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px} .kb-edit-dialog button:focus-visible,.kb-nav-menu:focus-visible {outline:3px solid #1b7c80;outline-offset:3px} .kb-linked>div {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #e2e4e9} .kb-edit-status[role=alert],.kb-nav-error:not(:empty),#createStatus[role=alert],#uploadStatus[role=alert] {color:#a4262c;font-size:14px} html[data-driven-ui=knowledge] #createModal .modal-card,html[data-driven-ui=knowledge] #uploadModal .modal-card {max-height:88dvh;overflow:auto;width:min(640px,calc(100vw - 32px));} html[data-driven-ui=knowledge] .detail-title p {font-size:14px;margin:4px 0;color:#53596a} html[data-driven-ui=workspace] #workspaceSidebar #projects {padding-inline:8px!important} html[data-driven-ui=workspace] #workspaceSidebar #projects .project-row {display:grid!important;grid-template-columns:20px minmax(0,1fr) 28px 28px!important;gap:3px!important;padding:4px 0!important} html[data-driven-ui=workspace] #workspaceSidebar #projects .project-title {text-align:left!important;padding:6px 4px!important;min-width:0;overflow-wrap:anywhere} html[data-driven-ui=workspace] #workspaceSidebar #projects .project-thread-list {margin:4px 0 10px 10px!important} .kb-thread-row {display:flex;align-items:center;gap:2px;min-width:0} html[data-driven-ui=workspace] #workspaceSidebar #projects .kb-thread-row .thread {flex:1;min-width:0;width:100%!important;margin:2px 0!important;padding:8px 12px 8px 18px!important;text-align:left!important;line-height:1.45!important} .kb-nav-menu {flex:none;width:28px;min-width:28px;height:32px;padding:0;border:0;background:transparent;color:#e8e7f5;font:600 20px/1 DrivenBarlow,Arial,sans-serif;cursor:pointer;border-radius:5px} .kb-nav-menu:hover {background:#ffffff18} html[data-driven-ui=workspace] #workspaceSidebar #projects .project-threads {margin-left:0!important;padding-left:0!important} html[data-driven-ui=workspace] #workspaceSidebar #projects .kb-thread-row .thread {max-width:100%!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important} html[data-driven-ui=workspace] #sendBtn {background:#161441!important;color:#fff!important} .kb-setup-link {display:block;width:fit-content;margin-top:12px;padding:8px 12px;border:1px solid #161441;border-radius:6px;color:#161441;font-weight:600;text-decoration:none} html[data-driven-ui=workspace] #empty {position:static!important;transform:none!important;margin:auto!important;padding:24px 20px!important;min-height:0!important;height:auto!important} html[data-driven-ui=workspace] #empty h1 {font-size:clamp(26px,3vw,42px)!important;line-height:1.2!important;margin:12px 0!important} html[data-driven-ui=workspace] #empty>p {margin:10px 0 20px!important;font-size:16px!important} html[data-driven-ui=workspace] #composer {position:relative!important;bottom:auto!important;flex-shrink:0!important;margin:12px auto 0!important;max-width:calc(100% - 32px)!important} /* Reserve real layout space for the entire composer, not only its form. */ html[data-driven-ui=workspace] #app .composer-wrap {position:relative!important;inset:auto!important;flex:0 0 auto!important;padding:8px 24px 12px!important;background:var(--bg)!important} html[data-driven-ui=workspace] #app #empty {flex:1 1 auto!important;overflow-y:auto!important;width:100%;margin:0 auto!important} html[data-driven-ui=workspace] #app #messages {padding-bottom:24px!important} html[data-driven-ui=workspace] #app #composer {margin:0 auto!important;max-width:100%!important} html[data-driven-ui=workspace] #app .composer-wrap .disclaimer {margin:8px 0 0!important} @media(max-height:820px){html[data-driven-ui=workspace] #empty {padding:12px 16px!important}html[data-driven-ui=workspace] #empty .hero-mark {width:44px!important;height:44px!important}html[data-driven-ui=workspace] #empty h1 {font-size:28px!important}html[data-driven-ui=workspace] #empty>p {margin:8px 0 12px!important}} @media(max-width:700px){html[data-driven-ui=knowledge] .hero{align-items:flex-start!important;gap:12px!important;flex-direction:column!important}.kb-edit-dialog {padding:20px}.kb-summary {gap:8px 16px}} /* SOURCE: navigation.css */ /* Owned workspace navigation. Keep metrics identical across every interaction state. */ html[data-driven-ui=workspace] #app #workspaceSidebar #projects .project-expand{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:40px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:#d9d7e8!important;cursor:pointer!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects .project-expand[aria-expanded=true] svg{transform:rotate(90deg)} html[data-driven-ui=workspace] #app #workspaceSidebar #projects .project-row{grid-template-columns:24px minmax(0,1fr) 28px 28px!important;gap:2px!important;padding:2px 0!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects .project-group{margin:0 0 4px!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects .project-group:not(.expanded) .project-threads{display:none!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-title,.thread,.project-add,.kb-nav-menu){background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important;transform:none!important;filter:none!important;transition:color 150ms ease!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects .project-title{font-size:14px!important;line-height:22px!important;font-weight:600!important;color:#ecebf4!important;padding:4px 8px!important;min-height:32px!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects .thread{font-size:14px!important;line-height:22px!important;font-weight:400!important;color:#d9d7e8!important;padding:4px 8px!important;margin:0!important;min-height:32px!important;display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-title,.thread):hover{color:#b6b2ce!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-title[aria-current=true],.thread.active){color:#64dfd9!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-title[aria-current=true],.thread.active):hover{color:#a0ece8!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects .project-thread-list{margin:0 0 4px 16px!important;padding:0!important;border:0!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-thread-list,.thread)::before,html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-thread-list,.thread)::after{display:none!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-expand,.project-title,.thread,.project-add,.kb-nav-menu):focus-visible{outline:2px solid #64dfd9!important;outline-offset:-2px!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-add,.kb-nav-menu){color:#c9c6dd!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-add,.kb-nav-menu):hover{color:#fff!important} /* Data summaries remain real, aligned cards rather than loose inline numbers. */ html[data-driven-ui=workspace] #app main>header{height:auto!important;min-height:72px!important;flex:0 0 auto!important;align-items:center!important;padding-block:12px!important} html[data-driven-ui=workspace] #app .thread-heading>:is(.eyebrow,#threadTitle),html[data-driven-ui=workspace] #threadContext>div:has(>#contextProject),html[data-driven-ui=workspace] #threadContext>div:has(>#contextEnvironment){display:none!important} html[data-driven-ui=workspace] #threadContext>div:has(>#contextOwner){order:-1!important} html[data-driven-ui=workspace] #threadContext dt::after{content:':'!important} html[data-driven-ui=workspace] #threadContext{margin:0!important} html[data-driven-ui=workspace] #app .thread-heading{min-width:0!important;flex:1!important} html[data-driven-ui=knowledge] #detail .kb-summary,html[data-driven-ui=workspace] #runsPanel #projectSummary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;margin:20px 0!important} html[data-driven-ui=workspace] #runsPanel #projectSummary{grid-template-columns:repeat(4,minmax(0,1fr))!important} html[data-driven-ui=knowledge] #detail .kb-summary>span,html[data-driven-ui=workspace] #runsPanel #projectSummary>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:6px!important;padding:16px!important;border:1px solid #d9d9e3!important;border-radius:10px!important;background:#fff!important;min-width:0!important;text-align:left!important} html[data-driven-ui=knowledge] #detail .kb-summary b{font-size:24px!important;line-height:30px!important;color:#161441!important} html[data-driven-ui=knowledge] #detail .kb-summary small{font-size:14px!important;color:#555368!important;line-height:20px!important} html[data-driven-ui=knowledge] #projectAccessNotice,html[data-driven-ui=tools] #toolAccessNotice{margin:0 0 16px!important;padding:12px 14px!important;border-left:3px solid #76718c!important;background:#f3f3f7!important;color:#343149!important;font-size:14px!important;line-height:1.5!important;min-height:0!important} html[data-driven-ui=knowledge] .panel-body:has(>#projectAccessNotice){padding-top:16px!important} html[data-driven-ui=tools] #projectView .section-head{margin-bottom:12px!important} html[data-driven-ui=workspace] #threadContext{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 20px!important;max-width:100%!important} html[data-driven-ui=workspace] #threadContext>div{display:flex!important;gap:6px!important;min-width:0!important;align-items:baseline!important} html[data-driven-ui=workspace] #threadContext dd{min-width:0!important;margin:0!important;overflow-wrap:anywhere!important;white-space:normal!important} html[data-driven-ui=workspace] #threadContext dt{flex:none!important} html[data-driven-ui=knowledge] .kb-access-details{display:grid!important;gap:8px!important;margin:0!important} html[data-driven-ui=knowledge] .kb-access-details>div{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:8px!important} html[data-driven-ui=knowledge] .kb-access-details dt{font-weight:600!important} html[data-driven-ui=knowledge] .kb-access-details dd{margin:0!important;overflow-wrap:anywhere!important} html[data-driven-ui=knowledge] #projectAccessNotice>p{margin:12px 0 0!important} .driven-dialog-closebar{position:sticky!important;top:0!important;z-index:10!important;display:flex!important;justify-content:flex-end!important;grid-column:1/-1!important;align-self:stretch!important;background:#fff!important;margin:0!important;padding:0 0 4px!important;width:100%!important} .driven-dialog-closebar .driven-dialog-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:1px solid #d9d9e3!important;border-radius:6px!important;background:#fff!important;color:#25233e!important;cursor:pointer!important} .driven-dialog-closebar .driven-dialog-close:hover{background:#f3f3f7!important} .driven-dialog-closebar .driven-dialog-close:focus-visible{outline:2px solid #007b78!important;outline-offset:2px!important} html[data-driven-ui] :is(dialog,.modal,.modal-backdrop) button.close[hidden]{display:none!important} html[data-driven-ui=tools] #addDialog{color:#25233e!important} html[data-driven-ui=tools] #addDialog{max-height:calc(100dvh - 40px)!important;overflow:auto!important;width:min(620px,calc(100vw - 32px))!important;box-sizing:border-box!important} html[data-driven-ui=tools] #addForm{overflow:visible!important;max-height:none!important} html[data-driven-ui=tools] #toolConnectionFields{min-width:0!important;margin:20px 0!important;padding:16px!important;border:1px solid #d9d9e3!important;border-radius:8px!important} html[data-driven-ui=tools] #toolConnectionFields legend{font-size:16px!important;font-weight:600!important;padding:0 6px!important} html[data-driven-ui=tools] #toolConnectionFields label{display:flex!important;flex-direction:column!important;gap:6px!important;margin-bottom:16px!important;min-width:0!important} html[data-driven-ui=tools] #toolConnectionFields :is(span,small){overflow-wrap:anywhere!important;white-space:normal!important} html[data-driven-ui=tools] #toolConnectionFields small{font:400 13px/1.5 DrivenBarlow,Arial,sans-serif!important;color:#555368!important} @media(max-width:700px){html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-title,.thread){min-height:44px!important}.driven-dialog-closebar .driven-dialog-close{width:44px!important;height:44px!important}} @media(max-width:1000px){html[data-driven-ui=workspace] #threadContext{grid-template-columns:minmax(0,1fr)!important}html[data-driven-ui=workspace] #runsPanel #projectSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:480px){html[data-driven-ui=knowledge] #detail .kb-summary{gap:8px!important}html[data-driven-ui=knowledge] #detail .kb-summary>span{padding:10px!important}} @media(prefers-reduced-motion:reduce){html[data-driven-ui=workspace] #app #workspaceSidebar #projects button{transition:none!important}} /* Knowledge review: stable typography, readable excerpts and an explicit upload queue. */ html[data-driven-ui=knowledge] #detail .kb-engine-note .actions{align-items:end!important;gap:16px!important;flex-wrap:wrap!important} html[data-driven-ui=knowledge] #detail .kb-engine-note label{display:flex!important;flex-direction:column!important;gap:8px!important;font-size:14px!important;font-weight:600!important;min-width:220px!important} html[data-driven-ui=knowledge] #detail .kb-engine-note select{font:400 16px/1.5 DrivenBarlow,Arial,sans-serif!important;min-height:42px!important;max-width:100%!important} html[data-driven-ui=knowledge] .result{padding:20px!important;margin:16px 0!important;border:1px solid #d9d9e3!important;border-radius:10px!important;background:#fff!important} html[data-driven-ui=knowledge] .result h3{font-size:18px!important;line-height:1.4!important;margin:6px 0 16px!important;overflow-wrap:anywhere!important} html[data-driven-ui=knowledge] .result .source-excerpt{white-space:pre-wrap!important;font:400 16px/1.65 DrivenBarlow,Arial,sans-serif!important;color:#25233e!important;max-width:78ch!important;margin:12px 0!important;overflow-wrap:anywhere!important} html[data-driven-ui=knowledge] :is(.retrieval-count,.source-reference,.result header small){font:400 14px/1.5 DrivenBarlow,Arial,sans-serif!important;color:#555368!important} html[data-driven-ui=knowledge] .source-reference{padding-top:12px!important;border-top:1px solid #e5e4ed!important} html[data-driven-ui=knowledge] .source-reference code{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-top:10px!important} html[data-driven-ui=knowledge] #createForm{width:min(1000px,calc(100vw - 40px))!important;max-width:1000px!important;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:16px 28px!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important;align-items:start!important} html[data-driven-ui=knowledge] #createForm> :is(h2,p,.actions){grid-column:1/-1!important;margin:0!important} html[data-driven-ui=knowledge] #createForm>label,html[data-driven-ui=knowledge] #createForm>details{grid-column:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important} html[data-driven-ui=knowledge] #createForm>details{display:block!important} html[data-driven-ui=knowledge] #createForm>label{font-size:14px!important;font-weight:600!important} html[data-driven-ui=knowledge] #createForm :is(input,select){max-width:100%!important;width:100%!important;min-width:0!important;font-size:16px!important} html[data-driven-ui=knowledge] #createForm .help{font-size:13px!important;line-height:1.5!important;font-weight:400!important} html[data-driven-ui=knowledge] #createForm .kb-file-queue{grid-column:2!important;grid-row:4/9!important;min-width:0!important;background:#f6f6f9!important;border:1px solid #dedde7!important;padding:18px!important;border-radius:10px!important;align-self:stretch!important} .kb-file-queue h3{font-size:16px!important;margin:0 0 8px!important}.kb-file-queue h3 span{font-weight:400!important;color:#555368!important}.kb-file-queue p{font-size:14px!important;line-height:1.5!important;margin:8px 0!important}.kb-file-queue ul{list-style:none!important;margin:16px 0 0!important;padding:0!important;max-height:330px!important;overflow:auto!important}.kb-file-queue li{display:flex!important;align-items:start!important;gap:12px!important;padding:12px 0!important;border-top:1px solid #dedde7!important}.kb-file-queue li>div{flex:1!important;min-width:0!important}.kb-file-queue strong{display:block!important;font-size:14px!important;overflow-wrap:anywhere!important}.kb-file-queue small{display:block!important;font-size:13px!important;line-height:1.5!important;color:#555368!important;margin-top:4px!important}.kb-file-queue button{background:transparent!important;color:#8e2924!important;border:0!important;padding:4px!important;font-size:13px!important} .kb-edit-dialog .kb-delete-space{color:#922c26!important;border:1px solid #d9bbb8!important;background:#fff!important;margin-right:auto!important} html[data-driven-ui=knowledge] #toast{max-width:min(640px,calc(100vw - 32px))!important;font-size:15px!important;line-height:1.5!important} html[data-driven-ui=workspace] #messages :is(.route-explanation,.route-explanation summary,.route-technical summary,.route-technical dt,.route-technical dd){font-family:DrivenBarlow,Arial,sans-serif!important;font-size:14px!important;line-height:1.55!important;color:#343149!important} html[data-driven-ui=workspace] #messages .route-technical dl{display:grid!important;gap:10px!important;margin:12px 0!important} html[data-driven-ui=workspace] #messages .route-technical dl>div{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:12px!important} html[data-driven-ui=workspace] #messages .route-technical dd{margin:0!important;overflow-wrap:anywhere!important;font-weight:400!important} html[data-driven-ui=workspace] #messages .route-technical dt{font-weight:600!important} html[data-driven-ui=workspace] #messages .meta{flex-wrap:wrap!important;align-items:start!important} .citation-files{display:flex;flex-wrap:wrap;gap:6px}.citation-files .citation{font:400 13px/1.5 DrivenBarlow,Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important}.citation-references{flex-basis:100%;font:400 13px/1.5 DrivenBarlow,Arial,sans-serif;color:#555368}.citation-references li{margin:8px 0}.citation-references code{display:block;overflow-wrap:anywhere;font-size:12px}.citation-references summary{cursor:pointer} @media(max-width:700px){html[data-driven-ui=knowledge] #createForm{display:flex!important;flex-direction:column!important;width:calc(100vw - 24px)!important;padding:20px!important}html[data-driven-ui=knowledge] #createForm>*{width:100%!important;flex:0 0 auto!important}html[data-driven-ui=knowledge] #createForm .kb-file-queue{max-height:300px!important;overflow:auto!important}html[data-driven-ui=workspace] #messages .route-technical dl>div{grid-template-columns:1fr!important;gap:2px!important}} /* SOURCE: controls.css */ /* Component contract: ordinary action controls, not canvas nodes/list rows/toggles. */ html[data-driven-ui]{--driven-space-1:4px;--driven-space-2:8px;--driven-space-3:12px;--driven-space-4:16px;--driven-space-6:24px;--driven-control-height:40px;--driven-control-radius:6px} html[data-driven-ui=workspace] #app :is(#newProject,#runsBtn,#attachBtn,#sendBtn), html[data-driven-ui=tools] :is(button#openCatalog,button#refreshDeployments), html[data-driven-ui=policies] .panel-head>button, html:is([data-driven-ui=knowledge],[data-driven-ui=tools],[data-driven-ui=policies]) :is(button.button,a.button){box-sizing:border-box!important;min-height:var(--driven-control-height)!important;padding:8px 14px!important;font:500 var(--driven-control)/22px DrivenBarlow,Arial,sans-serif!important;border-radius:var(--driven-control-radius)!important;display:inline-flex;align-items:center;justify-content:center;gap:var(--driven-space-2)} html[data-driven-ui=workspace] #app #workspaceSidebar #projects :is(.project-expand,.project-add,.kb-nav-menu){box-sizing:border-box!important;width:28px!important;min-width:28px!important;height:32px!important;min-height:32px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;line-height:1!important} html[data-driven-ui=workspace] #app #workspaceSidebar #projects .project-row{grid-template-columns:28px minmax(0,1fr) 28px 28px!important;align-items:center!important;gap:4px!important} /* Status dot is a sibling in this header, not an absolute-positioned overlay. */ html[data-driven-ui=workspace] #app .header-right{display:flex;align-items:center;gap:12px;padding-inline-start:16px;flex-shrink:0} html[data-driven-ui=workspace] #app .header-right>.status-dot{position:static!important;display:inline-block;flex:0 0 7px;margin:0!important;box-shadow:none!important;transform:none!important} html[data-driven-ui=tools] .deployment-activity{margin:16px 0;padding:16px 0;border-block:1px solid var(--driven-border,#d9dde4)} html[data-driven-ui=tools] .deployment-activity[hidden]{display:none!important} html[data-driven-ui=tools] .deployment-activity h2{font-size:20px;margin:0 0 12px} html[data-driven-ui=tools] .deployment-row{padding:12px 0;border-bottom:1px solid var(--driven-border,#d9dde4)} html[data-driven-ui=tools] .deployment-row>div{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline} html[data-driven-ui=tools] .deployment-row p{margin:4px 0 0;max-width:75ch;overflow-wrap:anywhere} html[data-driven-ui=tools] .deployment-row[data-state=failed]>div span,html[data-driven-ui=tools] .deployment-row[data-state=needs_review]>div span{color:#9b2c20;font-weight:600} html[data-driven-ui=tools] #refreshDeployments{margin-top:12px;background:white;color:#17143d;border:1px solid #c9ccd5;cursor:pointer} html[data-driven-ui=tools] .connection-guidance{font-size:16px;line-height:1.5;max-width:65ch} html[data-driven-ui=workspace] #workflowChoice{margin:0 24px 8px;font-size:14px;flex-shrink:0;max-height:240px;overflow:auto;color:var(--driven-text,#17143d);pointer-events:auto} html[data-driven-ui=workspace] #workflowChoice summary{cursor:pointer;font-weight:600;padding:6px 0} html[data-driven-ui=workspace] #workflowChoice p{margin:6px 0;max-width:75ch;line-height:1.5} html[data-driven-ui=workspace] #workflowChoice label{display:block;margin:8px 0 4px} html[data-driven-ui=workspace] #workflowChoice select{width:100%;max-width:720px;min-height:40px;font:inherit;border:1px solid #d9dde4;border-radius:6px;padding:8px;background:white;color:#17143d} html[data-driven-ui=workspace] #workflowChoice .workflow-choice-hint{font-size:12px} @media(max-width:700px){html[data-driven-ui=workspace] #workflowChoice{margin-inline:12px}html[data-driven-ui=workspace] #workflowChoice select{font-size:16px}} html:is([data-driven-ui=knowledge],[data-driven-ui=tools],[data-driven-ui=policies]) :is(.hero h1,.heading-row h1){font-size:var(--driven-title)!important;line-height:1.25!important;margin:0!important} html:is([data-driven-ui=knowledge],[data-driven-ui=tools],[data-driven-ui=policies]) .hero>div>p:not(.eyebrow){font-size:var(--driven-body)!important;line-height:1.5!important;margin:8px 0 0!important} html:is([data-driven-ui=knowledge],[data-driven-ui=tools],[data-driven-ui=policies]) .actions{gap:var(--driven-space-2)!important;align-items:center!important} html[data-driven-ui=knowledge] .kb-edit-dialog :is(input,select,button){font-size:var(--driven-control)!important;line-height:22px!important;min-height:var(--driven-control-height)!important} /* At phone width this existing control is an ellipsis icon, not a text button. */ @media(max-width:700px){html[data-driven-ui=workspace] #app #runsBtn{font-size:0!important;line-height:0!important;padding:0!important}html[data-driven-ui=workspace] #app #runsBtn::after{font-size:24px!important;line-height:24px!important}} @media(max-width:700px){html[data-driven-ui=workspace] #app :is(#newProject,#runsBtn,#attachBtn,#sendBtn),html[data-driven-ui=tools] button#openCatalog,html[data-driven-ui=policies] .panel-head>button,html:is([data-driven-ui=knowledge],[data-driven-ui=tools],[data-driven-ui=policies]) :is(button.button,a.button){min-height:44px!important}html[data-driven-ui=workspace] #app #composer :is(#attachBtn,#sendBtn){height:44px!important}}