:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f4f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f4f7fa;--surface: #ffffff;--surface-soft: #f7fafc;--text: #17212b;--muted: #66727f;--line: #d7e0e7;--line-strong: #b8c7d2;--teal: #087f8c;--teal-dark: #056b76;--teal-soft: #e6f6f7;--green: #11824d;--orange: #d18514;--blue: #1e6bd6;--shadow: 0 10px 28px rgb(20 45 65 / 8%)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--bg)}button,select,input{font:inherit}button{cursor:pointer}.reference-app{min-height:100vh;background:var(--bg)}.app-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(300px,1fr) auto;align-items:center;gap:16px;height:62px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--surface)}.header-brand,.header-actions,.user-chip,.help-button{display:flex;align-items:center}.header-brand{gap:14px}.header-brand strong{display:block;font-size:16px;line-height:1.2}.header-brand small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.drop-mark{position:relative;width:32px;height:38px}.drop-mark:before,.drop-mark span{content:"";position:absolute;inset:5px 6px;border:4px solid #0a4967;border-top-color:transparent;border-radius:50% 50% 54% 54%;transform:rotate(-28deg)}.drop-mark span{inset:11px;border-width:3px;border-color:#087f8c;border-top-color:transparent}.icon-button,.help-button{position:relative;min-width:34px;height:34px;border:0;border-radius:6px;color:#26343f;background:transparent}.icon-button.ghost{margin-left:-8px}.help-button{gap:8px;padding:0 8px;font-size:13px}.header-actions{justify-self:end;gap:12px}.notification-badge{position:absolute;top:1px;right:2px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;background:#dc8d13;font-size:10px;font-weight:700}.user-chip{gap:8px;font-size:13px;white-space:nowrap}.user-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:#263b51;font-size:12px;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reference-body{display:grid;grid-template-columns:184px minmax(0,1fr)}.reference-body.sidebar-collapsed{grid-template-columns:92px minmax(0,1fr)}.reference-sidebar{position:sticky;top:62px;height:calc(100vh - 62px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:var(--surface)}.reference-sidebar,.reference-body{transition:grid-template-columns .16s ease}.reference-sidebar nav{display:grid}.reference-sidebar nav button{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;min-height:45px;gap:10px;padding:0 20px;border:0;color:#25323d;background:transparent;text-align:left;font-size:13px}.reference-sidebar nav button.active{color:var(--teal);background:#edf5f7;font-weight:700}.reference-sidebar nav button.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--teal)}.reference-sidebar nav button b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;color:#fff;background:var(--teal);font-size:11px}.reference-sidebar.collapsed nav button{grid-template-columns:24px;justify-content:center;min-height:45px;padding:0 12px}.reference-sidebar.collapsed .sidebar-label{display:none}.reference-sidebar.collapsed .sidebar-badge{position:absolute;top:8px;right:18px;min-width:16px;height:16px;font-size:10px}.collapse-button{height:58px;padding:0 20px;border:0;border-top:1px solid var(--line);color:#25323d;background:var(--surface);text-align:left;font-size:13px}.reference-sidebar.collapsed .collapse-button{padding:0 8px;text-align:center;font-size:12px}.reference-workspace{min-width:0;padding:12px 14px 24px}.reference-main-grid{display:grid;grid-template-columns:minmax(640px,1.25fr) minmax(520px,.95fr);gap:10px;align-items:start}.overview-left-stack{display:grid;gap:10px}.right-reference-stack{display:grid;gap:8px;align-content:start}.demo-flow-panel{display:grid;gap:8px}.stage-pill{padding:3px 8px;border-radius:999px;color:#075dc5;background:#edf5ff;font-size:11px;font-weight:750}.stage-published{color:var(--green);background:#eaf7f0}.demo-flow-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--muted);font-size:11px}.demo-flow-meta strong{color:var(--text)}.demo-role-selector{display:grid;grid-template-columns:auto minmax(120px,1fr);gap:6px;align-items:center}.demo-role-selector select{min-width:0;height:26px;padding:0 24px 0 8px;border:1px solid var(--line);border-radius:3px;color:#26343f;background:var(--surface);font-size:11px}.demo-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.demo-action-grid button,.drawer-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid var(--line-strong);border-radius:3px;color:#25323d;background:var(--surface-soft);font-size:11px;font-weight:650}.demo-action-grid button:not(:disabled):hover,.drawer-primary-action:hover{border-color:var(--teal);color:var(--teal);background:#eef8f8}.demo-action-grid button:disabled{cursor:not-allowed;color:#9aa9b3;background:#f5f8fa}.workflow-trace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.workflow-trace div{min-height:40px;padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:#fbfdfe;font-size:11px}.workflow-trace dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-action-message{margin:0;padding:7px 8px;border:1px solid #c8e3e6;border-radius:3px;color:var(--teal-dark);background:#f0fbfb;font-size:11px}.reference-panel,.subpanel{border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 1px 2px #142d4108}.reference-panel{padding:10px}.reference-panel-header,.subpanel-header,.comparison-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.reference-panel-header h2,.comparison-header h2{margin:0;font-size:14px;line-height:1.2;white-space:nowrap}.subpanel h3,.subpanel-header h3{margin:0;font-size:13px}.map-filters{display:flex;align-items:center;gap:10px}.map-filters select,.model-selector-row select{height:30px;min-width:150px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:4px;color:#26343f;background:var(--surface);font-size:12px}.map-filters label{display:flex;align-items:center;gap:8px;color:#26343f;font-size:12px;white-space:nowrap}.map-filters input{accent-color:var(--teal)}.reference-map-frame{position:relative;min-height:585px;margin-top:10px;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:radial-gradient(circle at 20% 20%,rgb(12 88 122 / 5%),transparent 26%),radial-gradient(circle at 64% 44%,rgb(12 88 122 / 6%),transparent 31%),linear-gradient(125deg,#e7eff4,#f7fafb 44%,#e9f0f3)}.reference-map-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 49%,rgb(130 154 165 / 10%) 50%,transparent 51%),linear-gradient(120deg,transparent 49%,rgb(130 154 165 / 9%) 50%,transparent 51%);background-size:46px 46px,60px 60px;opacity:.8}.reference-field-map{position:relative;z-index:1;width:100%;height:585px}.reference-license{fill:#e0f5f56b;stroke:var(--teal);stroke-width:.45;stroke-dasharray:1.2 1.1;transition:fill .14s ease,stroke-width .14s ease;cursor:pointer}.reference-license.risk-medium{fill:#fbedca75}.reference-license.selected,.reference-license:hover{fill:#d3f4f5a8;stroke-width:.7}.well-link{stroke:#7f9098;stroke-width:.25;opacity:.68}.reference-well{cursor:pointer}.reference-well circle:first-child{fill:#788891}.reference-well circle:last-child{fill:transparent;stroke:#83939b;stroke-width:.24}.license-label{cursor:pointer}.license-label text{fill:#17212b;font-size:2.65px;font-weight:650;stroke:#fff;stroke-linejoin:round;stroke-width:.48px;paint-order:stroke fill}.license-label text:nth-of-type(2),.license-label text:nth-of-type(3),.license-label text:nth-of-type(4){font-size:2.05px;font-weight:500}.status-dot.low{fill:var(--green)}.status-dot.medium{fill:var(--orange)}.map-tools,.map-zoom,.map-layer-button{position:absolute;z-index:3;display:grid;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:var(--surface);box-shadow:var(--shadow)}.map-tools{top:12px;left:12px}.map-zoom{left:12px;bottom:62px}.map-layer-button{top:12px;right:14px}.map-tools button,.map-zoom button,.map-layer-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-bottom:1px solid var(--line);color:#3b4a54;background:var(--surface)}.map-tools button:last-child,.map-zoom button:last-child{border-bottom:0}.map-tools button.active{color:var(--teal);background:#eef8f8}.map-scale,.map-coordinates{position:absolute;z-index:3;bottom:16px;color:#31434d;font-size:11px}.map-scale{left:14px;display:flex;align-items:end;gap:6px}.map-scale i{display:block;width:34px;height:6px;border-bottom:2px solid #26343f}.map-coordinates{right:18px}.map-selection-summary{display:none}.overview-pvt-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-chart-card{min-height:230px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.chart-caption{color:var(--muted);font-size:11px}.phase-envelope-chart,.depth-c5-chart{width:100%;min-height:180px;border:1px solid #e2eaf0;border-radius:3px;background:linear-gradient(90deg,rgb(139 159 171 / 10%) 1px,transparent 1px),linear-gradient(0deg,rgb(139 159 171 / 10%) 1px,transparent 1px),#fbfdfe;background-size:28px 28px}.pvt-axis{stroke:#2d3b47;stroke-width:1.1}.pvt-gridline{stroke:#cfdce4;stroke-width:.75}.phase-fill{fill:url(#phaseFill);opacity:.86}.phase-boundary{fill:none;stroke:var(--teal);stroke-width:2.2}.phase-boundary.dashed{stroke:#d18514;stroke-dasharray:5 4;stroke-width:1.5}.phase-isopleth{fill:none;stroke:#6e8e9f;stroke-dasharray:3 3;stroke-width:.9}.phase-critical,.c5-point{fill:var(--orange);stroke:#fff;stroke-width:1.2}.c5-profile-line{fill:none;stroke:var(--teal);stroke-width:2.2}.pvt-chart-label,.pvt-tick{fill:#41515d;font-size:7px}.pvt-chart-label.axis-label{font-weight:700}.pvt-tick{fill:var(--muted);font-size:6.5px}.lifecycle-panel{min-height:156px}.lifecycle-title-row{display:grid;grid-template-columns:1fr;align-items:start}.model-selector-row{display:grid;grid-template-columns:minmax(230px,1fr) minmax(145px,auto) auto;gap:8px;align-items:center;margin-top:8px}.model-selector-row label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;color:#26343f;font-size:12px}.model-selector-row select{width:100%}.new-badge{padding:4px 7px;border-radius:3px;color:#fff;background:var(--blue);font-size:11px;font-weight:700}.reference-lifecycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;margin:10px 0 0;list-style:none}.reference-lifecycle li{position:relative;display:grid;justify-items:center;gap:2px;min-width:0;color:var(--muted);text-align:center;font-size:10.5px}.reference-lifecycle li:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--line-strong)}.reference-lifecycle li:first-child:before{display:none}.reference-lifecycle .stage-icon{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--line-strong);border-radius:50%;background:var(--surface)}.reference-lifecycle li.complete:before,.reference-lifecycle li.current:before{background:var(--green)}.reference-lifecycle li.complete .stage-icon{color:var(--green);border-color:var(--green)}.reference-lifecycle li.current{color:var(--blue);font-weight:700}.reference-lifecycle li.current .stage-icon{color:var(--blue);border-color:var(--blue)}.reference-lifecycle strong,.reference-lifecycle small{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.active-model-note{display:none}.details-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(204px,.72fr);gap:8px}.subpanel{padding:10px}.qaqc-progress{display:flex;align-items:center;gap:8px;color:#26343f;font-size:11px}.qaqc-progress i{display:block;width:82px;height:4px;border-radius:999px;background:#d8e2e9}.qaqc-progress b{display:block;height:100%;border-radius:inherit;background:var(--teal)}.qaqc-reference-list{display:grid;padding:0;margin:7px 0;list-style:none;border-top:1px solid var(--line)}.qaqc-reference-list li{min-height:24px;border-bottom:1px solid var(--line);color:#25323d;font-size:11px}.qaqc-reference-list li button{display:grid;grid-template-columns:16px minmax(0,1fr) 104px 68px;gap:6px;align-items:center;width:100%;min-height:24px;padding:0;border:0;color:inherit;background:transparent;text-align:left}.qaqc-reference-list li button:hover{color:var(--teal)}.qaqc-reference-list svg{color:#9aa9b3}.qaqc-reference-list li.passed svg,.qaqc-reference-list li.passed strong{color:var(--green)}.qaqc-reference-list li.warning svg,.qaqc-reference-list li.warning strong{color:var(--orange)}.qaqc-reference-list li.pending{color:var(--muted)}.qaqc-reference-list time{color:var(--muted)}.link-action{display:inline-flex;align-items:center;gap:5px;min-height:24px;border:0;color:var(--teal);background:transparent;font-size:11px;font-weight:650}.eos-reference-list,.version-info-panel dl,.publication-panel dl{display:grid;margin:7px 0;border-top:1px solid var(--line)}.eos-reference-list div,.version-info-panel dl div,.publication-panel dl div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(70px,auto);gap:10px;min-height:24px;align-items:center;border-bottom:1px solid var(--line);font-size:11px}dt{color:var(--muted)}dd{margin:0;color:#25323d}.version-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.publication-panel button{min-height:26px;padding:0 10px;border:1px solid var(--line-strong);border-radius:3px;color:var(--teal);background:var(--surface-soft);font-size:11px;font-weight:650}.published-version{color:var(--green);font-weight:750}.comparison-reference-panel{margin-top:10px;padding:0}.comparison-header{justify-content:flex-start;min-height:34px;padding:0 12px;border-bottom:1px solid var(--line)}.comparison-header span{padding:2px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px}.comparison-table-wrap{overflow-x:auto}.reference-comparison-table{width:100%;min-width:1280px;border-collapse:collapse;font-size:11px}.reference-comparison-table th,.reference-comparison-table td{padding:8px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.reference-comparison-table th{color:#485966;background:#f8fbfd;font-weight:650}.reference-comparison-table td{background:var(--surface)}.reference-comparison-table tbody tr{cursor:pointer}.reference-comparison-table tbody tr:hover td{background:#f2fafb}.reference-comparison-table td:nth-child(1),.reference-comparison-table td:nth-child(6),.reference-comparison-table td:nth-child(16){text-align:left}.version-cell strong{display:grid;gap:3px}.version-cell small{width:max-content;padding:1px 5px;border-radius:3px;color:#fff;background:var(--blue);font-size:10px}.candidate-version{color:#075dc5}.status-qaqc{color:#075dc5;font-weight:650}.status-published,.qaqc-ok{color:var(--green);font-weight:650}.qaqc-warn{color:var(--orange);font-weight:650}.table-more{display:grid;place-items:center;width:26px;height:26px;margin:0 auto;border:0;background:transparent}.comparison-actions{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 12px}.comparison-actions button{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid var(--teal);border-radius:3px;color:var(--teal);background:var(--surface);font-size:12px;font-weight:650}.comparison-actions button:last-child{border-color:transparent}.reference-tab-page{display:grid;gap:12px}.tab-page-heading{display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 6px 0}.tab-page-heading h1{margin:0;color:#111b24;font-size:22px;line-height:1.15;letter-spacing:0}.tab-page-heading svg{color:#5d6d79}.inner-tabs{display:flex;align-items:center;gap:26px;min-height:40px;padding:0 6px;overflow-x:auto;border-bottom:1px solid var(--line)}.inner-tabs button{position:relative;min-width:max-content;min-height:40px;padding:0;border:0;color:#26343f;background:transparent;font-size:13px}.inner-tabs button.active{color:var(--teal);font-weight:700}.inner-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--teal)}.tab-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.tab-filter-controls,.tab-filter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.tab-filter-controls label{display:grid;gap:5px;min-width:132px;color:#485966;font-size:11px}.tab-filter-controls select,.tab-search input{height:30px;border:1px solid var(--line);border-radius:4px;color:#26343f;background:var(--surface);font-size:12px}.tab-filter-controls select{min-width:132px;padding:0 28px 0 10px}.tab-search{position:relative;display:flex;align-items:center}.tab-search svg{position:absolute;left:10px;color:#5d6d79}.tab-search input{width:220px;padding:0 10px 0 32px}.primary-action,.secondary-action,.tab-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;border-radius:3px;font-size:12px;font-weight:650}.primary-action{padding:0 12px;border:1px solid var(--teal);color:#fff;background:var(--teal)}.secondary-action{padding:0 12px;border:1px solid var(--teal);color:var(--teal);background:var(--surface)}.tab-icon-button{width:28px;min-height:28px;border:0;color:#536370;background:transparent}.tab-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px}.tab-kpi-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;min-height:88px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.kpi-orb{width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--tone-color, var(--teal)) 15%,white);border:1px solid color-mix(in srgb,var(--tone-color, var(--teal)) 30%,white)}.tab-kpi-card span:not(.kpi-orb){display:block;color:#536370;font-size:11px}.tab-kpi-card strong{display:block;margin-top:4px;color:#111b24;font-size:23px;line-height:1}.tab-kpi-card small{display:block;margin-top:8px;color:var(--green);font-size:11px}.tone-blue{--tone-color: #2f7de1}.tone-green{--tone-color: #15945d}.tone-orange{--tone-color: #ee9b25}.tone-red{--tone-color: #e04444}.tone-purple{--tone-color: #8a63d2}.tone-teal{--tone-color: var(--teal)}.tone-gray{--tone-color: #a8b4bf}.tab-layout-grid,.pvt-models-layout{display:grid;grid-template-columns:minmax(760px,1fr) 286px;gap:12px;align-items:start}.tab-layout-grid.no-right-rail{grid-template-columns:1fr}.tab-main-stack,.tab-right-rail,.model-card-stack{display:grid;gap:10px;align-content:start}.tab-data-panel{padding:0;overflow:hidden}.tab-data-panel .reference-panel-header{min-height:46px;padding:0 12px;border-bottom:1px solid var(--line)}.reference-table-scroll{overflow-x:auto}.reference-dense-table{width:100%;min-width:980px;border-collapse:collapse;color:#24323d;font-size:11px}.reference-dense-table th,.reference-dense-table td{min-height:36px;padding:8px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.reference-dense-table th{color:#4c5b66;background:#f8fbfd;font-weight:650}.reference-dense-table td{background:var(--surface)}.reference-dense-table th.left,.reference-dense-table td.left{text-align:left}.reference-dense-table tbody tr{cursor:pointer}.reference-dense-table tbody tr:hover td,.reference-dense-table tbody tr:focus td{background:#f2fafb}.reference-dense-table input[type=checkbox]{width:14px;height:14px;accent-color:var(--teal)}.cell-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;min-height:20px;padding:2px 7px;border-radius:3px;color:var(--tone-color, #536370);background:color-mix(in srgb,var(--tone-color, #a8b4bf) 12%,white);font-weight:650;white-space:normal}.table-footer{display:flex;justify-content:space-between;align-items:center;min-height:50px;padding:0 12px;color:#536370;font-size:12px}.table-pagination{display:inline-flex;gap:14px;align-items:center}.table-pagination strong{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--teal);border-radius:3px;color:var(--teal)}.side-panel{padding:12px}.side-panel .reference-panel-header{margin-bottom:8px}.side-panel-list{display:grid;gap:2px}.side-panel-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:28px;padding:5px 0;border-bottom:1px solid #eef3f6;font-size:12px}.side-panel-row span{color:#31434d}.side-panel-row strong{color:var(--tone-color, #17212b);font-size:12px}.side-panel-row small{grid-column:1 / -1;color:#6a7782}.side-link{display:inline-flex;align-items:center;gap:8px;min-height:30px;border:0;color:var(--teal);background:transparent;text-align:left;font-size:12px;font-weight:650}.donut-summary{display:grid;place-items:center;margin:4px 0 8px}.donut-chart{display:grid;place-items:center;width:112px;height:112px;border-radius:50%}.donut-chart:before{content:"";grid-area:1 / 1;width:70px;height:70px;border-radius:50%;background:var(--surface)}.donut-chart span,.donut-chart strong{grid-area:1 / 1;position:relative;z-index:1}.donut-chart span{margin-top:-16px;color:#536370;font-size:11px}.donut-chart strong{margin-top:14px;color:#111b24;font-size:18px}.bar-list{display:grid;gap:8px;margin:8px 0}.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(80px,1.2fr) auto;gap:8px;align-items:center;font-size:12px}.bar-row span{color:#31434d}.bar-row i{display:block;height:5px;overflow:hidden;border-radius:999px;background:#e3ebf0}.bar-row b{display:block;height:100%;border-radius:inherit;background:var(--tone-color, var(--teal))}.bar-row strong{color:#25323d;font-size:11px;font-weight:650}.tab-chart-panel{padding:12px}.chart-tools{display:flex;gap:6px}.chart-tools button{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:3px;color:#536370;background:var(--surface)}.reference-chart{min-height:260px;margin-top:8px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(#eef3f6 1px,transparent 1px) 0 0 / 100% 25%,linear-gradient(90deg,#eef3f6 1px,transparent 1px) 0 0 / 12.5% 100%,#fff}.reference-chart svg{width:100%;height:260px}.chart-model-line{fill:none;stroke:#2f7de1;stroke-width:1.2}.chart-axis{stroke:#c5d0d8;stroke-width:.5}.chart-marker{stroke:#2f7de1;stroke-dasharray:2 1.5;stroke-width:.45}.chart-marker.green{stroke:var(--green)}.chart-point{fill:var(--tone-color, var(--green));stroke:#fff;stroke-width:.3}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;color:#4c5b66;font-size:11px}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tone-color, var(--teal))}.tab-bottom-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tab-info-note{display:flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid #d8eaf2;border-radius:4px;color:#50616e;background:#f2f9fd;font-size:12px}.tab-message{margin-top:0}.tab-model-card .lifecycle-panel{border:0;box-shadow:none;padding:0}.context-drawer{display:grid;gap:10px;margin-top:10px;padding:10px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:4px;background:var(--surface);box-shadow:0 1px 2px #142d4108}.context-drawer-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.context-drawer-header span{color:var(--muted);font-size:11px}.context-drawer-header h2{margin:2px 0 0;font-size:14px}.context-drawer-header button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:3px;color:var(--muted);background:var(--surface-soft)}.drawer-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}.drawer-metric,.drawer-note,.drawer-table{border:1px solid var(--line);border-radius:3px;background:#fbfdfe}.drawer-metric{display:grid;gap:4px;min-height:54px;padding:8px}.drawer-metric span,.drawer-table span{color:var(--muted);font-size:11px}.drawer-metric strong,.drawer-table strong{color:#25323d;font-size:12px}.drawer-note{grid-column:span 2;min-height:54px;margin:0;padding:8px;color:#344653;font-size:12px;line-height:1.35}.drawer-table{grid-column:span 3;display:grid}.drawer-table h3{margin:0;padding:8px;border-bottom:1px solid var(--line);font-size:12px}.drawer-table div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:28px;padding:0 8px;border-bottom:1px solid var(--line)}.drawer-table div:last-child{border-bottom:0}.drawer-primary-action{grid-column:span 1;color:#fff;border-color:var(--teal);background:var(--teal)}.drawer-primary-action:disabled{cursor:not-allowed;color:#93a2ad;border-color:var(--line-strong);background:#f4f7fa}.fatal-state,.loading-screen,.inline-error{padding:16px;border:1px solid #dfb3ac;border-radius:4px;color:#7e1f16;background:#fff4f2}.loading-screen{max-width:420px;margin:20vh auto 0;color:var(--muted);background:var(--surface);border-color:var(--line)}.fatal-state{display:grid;gap:10px;max-width:720px;margin:15vh auto 0}.fatal-state code{padding:10px;border-radius:4px;background:#fff;overflow-x:auto}@media(max-width:1260px){.app-header{grid-template-columns:minmax(260px,1fr) auto}.help-button{display:none}.reference-main-grid,.details-grid,.version-info-grid,.tab-layout-grid,.pvt-models-layout{grid-template-columns:1fr}.reference-main-grid{min-width:0}.tab-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.app-header{position:static;grid-template-columns:1fr;height:auto;padding:10px 12px}.header-brand{min-width:0}.header-actions{justify-self:stretch;justify-content:space-between}.user-chip{min-width:0;flex-wrap:wrap}.reference-body{display:block}.reference-body.sidebar-collapsed .reference-sidebar{display:none}.reference-sidebar{position:static;height:auto;overflow-x:auto;border-bottom:1px solid var(--line)}.reference-sidebar nav{display:flex}.reference-sidebar nav button{min-width:max-content;grid-template-columns:18px auto;padding:0 12px}.reference-sidebar.collapsed nav button{grid-template-columns:18px auto}.reference-sidebar.collapsed .sidebar-label{display:inline}.reference-sidebar.collapsed .sidebar-badge{position:static;min-width:20px;height:20px;font-size:11px}.collapse-button{display:none}.reference-workspace{padding:10px}.map-filters,.model-selector-row,.tab-filter-bar,.tab-filter-controls,.tab-filter-actions,.qaqc-reference-list li,.qaqc-reference-list li button,.comparison-actions,.demo-flow-meta,.demo-role-selector,.demo-action-grid,.workflow-trace,.drawer-section-grid,.tab-kpi-grid,.tab-bottom-panels,.overview-pvt-charts{display:grid;grid-template-columns:1fr}.tab-page-heading h1{font-size:20px}.inner-tabs{gap:18px}.tab-filter-actions{align-items:stretch}.tab-search input{width:100%}.reference-dense-table{min-width:980px}.table-footer{display:grid;gap:8px;justify-items:start;padding:10px 12px}.drawer-note,.drawer-table,.drawer-primary-action{grid-column:span 1}.reference-map-frame,.reference-field-map{min-height:420px;height:420px}.reference-lifecycle{grid-template-columns:1fr;gap:8px}.reference-lifecycle li{display:grid;grid-template-columns:34px 1fr auto auto;justify-items:start;text-align:left}.reference-lifecycle li:before{display:none}}