@turquoisehealth/pit-viper 2.254.0 → 2.255.0

package/_site/assets/css/pit-viper-a11y.css

@@ -1064,6 +1064,40 @@
     padding: 0.125rem 0.5rem;
   }
 }
+.pv-split-button {
+  --flex-gap: 0;
+}
+
+.pv-split-button-action {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-right: none;
+}
+
+.pv-split-button-menu-trigger {
+  position: relative;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+.pv-split-button-menu-trigger::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%) translateX(-150%);
+  width: 1px;
+  height: 50%;
+  min-height: 0.75rem;
+  background-color: var(--color-border, #8F939E);
+  pointer-events: none;
+}
+
+.pv-split-button-menu-content > * {
+  width: 100%;
+  justify-content: flex-start;
+}
+
 .pv-input-text,
 .pv-input-search,
 .pv-input-date,
@@ -1485,6 +1519,14 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   right: 2px;
 }
 
+.pv-switch-hide-check input[type=checkbox]:checked:after,
+.pv-switch-hide-check input[type=checkbox]:checked:not(:disabled):hover:after,
+.pv-switch-hide-check input[type=checkbox]:checked:not(:disabled):focus-visible:after,
+.pv-switch-hide-check input[type=checkbox]:checked:not(:disabled):active:after,
+.pv-switch-hide-check input[type=checkbox]:checked:disabled:after {
+  background-image: unset;
+}
+
 [class*=pv-label-selectable] {
   cursor: pointer;
   background-color: var(--selectable-label-background-color, #FFFFFF);
@@ -1650,10 +1692,10 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-range {
-  --range-fill-color: var(--color-background-brand-inverse, #36c5ba);
+  --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
   --range-thumb-border-width: 3px;
   --range-thumb-size: 20px;
-  --range-track-color: var(--color-border, #e3e7ea);
+  --range-track-color: var(--color-border, #E3E7EA);
   --range-track-height: 6px;
   --value: 0%;
   -webkit-appearance: none;
@@ -1683,11 +1725,11 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   outline: none;
 }
 .pv-range:focus-visible::-webkit-slider-thumb {
-  outline: 2px solid var(--color-border-brand, #36c5ba);
+  outline: 2px solid var(--color-border-brand, #36C5BA);
   outline-offset: 2px;
 }
 .pv-range:focus-visible::-moz-range-thumb {
-  outline: 2px solid var(--color-border-brand, #36c5ba);
+  outline: 2px solid var(--color-border-brand, #36C5BA);
   outline-offset: 2px;
 }
 
@@ -1718,8 +1760,8 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   --range-dual-thumb-border-width: 0.1875rem;
   --range-dual-thumb-size: 1.25rem;
   --range-dual-track-height: 0.375rem;
-  --range-fill-color: var(--color-background-brand-inverse, #36c5ba);
-  --range-track-color: var(--color-border, #e3e7ea);
+  --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
+  --range-track-color: var(--color-border, #E3E7EA);
   align-items: center;
   cursor: pointer;
   display: flex;
@@ -1798,7 +1840,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-range-dual-native::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   border: var(--range-dual-thumb-border-width) solid var(--range-fill-color);
   border-radius: 50%;
   box-shadow: var(--elevation-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
@@ -1809,7 +1851,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-range-dual-native::-moz-range-thumb {
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   border: var(--range-dual-thumb-border-width) solid var(--range-fill-color);
   border-radius: 50%;
   box-shadow: var(--elevation-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
@@ -1824,12 +1866,12 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 }
 
 .pv-range-dual-native:focus-visible::-webkit-slider-thumb {
-  outline: 2px solid var(--color-border-brand, #36c5ba);
+  outline: 2px solid var(--color-border-brand, #36C5BA);
   outline-offset: 2px;
 }
 
 .pv-range-dual-native:focus-visible::-moz-range-thumb {
-  outline: 2px solid var(--color-border-brand, #36c5ba);
+  outline: 2px solid var(--color-border-brand, #36C5BA);
   outline-offset: 2px;
 }
 
@@ -1873,7 +1915,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-range-dual-tooltip {
   background: var(--color-background-inverse, #242626);
   border-radius: 0.25rem;
-  color: var(--color-text-inverse, #ffffff);
+  color: var(--color-text-inverse, #FFFFFF);
   font-size: 0.75rem;
   line-height: 1;
   padding: 0.5rem;
@@ -1885,6 +1927,86 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   z-index: 4;
 }
 
+.pv-prompt-input {
+  --flex-align: stretch;
+  cursor: text;
+  transition-duration: 0.125s;
+  transition-property: border-color, box-shadow;
+}
+.pv-prompt-input:hover {
+  border-color: var(--text-input-hover-border-color, #8F939E);
+  box-shadow: 0px 0.25px 3px 0px rgba(0, 0, 0, 0.2);
+}
+.pv-prompt-input:focus-within {
+  border-color: var(--text-input-focus-border-color, #36C5BA);
+}
+
+.pv-prompt-input-textarea {
+  --flex-align: stretch;
+  width: 100%;
+}
+.pv-prompt-input-textarea textarea {
+  field-sizing: content;
+  max-height: var(--prompt-input-max-height);
+  width: 100%;
+  min-width: 0;
+  border: 0;
+  padding: 0;
+  resize: none;
+  overflow-y: auto;
+  background-color: transparent;
+}
+.pv-prompt-input-textarea textarea:focus, .pv-prompt-input-textarea textarea:focus-visible {
+  outline: none;
+}
+
+.pv-prompt-input-footer {
+  --flex-justify: space-between;
+}
+
+.pv-prompt-input-actions {
+  min-width: 0;
+}
+
+.pv-query-builder-input-wrapper {
+  display: flex;
+  align-items: center;
+  position: relative;
+  width: 100%;
+  background: var(--color-background-accent, #F0F2F2);
+  padding: 0.1875rem 0.25rem;
+  border-radius: var(--query-builder-input-radius, 4px);
+  border: 1px solid var(--color-border, #8F939E);
+  font-size: 0.75rem;
+  min-height: 2rem;
+  cursor: text;
+  --button-small-icon-only-padding: 0.1875rem;
+}
+
+.pv-query-builder-input-small {
+  min-height: 1.5rem;
+  padding-block: 0.0625rem;
+  --button-small-icon-only-padding: 0.0625rem;
+}
+
+.pv-query-builder-input {
+  justify-content: start;
+  overflow-x: hidden;
+}
+
+.pv-query-builder-input-wrapper input {
+  border: none;
+  background: transparent;
+  outline: none;
+  font-size: 0.75rem;
+  flex: 1 1 1rem;
+  min-width: 1rem;
+}
+
+.pv-query-builder-input-wrapper:focus-within {
+  border-color: var(--text-input-focus-border-color, #36C5BA);
+}
+
 .pv-nav-container {
   padding: 20px 9px 20px 20px;
   overflow-y: auto;
@@ -2430,7 +2552,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   }
 }
 .pv-notification {
-  --bg-color: var(--color-background-body, white);
+  --bg-color: var(--color-background-body, #FFFFFF);
   position: relative;
 }
 .pv-notification:after {
@@ -2486,7 +2608,7 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   background-color: var(--toast-warning-background-color, #FAEBC6);
 }
 .pv-toast-warning svg:not([class*=pv-button] svg) {
-  fill: #A97909;
+  fill: var(--toast-warning-icon-color, #A97909);
 }
 
 .pv-toast-dark {
@@ -3431,6 +3553,21 @@ button.pv-tag-secondary:active {
   background-color: var(--tab-list-indicator-color, #13595D);
 }
 
+.pv-tab-list-underline {
+  border: none;
+}
+.pv-tab-list-underline :where(li)[data-active]:after {
+  content: "";
+  display: block;
+  height: 2px;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: var(--tab-list-indicator-color, #13595D);
+}
+
 .pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
   color: var(--tab-list-disabled-text-color, #7D898D);
   background-color: transparent;
@@ -3487,6 +3624,7 @@ button.pv-tag-secondary:active {
   --top: 2rem;
   border: none;
   border-radius: 4px;
+  background-color: var(--color-modal-background, var(--color-background-body, #FFFFFF));
   box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35), 0px 12px 20px rgba(0, 0, 0, 0.25), 0px 16px 28px -8px rgba(0, 0, 0, 0.25);
   color: var(--color-text-body, #121313);
   max-width: min(100% - 2rem, var(--max-width));
@@ -3645,6 +3783,201 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   background-image: none;
 }
 
+.pv-menu-item-disabled {
+  pointer-events: none;
+  border-radius: 0.25rem;
+  color: var(--color-text-subdued, #4B595C);
+}
+
+.pv-menu-item-disabled .pv-menu-item-action {
+  display: inline-flex;
+  pointer-events: auto;
+}
+
+.pv-menu-item {
+  cursor: pointer;
+  transition-duration: 150ms;
+  transition-property: background-color;
+  border-radius: var(--popover-list-item-radius, 4px);
+}
+.pv-menu-item:hover, .pv-menu-item:focus-visible {
+  background-color: var(--popover-list-item-hover-background-color, #E8F2F4);
+}
+.pv-menu-item:active {
+  background-color: var(--popover-list-item-pressed-background-color, #C7D8DB);
+}
+
+.pv-menu-item-expand-chevron {
+  padding: 0.25rem;
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.pv-menu-item-disabled .pv-menu-item-expand-chevron {
+  pointer-events: auto;
+  color: inherit;
+}
+
+.pv-sortable-list-button-placeholder {
+  height: 1.5rem;
+  width: 1.5rem;
+}
+
+.pv-sortable-list-option {
+  --flex-gap: 0.25rem;
+  cursor: grab;
+  min-height: 1.5rem;
+}
+
+.pv-sortable-list-option-disabled {
+  pointer-events: none;
+  color: var(--text-input-disabled-text-color, #7D898D);
+}
+
+.pv-sortable-list-placeholder-zone {
+  transition: background-color 0.2s ease;
+}
+
+.pv-sortable-list-placeholder-dropzone {
+  padding: 0.5rem 0.25rem;
+  border-style: dashed !important;
+  border-color: var(--color-border, #8F939E) !important;
+  justify-content: center;
+  align-items: center;
+  transition: all 0.2s ease;
+}
+
+.pv-sortable-list-placeholder-zone.pv-sortable-list-placeholder-drag-over .pv-sortable-list-placeholder-dropzone {
+  border-color: var(--color-border-brand, #13595D) !important;
+  background: var(--color-background-highlight, #E4F8F6);
+}
+
+.pv-sortable-list-divider-container {
+  display: flex;
+}
+
+.pv-sortable-list-divider {
+  position: relative;
+  border-top: 1px solid var(--color-border, #8F939E);
+  margin: 1rem 0;
+  flex: 1;
+}
+
+.pv-sortable-list-divider::after {
+  content: attr(data-label);
+  display: inline-block;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--color-background-body, #FFFFFF);
+  padding: 0 0.5em;
+  font-size: inherit;
+  white-space: nowrap;
+}
+
+.pv-tree-item {
+  padding: 0.1875rem 0.25rem;
+  cursor: pointer;
+  background-color: transparent;
+  border: 1px solid transparent;
+}
+
+.pv-tree-item-disabled {
+  cursor: default !important;
+}
+
+.pv-tree-item.pv-drop-indicator-top {
+  border-top: 1px solid var(--color-border, #8F939E);
+}
+
+.pv-tree-item.pv-drop-indicator-bottom {
+  border-bottom: 1px solid var(--color-border, #8F939E);
+}
+
+.pv-drop-indicator-parent {
+  border: 1px solid var(--color-border, #8F939E);
+}
+
+.pv-tree-item-selected {
+  background-color: var(--color-background-highlight, #E4F8F6);
+}
+
+.pv-tree:not(.pv-tree-disable-selection) .pv-tree-item-selected:hover,
+.pv-tree:not(.pv-tree-disable-selection) .pv-tree-item:hover {
+  border-radius: 0.25rem;
+  background-color: var(--card-hover-background-color, #E8F2F4);
+}
+
+.pv-tree:not(.pv-tree-disable-selection) .pv-tree-item-selected:active,
+.pv-tree:not(.pv-tree-disable-selection) .pv-tree-item:active {
+  border-radius: 0.25rem;
+  background-color: var(--card-pressed-background-color, #C7D8DB);
+}
+
+.pv-tree-connector-middle,
+.pv-tree-connector-end {
+  position: relative;
+  width: 1rem;
+  min-width: 1rem;
+  height: 1rem;
+}
+
+.pv-tree-connector-middle::after,
+.pv-tree-connector-end::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 0.5rem;
+  height: 1px;
+  background: var(--tree-connector-color, #8F939E);
+  transform: translateY(-50%);
+}
+
+.pv-tree-connector-end::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: -0.375rem;
+  width: 1px;
+  height: 0.875rem;
+  background: var(--tree-connector-color, #8F939E);
+  transform: translateX(-50%);
+}
+
+.pv-tree-connector-line {
+  position: relative;
+}
+
+.pv-tree-connector-line::before {
+  content: "";
+  position: absolute;
+  left: calc(var(--tree-connector-left, 0.5rem) + 1px);
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background: var(--tree-connector-color, #8F939E);
+  transform: translateX(-50%);
+  z-index: 1;
+  pointer-events: none;
+}
+
+.pv-tree-drop-zone {
+  min-height: 0;
+}
+
+.pv-tree-reorder-icon {
+  position: absolute;
+  left: 0;
+  top: 0;
+  transform: translateY(25%);
+  width: 1rem;
+  height: 1rem;
+  min-width: 1rem;
+  min-height: 1rem;
+}
+
 .pv-pagination {
   border-radius: var(--pagination-radius, 0);
   border: var(--pagination-border, 0);
@@ -3777,11 +4110,11 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 
 .pv-horizontal-scroller-control-left-fade {
-  background: linear-gradient(90deg, var(--pv-horizontal-scroller-fade-background, #fff) 0%, transparent 100%);
+  background: linear-gradient(90deg, var(--pv-horizontal-scroller-fade-background, #FFFFFF) 0%, transparent 100%);
 }
 
 .pv-horizontal-scroller-control-right-fade {
-  background: linear-gradient(270deg, var(--pv-horizontal-scroller-fade-background, #fff) 0%, transparent 100%);
+  background: linear-gradient(270deg, var(--pv-horizontal-scroller-fade-background, #FFFFFF) 0%, transparent 100%);
 }
 
 .pv-resizable {
@@ -3996,7 +4329,7 @@ pv-resize-handle {
   --progress: 20%;
   --width: 100%;
   --bar-height: .5rem;
-  background: linear-gradient(90deg, #13595D var(--progress), #8F939E var(--progress));
+  background: linear-gradient(90deg, #13595D var(--progress), var(--color-border, #8F939E) var(--progress));
   width: var(--width);
   height: var(--bar-height);
   border-radius: 1rem;
@@ -4016,13 +4349,13 @@ pv-resize-handle {
   display: none;
 }
 .pv-progress-bar[data-disabled] {
-  background: linear-gradient(90deg, #C1CAC9 var(--progress), #8F939E var(--progress));
+  background: linear-gradient(90deg, #C1CAC9 var(--progress), var(--color-border, #8F939E) var(--progress));
 }
 .pv-progress-bar--secondary {
-  background: linear-gradient(90deg, #36C5BA var(--progress), #8F939E var(--progress));
+  background: linear-gradient(90deg, #36C5BA var(--progress), var(--color-border, #8F939E) var(--progress));
 }
 .pv-progress-bar--secondary[data-disabled] {
-  background: linear-gradient(90deg, #6E6962 var(--progress), #8F939E var(--progress));
+  background: linear-gradient(90deg, #6E6962 var(--progress), var(--color-border, #8F939E) var(--progress));
 }
 .pv-progress-bar__label--secondary {
   color: #6E6962;
@@ -4670,33 +5003,191 @@ pv-header [slot=left] h3.pv-heading-3 {
   inset: 0;
 }
 
-pv-figure-details {
-  display: grid;
-  gap: 1rem;
-  grid-template-columns: 7fr 12fr;
-  align-items: center;
+.pv-filter-panel {
+  max-height: 100vh;
+  max-height: 100dvh;
+  min-height: 0;
+  overflow: hidden;
 }
-pv-figure-details img {
-  width: 100%;
-  height: auto;
+
+.pv-filter-panel-actions,
+.pv-filter-panel-header,
+.pv-filter-panel-suggestion-tags {
+  --flex-gap: 0.5rem;
 }
-pv-figure-details summary {
-  cursor: pointer;
-  padding: 1.5rem 0.75rem;
-  list-style: none;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2302363D' d='M10 2.917c.69 0 1.25.56 1.25 1.25V8.75h4.584a1.25 1.25 0 0 1 0 2.5H11.25v4.583a1.25 1.25 0 0 1-2.5 0V11.25H4.167a1.25 1.25 0 1 1 0-2.5H8.75V4.167c0-.69.56-1.25 1.25-1.25Z'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-size: 1.25rem 1.25rem;
-  background-position: right 1rem center;
+
+.pv-filter-panel-body,
+.pv-filter-panel-filters-view {
+  --flex-align: stretch;
+  --flex-gap: 0;
 }
-pv-figure-details summary::-webkit-details-marker {
-  display: none;
+
+.pv-filter-panel-body {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  scrollbar-color: var(--color-border, #8F939E) transparent;
+  scrollbar-gutter: stable;
+  scrollbar-width: thin;
 }
-pv-figure-details details[open] summary {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2302363D' d='M2.917 10c0-.69.56-1.25 1.25-1.25h11.667a1.25 1.25 0 0 1 0 2.5H4.167c-.69 0-1.25-.56-1.25-1.25Z'/%3E%3C/svg%3E");
+
+.pv-filter-panel-body::-webkit-scrollbar {
+  width: 0.5rem;
 }
-pv-figure-details details > div {
-  padding: 0 0.75rem 1.5rem 0.75rem;
+
+.pv-filter-panel-body::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.pv-filter-panel-body::-webkit-scrollbar-thumb {
+  background: var(--color-border, #8F939E);
+  border-radius: 0.5rem;
+}
+
+.pv-filter-panel-body::-webkit-scrollbar-thumb:hover {
+  background: var(--color-text-subdued, #4B595C);
+}
+
+.pv-filter-panel-empty,
+.pv-filter-panel-footer,
+.pv-filter-panel-suggestions {
+  padding: 0.75rem;
+}
+
+.pv-filter-panel-filter-list {
+  --flex-align: stretch;
+  --flex-gap: 0.5rem;
+  padding-block: 0.5rem;
+}
+
+.pv-filter-panel-collapsed-filters-toggle {
+  align-self: flex-start;
+}
+
+.pv-filter-panel-footer {
+  --flex-justify: flex-end;
+  background: var(--color-background-body, #FFFFFF);
+  bottom: 0;
+  flex: 0 0 auto;
+  margin-top: auto;
+  position: sticky;
+  z-index: 1;
+}
+
+.pv-filter-panel-header {
+  --flex-align: center;
+  padding: 0.75rem;
+}
+
+.pv-filter-panel-mode-control {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.pv-filter-panel-modal-footer {
+  --flex-justify: flex-end;
+}
+
+.pv-filter-panel-search {
+  padding: 0.5rem 0.75rem;
+}
+
+.pv-filter-panel-section-title {
+  margin: 0;
+}
+
+.pv-filter-panel-suggestions {
+  --flex-align: stretch;
+}
+
+.pv-filter-panel-suggestion-tags {
+  --flex-wrap: wrap;
+}
+
+.pv-question {
+  --card-radius: 0.75rem;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
+}
+
+.pv-question-listbox:focus-visible {
+  border-radius: 0.5rem;
+  outline: 2px solid var(--color-border-accent, #36C5BA);
+  outline-offset: 2px;
+}
+
+.pv-question-option,
+.pv-question-chat {
+  cursor: pointer;
+  min-width: 0;
+}
+
+.pv-question-option[data-active],
+.pv-question-chat[data-active] {
+  background-color: var(--card-hover-background-color, #E8F2F4);
+}
+
+.pv-question-option:active,
+.pv-question-chat:active {
+  background-color: var(--card-pressed-background-color, #C7D8DB);
+}
+
+.pv-question-chevron {
+  margin-inline-start: auto;
+  visibility: hidden;
+}
+
+.pv-question-option[data-active] .pv-question-chevron,
+.pv-question-chat[data-active] .pv-question-chevron {
+  visibility: visible;
+}
+
+.pv-question-check {
+  margin-inline-start: auto;
+}
+
+.pv-question-option[aria-selected=true] .pv-question-chevron {
+  display: none;
+}
+
+.pv-question-chat-badge {
+  --flex-gap: 0;
+  background-color: var(--badge-tertiary-background-color, #E0E5E4);
+  flex: 0 0 1rem;
+  height: 1rem;
+  justify-content: center;
+}
+
+.pv-question-chat-input .pv-input-text {
+  min-width: 0;
+}
+
+pv-figure-details {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: 7fr 12fr;
+  align-items: center;
+}
+pv-figure-details img {
+  width: 100%;
+  height: auto;
+}
+pv-figure-details summary {
+  cursor: pointer;
+  padding: 1.5rem 0.75rem;
+  list-style: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2302363D' d='M10 2.917c.69 0 1.25.56 1.25 1.25V8.75h4.584a1.25 1.25 0 0 1 0 2.5H11.25v4.583a1.25 1.25 0 0 1-2.5 0V11.25H4.167a1.25 1.25 0 1 1 0-2.5H8.75V4.167c0-.69.56-1.25 1.25-1.25Z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-size: 1.25rem 1.25rem;
+  background-position: right 1rem center;
+}
+pv-figure-details summary::-webkit-details-marker {
+  display: none;
+}
+pv-figure-details details[open] summary {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2302363D' d='M2.917 10c0-.69.56-1.25 1.25-1.25h11.667a1.25 1.25 0 0 1 0 2.5H4.167c-.69 0-1.25-.56-1.25-1.25Z'/%3E%3C/svg%3E");
+}
+pv-figure-details details > div {
+  padding: 0 0.75rem 1.5rem 0.75rem;
   font-size: 0.875rem;
   line-height: 1.3846153846;
 }
@@ -4943,7 +5434,7 @@ div.pv-drawer[open] {
 }
 .pv-circle-meter:after {
   z-index: 10;
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   width: 70%;
 }
 .pv-circle-meter label {
@@ -5013,7 +5504,7 @@ div.pv-drawer[open] {
   border: 2px solid var(--color-border, #DCDFE4);
   border-radius: 2px;
   appearance: none;
-  background-color: var(--color-background-body, #fff);
+  background-color: var(--color-background-body, #FFFFFF);
   width: 100%;
   min-width: fit-content;
 }
@@ -5259,7 +5750,7 @@ pv-data-grid.ag-theme-pv {
   border-radius: 2px;
 }
 .ag-select-list-item:hover {
-  background-color: #f8f8fa;
+  background-color: #F8F8FA;
 }
 
 .ag-list-item {
@@ -5296,6 +5787,333 @@ pv-data-grid.ag-theme-pv {
   border-bottom: 1px solid var(--color-border, #8F939E);
 }
 
+.ag-header-group-cell.pv-pivot-group {
+  border-radius: 6px 6px 0 0;
+  overflow: hidden;
+  --ag-header-cell-hover-background-color: transparent;
+  --ag-header-cell-moving-background-color: transparent;
+}
+
+.ag-header-group-cell.pv-pivot-group::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background-color: var(--pv-pivot-group-color, transparent);
+}
+
+.pv-data-table--pivot .ag-root-wrapper {
+  border-top-color: transparent;
+  border-left-color: transparent;
+  border-top-left-radius: 0;
+}
+
+.pv-data-table--pivot .ag-header-group-cell-no-group,
+.pv-data-table--pivot .ag-header-group-cell-no-group:hover {
+  background-color: transparent;
+}
+
+.pv-data-table--pivot .ag-pinned-left-header {
+  border-right-color: transparent;
+}
+
+.pv-data-table--pivot .ag-pinned-left-header .ag-header-cell {
+  border-top: var(--ag-wrapper-border);
+  border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
+}
+
+.pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
+  border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
+}
+
+.pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
+  border-right-color: transparent !important;
+}
+
+.pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
+.pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
+  border-left: var(--ag-wrapper-border);
+}
+
+.ag-header-group-cell.pv-pivot-group--highlight {
+  background-color: var(--color-background-accent, #F0F2F2);
+}
+
+.ag-header-cell.pv-pivot-column-header {
+  background-color: var(--color-background-accent, #F0F2F2);
+}
+
+.ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
+  border-left: 1px solid var(--color-border, #8F939E);
+}
+
+.ag-header-group-cell.pv-pivot-group,
+.ag-header-cell.pv-pivot-group-start,
+.ag-cell.pv-pivot-group-start {
+  border-left: 1px solid var(--color-border, #8F939E);
+}
+
+.pv-table-overlay {
+  position: absolute;
+  z-index: 2;
+  background: var(--color-background-body, #FFFFFF);
+  width: 100%;
+  height: calc(100% - 40px);
+  top: 80px;
+  pointer-events: none;
+}
+
+.pv-data-table .ag-header-cell-resize {
+  border: none !important;
+}
+
+.pv-data-table .ag-cell-inline-editing .ag-cell-editor {
+  height: 100% !important;
+}
+
+.pv-data-table .ag-rich-select-value {
+  min-height: 100% !important;
+}
+
+.pv-data-table .pv-data-table-cell-clickable {
+  cursor: pointer;
+}
+
+.pv-data-table .pv-data-table-cell-clickable:hover {
+  background-color: var(--button-ghost-hover-background-color, #E8F2F4);
+}
+
+/* Tooltips mount on body, outside .pv-data-table. Skip AG Grid's 1s fade-out so a hidden tooltip disappears at once. */
+.ag-tooltip-custom.ag-tooltip-animate {
+  transition: none;
+}
+
+.ag-tooltip-custom.ag-tooltip-hiding {
+  display: none;
+}
+
+.pv-data-table .ag-row.pv-data-table-row-clickable {
+  cursor: pointer;
+}
+
+.pv-data-table .ag-row.pv-data-table-row-clickable:hover {
+  background-color: var(--button-ghost-hover-background-color, #E8F2F4);
+}
+
+.pv-data-table .ag-row.pv-data-table-row-clickable.ag-row-focus {
+  box-shadow: inset 0 0 0 1px var(--text-input-focus-border-color, #36C5BA);
+}
+
+.pv-data-table .ag-row.pv-data-table-row-clickable .ag-cell-focus {
+  border-color: transparent;
+}
+
+.pv-data-table .ag-row-group-leaf-indent {
+  padding-left: 7px;
+  margin-left: 0;
+}
+
+.pv-data-table .ag-custom-loading-cell {
+  width: 100%;
+  height: 40%;
+  margin: 15px;
+  background-color: var(--p-skeleton-background, #F0F2F2);
+  border-radius: 4px;
+}
+
+.pv-data-table .ag-group-value {
+  width: 100%;
+  height: 100%;
+}
+
+.pv-data-table .ag-row:not(.ag-row-group) .ag-cell-wrapper {
+  height: 100%;
+  align-items: stretch;
+}
+
+.pv-data-table .ag-menu-option:hover {
+  background-color: var(--popover-list-item-hover-background-color, #E8F2F4);
+}
+
+.pv-data-table .ag-menu-option-shortcut {
+  color: var(--color-text-quaternary, #4B595C);
+}
+
+.pv-data-table .ag-menu-option:active {
+  background-color: var(--popover-list-item-pressed-background-color, #C7D8DB);
+}
+
+.pv-data-table .ag-menu-option-text {
+  font-family: "Inter", sans-serif;
+}
+
+.pv-data-table .ag-header-cell-menu-button:hover {
+  box-shadow: unset !important;
+}
+
+.pv-data-table .ag-button {
+  border-radius: 4px !important;
+  font-size: 12px !important;
+  padding: 3px 8px !important;
+}
+
+.pv-data-table-grouped-card .ag-body-horizontal-scroll {
+  display: none !important;
+}
+
+.pv-data-table-grouped-card .ag-header-cell-resize {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.pv-data-table-grouped-card .ag-header-cell:hover .ag-header-cell-resize {
+  opacity: 1;
+}
+
+.pv-data-table-grouped-card .ag-row-group-contracted {
+  background: linear-gradient(to bottom, var(--color-background-body, #FFFFFF) 5px, var(--color-background-accent, #F0F2F2) 5px, var(--color-background-accent, #F0F2F2) calc(100% - 5px), var(--color-background-body, #FFFFFF) calc(100% - 5px)) !important;
+}
+
+.pv-data-table-grouped-card .ag-row-group-expanded {
+  background: linear-gradient(to bottom, var(--color-background-body, #FFFFFF) 5px, var(--color-background-accent, #F0F2F2) 5px) !important;
+}
+
+.pv-data-table-grouped-card .ag-row-group-contracted .ag-cell,
+.pv-data-table-grouped-card .ag-row-group-expanded .ag-cell {
+  border: none !important;
+  align-items: center !important;
+  padding-top: 5px !important;
+  padding-bottom: 5px !important;
+}
+
+.pv-data-table-grouped-card .ag-row-group-contracted .ag-cell-wrapper,
+.pv-data-table-grouped-card .ag-row-group-expanded .ag-cell-wrapper {
+  align-items: center !important;
+  height: 100% !important;
+}
+
+.pv-data-table-grouped-card .ag-row-group-contracted .ag-cell-value,
+.pv-data-table-grouped-card .ag-row-group-expanded .ag-cell-value {
+  height: 100% !important;
+}
+
+.pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded) {
+  border-bottom: 1px solid var(--color-border, #8F939E) !important;
+  border-left: 1px solid var(--color-border, #8F939E) !important;
+  border-right: 1px solid var(--color-border, #8F939E) !important;
+}
+
+.pv-data-table-grouped-card .ag-row-loading {
+  border-top: 1px solid var(--color-border, #8F939E) !important;
+  box-sizing: border-box;
+}
+
+.pv-data-table-grouped-card .ag-row.pv-data-table-group-last-child,
+.pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded).ag-row-last {
+  border-radius: 0 0 4px 4px;
+}
+
+.pv-data-table-grouped-card .ag-row-group-contracted::after {
+  content: "";
+  position: absolute;
+  top: 5px;
+  left: 0;
+  right: 0;
+  bottom: 5px;
+  border: 1px solid var(--color-border, #8F939E);
+  border-radius: 4px;
+  pointer-events: none;
+}
+
+.pv-data-table-grouped-card .ag-row-group-expanded::after {
+  content: "";
+  position: absolute;
+  top: 5px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 1px solid var(--color-border, #8F939E);
+  border-radius: 4px 4px 0 0;
+  pointer-events: none;
+}
+
+.pv-data-table-grouped-card .ag-row-group-contracted:hover,
+.pv-data-table-grouped-card .ag-row-group-expanded:hover {
+  background: linear-gradient(to bottom, var(--color-background-body, #FFFFFF) 5px, var(--color-background-brand-accent, #E8F2F4) 5px, var(--color-background-brand-accent, #E8F2F4) calc(100% - 5px), var(--color-background-body, #FFFFFF) calc(100% - 5px)) !important;
+}
+
+.pv-data-table-grouped-card .ag-row-group-expanded:hover {
+  background: linear-gradient(to bottom, var(--color-background-body, #FFFFFF) 5px, var(--color-background-brand-accent, #E8F2F4) 5px) !important;
+}
+
+.pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded):hover {
+  background-color: var(--color-background-accent, #F0F2F2) !important;
+}
+
+.pv-data-table-grouped-card .ag-group-value {
+  height: 100%;
+}
+
+.pv-data-table-classic .ag-row-last {
+  border-bottom: none !important;
+}
+
+.pv-data-table-classic .ag-header-cell-resize {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.pv-data-table-classic .ag-header-cell:hover .ag-header-cell-resize {
+  opacity: 1;
+}
+
+.ag-custom-header-cell {
+  height: 100%;
+  align-items: center;
+}
+
+.ag-header-actions .ag-header-cell-menu-button {
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+
+.ag-header-cell-menu-button:hover .ag-header-actions .ag-header-cell-menu-button {
+  opacity: 1;
+}
+
+.ag-header-cell-menu-button:focus .ag-header-actions .ag-header-cell-menu-button {
+  opacity: 1;
+}
+
+.ag-custom-header-cell.ag-custom-header-cell-with-agg-selector {
+  position: relative;
+  height: 100%;
+  margin-inline: calc(var(--ag-cell-horizontal-padding) * -1);
+  width: calc(100% + var(--ag-cell-horizontal-padding) * 2);
+}
+
+.ag-header-agg-func-selector {
+  position: absolute;
+  inset: 0;
+  --button-ghost-hover-background-color: var(
+    --ag-header-cell-hover-background-color,
+    var(--color-background-accent, #F0F2F2)
+  );
+}
+
+.ag-header-agg-func-selector > div,
+.ag-header-agg-func-selector .pv-select-button-trigger.pv-select-button-trigger {
+  height: 100%;
+}
+
+.ag-header-agg-func-selector .pv-select-button-trigger.pv-select-button-trigger {
+  justify-content: flex-end;
+  padding-inline: var(--ag-cell-horizontal-padding);
+  border-radius: 0;
+}
+
 [class*=pv-banner] {
   padding: var(--banner-padding, 0.75rem 1rem);
   border-radius: var(--banner-radius, 4px);
@@ -5633,6 +6451,94 @@ pv-data-grid.ag-theme-pv {
   --shimmer-rgb: var(--step-list-shimmer-rgb, 247, 248, 248);
 }
 
+.pv-step-aside {
+  white-space: pre-line;
+}
+
+.pv-step-enter-active {
+  transition-property: opacity, transform;
+  transition-duration: 0.32s;
+  transition-timing-function: ease;
+}
+
+.pv-step-enter-from {
+  opacity: 0;
+  transform: translateY(6px);
+}
+
+/*
+ * Reasoning is an aside in a transcript, not a card, so it paints no surface of
+ * its own: the transcript behind it shows through at rest, and a consumer that
+ * wants a card puts one there with a surface utility. Hover and pressed are a
+ * different question from the resting surface - they are the trigger telling you
+ * it is a control, which it is whatever it is sitting on - so they are left to
+ * the accordion's own states rather than pinned flat. Each value is still a
+ * token a consumer can retheme without reaching into the accordion.
+ */
+.pv-reasoning {
+  --accordion-background-color: var(--reasoning-background-color, transparent);
+  --accordion-summary-background-color: var(--reasoning-trigger-background-color, transparent);
+  /* The accordion's own summary padding is palette-dependent; this one cannot be,
+     because the standalone label below has to sit in the same box and has no SCSS
+     token to read. Declaring it here means one value drives both. The right side is
+     literal because PvAccordion overrides it with a literal `padding-right: 2px`,
+     which `.125rem` only equals at a 16px root. */
+  --accordion-arrow-right-summary-padding: var(--reasoning-trigger-padding, 0.25rem 2px 0.25rem 0.125rem);
+  --accordion-content-padding: 0;
+}
+
+/* `pv-shimmer` declares its own `--shimmer-rgb`, so the sweep colour has to be set
+   at higher specificity than the utility to reach it. It has to match the surface
+   the transcript paints, which only the consumer knows. */
+.pv-reasoning-trigger .pv-shimmer {
+  --shimmer-rgb: var(--reasoning-shimmer-rgb, 247, 248, 248);
+}
+
+/* Matches the summary the disclosure would draw, down to the box the chevron
+   occupies, so the label does not shift sideways the moment there is finally
+   something to disclose. The chevron is a 1rem icon laid out by `pv-flex`, and
+   the padding is the one `.pv-reasoning` hands its summary. */
+.pv-reasoning-standalone {
+  padding: var(--reasoning-trigger-padding, 0.25rem 2px 0.25rem 0.125rem);
+  margin-inline-start: calc(1rem + var(--flex-gap, 0.5rem));
+}
+
+.pv-reasoning-content {
+  /* The rail hangs off the trigger's label: the summary's inline padding, the
+     chevron and the brain, and the gap on either side of the brain, less half a
+     marker so that the dot rather than the box around it lands on that edge. */
+  padding-block: var(--reasoning-content-gap, 1rem) 0.5rem;
+  padding-inline-start: var(--reasoning-content-indent, calc(3.125rem - var(--step-list-marker-size, 9px) / 2));
+  /* Model reasoning arrives as plain text whose line breaks are meaningful. */
+  white-space: pre-wrap;
+}
+
+/* ...but structured markup a consumer slots in should not inherit that, or its
+   own indentation renders. Zero specificity, so consumers can still override. */
+.pv-reasoning-content :where(ol, ul, dl, table, figure) {
+  white-space: normal;
+}
+
+.pv-tool-disclosure-content {
+  padding: 0 0.75rem 0.75rem;
+}
+
+.pv-tool-heading {
+  min-width: 0;
+}
+
+.pv-tool-content {
+  padding-top: 0.75rem;
+}
+
+.pv-tool pre {
+  max-width: 100%;
+  margin: 0;
+  overflow-x: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 .pv-chart-chip-value {
   line-height: 20px;
 }
@@ -5655,8 +6561,8 @@ pv-data-grid.ag-theme-pv {
 }
 
 .pv-chart-benchmark-chip:not([data-loading]):hover {
-  border-color: var(--color-border, #e3e7ea);
-  background: var(--surface-card-hover, #ece8e2);
+  border-color: var(--color-border, #E3E7EA);
+  background: var(--surface-card-hover, #ECE8E2);
 }
 
 .pv-chart-benchmark-chip-accent {
@@ -5764,7 +6670,7 @@ body:has(> .pv-layout-primary) {
   --layout-primary-sidebar-text-color: #FFFFFF;
   --nav-list-background-color: var(--layout-primary-sidebar-background-color);
   --nav-list-text-color: var(--layout-primary-sidebar-text-color);
-  --nav-list-hover-background-color: #0d5256;
+  --nav-list-hover-background-color: #0D5256;
   --nav-list-hover-text-color: var(--layout-primary-sidebar-text-color);
   --nav-list-active-background-color: #02363D;
   --nav-list-active-text-color: var(--layout-primary-sidebar-text-color);
@@ -5909,7 +6815,7 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
 
 .sidebar-toggle {
   flex-shrink: 0;
-  color: var(--layout-primary-sidebar-toggle-color, #6e8081) !important;
+  color: var(--layout-primary-sidebar-toggle-color, #6E8081) !important;
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.15s;
@@ -7062,7 +7968,7 @@ svg.pv-text-inherit {
   }
 }
 .pv-scrollbar-visible {
-  scrollbar-color: var(--color-border, #c1c1c1) transparent;
+  scrollbar-color: var(--color-border, #C1C1C1) transparent;
   scrollbar-gutter: stable;
   scrollbar-width: thin;
 }
@@ -7079,10 +7985,10 @@ svg.pv-text-inherit {
 }
 .pv-scrollbar-visible::-webkit-scrollbar-thumb {
   border-radius: 8px;
-  background-color: var(--color-border, #c1c1c1);
+  background-color: var(--color-border, #C1C1C1);
 }
 .pv-scrollbar-visible::-webkit-scrollbar-thumb:hover {
-  background-color: var(--color-text-subdued, #7c7c7c);
+  background-color: var(--color-text-subdued, #7C7C7C);
 }
 .pv-scrollbar-visible::-webkit-scrollbar-track {
   background-color: transparent;
@@ -7299,7 +8205,7 @@ svg.pv-text-inherit {
 }
 
 .select2-selection {
-  background-color: var(--color-background-body, #fff);
+  background-color: var(--color-background-body, #FFFFFF);
   border: var(--select2-border, 1px solid #8F939E);
   border-radius: 4px;
   padding-inline-end: 2rem;
@@ -7401,7 +8307,7 @@ svg.pv-text-inherit {
 }
 
 .select2-dropdown--above .select2-search__field {
-  background-color: var(--color-background-body, #fff);
+  background-color: var(--color-background-body, #FFFFFF);
 }
 
 .select2-container--open .select2-selection__placeholder,
@@ -7494,7 +8400,7 @@ svg.pv-text-inherit {
   width: auto;
   opacity: 0;
   z-index: 99;
-  background-color: #fff;
+  background-color: #FFFFFF;
   filter: alpha(opacity=0);
 }
 
@@ -7510,7 +8416,7 @@ svg.pv-text-inherit {
 }
 
 .select2-container--default.select2-container--disabled .select2-selection--single {
-  background-color: #eee;
+  background-color: #EEEEEE;
   cursor: default;
 }
 
@@ -7563,7 +8469,7 @@ svg.pv-text-inherit {
 }
 
 .select2-container--default.select2-container--disabled .select2-selection--multiple {
-  background-color: #eee;
+  background-color: #EEEEEE;
   cursor: default;
 }