/* Shared page geometry. Consultant keeps its own 780px reading workspace. */
:root {
  --page-content-width:1200px;
  --page-reading-width:780px;
  --page-search-width:440px;
  --page-action-width:224px;
  --page-gap:24px;
}
body:not(.is-chat) #app { flex:1 1 auto; width:100%; max-width:none; min-width:0; margin:0; padding:0; }
.workspace-viewport { width:100%; min-width:0; container-type:inline-size; container-name:workspace; }
.workspace-page { --page-gutter:32px; box-sizing:border-box; width:100%; max-width:calc(var(--page-content-width) + 2 * var(--page-gutter)); min-width:0; margin-inline:auto; padding:24px var(--page-gutter) 40px; }
.workspace-page--reading { max-width:calc(var(--page-reading-width) + 2 * var(--page-gutter)); }
.workspace-page>* { min-width:0; max-width:100%; }
.workspace-page .page-heading { display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:16px 24px; width:100%; margin:0 0 var(--page-gap); }
.workspace-page .page-title-copy { flex:1 1 360px; min-width:0; }
.workspace-page .page-heading>.button-row { display:flex; flex:0 0 auto; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:8px; max-width:100%; margin:0 0 0 auto; }
.workspace-page :is(h1,h2,h3,.subtitle,.breadcrumb) { overflow-wrap:anywhere; }
.workspace-page .library-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:0 0 var(--page-gap); }
.workspace-page .library-heading h1 { margin:0; }
.workspace-page .collection-title-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:16px 24px; }
.workspace-page .collection-service-actions { justify-self:end; max-width:100%; flex-wrap:wrap; }
.workspace-page .section-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; justify-content:space-between; }
.workspace-page .breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.workspace-page .breadcrumb>* { min-width:0; }

/* Equal service bars keep their action at the same right edge. */
.workspace-page .library-tabbar:not(.picker-tabbar),.workspace-page .monitor-navigation { display:grid; grid-template-columns:minmax(0,480px) minmax(0,1fr) var(--page-action-width); align-items:center; gap:12px; width:100%; margin:0 0 20px; }
.workspace-page .library-tabbar:not(.picker-tabbar)>.tabs,.workspace-page .monitor-navigation>.monitor-work-tabs { grid-column:1; grid-row:1; width:100%; max-width:none; min-width:0; margin:0; flex:none; }
.workspace-page .monitor-work-tabs>.tabs { width:100%; max-width:none; }
.workspace-page .library-tabbar:not(.picker-tabbar)>.library-tab-action,.workspace-page .monitor-navigation>.monitor-settings-button { grid-column:3; grid-row:1; justify-self:end; width:var(--page-action-width); max-width:100%; min-width:0; margin:0; flex:none; }
.workspace-page .library-tab-action>.btn { width:100%; }
.workspace-page .monitor-navigation>.monitor-settings-button { height:44px; min-height:44px; }

