/* Canonical layout: approved September 20 product, document and inbox references. */
.reference-search{display:flex;align-items:center;gap:10px;width:250px;height:42px;padding:0 14px;border:1px solid var(--op-line-strong);border-radius:9px;background:var(--op-surface)}
.reference-search svg{width:20px;height:20px;fill:none;stroke:var(--op-muted);stroke-width:1.8;flex-shrink:0}
.reference-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--op-text);font:inherit;font-size:13px}
@media(max-width:1100px){.reference-search{display:none}}
@media(min-width:1101px){#toggleProductSearch{display:none}}
#knowledgeDocumentsView .document-row{border:0!important;border-bottom:1px solid var(--op-line)!important;border-radius:0!important;margin:0;background:var(--op-surface)!important;box-shadow:none!important}
#knowledgeDocumentsView .document-row.selected,#knowledgeDocumentsView .document-row:hover{background:var(--ref-selected)!important}
#knowledgeDocumentsView .documents-list{gap:0}
.document-status::before{display:none!important}
#documentInspector header{align-items:flex-start}
#documentInspector header .file-format{flex:0 0 64px;height:80px;font-size:30px}
#documentInspector details{border:1px solid var(--op-line);border-radius:8px;padding:12px;margin:12px 0 24px;font-size:13px}
#documentInspector details summary{cursor:pointer}
#editDocumentProducts{max-height:210px;overflow:auto;margin-top:10px}
#documentInspector #saveDocumentEdit{background:var(--ref-blue);color:white}
@media(min-width:761px){#knowledgeAiDock{background:transparent;box-shadow:none}#knowledgeAiDock .knowledge-ai-surface{border-radius:30px;overflow:hidden;padding:0}#knowledgeAiDock .knowledge-message:empty{display:none}}
@media(max-width:760px){#knowledgeWorkspace,#knowledgeWorkspace .knowledge-shell,#knowledgeWorkspace .catalog-main{min-width:0;max-width:100%}#knowledgeWorkspace .catalog-layout{min-width:0}#knowledgeWorkspace .catalog-categories{min-width:0;overflow:hidden}#knowledgeWorkspace .catalog-stats{min-width:0}#knowledgeWorkspace .catalog-stats article{min-width:0}#knowledgeWorkspace .knowledge-shell{margin:auto}}
:root,html[data-theme="light"]{--operator-sidebar:236px;--op-bg:#f7f8fa;--op-sidebar:#f8f9fb;--op-surface:#fff;--op-soft:#eef2f7;--op-soft-2:#f7f8fa;--op-line:#e5e8ee;--op-line-strong:#cdd4df;--op-text:#101522;--op-muted:#7b8293;--op-accent:#075bff;--op-accent-text:#fff;--ref-blue:#075bff;--ref-selected:#eaf2ff}
html[data-theme="dark"]{--op-bg:#11151d;--op-sidebar:#151a24;--op-surface:#1b2230;--op-soft:#242e40;--op-soft-2:#202838;--op-line:#303d52;--op-line-strong:#52647e;--op-text:#edf3ff;--op-muted:#a0aec4;--ref-selected:#233d68}
body[data-auth-state="authenticated"][data-state="dashboard"],body[data-state="dashboard"]>.stage,#knowledgeWorkspace{background:var(--op-bg);color:var(--op-text)}
body[data-auth-state="authenticated"][data-state="dashboard"] .operator-sidebar{width:236px;padding:28px 14px 20px;background:var(--op-sidebar);border-right:1px solid var(--op-line)}
.operator-wordmark{font-size:26px;margin:0 14px 42px;letter-spacing:-1.2px}.operator-wordmark::before{display:none}
.operator-sidebar nav{gap:10px}.operator-sidebar nav button{height:48px;border-radius:10px;padding:0 20px;font-size:15px;font-weight:550;color:#555e70}
.operator-sidebar nav button.active{background:var(--ref-selected);border-color:transparent;color:var(--ref-blue);box-shadow:none}
.operator-sidebar svg{width:21px;height:21px}.operator-account{border:0;padding:12px 8px}.operator-account>span:first-child{background:#111;color:#fff}.operator-account b{font-size:14px}.operator-account small{font-size:11px}
body[data-state="dashboard"]>.stage{margin-left:236px}
.knowledge-shell{width:calc(100% - 64px);max-width:none;padding:46px 0 90px}
.knowledge-shell-head{padding:0 0 26px;gap:20px}.knowledge-shell-head h2{font-size:40px;letter-spacing:-1.5px;line-height:1.15}.knowledge-shell-head p{font-size:15px;margin-top:6px}
.knowledge-head-actions{align-self:flex-start}.knowledge-primary{background:#101114;border-color:#101114;color:#fff;box-shadow:none;border-radius:9px;font-size:14px}
.knowledge-state{display:none}.knowledge-tabs{width:100%;border-radius:0;background:transparent!important;border-bottom:1px solid var(--op-line);gap:30px;padding:0}
.knowledge-tabs button{padding:0 4px 14px;border-radius:0;font-size:15px;background:transparent!important;box-shadow:none!important;color:var(--op-muted)}
.knowledge-tabs button.active{color:var(--op-text);border-bottom:2px solid var(--op-text)}
.knowledge-tabs button span{margin-left:7px;background:var(--ref-selected);padding:2px 6px;border-radius:10px}
.knowledge-view{padding-top:18px}.catalog-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px}
.catalog-stats article{display:flex;align-items:center;gap:20px;background:var(--op-surface);border:1px solid var(--op-line);border-radius:12px;padding:18px 16px;color:var(--op-muted);font-size:14px;min-width:0}
.catalog-stats b{font-size:25px;font-weight:650;color:var(--op-text);margin-right:10px}.catalog-stats article:last-child b{font-size:18px}.catalog-stats small{display:block;margin-top:4px;font-size:13px}
.stat-icon{display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:50%;background:var(--ref-selected);color:var(--ref-blue);font-size:30px}
.catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}
.catalog-categories{background:var(--op-surface);border:1px solid var(--op-line);border-radius:12px;min-height:630px;padding:18px 13px;display:flex;flex-direction:column}
.catalog-categories h3{font-size:16px;margin:0 8px 22px}.catalog-categories nav{display:grid;gap:8px}
.catalog-categories nav button{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:8px;background:transparent;border:0;border-radius:8px;padding:12px 10px;font-size:13px;color:var(--op-text)}
.catalog-categories nav button.active{background:var(--ref-selected);box-shadow:inset 2px 0 var(--ref-blue);font-weight:650}
.catalog-categories small{border-radius:20px;padding:3px 7px;background:var(--op-soft);color:var(--op-muted)}
.catalog-categories .new-group-row{margin-top:auto;border-top:1px solid var(--op-line);font-size:12px;padding:18px 8px;width:100%}
.catalog-main>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;min-height:38px}.catalog-main h3{font-size:18px;margin:0}.catalog-main select{background:var(--op-surface);border:1px solid var(--op-line);border-radius:8px;padding:9px;color:var(--op-text)}
#productsList{display:block}.product-card-grid,.product-card-grid:has(.product-card:nth-child(2)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-card{display:grid;grid-template-columns:106px minmax(0,1fr);position:relative;gap:20px;padding:16px;min-height:176px;border:1px solid var(--op-line);border-radius:12px;background:var(--op-surface);text-align:left;align-items:start}
.product-card:hover,.product-card:focus-visible{border-color:var(--ref-blue);background:var(--op-surface);transform:none;box-shadow:none}
.product-card-image{width:106px;height:142px;border:0;border-radius:10px;background:var(--op-soft);overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:contain}.product-card-image i{color:#8995a8}
.product-card-copy{min-width:0;display:flex;flex-direction:column;gap:8px}.product-card-copy b{font-size:17px;color:var(--op-text)}.product-card-copy>small{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.product-card-copy .product-readiness{font-size:11px;font-weight:400;color:var(--op-muted);margin:0}.product-readiness.ready::first-letter{color:#27b55a}
.product-card-copy .product-facts{display:flex;gap:14px;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:400}.product-facts span{margin:0!important;font-size:11px!important;font-weight:400!important}
.product-card-meta{position:absolute;right:14px;top:14px;color:var(--op-muted);font-size:21px}
.catalog-toolbar:not(.is-searching){display:none}.catalog-toolbar.is-searching{display:flex;margin-bottom:16px}
.document-library-head h3,.document-library-head p{display:none}.document-library-head{justify-content:flex-end;margin-bottom:16px}
#toggleDocumentUpload{background:var(--ref-blue);color:white;border:0;border-radius:9px;padding:13px 18px}
.document-drop-banner{width:100%;padding:25px;border:1px dashed var(--op-line-strong);border-radius:9px;background:transparent;color:var(--op-text);font-size:14px;text-align:center;margin-bottom:22px}
.document-drop-banner strong{color:var(--ref-blue)}.document-drop-banner small{display:block;margin-top:10px;color:var(--op-muted);font-size:12px}
.document-library-toolbar{margin:0 0 16px}.document-library-toolbar>span{display:none}.documents-list{display:block}
.document-table-head,.document-row{display:grid;grid-template-columns:minmax(160px,2.4fr) minmax(75px,1fr) minmax(115px,1fr) 64px;gap:16px;align-items:center;width:100%;text-align:left}
.document-table-head{background:var(--op-soft-2);border-radius:9px 9px 0 0;padding:16px 10px;color:var(--op-muted);font-size:11px}
.document-row{padding:18px 10px;min-height:84px;border:0;border-bottom:1px solid var(--op-line);border-radius:0;background:var(--op-surface);color:var(--op-text);cursor:pointer}
.document-row:hover,.document-row.selected{background:var(--ref-selected);box-shadow:inset 0 0 0 1px #d6e5ff;border-radius:8px}
.document-name-cell{display:flex;gap:16px;align-items:center;min-width:0}.file-format{display:grid;place-items:center;flex:0 0 36px;min-height:44px;border:1px solid var(--op-line-strong);border-radius:4px;font-size:10px;font-weight:700;color:#65718a;background:var(--op-surface)}
.file-format[data-format="PDF"]{color:#e32332}.file-format[data-format="CSV"],.file-format[data-format="XLS"]{color:#17883c}
.document-identity{min-width:0}.document-identity strong{font-size:13px;display:block}.document-identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--op-muted);margin-top:5px}
.document-linked{font-size:11px;color:var(--op-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-status{font-size:10px;padding:6px 8px;border:0;border-radius:20px;justify-self:start;background:#fff4dd;color:#8b681b;white-space:nowrap}.document-status.is-published{color:#15843d;background:#e4f8ed}.document-size{font-size:11px;color:var(--op-muted)}.document-total{font-size:12px;color:var(--op-muted);margin-top:24px}
.document-inspector{position:fixed;top:0;right:0;bottom:0;width:390px;z-index:45;background:var(--op-surface);border-left:1px solid var(--op-line);padding:75px 24px 24px;overflow:auto;box-shadow:-4px 0 16px #00000003}.document-inspector[hidden]{display:none}
#closeDocumentInspector{position:absolute;right:20px;top:20px;border:0;background:none;font-size:25px;color:var(--op-text)}
.document-inspector header{display:flex;gap:20px;margin-bottom:34px}.document-inspector h3{font-size:18px;margin:0 0 8px}.document-inspector p{font-size:13px;color:var(--op-muted)}
.document-inspector label,.document-inspector legend{font-size:13px;color:var(--op-text)}.document-inspector textarea{display:block;width:100%;box-sizing:border-box;margin:10px 0 30px;border:1px solid var(--op-line);border-radius:8px;padding:12px;background:var(--op-surface);color:var(--op-text);line-height:1.5}
.document-inspector fieldset{border:0;padding:0 0 24px;border-bottom:1px solid var(--op-line);margin:0 0 25px}.document-inspector fieldset label{display:block;padding:6px 0}.document-inspector select{padding:8px;color:#15843d;background:#e4f8ed;border:1px solid #c7eed7;border-radius:7px}
.inspector-help{line-height:1.6}.document-inspector button:not(#closeDocumentInspector){padding:13px;border:1px solid var(--op-line);border-radius:8px;background:var(--op-surface);color:var(--op-text)}
#downloadInspectedDocument{width:100%;margin:20px 0}.inspector-actions{display:flex;gap:12px;margin-top:28px}.inspector-actions button{flex:1}#saveDocumentEdit{background:var(--ref-blue);color:#fff;border-color:var(--ref-blue)}
.knowledge-workspace.document-selected[data-view="documents"] .knowledge-shell{width:calc(100% - 440px);margin-left:30px}
.knowledge-workspace:not([data-view="documents"]) .document-inspector{display:none}
.dialogs-workspace{width:calc(100% - 28px);padding:52px 0 18px;max-width:none}.workspace-heading{padding:0 14px;margin-bottom:18px;align-items:center}.workspace-heading h2{font-size:30px;letter-spacing:-1px}.workspace-heading p{font-size:13px}.workspace-search{width:390px;border-radius:8px}
.dialogs-layout{height:calc(100dvh - 124px);min-height:550px;max-height:none;display:grid;grid-template-columns:350px minmax(0,1fr);border-radius:12px;box-shadow:none;border:1px solid var(--op-line);background:var(--op-surface)}
.dialog-inbox{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--op-line);background:var(--op-surface)}
.dialog-filters{display:flex;gap:6px;align-items:center;padding:16px 12px 8px;border-bottom:1px solid var(--op-line)}
.dialog-filters button{border:0;border-bottom:2px solid transparent;background:transparent;font-size:11px;padding:10px 8px;color:var(--op-muted)}.dialog-filters button.active{color:var(--ref-blue);border-bottom-color:var(--ref-blue);background:var(--ref-selected);border-radius:6px 6px 0 0}.dialog-filters span{margin-left:4px}
.dialogs-list{padding:10px 8px;background:var(--op-surface);border:0;overflow:auto;height:auto;flex:1}.dialog-row{min-height:80px;grid-template-columns:44px minmax(0,1fr) 53px;border-radius:8px;padding:12px 10px;gap:10px;margin:0;border-bottom:1px solid var(--op-line)}.dialog-row.is-active{background:var(--ref-selected);border-color:transparent;box-shadow:none}.dialog-row[hidden]{display:none}
.dialog-avatar{background:#e4edfc;color:#2a62b2;width:44px;height:44px}.dialog-copy b{font-size:13px}.dialog-copy span{font-size:11px;line-height:1.4}.dialog-meta{align-self:start}.dialog-meta time{font-size:10px}.dialog-meta span{font-size:9px}
.dialog-detail-content{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:76px minmax(0,1fr) auto}
.dialog-detail-content>header{grid-column:1;min-height:76px;padding:14px 18px}.dialog-detail-content>header h3{font-size:16px}.dialog-detail-content>header a{font-size:12px;color:var(--op-muted)}
.dialog-client-card{grid-column:2;grid-row:1/4;align-self:stretch;height:auto;margin:0;padding:0 18px 24px;background:var(--op-surface);border:0;border-left:1px solid var(--op-line);border-radius:0;overflow:auto}
.dialog-client-card::before{display:none}.client-tabs{height:48px;display:flex;align-items:center;color:var(--ref-blue);border-bottom:1px solid var(--op-line);font-size:12px;margin:0 -18px 22px;padding:0 20px}
.client-profile{display:flex;gap:14px;align-items:center;margin-bottom:24px}.client-profile h3{font-size:14px;margin:0 0 5px}.client-profile small{font-size:11px;color:var(--op-muted)}.client-properties{display:grid;grid-template-columns:1fr 1.3fr;gap:18px 10px;font-size:12px;padding-bottom:25px;border-bottom:1px solid var(--op-line)}.client-properties dt{color:var(--op-muted)}.client-properties dd{margin:0;overflow-wrap:anywhere}
.dialog-client-card h4{font-size:12px;margin:24px 0 8px}.dialog-client-card p{font-size:12px;color:var(--op-muted);line-height:1.55}.dialog-tags span{background:var(--ref-selected);color:var(--ref-blue);border:0;border-radius:4px;font-size:11px}
.dialog-thread{background:var(--op-surface);padding:24px 20px;gap:12px;grid-column:1;grid-row:2}.dialog-bubble,.dialog-bubble.user{background:#f1f2f4;border:0;border-radius:12px 12px 12px 2px;padding:13px 15px;font-size:13px;max-width:82%;color:#182033;box-shadow:none}.dialog-bubble.bot{background:#e7f0ff;color:#182033;border:0;border-radius:12px 12px 2px 12px}.dialog-bubble time{color:#919aad;font-size:10px}
.dialog-reply{grid-column:1;padding:12px;background:var(--op-surface);border-top:1px solid var(--op-line)}.dialog-reply textarea{background:var(--op-surface);border-radius:8px;font-size:12px}.dialog-reply button{background:#111;color:white;border-radius:8px}
.dialog-detail-status{background:#e7f8ed;color:#188448;font-size:10px}.dialog-detail-status.needs-review{background:#fff0df;color:#ed7a16}
@media(min-width:761px){.knowledge-ai-dock{left:auto;right:24px;bottom:22px;width:360px;max-width:calc(100vw - 40px);border-radius:30px;box-shadow:0 5px 26px #18203812;padding:0;transform:none}.knowledge-ai-composer{border-radius:30px}.knowledge-ai-dock:focus-within{width:560px;border-radius:18px}.knowledge-ai-dock textarea{font-size:12px}}
@media(max-width:1350px) and (min-width:901px){.catalog-layout{grid-template-columns:200px minmax(0,1fr)}.product-card{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px}.product-card-image{width:80px;height:124px}.product-card-copy b{font-size:15px}.product-facts{flex-wrap:wrap}.dialogs-layout{grid-template-columns:280px minmax(0,1fr)}.dialog-detail-content{grid-template-columns:minmax(0,1fr) 240px}.dialog-detail-status{display:none}.workspace-heading p{max-width:450px}}
@media(max-width:1100px){.product-card-grid,.product-card-grid:has(.product-card:nth-child(2)){grid-template-columns:1fr}.catalog-stats article{gap:10px;padding:12px}.stat-icon{flex-basis:40px;height:40px;font-size:24px}.catalog-stats b{font-size:20px}.catalog-stats article:last-child b{font-size:14px}.knowledge-workspace.document-selected[data-view="documents"] .knowledge-shell{width:calc(100% - 64px)}}
@media(max-width:900px){body[data-state="dashboard"]>.stage{margin-left:0}.dialog-detail-content{grid-template-columns:minmax(0,1fr)}.dialog-client-card{display:none}.dialogs-layout{grid-template-columns:280px minmax(0,1fr)}.dialog-detail-content>header{grid-column:1}.catalog-layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){.knowledge-shell{width:calc(100% - 28px);padding:24px 0 110px}.knowledge-shell-head h2{font-size:28px}.knowledge-shell-head p{font-size:12px}.knowledge-tabs{gap:22px}.knowledge-tabs button{font-size:13px}.catalog-stats{grid-template-columns:1fr 1fr;gap:8px}.catalog-stats article:last-child{display:none}.catalog-stats small{font-size:10px}.catalog-layout{display:block}.catalog-categories{min-height:0;padding:8px;margin-bottom:16px}.catalog-categories h3,.catalog-categories .new-group-row{display:none}.catalog-categories nav{display:flex;overflow:auto;gap:6px}.catalog-categories nav button{white-space:nowrap;font-size:12px}.product-card-grid,.product-card-grid:has(.product-card:nth-child(2)){grid-template-columns:1fr}.product-card{grid-template-columns:84px minmax(0,1fr);min-height:150px;padding:12px;gap:12px}.product-card-image{width:84px;height:124px}.catalog-main h3{font-size:16px}.catalog-main select{font-size:11px;max-width:160px}.document-table-head{display:none}.document-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.document-linked,.document-size{display:none}.document-drop-banner{font-size:12px;padding:18px}.document-inspector{width:100%;box-sizing:border-box;z-index:120;padding:60px 20px 100px}.knowledge-workspace.document-selected[data-view="documents"] .knowledge-shell{width:calc(100% - 28px);margin:auto}.dialogs-workspace{width:100%;padding:18px 0 75px}.workspace-heading{padding:0 14px}.workspace-heading h2{font-size:27px}.workspace-heading p{font-size:12px}.dialogs-layout{height:calc(100dvh - 180px);min-height:400px;display:block;border:0;border-radius:0}.dialog-inbox{height:100%;border:0}.detail-open .dialog-inbox{display:none}.detail-open .dialog-detail{display:block;height:100%}.detail-open .dialog-detail-content{height:100%;grid-template-columns:1fr;grid-template-rows:72px minmax(0,1fr) auto}.dialog-thread{min-height:0}.dialog-reply{position:static}.dialog-detail-content>header{padding:12px}.dialog-client-card{display:none}.dialog-detail-status{display:inline-block}.dialog-filters{padding-top:8px}.dialog-row{min-height:86px}.dialog-copy b{font-size:14px}.dialog-copy span{font-size:12px}.workspace-search{max-width:100%}}