/* Search has the same preferred width; filters and view controls wrap as groups. */
:is(.workspace-page,#picker-modal-body) .toolbar { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px 20px; width:100%; min-width:0; margin:0 0 20px; }
:is(.workspace-page,#picker-modal-body) .toolbar .search-filter-group { display:flex; align-items:center; gap:8px; flex:1 1 280px; width:auto; min-width:0; max-width:calc(var(--page-search-width) + 52px); }
:is(.workspace-page,#picker-modal-body) .toolbar .search-filter-group .search-input { flex:1 1 0; width:100%; max-width:none; min-width:0; margin:0; }
:is(.workspace-page,#picker-modal-body) .toolbar>.search-input { flex:0 1 var(--page-search-width); width:100%; min-width:0; max-width:var(--page-search-width); margin:0; }
:is(.workspace-page,#picker-modal-body) .toolbar .search-input { position:relative; display:block; height:44px; min-height:44px; }
:is(.workspace-page,#picker-modal-body) .toolbar .search-input>input[type=text] { box-sizing:border-box; display:block; width:100%; height:44px; min-height:44px; margin:0; padding:10px 12px 10px 42px; }
:is(.workspace-page,#picker-modal-body) .toolbar .search-input>svg { position:absolute; top:22px; left:14px; width:18px; height:18px; transform:translateY(-50%); pointer-events:none; }
:is(.workspace-page,#picker-modal-body) .catalog-view-group { display:flex; align-items:center; flex-wrap:wrap; flex:0 1 auto; justify-content:flex-end; gap:8px; min-width:0; max-width:100%; margin-left:auto; }
.workspace-page .toolbar>.tabs { display:flex; flex-wrap:wrap; max-width:100%; min-width:0; }
.workspace-page .toolbar>.tabs .tab { min-width:0; }
.workspace-page .selection-toolbar { width:100%; flex-wrap:wrap; min-width:0; }
.workspace-page .selection-actions { display:flex; flex-wrap:wrap; gap:8px; min-width:0; margin-left:auto; }

/* Wider data surfaces have local horizontal scrolling instead of squeezing columns. */
.workspace-page .table-wrap,.workspace-page .ms-table-scroll,.workspace-page .monitor-event-table-wrap,.workspace-page .monitor-impact-table-wrap { display:block; box-sizing:border-box; width:100%; max-width:100%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
.workspace-page .documents-table { min-width:800px; }
.workspace-page .monitor-event-table,.workspace-page .monitor-impact-table { min-width:760px; }
.workspace-page .ms-connections-table { min-width:640px; }
.workspace-page .table-wrap table { width:100%; }
.workspace-page .data-table td { overflow-wrap:anywhere; }
.workspace-page .collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.workspace-page .sto-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.workspace-page :is(.collection-grid,.sto-grid,.editor-grid,.ms-metrics)>* { min-width:0; }
.workspace-page .sto-card { display:flex; flex-direction:column; }
.workspace-page .sto-card>.button-row { margin-top:auto; padding-top:16px; flex-wrap:wrap; }
.workspace-page .library-object-card.collection-card.as-list { grid-template-columns:36px minmax(0,1fr) 180px auto; grid-template-rows:auto auto; grid-template-areas:'select name meta actions' 'select description meta actions'; column-gap:16px; row-gap:4px; }
.workspace-page .monitor-grid { grid-template-columns:280px minmax(0,1fr); }
.workspace-page .ms-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.workspace-page .ms-metric-card { display:flex; flex-direction:column; }
.workspace-page .ms-metric-main { flex:1; }
.workspace-page .ms-registry-heading { flex-wrap:wrap; }
.workspace-page .ms-registry-heading>* { min-width:0; max-width:100%; }
.workspace-page .ms-registry-heading .btn { margin-left:auto; }

/* Document forms and saved answers use the same reading measure as the chat. */
.workspace-page .document-form-card { box-sizing:border-box; width:100%; max-width:var(--page-reading-width); min-width:0; margin-inline:auto; }
.workspace-page .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.workspace-page .form-field { min-width:0; }
.workspace-page .form-field :is(input:not([type=checkbox]):not([type=radio]),textarea,select) { box-sizing:border-box; width:100%; max-width:100%; min-width:0; }
.workspace-page .form-field :is(input:not([type=checkbox]):not([type=radio]),select) { min-height:44px; }
.workspace-page .editor-grid { display:grid; grid-template-columns:minmax(0,780px) 280px; align-items:start; gap:24px; width:100%; max-width:1084px; min-width:0; margin-inline:auto; }
.workspace-page .document-editor { width:100%; max-width:100%; min-width:0; resize:vertical; }
.workspace-page .steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; min-width:0; }
.workspace-page .steps .step { width:100%; min-width:0; justify-content:center; white-space:normal; }
.workspace-page .basis-row { display:flex; align-items:flex-start; flex-wrap:wrap; gap:12px; }
.workspace-page .basis-row>div { flex:1 1 320px; min-width:0; overflow-wrap:anywhere; }
.workspace-page .history-item { min-width:0; }
.workspace-page .history-item>div { flex:1; min-width:0; }
.workspace-page .history-item :is(h3,p) { overflow-wrap:anywhere; }
.workspace-page .history-item>.history-icon,.workspace-page .history-item>.pill { flex-shrink:0; }
.workspace-page--reading .answer { min-width:0; max-width:100%; }
.workspace-page--reading .answer-body { overflow-wrap:anywhere; }
.workspace-page--reading .data-table { min-width:640px; }

@container workspace (max-width:1160px) { .workspace-page .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .workspace-page .library-object-card.collection-card.as-list { grid-template-columns:36px minmax(0,1fr) auto; grid-template-rows:auto auto auto; grid-template-areas:'select name actions' 'select description actions' 'select meta actions'; gap:4px 12px; } }
@container workspace (max-width:1000px) { .workspace-page .editor-grid { grid-template-columns:minmax(0,1fr); max-width:var(--page-reading-width); } .workspace-page .monitor-grid { grid-template-columns:minmax(0,1fr); } }
@container workspace (max-width:900px) { .workspace-page { --page-gutter:24px; } .workspace-page .toolbar .search-filter-group { flex-basis:100%; } }
@container workspace (max-width:820px) { .workspace-page .library-tabbar:not(.picker-tabbar),.workspace-page .monitor-navigation { grid-template-columns:minmax(0,1fr); gap:12px; } .workspace-page .library-tabbar:not(.picker-tabbar)>.tabs,.workspace-page .monitor-navigation>.monitor-work-tabs { grid-column:1; grid-row:1; width:100%; max-width:480px; } .workspace-page .library-tabbar:not(.picker-tabbar)>.library-tab-action,.workspace-page .monitor-navigation>.monitor-settings-button { grid-column:1; grid-row:2; justify-self:end; } .workspace-page .collection-title-row { grid-template-columns:minmax(0,1fr); } }
@container workspace (max-width:760px) { .workspace-page .page-heading { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; } .workspace-page .page-heading>.page-title-copy { grid-column:1; grid-row:1; } .workspace-page .page-heading>.button-row { grid-column:1; grid-row:2; justify-self:end; margin:0; } .workspace-page .ms-metrics,.workspace-page .sto-grid { grid-template-columns:minmax(0,1fr); } .workspace-page .form-grid { grid-template-columns:minmax(0,1fr); } }
@container workspace (max-width:700px) { .workspace-page .collection-grid { grid-template-columns:minmax(0,1fr); } .workspace-page .library-object-card.collection-card.as-list { grid-template-columns:36px minmax(0,1fr); grid-template-rows:auto auto auto auto; grid-template-areas:'select name' '. description' '. meta' 'actions actions'; } .workspace-page .collection-card.as-list .object-card-actions { justify-content:flex-end; } .workspace-page .catalog-view-group { width:100%; justify-content:flex-end; } .workspace-page .selection-actions { width:100%; justify-content:flex-end; } }
@container workspace (max-width:620px) { .workspace-page { --page-gutter:16px; padding-top:20px; padding-bottom:32px; } .workspace-page .toolbar>.search-input { flex:1 1 100%; max-width:100%; } .workspace-page .history-item { padding:14px; gap:10px; } }
@media(max-width:650px) { .workspace-page .page-heading { display:grid; grid-template-columns:44px minmax(0,1fr); } .workspace-page .page-heading>.mobile-menu { grid-column:1; grid-row:1; } .workspace-page .page-heading>.page-title-copy { grid-column:2; grid-row:1; } .workspace-page .page-heading>.button-row { grid-column:1 / -1; grid-row:2; justify-self:end; } .workspace-page .collection-title-row { grid-template-columns:44px minmax(0,1fr); } .workspace-page .collection-title-row>.mobile-menu { display:inline-flex; grid-column:1; grid-row:1; } .workspace-page .collection-title-row>h1 { grid-column:2; grid-row:1; } .workspace-page .collection-service-actions { grid-column:1 / -1; } }